﻿/* User-selected market tabs and the market picker. */
.trading-page .instrument-row .market-tab{position:relative;flex:0 0 135px;width:135px;min-width:0}
.trading-page .instrument-row .market-tab .pair{display:block;width:100%;padding-right:25px;overflow:hidden}
.trading-page .market-tab .pair strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trading-page .instrument-row .pair-close{position:absolute;top:3px;right:3px;width:20px;height:20px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#202535;color:#aeb8c9;font-size:16px;line-height:1;cursor:pointer}
.trading-page .instrument-row .pair-close:hover,.trading-page .instrument-row .pair-close:focus-visible{background:#168bea;color:#fff}
.trading-page .instrument-row .pair-close:disabled{visibility:hidden;pointer-events:none}
.trading-page .instrument-row .add{position:sticky;left:10px;z-index:3;cursor:pointer;box-shadow:0 0 0 5px #191e2c}
.trading-page .market-tab button:focus-visible,.trading-page .pair-picker button:focus-visible{outline:2px solid #168bea;outline-offset:2px}
.trading-page .pair-picker{z-index:90;width:min(480px,calc(100vw - 100px))!important;max-height:min(560px,calc(100dvh - 180px));padding:16px;background:#202535;border:1px solid #3d475c;box-shadow:0 16px 40px #0008}
.trading-page .pair-picker[hidden]{display:none}
.trading-page .pair-picker::after,.trading-page .pair-options::before{display:none}
.trading-page .pair-picker h2{margin:0 30px 14px 0}
.trading-page .pair-picker .pair-search{width:100%;padding:0 10px}
.trading-page .pair-options{max-height:min(380px,calc(100dvh - 310px));border-top:0}
.trading-page .pair-options .pair-option{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:12px;width:100%;min-height:42px;margin:5px 0 0;padding:10px;text-align:left;border:1px solid #354056;border-radius:5px;background:#292f40;color:#f5f6fa;cursor:pointer}
.trading-page .pair-options .pair-option[hidden]{display:none}
.trading-page .pair-options .pair-option:hover{background:#323d53;border-color:#168bea}
.trading-page .pair-option strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.trading-page .pair-option-rate{color:#ffc247;font-weight:bold}
.trading-page .pair-option-state{color:#8dbff3;font-size:10px;text-align:right}
.trading-page .pair-option.is-open .pair-option-state{color:#52dca2}
@media(max-width:700px){
 .trading-page .instrument-row .market-tab{flex-basis:118px;width:118px}
 .trading-page .instrument-row .market-tab .pair{width:100%;padding-right:24px}
 .trading-page .instrument-row .add{left:8px}
 .trading-page .pair-picker{position:fixed;left:12px;top:96px;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 116px)}
 .trading-page .pair-options{max-height:calc(100dvh - 260px)}
}
