@layer components{html body #root .public-shell.public-design[data-public-design] .public-market-page .pair-change-positive{color:var(--public-success)!important}html body #root .public-shell.public-design[data-public-design] .public-market-page .pair-change-negative{color:var(--public-danger)!important}html body #root .public-shell.public-design[data-public-design] .public-market-page{padding-block:40px 64px!important}html body #root .public-shell.public-design[data-public-design] .public-market-page h1{font-size:38px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-block:24px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers>article{background:var(--public-surface)!important;border:1px solid var(--public-border)!important;border-radius:var(--radius-xl)!important;padding:14px 16px!important;min-width:0!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers h2{font:500 12px/1.5 var(--public-font-body)!important;color:var(--public-text3)!important;margin:0 0 12px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers article>div{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;padding-block:5px!important;font-size:13px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers article>div>.logo-avatar{width:22px!important;height:22px!important;min-width:22px!important;flex:none!important;--qx-avatar-size:22px !important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers article>div>span{min-width:0!important;flex:1!important;display:flex!important;align-items:baseline!important;gap:4px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers strong{font-size:13px!important;font-weight:600!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers small{font-size:12px!important;color:var(--public-text3)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers b{font-size:12px!important;font-weight:500!important;white-space:nowrap!important}html body #root .public-shell.public-design[data-public-design] .v2-live-dot{width:7px!important;height:7px!important;display:inline-block!important;border-radius:var(--radius-full)!important;background:var(--public-success)!important}html body #root .public-shell.public-design[data-public-design] .v2-live-dot[hidden]{display:none!important}html body #root .public-shell.public-design[data-public-design] .v2-market-tools{display:flex!important;justify-content:flex-end!important;padding:12px 16px!important;border-bottom:1px solid var(--public-border)!important}html body #root .public-shell.public-design[data-public-design] .v2-market-tools>div{width:260px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-tools input{height:36px!important;border-radius:var(--radius-md)!important;box-shadow:none!important;background:var(--public-input)!important}html body #root .public-shell.public-design[data-public-design] .public-market-table-wrap{overflow:visible!important}html body #root .public-shell.public-design[data-public-design] .public-market-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:13px!important}html body #root .public-shell.public-design[data-public-design] .public-market-table thead{position:sticky!important;top:60px!important;z-index:2!important;background:var(--public-bg2)!important}html body #root .public-shell.public-design[data-public-design] .public-market-table :is(td,th){padding:0 12px!important;height:52px!important;min-height:0!important;font:400 13px/1.3 var(--public-font-body)!important;font-variant-numeric:tabular-nums!important;vertical-align:middle!important}html body #root .public-shell.public-design[data-public-design] .public-market-table th{height:36px!important;text-transform:none!important;letter-spacing:normal!important;font-size:12px!important;color:var(--public-text3)!important;background:var(--public-bg2)!important}html body #root .public-shell.public-design[data-public-design] .public-market-table th:first-child{width:44px!important}html body #root .public-shell.public-design[data-public-design] .public-market-table th:nth-child(2){width:27%!important;min-width:0!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody tr{border-bottom:1px solid var(--public-border)!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td>span{white-space:nowrap!important}html body #root .public-shell.public-design[data-public-design] .public-market-table .logo-avatar{width:28px!important;height:28px!important;min-width:28px!important;--qx-avatar-size:28px !important;box-shadow:none!important}html body #root .public-shell.public-design[data-public-design] .public-market-table .v2-market-name{font-size:12px!important;color:var(--public-text3)!important}html body #root .public-shell.public-design[data-public-design] .v2-mobile-market-cap{display:none!important}html body #root .public-shell.public-design[data-public-design] .v2-table-summary{border-top:1px solid var(--public-border)!important;padding:14px 16px!important;font-size:12px!important;color:var(--public-text3)!important;font-variant-numeric:tabular-nums!important}html body #root .public-shell.public-design[data-public-design] [data-testid=market-rates-questions]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-width:1248px!important;padding:40px var(--public-space-sides)!important}html body #root .public-shell.public-design[data-public-design] [data-testid=market-rates-questions]>h2,html body #root .public-shell.public-design[data-public-design] [data-testid=market-rates-questions]>div{grid-column:1/-1!important}html body #root .public-shell.public-design[data-public-design] .v2-question-card{display:flex!important;gap:10px!important;padding:16px!important;border:1px solid var(--public-border)!important;border-radius:var(--radius-xl)!important;background:var(--public-surface)!important}html body #root .public-shell.public-design[data-public-design] .v2-question-card>span{width:24px!important;height:24px!important;flex:none!important;display:grid!important;place-items:center!important;background:var(--public-accent-soft)!important;color:var(--public-accent)!important;border-radius:var(--radius-md)!important}html body #root .public-shell.public-design[data-public-design] .v2-question-card h3{font:600 14px/1.5 var(--public-font-body)!important;margin:0 0 8px!important}html body #root .public-shell.public-design[data-public-design] .v2-question-card p{font-size:13px!important;line-height:1.6!important;margin:0!important;color:var(--public-text2)!important}html body #root .public-shell.public-design[data-public-design] [data-testid=market-rates-questions]>div{display:flex!important;align-items:center!important;justify-content:flex-end!important;border:1px dashed var(--public-border-strong)!important;padding:12px 16px!important;border-radius:var(--radius-md)!important;margin:0!important}@media(min-width:721px)and (max-width:1023px){html body #root .public-shell.public-design[data-public-design] .v2-market-movers{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:1023px){html body #root .public-shell.public-design[data-public-design] .public-market-table :is(td,th):nth-child(6){display:none!important}html body #root .public-shell.public-design[data-public-design] .public-market-table th:nth-child(2){width:32%!important}}@media(max-width:720px){html body #root .public-shell.public-design[data-public-design] .v2-market-movers{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;max-width:100%!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers::-webkit-scrollbar{display:none!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers>article{flex:0 0 78%!important;scroll-snap-align:start!important}html body #root .public-shell.public-design[data-public-design] .v2-market-tools>div{width:100%!important}html body #root .public-shell.public-design[data-public-design] .public-market-table thead{display:none!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody tr{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 8px!important;padding:10px 12px!important;min-height:72px!important;height:auto!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td{height:auto!important;padding:0!important;min-width:0!important;display:block!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:first-child{grid-column:1!important;grid-row:1/3!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(2){grid-column:2!important;grid-row:1/3!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(2)>div{gap:8px!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(3){grid-column:3!important;grid-row:1!important;align-self:end!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(4){grid-column:3!important;grid-row:2!important;align-self:start!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(2)>div>div{min-width:0!important}html body #root .public-shell.public-design[data-public-design] .public-market-table .v2-market-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:22ch!important}html body #root .public-shell.public-design[data-public-design] .v2-mobile-market-cap{display:block!important;font-size:11px!important;color:var(--public-text3)!important}html body #root .public-shell.public-design[data-public-design] .public-market-table tbody td:nth-child(n+5){display:none!important}html body #root .public-shell.public-design[data-public-design] [data-testid=market-rates-questions]{grid-template-columns:minmax(0,1fr)!important}}}@layer components{html body #root .public-shell.public-design[data-public-design] .public-market-table .asset-logo{--asset-logo-size:28px!important}html body #root .public-shell.public-design[data-public-design] .v2-market-movers .asset-logo{--asset-logo-size:22px!important}html body #root .public-shell.public-design[data-public-design] .public-market-page .asset-logo-artwork{padding:0!important}}