.market-sessions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:1px;background:#202733;border:1px solid #202733;border-radius:14px;overflow:hidden}.market-session{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot title time" "dot title state";align-items:center;gap:0 10px;min-height:72px;padding:13px 16px;background:#0a0e13;color:#f4f6f8}.market-session__dot{grid-area:dot;width:8px;height:8px;border-radius:50%;background:#6c7480;box-shadow:0 0 0 5px rgba(108,116,128,.08)}.market-session div{grid-area:title;display:grid;gap:2px}.market-session small{font:700 9px/1.2 Manrope,Inter,sans-serif;letter-spacing:.13em;color:#6f7782}.market-session b{font:650 13px/1.2 Manrope,Inter,sans-serif}.market-session time{grid-area:time;font:700 15px/1 Manrope,Inter,sans-serif;font-variant-numeric:tabular-nums}.market-session em{grid-area:state;justify-self:end;margin-top:5px;font:600 9px/1 Manrope,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7b838e}.market-session--open .market-session__dot{background:#45d48a;box-shadow:0 0 0 5px rgba(69,212,138,.1)}.market-session--open em{color:#45d48a}.market-session--pre .market-session__dot{background:#efb936;box-shadow:0 0 0 5px rgba(239,185,54,.1)}.market-session--pre em{color:#efb936}.market-sessions--compact{margin:0 28px;border-radius:0 0 12px 12px;border-top:0}.market-sessions--compact .market-session{min-height:50px;padding:8px 13px}.market-sessions--compact .market-session b{font-size:11px}.market-sessions--compact .market-session time{font-size:12px}.market-sessions--compact .market-session small{display:none}
@media(max-width:850px){.market-sessions{grid-template-columns:repeat(2,minmax(0,1fr))}.market-sessions--compact{margin:0 16px}}
@media(max-width:520px){.market-session{padding:11px 10px;gap:0 7px}.market-session time{font-size:13px}.market-session em{font-size:8px}.market-sessions--compact .market-session{min-height:46px;padding:7px 8px}.market-sessions--compact .market-session time{display:none}}
.market-session__count{grid-column:2/4;color:#7f8996;font-size:9px;letter-spacing:.04em;text-transform:uppercase;margin-top:5px}.market-session{grid-template-areas:"dot title time" "dot title state" ". count count"}.market-session__count{grid-area:count}.market-session--pre .market-session__dot{background:#d9aa58}.market-session--pre em{color:#d9aa58}