.rank-row.svelte-11gijf{position:relative;display:flex;min-width:0;min-height:5rem;align-items:center;gap:.875rem;padding:.5rem .5rem .5rem .25rem;border:1px solid transparent;border-radius:var(--radius-panel);transition:background-color .15s}.rank-row.svelte-11gijf:hover,.rank-row.svelte-11gijf:focus-within{background:var(--color-foreground)}.rank-row.is-current.svelte-11gijf{border-color:oklch(from var(--color-secondary) l c h / .28);background:oklch(from var(--color-secondary) l c h / .07)}.rank-row__link.svelte-11gijf{position:absolute;inset:0;z-index:1;border-radius:inherit}.rank-row__link.svelte-11gijf:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.rank-row__slot.svelte-11gijf{position:relative;z-index:2;display:grid;width:2.75rem;height:2.75rem;flex-shrink:0;place-items:center;border-radius:999px;color:var(--color-ink)}.rank-row__slot.svelte-11gijf>:where(.svelte-11gijf){grid-area:1 / 1}.rank-row__slot.svelte-11gijf:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}.rank-row__number.svelte-11gijf{font-family:var(--font-display);font-stretch:125%;font-weight:700;font-size:1.375rem;font-variant-numeric:tabular-nums;color:var(--color-ink-alt)}.rank-row__play.svelte-11gijf{display:flex;opacity:0;transition:opacity .15s}.rank-row__play.svelte-11gijf svg{margin-left:.125rem}.rank-row.svelte-11gijf:hover .rank-row__play:where(.svelte-11gijf),.rank-row__slot.svelte-11gijf:focus-visible .rank-row__play:where(.svelte-11gijf){opacity:1}.rank-row.svelte-11gijf:hover .rank-row__number:where(.svelte-11gijf),.rank-row.svelte-11gijf:hover .rank-row__eq:where(.svelte-11gijf),.rank-row__slot.svelte-11gijf:focus-visible .rank-row__number:where(.svelte-11gijf),.rank-row__slot.svelte-11gijf:focus-visible .rank-row__eq:where(.svelte-11gijf){opacity:0}.rank-row__cover.svelte-11gijf{position:relative;width:3.75rem;height:3.75rem;flex-shrink:0;overflow:hidden;border-radius:var(--radius-cover);background:var(--color-foreground);box-shadow:var(--shadow-card)}.rank-row__badge.svelte-11gijf{display:none}.rank-row__text.svelte-11gijf{display:flex;min-width:0;flex:1;flex-direction:column;gap:.1875rem}.rank-row__title.svelte-11gijf,.rank-row__artist.svelte-11gijf{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row__title.svelte-11gijf{font-size:.9375rem;line-height:1.25rem;font-weight:600;color:var(--color-ink)}.is-current.svelte-11gijf .rank-row__title:where(.svelte-11gijf){color:var(--color-secondary)}.rank-row__artist.svelte-11gijf{font-size:.8125rem;line-height:1.125rem;color:var(--color-ink-alt)}.rank-row__listeners.svelte-11gijf{display:flex;flex-shrink:0;align-items:center;gap:.375rem;padding-right:.25rem;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-ink-alt)}.rank-row.svelte-11gijf .rank-row__menu{position:relative;z-index:2;opacity:0}.rank-row.svelte-11gijf:hover .rank-row__menu,.rank-row.svelte-11gijf:focus-within .rank-row__menu{opacity:1}.rank-row.svelte-11gijf:hover .rank-row__listeners:where(.svelte-11gijf),.rank-row.svelte-11gijf:focus-within .rank-row__listeners:where(.svelte-11gijf){color:var(--color-ink)}@media(hover:none){.rank-row__slot.svelte-11gijf{background:oklch(from var(--color-secondary) l c h / .14);color:var(--color-secondary)}.rank-row__number.svelte-11gijf{display:none}.rank-row__play.svelte-11gijf{opacity:1}.is-current.svelte-11gijf .rank-row__play:where(.svelte-11gijf){opacity:0}.rank-row__badge.svelte-11gijf{position:absolute;left:0;top:0;display:flex;min-width:1.375rem;height:1.375rem;align-items:center;justify-content:center;border-bottom-right-radius:.5rem;background:#030713cc;font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--color-brand-white)}.rank-row.svelte-11gijf .rank-row__menu{opacity:1}.rank-row.svelte-11gijf:hover,.rank-row.svelte-11gijf:focus-within{background:transparent}}@media(max-width:767px){.rank-row__genre.svelte-11gijf{display:none}}.rank-row.svelte-11gijf:hover .track-image,.rank-row.svelte-11gijf:focus-within .track-image{view-transition-name:artist-image}.rank-row.svelte-11gijf:hover .track-title:where(.svelte-11gijf),.rank-row.svelte-11gijf:focus-within .track-title:where(.svelte-11gijf){view-transition-name:track-title}
