.c-orderbook-list-header{display:flex;padding:4px 20px}@media screen and (max-width:1024px){.c-orderbook-list-header.col-reverse .header-item i.iconfont.icon-arrow-down{inset-inline:auto 100%}.c-orderbook-list-header.col-reverse .header-item .menu-wrap{inset-inline:auto 0}.c-orderbook-list-header.header-absolute .header-item:first-child{position:absolute;transform:translate(-50%)}}@media(max-width:768px){.c-orderbook-list-header{padding:4px 0}}.c-orderbook-list-header .header-item{box-sizing:border-box;color:rgb(var(--ui0-text-tertiary));flex:1;font-size:12px;font-weight:500;padding:0 4px}.c-orderbook-list-header .header-item i.iconfont.icon-arrow-down{color:rgb(var(--ui0-text-tertiary));display:inline-block;font-size:14px;inset-inline-start:100%;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.c-orderbook-list-header .header-item i.iconfont.icon-arrow-down.active{color:rgb(var(--ui0-base-brand));transform:translateY(-50%) rotate(180deg)}.c-orderbook-list-header .header-item .menu-wrap{background-color:rgb(var(--ui0-bg-primary_white));border-radius:12px;box-shadow:0 8px 30px #9299ac33;min-height:34px;min-width:96px;position:absolute;top:20px;inset-inline:0 auto;z-index:100}.c-orderbook-list-header .header-item .menu-wrap .menu-item{align-items:center;color:rgb(var(--ui0-text-secondary));display:flex;font-size:12px;height:34px;padding:0 12px;text-align:start;white-space:nowrap}.c-orderbook-list-header .header-item .menu-wrap .menu-item.active{background-color:var(--f7f8fa);color:rgb(var(--ui0-base-brand))}@media screen and (max-width:1024px){html[dir=rtl] .c-orderbook-list-header.header-absolute .header-item:first-child{transform:translate(50%)}}.c-exchange-orderbook-list .loading-box{min-height:346px}.c-exchange-orderbook-list.absolute-position{inset:0;position:absolute}.c-exchange-orderbook-list.absolute-position .c-exchange-orderbook-list-body{height:100%}.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content{display:flex;flex-direction:column;height:100%!important;position:relative}.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content:before{content:"";display:block;flex:1;width:100%}.c-exchange-orderbook-list.list-reverse .c-exchange-orderbook-list-body .via-scrollbar-content .list-item:hover:after{bottom:auto;top:0}.c-exchange-orderbook-list .c-exchange-orderbook-list-body{position:relative}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .c-common-alignnumber .holder{display:none}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item{box-sizing:border-box;color:rgb(var(--ui0-text-primary));cursor:pointer;display:flex!important;font-weight:500;padding:3px 20px;position:relative}@media(max-width:768px){.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item{padding:4px 0}}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy{background-image:linear-gradient(rgb(var(--ui0-base-brand)/8%),rgb(var(--ui0-base-brand)/8%));background-position:100% 0;background-repeat:no-repeat}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy.has-order:before{background-color:rgb(var(--ui0-base-brand));bottom:0;content:"";display:block;inset-inline-start:0;position:absolute;top:0;width:4px}@media(max-width:768px){.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy.has-order:before{display:none}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy{color:rgb(var(--ui0-base-brand))}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.buy:hover{background-color:transparent;color:rgb(var(--ui0-base-brand));font-weight:400!important}}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell{background-image:linear-gradient(rgb(var(--ui0-base-volcano500)/8%),rgb(var(--ui0-base-volcano500)/8%));background-position:100% 0;background-repeat:no-repeat}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell.has-order:before{background-color:rgb(var(--ui0-base-negative));bottom:0;content:"";display:block;inset-inline-start:0;position:absolute;top:0;width:4px}@media(max-width:768px){.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell.has-order:before{display:none}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell{color:rgb(var(--ui0-base-negative))}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell:hover{background-color:transparent;color:rgb(var(--ui0-base-negative));font-weight:400!important}}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.active,.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover{background-color:rgb(var(--ui0-bg-block_heavy))}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover{font-weight:700}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover:after{border-top:1px dashed rgb(var(--ui0-text-quaternary));bottom:0;content:"";display:block;height:0;left:0;position:absolute;right:0}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item .td-item{flex:1;font-size:12px}@media screen and (max-width:768px){.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover{font-weight:400}.c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item:hover:after{border-top:none!important}}html[dir=rtl] .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item{background-position:100% 0}@media(max-width:768px){html[dir=rtl] .c-exchange-orderbook-list .c-exchange-orderbook-list-body .list-item.sell .td-item:last-child .c-common-alignnumber .holder{display:none}}html[dir=rtl] .c-exchange-orderbook-list.col-reverse .c-exchange-orderbook-list-body .list-item{background-position:0 0}.c-orderbook-table{background:rgb(var(--ui0-bg-primary_white));border-radius:20px;box-shadow:0 8px 30px #7e839c1a;margin-top:22px;position:relative}@media screen and (max-width:414px){.c-orderbook-table.overflow-width{overflow-x:auto}.c-orderbook-table.overflow-width .c-orderbook-table-content{min-width:390px}}.c-orderbook-table .max-w-45{max-width:45px}@media screen and (max-width:1024px)and (min-width:768.02px){.c-orderbook-table{box-shadow:none}.c-orderbook-table .orderbook-wrap .list-item{padding:4px 0!important}.c-orderbook-table .orderbook-wrap .title{display:none}}.c-orderbook-table .orderbook-wrap{flex:1}.c-orderbook-table .orderbook-wrap .list-item.sell{background-position:0 0!important}
