/* Homepage futures table: header alignment, breathing room, footer controls */
.ft thead th{vertical-align:middle}
.ft th.th-static{padding:13px 14px}
.ftstatic{display:flex;align-items:center;min-height:18px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;white-space:nowrap}
@media (min-width:1641px){
.ft th,.ft td{padding-left:12px;padding-right:12px}
.ft th:first-child,.ft td:first-child{padding-left:14px}
.ft th:last-child,.ft td:last-child{padding-right:14px}
.ft .ftsort{padding-left:12px;padding-right:12px}
}
.ft .ft-cta .btn.sm{padding:9px 16px}
.ftchips button{padding:7px 15px}
.fttabs button{padding:10px 16px}
.ftsub{margin-bottom:18px}
.ftfoot .btn{padding:11px 20px}
.ftsalenote{margin-bottom:14px}
.ftright{padding-right:16px}
.ftfoot>span{padding-right:16px}
.ftfoot .btn{border-radius:12px;padding:11px 20px}
:root[data-theme=light] .ftfoot .btn:not(.gold),:root[data-theme=light] .ftfoot .btn:not(.gold):hover{background:transparent}
:root[data-theme=light] .ftsub .ftchips button:not([aria-pressed=true]){background:transparent}
:root[data-theme=light] main #firmTable,:root[data-theme=light] main #firmTable .ft{background:transparent}
:root[data-theme=light] main #firmTable{border:0;border-top:0;border-radius:0}
@media (min-width:1241px){
.ft tbody tr{height:57px}
.ft tbody td{vertical-align:middle}
.ft-firm small{display:block;width:0;min-width:100%;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:1241px){
.ft tbody td{padding-top:6px;padding-bottom:6px}
.ft tbody td.ft-rt{line-height:1.1}
}
@media (min-width:1241px){
:root[data-theme=light] .ft tbody td{padding-top:6px;padding-bottom:6px}
}
@media (min-width:1241px){
.ft tbody td.ft-firm a{height:44px;display:flex;align-items:center;overflow:hidden}
.ft tbody td.ft-firm b,.ft tbody td.ft-firm small{line-height:1.2}
}
@media (min-width:1241px){
.ft tbody td[data-l=Drawdown],.ft tbody td[data-l=Activation],.ft tbody td[data-l=Daily\ limit]{white-space:nowrap}
}
