.market-tabs{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start}
.market-tabs button{--asset-color:#83beff;--asset-rgb:131,190,255;min-height:46px;padding:7px 15px 7px 9px;gap:9px;border-radius:15px;background:linear-gradient(145deg,#17263b,#101c2d);border:1px solid #30435d;color:#d9e5f6;box-shadow:inset 0 1px 0 #ffffff08;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.market-tabs button[data-market=etf]{--asset-color:#bba5ff;--asset-rgb:187,165,255}
.market-tabs button[data-market=dxy]{--asset-color:#5de0b0;--asset-rgb:93,224,176}
.market-tabs button[data-market=treasuries]{--asset-color:#78d6ef;--asset-rgb:120,214,239}
.market-tabs button[data-market=kr]{--asset-color:#ff9caf;--asset-rgb:255,156,175}
.market-tabs button[data-market=gold]{--asset-color:#ffd36c;--asset-rgb:255,211,108}
.market-tabs button[data-market=crypto]{--asset-color:#ffae5c;--asset-rgb:255,174,92}
.market-tabs button>span.market-tab-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,rgba(var(--asset-rgb),.2),rgba(var(--asset-rgb),.06));color:var(--asset-color);box-shadow:inset 0 0 0 1px rgba(var(--asset-rgb),.17);transition:background .2s,color .2s,box-shadow .2s}
.market-tab-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.market-tabs button:hover{background:#1b2d43;border-color:var(--asset-color);transform:translateY(-2px)}
.market-tabs button[aria-selected=true]{background:linear-gradient(135deg,#d3ff7b,#b7f34a);border-color:#d5ff90;color:#19300b;box-shadow:0 4px 18px #baff4c1a,inset 0 1px 0 #ffffff60}
.market-tabs button[aria-selected=true]>span.market-tab-icon{background:#243b12;color:#d3ff85;box-shadow:inset 0 1px 0 #ffffff18}
.market-tabs button:focus-visible{outline:2px solid #d3ff7b;outline-offset:4px}
@media(max-width:760px){.market-tabs{gap:7px;margin-bottom:20px}.market-tabs button{min-height:44px;font-size:11px;padding:7px 12px 7px 8px;gap:7px}.market-tabs button>.market-tab-icon{flex-basis:26px;width:26px;height:26px;border-radius:8px}.market-tab-icon svg{width:18px;height:18px}html[lang=en] .market-tabs button{font-size:11px;padding-inline:8px 12px}}
@media(prefers-reduced-motion:reduce){.market-tabs button,.market-tabs button>.market-tab-icon{transition:none}.market-tabs button:hover{transform:none}}