.charts-page{--ch-fg:var(--ink);--ch-accent:var(--color-secondary-600);--ch-gold:var(--ink);--ch-up:var(--color-primary-600);--ch-separator:var(--color-neutral-200);--ch-surface:var(--surface)}.dark .charts-page{--ch-accent:var(--color-secondary-400);--ch-gold:var(--color-accent-400);--ch-up:var(--color-primary-400);--ch-separator:var(--color-neutral-700)}.charts-page .charts-accent{color:var(--ch-accent)}.charts-page .charts-gold{color:var(--ch-gold)}.charts-page .charts-display,.charts-page .charts-section-title,.charts-page .charts-rank,.charts-page .charts-cover__rank{font-family:var(--font-heading);text-transform:uppercase;font-stretch:75%}.charts-page .charts-display{letter-spacing:-.09em;font-size:clamp(4rem,12vw,11rem);font-weight:400;line-height:.82}.charts-page .charts-section-title{letter-spacing:-.075em;font-size:clamp(2.65rem,5vw,5.5rem);font-weight:400;line-height:.88}.charts-page .charts-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.charts-page .charts-leaders{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:10rem;gap:.75rem;display:grid}@media (min-width:768px){.charts-page .charts-leaders{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:9rem}}.charts-page .charts-cover{border:1px solid var(--ch-fg);background:var(--ch-surface);height:100%;position:relative;overflow:hidden}.charts-page .charts-cover img{filter:saturate(.8)contrast(1.08);transition:filter .4s,transform .4s}.charts-page .charts-cover:hover img{filter:saturate()contrast(1.02);transform:scale(1.015)}.charts-page .charts-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#00000047 55%,#000000c7 100%);position:absolute;inset:0}.charts-page .charts-cover__caption{inset-inline:0;z-index:1;color:#fff;position:absolute;bottom:0}.charts-page .charts-cover__rank{color:var(--ch-gold);letter-spacing:-.06em;text-shadow:2px 2px #0000008c;font-weight:400;line-height:.8}.charts-page .charts-cover__title{font-family:var(--font-heading);letter-spacing:-.045em;text-transform:uppercase;font-weight:400;line-height:.95}.charts-page .charts-rest{border-top:1px solid var(--ch-fg);gap:2rem;padding-top:2rem;display:grid}@media (min-width:1024px){.charts-page .charts-rest{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:3.5rem;padding-top:3rem}}.charts-page .charts-row{border-bottom:1px solid var(--ch-separator);grid-template-columns:3rem auto 3.5rem minmax(0,1fr);align-items:center;gap:.75rem;padding-block:1rem;display:grid}@media (min-width:640px){.charts-page .charts-row{grid-template-columns:3.5rem auto 3.5rem minmax(0,1fr) auto;gap:1rem}}.charts-page .charts-rank{color:var(--ch-accent);letter-spacing:-.05em;text-align:center;font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:400;line-height:.9}.charts-page .charts-row__title{font-family:var(--font-heading);letter-spacing:-.045em;text-transform:uppercase;font-size:1.35rem;font-weight:400;line-height:1}.charts-page .charts-row__thumb{border:1px solid var(--ch-fg);background:var(--ch-surface);width:3.5rem;height:3.5rem;overflow:hidden}@media (min-width:640px){.charts-page .charts-row__thumb{width:4rem;height:4rem}}.charts-page .charts-row__stats{display:none}@media (min-width:640px){.charts-page .charts-row__stats{text-align:right;align-items:center;gap:1.25rem;display:flex}}.charts-page .charts-stat__value{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;display:block}.charts-page .charts-stat__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-500);margin-top:.25rem;font-size:.6875rem;display:block}.charts-page .charts-move{letter-spacing:.04em;font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:.1rem;font-size:.6875rem;font-weight:750;display:inline-flex}.charts-page .charts-move__arrow{font-size:.8rem;line-height:1}.charts-page .charts-move--up{color:var(--ch-up)}.charts-page .charts-move--down{color:var(--ch-accent)}.charts-page .charts-move--steady{color:var(--color-neutral-500)}.charts-page .charts-move--new{color:var(--ch-gold)}@media (max-width:639px){.charts-page .charts-display{white-space:normal}.charts-page .charts-rank{font-size:1.6rem}.charts-page .charts-row__title{font-size:1.05rem}}