.trading-header-container{position:fixed;z-index:1201;flex-shrink:0;top:env(safe-area-inset-top);width:100%}.trading-header-container .trading-header{box-shadow:none;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex-shrink:0;position:static;color:var(--color-white);background-color:var(--bg-header);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.trading-header .header-root{position:relative;min-height:52px;padding:0 8px 0 16px;display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--color-header-border)}.trading-header .header-root .left{flex:1 1}.trading-header .header-root .left,.trading-header .header-root .right{display:flex;align-items:center;gap:2px}.trading-header .header-root .btn-text{font-weight:600;font-size:14px}.trading-header .header-root .btn-icon{padding:0}.trading-header .header-root .btn-icon svg{font-size:22px}.trading-header .header-root .btn-header:hover{color:rgb(var(--color-main));border:none!important}.trading-header .header-root .logo{line-height:0}.trading-header .header-root .logo .image-logo{width:113px}.trading-header .header-root .popover-content{overflow-y:auto;overflow-x:hidden;min-width:16px;min-height:16px;pointer-events:auto;border-radius:8px;background-color:var(--bg-dark2);padding:16px;margin-top:1px;box-shadow:var(--box-shadow-header-menu);transition-duration:0s!important;transform:none;transition:opacity cubic-bezier(.4,0,.2,1),transform cubic-bezier(.4,0,.2,1)}.trading-header .header-root .icon-menu{white-space:nowrap}.trading-header .header-root .icon-menu .theme-icon{display:flex;align-items:center}.trading-header .header-root .price-card-menu{flex-grow:1;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;gap:8px}@media (max-width:1280px){.trading-header .header-root .price-card-menu{display:none}}.price-card-menu .price-card{font-size:14px;line-height:20px;font-weight:700;letter-spacing:.00938em;display:flex;align-items:center;gap:8px;box-shadow:var(--border-normal) 0 0 0 1px inset;cursor:pointer;width:-moz-fit-content;width:fit-content;margin:0;border-radius:8px;padding:8px}.price-card-menu .price-card .divider{flex-shrink:0;border-width:0 thin 0 0;border-style:solid;height:auto;align-self:stretch;margin:1px 0;border-color:var(--border-normal)}.price-card-menu .price-card .price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:Roboto Mono,monospace;font-optical-sizing:auto}.trading-header .header-root .not-login-menu{margin-left:0}.trading-header .header-root .not-login-menu .btn-group{min-width:150px}.trading-header .header-root .popover-content.over-default{min-width:280px;width:280px;padding:0}.over-default .item-list{list-style:none;margin:0;position:relative;outline:0;padding:0;width:100%}.over-default .item-list .divider{margin:0;flex-shrink:0;border-width:0 0 1px;border-style:solid;border-color:var(--border-normal)}.over-default .item-list .item{-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:rgb(var(--color-neutral));font-size:14px;line-height:20px;font-weight:600;letter-spacing:normal;display:flex;justify-content:flex-start;align-items:center;position:relative;text-decoration:none;min-height:48px;box-sizing:border-box;white-space:nowrap;padding:8px 16px;gap:12px}.over-default .item-list .item:hover{background-color:var(--bg-header-menu-hover)}.over-default .item-list .item .assets-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:16px;width:100%}.over-default .item-list .item .assets-wrap .assets-overview{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding:0;width:100%}.over-default .item-list .item .assets-wrap .assets-overview .overview-box{align-items:flex-start;background:rgba(19,21,22,.7);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;padding:0;width:100%}.light-theme .over-default .item-list .item .assets-wrap .assets-overview .overview-box{background:var(--bg-gray3)}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-header{align-items:center;display:flex;flex-direction:row;gap:4px;height:38px;padding:12px 16px 4px}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-header .overview-title{font-size:14px;font-weight:600;height:22px;line-height:22px}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-header .overview-icon{height:20px;width:20px;padding:2px}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-value{align-items:flex-start;display:flex;flex-direction:column;height:80px;padding:4px 16px 12px;width:100%}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-value .real-value{align-items:flex-end;display:flex;flex-direction:row;gap:4px;height:40px;padding:0}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-value .real-value .value{color:var(--color-white);display:inline-block;font-size:24px;font-weight:700;max-width:188px;white-space:nowrap}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-value .real-value .currency{align-items:center;color:#797f81;display:flex;flex-direction:row;font-size:14px;font-weight:400;height:22px;line-height:22px;width:38px;padding:0 4px 0 6px}.over-default .item-list .item .assets-wrap .assets-overview .overview-box .overview-value .est-value{align-items:center;display:flex;flex-direction:row;gap:4px;height:24px;padding:0;margin-top:8px;color:#adb1b8}.over-default .item-list .item .assets-wrap .assets-overview .maybe-delayed{color:#71757a;font-size:12px;font-weight:400;line-height:18px}.over-default .item-list .item .assets-wrap .link-group{align-items:center;display:flex;flex-direction:row;gap:8px;height:48px;justify-content:space-between;padding:0;width:100%}.over-default .item-list .item .assets-wrap .link-group svg{height:16px;width:16px}.over-default .item-list .item .user-wrap{display:flex;flex-direction:column;gap:4px}.over-default .item-list .item .user-wrap .info{font-size:14px;line-height:20px;font-weight:600;letter-spacing:normal;margin-bottom:8px;margin-top:0}.over-default .item-list .item .user-wrap .username{color:rgb(var(--color-main));font-size:14px;line-height:20px;font-weight:700;letter-spacing:normal;margin-top:6px;margin-bottom:6px}.over-default .item-list .item .title{margin:0;font-size:16px;font-weight:700;letter-spacing:normal;line-height:1}.over-default .item-list .item .left-content{flex-shrink:0;display:inline-flex}.over-default .item-list .item .left-content .icon{font-size:18px}.over-default .item-list .item .left-content .text{flex:1 1 auto;min-width:0;margin:0}.over-futures{min-width:600px;width:600px}.over-futures .quick{display:flex;align-items:center;gap:8px}.over-futures .quick .buttons{position:relative;display:inline-block;flex:1 1 auto;white-space:nowrap;background-color:rgb(45,47,48);border-radius:8px;min-height:revert;padding:4px;height:46px}.light-theme .over-futures .quick .buttons{background-color:#E7E8E9}.over-futures .quick .buttons .btn-symbol{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:transparent;outline:0;border:0;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;letter-spacing:.02857em;flex:1 1;white-space:normal;text-align:center;flex-direction:row;-webkit-box-flex:1;border-radius:8px;color:var(--color-white);font-size:14px;font-weight:600;line-height:20px;max-width:revert;min-height:revert;min-width:revert;overflow:revert;padding:4px 12px;position:relative;text-transform:revert;height:100%}.over-futures .quick .buttons .btn-symbol:not(:first-of-type):before{background-color:var(--border-normal);bottom:4px;content:"";display:block;left:-6px;position:absolute;top:4px;width:2px}.over-futures .quick .buttons .btn-symbol:hover{background-color:var(--bg-header-menu-hover)}.over-futures .quick .buttons .btn-symbol.selected{background-color:rgb(245,246,246);color:rgb(19,21,22)}.over-futures .quick .buttons .btn-symbol.selected:hover{background-color:rgb(231,232,233)}.over-futures .quick .buttons .btn-symbol:not(:last-child){margin-right:4px}.over-futures .quick .buttons .btn-symbol:not(:first-of-type){margin-left:6px}.over-futures .quick .buttons .btn-symbol img,.over-futures .quick .buttons .btn-symbol svg{margin-right:6px;font-size:16px}.over-futures .quick .search{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;font-size:14px}.over-futures .quick .search .search-input-field{font:inherit;letter-spacing:inherit;color:currentcolor;border:0;box-sizing:content-box;background:none;margin:0;display:block;min-width:0;width:100%;animation-name:mui-auto-fill-cancel;animation-duration:10ms;padding:0;height:auto}.over-futures .contracts{margin-top:16px;height:500px;overflow-x:hidden}.table-contract{display:table;width:100%;border-collapse:separate;border-spacing:0;overflow-x:hidden;border-top:1px solid var(--border-normal)}.table-contract thead>tr{color:inherit;display:table-row;vertical-align:middle;outline:0}.table-contract thead>tr>th{line-height:1.5rem;letter-spacing:normal;display:table-cell;vertical-align:inherit;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2;white-space:nowrap;font-size:13px;border:0;color:var(--color-white);background-color:rgb(31,33,34);font-weight:600;padding:8px}.light-theme .table-contract thead>tr>th{background-color:#E7E8E9}.table-contract tbody{font-size:14px}.table-contract tbody>tr>td{line-height:22px;letter-spacing:normal;display:table-cell;vertical-align:inherit;border-bottom:0;font-size:14px;text-align:left;color:var(--color-white);font-weight:500;white-space:nowrap;padding:8px}.table-contract tbody>tr{cursor:pointer}.table-contract tbody>tr:nth-child(2n){background-color:rgba(0,0,0,.05)}.table-contract .contract-item{display:flex;align-items:center;gap:4px}.table-contract .contract-item .icon-star{width:22px;color:var(--color-gray1);cursor:pointer}.table-contract .contract-item .icon-star.active{color:#FFCA28}.table-contract .contract-item.active .name{color:rgb(0,207,190)}.trading-body{display:flex;flex-direction:column;background-color:var(--bg-trading-body);min-height:calc(100vh - 52px);height:100vh;padding-top:52px;overflow-x:clip}.trading-contents{flex:1 1;overflow-y:auto}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(var(--color-neutral),.4);border-bottom:2px solid rgba(var(--color-neutral),.4)}.trading-footer{background-color:var(--bg-trading-footer);display:flex;justify-content:space-between;align-items:center;padding:4px 8px;grid-template-columns:repeat(2,auto) 1fr repeat(3,auto);gap:16px 8px}.trading-footer .link{padding:0 8px;font-size:12px;line-height:16px;font-weight:700}.trading-footer .link:hover{color:rgb(var(--color-main))}.trading-footer .link a{white-space:nowrap}.trading-footer .status{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:14px;font-weight:700;color:rgb(var(--color-main))}.trading-footer .status svg{width:14px}