.clip-corner{clip-path: polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);} .markets-wayfind{font-size: var(--fs-small);color: var(--ash);margin: 0 0 var(--sp-2);} .markets-wayfind a{color: var(--link);} .markets-sub{max-width: 52ch;font-size: var(--fs-body);color: var(--text-quiet);margin: var(--sp-2) 0 var(--sp-4);} .markets-status{min-height: 1.5em;margin: 0 0 var(--sp-3);font-size: var(--fs-small);color: var(--ash);} .markets-status[hidden]{display: none;} .markets-band{margin: 0 0 var(--sp-5);} main.markets > section.markets-band{margin: 0;padding-block: var(--sp-7);} .markets-combobox{position: relative;max-width: 32rem;} .markets-label{display: block;margin-bottom: var(--sp-1);font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--text-secondary);} .markets-search{width: 100%;padding: var(--sp-2) var(--sp-3);border: 1px solid var(--border);border-radius: var(--radius-2);background-color: var(--bg-panel);color: var(--text-primary);font-family: inherit;font-size: var(--fs-body);} .markets-search::placeholder{color: var(--ash);} .markets-hint{margin: var(--sp-1) 0 0;max-width: 420px;font-size: var(--fs-caption);line-height: var(--lh-tight);color: var(--ash);} .markets-listbox{position: absolute;z-index: 30;top: calc(100% - 1.25rem);left: 0;right: 0;max-height: 18rem;overflow-y: auto;margin: 0;padding: var(--sp-1) 0;list-style: none;background: var(--panel-raised);border: 1px solid var(--border-bright);box-shadow: 0 8px 24px var(--black-a55);} .markets-option{display: flex;justify-content: space-between;gap: var(--sp-3);padding: var(--sp-2) var(--sp-3);cursor: pointer;color: var(--text-primary);font-size: var(--fs-small);} .markets-option .markets-option-cat{flex: none;font-size: var(--fs-caption);color: var(--parchment-dark);} .markets-option-note{cursor: default;color: var(--ash);font-style: italic;} .markets-option:hover:not(.markets-option-note){background: var(--gold-earth-a12);} .markets-option[aria-selected="true"],.markets-option:focus-visible{background: var(--gold-earth-a12);} .markets-tabs{display: flex;gap: var(--sp-3);margin-top: var(--sp-4);} .head .markets-tabs{margin-top: 0;} .markets-tabs[hidden]{display: none;} .markets-item-line{margin-left: var(--sp-3);} .head h2 .markets-item-line{font-size: var(--fs-small);font-weight: 400;text-transform: none;letter-spacing: normal;color: var(--parchment);text-shadow: none;} .markets-stats{grid-template-columns: repeat(auto-fit,minmax(120px,1fr));} .markets-stat-label{display: block;margin-bottom: var(--sp-1);font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--ash);} .markets-stat-value{font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;display: block;font-size: var(--fs-body);font-weight: 700;color: var(--text-bright);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-head-split{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-3);flex-wrap: wrap;} .markets-head-note{margin-left: var(--sp-2);font-family: inherit;font-size: var(--fs-caption);font-weight: 400;letter-spacing: var(--tr-label);text-transform: uppercase;color: var(--parchment);text-shadow: none;} .markets-range{display: inline-flex;gap: var(--sp-2);} .markets-range[hidden]{display: none;} .markets-item-selected .markets-fold-prices,.markets-item-selected > .markets-catalog-cta,.markets-item-selected > .markets-sub,.markets-item-selected .markets-artband{display: none;} main.markets-item-selected > section.markets-band{padding-block: var(--sp-3);} .markets-history-records > summary{cursor: pointer;padding-block: var(--sp-3);} .markets-history-scroll{max-height: 20rem;overflow: auto;} .markets-chart-none{max-width: 52ch;margin: 0 0 var(--sp-3);} .markets-chart-none:empty{display: none;} .markets-mini{min-height: 36px;padding: var(--sp-1) var(--sp-3);} .markets-chart-frame{margin: 0;padding: var(--sp-3);background: var(--panel-raised);border: 1px solid var(--border);} .markets-chart-frame svg{display: block;width: 100%;height: auto;} .markets-chart-caption{margin: 0;font-size: var(--fs-micro);letter-spacing: var(--tr-label);text-transform: uppercase;color: var(--ash);} .markets-chart-empty{fill: var(--ash);} .markets-book-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--sp-4);} .markets-book-grid .panel{margin-bottom: 0;} .markets-book-cols,.markets-book-row{display: grid;grid-template-columns: 8.5rem 4.5rem 1fr minmax(7rem,max-content);align-items: center;gap: var(--sp-2);} .markets-book-cols > *,.markets-book-row > *{min-width: 0;overflow: hidden;text-overflow: ellipsis;} .markets-book-cols > :nth-child(1),.markets-book-cols > :nth-child(2){text-align: right;} .markets-book-cols > :nth-child(4){text-align: right;} .markets-book-cols{margin-bottom: var(--sp-1);font-size: var(--fs-caption);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--ash);} .markets-book-list{margin: 0;padding: 0;list-style: none;} .markets-book-row{padding: var(--sp-1) 0;border-bottom: 1px solid var(--border-subtle);font-size: var(--fs-small);} .markets-book-row:last-child{border-bottom: none;} .markets-price{color: var(--text-bright);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-units{color: var(--text-primary);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-depth{height: 8px;background: var(--white-a5);} .markets-depth i{display: block;height: 100%;background: linear-gradient(90deg,var(--gold-earth-a9),var(--gold-earth-a25));} .markets-seller{text-align: right;} .markets-seller a{color: var(--link);} .markets-missing{color: var(--parchment);} .markets-empty-note{margin: var(--sp-2) 0 0;font-size: var(--fs-small);color: var(--ash);} .markets-table-wrap{overflow-x: auto;} .markets-table{width: 100%;border-collapse: collapse;font-size: var(--fs-small);} .markets-caption{caption-side: top;text-align: left;padding: 0 0 var(--sp-1);font-size: var(--fs-caption);color: var(--ash);} .markets-table th.markets-num{text-align: right;} .markets-table th{padding: var(--sp-1) var(--sp-2);border-bottom: 1px solid var(--border-bright);text-align: left;font-size: var(--fs-caption);text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--ash);} .markets-table td{padding: var(--sp-1) var(--sp-2);border-bottom: 1px solid var(--border-subtle);color: var(--text-primary);} .markets-table tbody tr:nth-child(even){background: var(--bg-panel);} .markets-table tbody tr:hover{background: var(--bg-panel-hover);} .markets-table tbody tr:focus-within{background: var(--bg-panel-hover);} .markets-num{text-align: right;} .markets-table td.markets-num{color: var(--text-bright);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-table a{color: var(--link);} .markets-pager{display: flex;align-items: center;gap: var(--sp-3);margin-top: var(--sp-3);} .markets-page-status{font-size: var(--fs-caption);color: var(--ash);font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} @media (max-width: 900px){.markets-book-grid{grid-template-columns: 1fr;}} @media (max-width: 640px){.markets-book-cols,.markets-book-row{grid-template-columns: 7rem 3.25rem 1fr minmax(4.5rem,max-content);font-size: var(--fs-caption);gap: var(--sp-1);} .markets-tabs{flex-direction: column;align-items: stretch;}} .markets-catalog-cta{margin-top: var(--sp-4);} .markets-trend{margin-left: var(--sp-3);font-family: var(--font-body);font-size: var(--fs-caption);font-weight: 700;letter-spacing: 0.02em;vertical-align: middle;white-space: nowrap;} .markets-trend-up{color: var(--trend-up);} .markets-trend-down{color: var(--trend-down);} .markets-trend-flat{color: var(--parchment);} .head .markets-trend-flat{color: var(--parchment);} .markets-cat-controls{display: flex;flex-wrap: wrap;gap: var(--sp-4);align-items: flex-end;} .markets-cat-search{flex: 1 1 16rem;} .markets-cat-row{display: flex;gap: var(--sp-2);align-items: center;} .markets-cat-row .markets-label{margin-bottom: 0;} .markets-cat-select{background: var(--bg-panel);color: var(--text-primary);border: 1px solid var(--border-bright);border-radius: var(--radius-1);padding: var(--sp-2) var(--sp-3);font-family: inherit;font-size: var(--fs-small);} .markets-wiki-link{font-size: var(--fs-caption);text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--parchment-dark);text-decoration: none;white-space: nowrap;} .markets-mover:hover .markets-wiki-link,.markets-fold-item:hover .markets-wiki-link,.movers-list-item:hover .markets-wiki-link,tr:hover > td > .markets-wiki-link,.markets-wiki-link:hover,.markets-wiki-link:focus-visible{color: var(--gold-mid);text-decoration: underline;} .markets-wiki-name-link{color: inherit;text-decoration-color: var(--gold-2-a40);text-underline-offset: 0.18em;} .markets-wiki-name-link:hover,.markets-wiki-name-link:focus-visible{text-decoration-color: var(--gold-mid);} .markets-cat-chips{display: flex;flex-wrap: wrap;gap: var(--sp-2);margin-top: var(--sp-4);} .markets-cat-chip-count{color: var(--ash);font-weight: 400;margin-inline-start: var(--sp-1);} .markets-cat-sub{display: block;font-size: var(--fs-caption);color: var(--ash);} .markets-cat-up{color: var(--trend-up);font-weight: 700;white-space: nowrap;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-cat-down{color: var(--trend-down);font-weight: 700;white-space: nowrap;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-cat-flat{color: var(--ash);white-space: nowrap;font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;} .markets-cat-spark{width: 132px;} .markets-cat-spark svg{display: block;width: 120px;height: 28px;} main.markets{padding-top: calc(var(--sp-8) + var(--sp-1));} .markets-landing[hidden]{display: none;} .markets-landing-lede{max-width: 48ch;margin: 0 0 var(--sp-4);font-size: var(--fs-body);color: var(--parchment);} .markets-landing-list{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--sp-4);margin: 0 0 var(--sp-4);padding: 0;list-style: none;} .markets-landing-list li{padding-left: var(--sp-3);border-left: 3px solid var(--gold-dim);} .markets-landing-list strong{display: block;margin-bottom: var(--sp-1);font-family: var(--font-body);font-size: var(--fs-small);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--text-bright);} .markets-landing-list span{display: block;font-size: var(--fs-caption);line-height: var(--lh-body);color: var(--ash);} .markets-landing-cta{margin: 0;font-size: var(--fs-small);color: var(--ash);} .markets-landing-cta a{color: var(--link);} .markets-movers[hidden],.markets-cats[hidden]{display: none;} .markets-movers-head{margin: 0 0 var(--sp-2);font-family: var(--font-body);font-size: var(--fs-small);font-weight: 700;text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--text-bright);} .markets-movers-list{margin: 0 0 var(--sp-3);padding: 0;list-style: none;border-top: 1px solid var(--border);} .markets-mover{border-bottom: 1px solid var(--border);} .markets-mover-btn{display: grid;grid-template-columns: minmax(0,1fr) auto auto;grid-template-areas: "name price chg" "cat price chg";align-items: center;gap: 0 var(--sp-3);width: 100%;padding: var(--sp-2) var(--sp-1);font: inherit;text-align: left;color: inherit;background: transparent;border: 0;cursor: pointer;transition: background var(--dur-instant) var(--ease-out);} .markets-mover-btn:hover{background: var(--bg-3);} .markets-mover-name{grid-area: name;min-width: 0;font-size: var(--fs-body);color: var(--text-bright);overflow-wrap: anywhere;} .markets-mover-cat{grid-area: cat;font-size: var(--fs-caption);text-transform: uppercase;letter-spacing: var(--tr-label);color: var(--ash);} .markets-mover-price{grid-area: price;} .markets-mover-chg{grid-area: chg;min-width: 5.5ch;font-size: var(--fs-small);font-variant-numeric: tabular-nums;text-align: right;color: var(--ash);} .markets-mover-chg[data-dir="up"]{color: var(--trend-up);} .markets-mover-chg[data-dir="down"]{color: var(--trend-down);} .markets-mover-chg[data-dir="flat"]{color: var(--parchment);} .markets-movers-cta{margin: 0 0 var(--sp-4);font-size: var(--fs-small);color: var(--ash);} .markets-movers-cta a{color: var(--link);} .markets-cats{margin-bottom: var(--sp-4);} .markets-cat-row{display: flex;flex-wrap: wrap;gap: var(--sp-2);} .markets-cat{display: inline-flex;align-items: baseline;gap: var(--sp-1);padding: var(--sp-1) var(--sp-2);font-size: var(--fs-caption);color: var(--parchment);border: 1px solid var(--steel);border-radius: var(--radius-1);} .markets-cat:hover{color: var(--text-bright);border-color: var(--gold-dim);text-decoration: none;} .markets-cat-name{text-transform: uppercase;letter-spacing: var(--tr-label);} .markets-cat-count{font-variant-numeric: tabular-nums;color: var(--gold-mid);} @media (max-width: 30rem){.markets-mover-btn{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "name chg" "cat price";row-gap: var(--sp-1);} .markets-mover-price{justify-self: end;}} .markets-status[data-state]{margin: 0 0 var(--sp-3);padding: var(--sp-2) var(--sp-3);border-radius: var(--radius-2);} .markets-status[data-state="loading"]{border: 1px solid var(--border-subtle);background: var(--bg-panel);color: var(--text-secondary);} .markets-status[data-state="loading"]::after{content: "";display: block;margin-top: var(--sp-2);height: 84px;border-radius: var(--radius-1);background: linear-gradient(90deg,var(--bg-3) 0 58%,transparent 58%) 0 0 / 100% 12px no-repeat,linear-gradient(90deg,var(--bg-3) 0 84%,transparent 84%) 0 28px / 100% 12px no-repeat,linear-gradient(90deg,var(--bg-3) 0 40%,transparent 40%) 0 56px / 100% 12px no-repeat;animation: markets-skeleton 1.4s var(--ease-out) infinite;} @keyframes markets-skeleton{0%,100%{opacity: 0.45;} 50%{opacity: 1;}} .markets-status[data-state="empty"]{border: 1px solid var(--border-subtle);background: var(--bg-panel);color: var(--parchment);} .markets-status[data-state="down"]{border: 1px solid var(--parchment-dark);background: var(--oxblood);color: var(--parchment);} .markets-status[data-state="sample"]{border: 1px solid var(--gold-2-a40);background: var(--gold-2-a10);color: var(--parchment);max-width: 50ch;} .markets-status[data-state="notfound"]{border: 1px solid var(--gold-2-a40);border-left-width: 3px;background: var(--gold-2-a10);color: var(--parchment);max-width: 50ch;} .markets-landing-note{max-width: 54ch;} .markets-table th,.markets-table td{padding: var(--sp-2);} .markets-table tbody tr{min-height: 32px;} .markets-table tbody tr:nth-child(even){background: none;} .markets-table th{color: var(--parchment);font-weight: 700;} .markets-table td.markets-num,.markets-price,.markets-qty,.markets-book-row,.markets-stat-value{font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;letter-spacing: 0;} .markets-table td.markets-num{font-weight: 700;} .markets-book-row .markets-price,.markets-book-row .markets-qty,.markets-book-row .markets-units{text-align: right;font-weight: 700;} .markets-tabs{gap: 0;padding: var(--sp-1);border: 1px solid var(--border-subtle);border-radius: var(--radius-2);background: var(--bg-2);width: 24rem;max-width: 100%;} .markets-tabs .markets-tab{flex: 1 1 0;min-width: 0;white-space: nowrap;text-align: center;} .markets-tabs [role="tab"],.markets-tabs .markets-tab{border-radius: var(--radius-1);} .markets-pager button:disabled,.markets-controls select:disabled{opacity: 1;color: var(--text-muted);border-color: var(--border-subtle);background: var(--bg-2);cursor: not-allowed;} @media (min-width: 40.01rem) and (max-width: 56.25rem){.markets-landing-list{grid-template-columns: repeat(2,1fr);} .markets-book-cols,.markets-book-row{grid-template-columns: 7.5rem 4rem 1fr minmax(6rem,max-content);gap: var(--sp-1);} .markets-table th,.markets-table td{padding: var(--sp-2) var(--sp-1);}} @media (max-width: 40rem){.markets-landing-list{grid-template-columns: 1fr;gap: var(--sp-3);} .markets-tabs{width: 100%;flex-direction: row;} .markets-tabs [role="tab"],.markets-tabs .markets-tab{flex: 1 1 0;min-height: 2.75rem;padding-inline: var(--sp-2);text-align: center;} .markets-status[data-state="loading"]::after{height: 60px;} .markets-mini{min-height: 2.75rem;padding-inline: var(--sp-3);} .markets-range{flex-wrap: wrap;gap: var(--sp-2);}} @media (prefers-reduced-motion: reduce){.markets-status[data-state="loading"]::after{animation: none;opacity: 0.7;}} .markets-tabs .markets-tab{box-sizing: border-box;border: 1px solid transparent;} .markets-tabs .markets-tab,.markets-tabs .markets-tab.btn-gold,.markets-tabs .markets-tab.btn-outline{background-image: none;border: 1px solid transparent;box-shadow: none;font-family: var(--font-body);font-weight: 700;} .markets-tabs .markets-tab[aria-selected="false"]{background-color: transparent;color: var(--parchment);} .markets-tabs .markets-tab[aria-selected="false"]:hover{background-color: var(--bg-panel-hover);color: var(--text-bright);} .markets-tabs .markets-tab[aria-selected="true"]{background-color: var(--gold-earth);border-color: var(--gold-earth);color: var(--bg-deep);} .coin{font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1,"lnum" 1;letter-spacing: 0;} .coin-missing{color: var(--text-secondary);} .markets-table td.markets-num .coin{text-align: left;} .markets-price .coin{text-align: inherit;} .markets-legend{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-4);margin: var(--sp-3) 0 0;padding: 0;list-style: none;font-size: var(--fs-caption);color: var(--ash);} .markets-legend li{display: flex;align-items: center;gap: var(--sp-2);} .markets-legend-swatch{flex: none;display: block;width: 16px;height: 3px;border-radius: var(--radius-1);} .markets-legend-range{background: var(--ash);height: 12px;width: 3px;} .markets-legend-vwap{background: var(--gold-bright);} .markets-legend-vol{background: var(--drab);height: 10px;width: 8px;} .markets-fold-prices{margin: 0 0 var(--sp-5);} .markets-fold-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--sp-2) var(--sp-4);margin: 0 0 var(--sp-3);} .markets-fold-head h2{margin: 0;font-size: var(--fs-h5);line-height: var(--lh-display);letter-spacing: var(--tr-heading);color: var(--text-bright);} .markets-fold-note{margin: 0;font-size: var(--fs-caption);letter-spacing: var(--tr-label);text-transform: uppercase;color: var(--ash);} .markets-fold-list{display: grid;grid-template-columns: repeat(auto-fit,minmax(20em,1fr));gap: var(--sp-2);margin: 0;padding: 0;list-style: none;} .markets-fold-item{display: grid;grid-template-columns: 1fr auto;align-items: baseline;gap: 0 var(--sp-3);padding: var(--sp-3);border: 1px solid var(--border-subtle);border-radius: var(--radius-2);background: var(--bg-2);} .markets-fold-cat{grid-column: 1 / -1;font-size: var(--fs-caption);letter-spacing: var(--tr-label);text-transform: uppercase;color: var(--drab);} .markets-fold-name{min-width: 0;color: var(--text-body);font-size: var(--fs-small);line-height: var(--lh-body);} .markets-fold-price{justify-self: end;white-space: nowrap;font-variant-numeric: tabular-nums;color: var(--gold-bright);font-size: var(--fs-small);} .markets-fold-empty{margin: 0;padding: var(--sp-4);border: 1px solid var(--border-subtle);border-left: 3px solid var(--gold-dim);border-radius: var(--radius-2);background: var(--bg-2);color: var(--text-body);font-size: var(--fs-small);} @media (max-width: 560px){.markets-fold-list{grid-template-columns: 1fr;gap: 0;} .markets-fold-item{grid-template-columns: auto 1fr auto;gap: 0 var(--sp-2);padding: var(--sp-2) var(--sp-3);border-radius: 0;border-bottom: 0;} .markets-fold-item:first-child{border-radius: var(--radius-2) var(--radius-2) 0 0;} .markets-fold-item:last-child{border-bottom: 1px solid var(--border-subtle);border-radius: 0 0 var(--radius-2) var(--radius-2);} .markets-fold-cat{grid-column: auto;align-self: baseline;}}