.set-card.svelte-o23vj{position:relative;display:flex;min-width:0;flex-direction:column;gap:.75rem;isolation:isolate}.set-card.svelte-o23vj:before{content:"";position:absolute;inset:-.625rem;z-index:-1;border-radius:var(--radius-panel);background:var(--color-foreground);opacity:0;transition:opacity .2s}.set-card.svelte-o23vj:hover:before,.set-card.svelte-o23vj:focus-within:before{opacity:1}.set-card__link.svelte-o23vj{position:absolute;inset:-.625rem;z-index:1;border-radius:var(--radius-panel)}.set-card__link.svelte-o23vj:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.set-card__cover.svelte-o23vj{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;border-radius:var(--radius-cover);background:var(--color-foreground);box-shadow:var(--shadow-card);transition:box-shadow .2s}.is-current.svelte-o23vj .set-card__cover:where(.svelte-o23vj){box-shadow:0 0 0 2px var(--color-secondary),var(--shadow-card)}.set-card__duration.svelte-o23vj,.set-card__status.svelte-o23vj{position:absolute;display:flex;align-items:center;gap:.4375rem;border-radius:.375rem;background:#030713b3;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--color-brand-white);pointer-events:none}.set-card__duration.svelte-o23vj{left:.5rem;bottom:.5rem;height:1.375rem;padding:0 .5rem;font-variant-numeric:tabular-nums}.set-card__status.svelte-o23vj{left:.5rem;top:.5rem;height:1.625rem;padding:0 .5625rem;border-radius:var(--radius-control);font-weight:700;color:var(--color-secondary)}.set-card__progress.svelte-o23vj{position:absolute;left:0;right:0;bottom:0;height:4px;background:#03071399}.set-card__progress.svelte-o23vj span:where(.svelte-o23vj){display:block;height:100%;background:var(--color-secondary);transition:width .3s linear}.set-card__play.svelte-o23vj{position:absolute;right:.625rem;bottom:.625rem;z-index:2;display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:999px;background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:var(--shadow-card);opacity:0;transition:opacity .2s,background-color .15s}.is-current.svelte-o23vj .set-card__play:where(.svelte-o23vj){bottom:1.125rem}.set-card__play.svelte-o23vj svg{margin-left:.125rem}.set-card__play.svelte-o23vj:hover{background:var(--color-secondary-hover)}.set-card__play.svelte-o23vj:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.set-card.svelte-o23vj .set-card__menu{position:absolute;right:.5rem;top:.5rem;z-index:2;background:#030713b3;color:var(--color-brand-white);opacity:0}.set-card.svelte-o23vj:hover .set-card__play:where(.svelte-o23vj),.set-card.svelte-o23vj:focus-within .set-card__play:where(.svelte-o23vj),.is-current.svelte-o23vj .set-card__play:where(.svelte-o23vj){opacity:1}.set-card.svelte-o23vj:hover .set-card__menu,.set-card.svelte-o23vj:focus-within .set-card__menu{opacity:1}@media(hover:none){.set-card__play.svelte-o23vj{width:2.75rem;height:2.75rem;opacity:1}.set-card.svelte-o23vj .set-card__menu{opacity:1}.set-card.svelte-o23vj:before{display:none}}.set-card__meta.svelte-o23vj{display:flex;min-width:0;flex-direction:column;gap:.1875rem}.set-card__title.svelte-o23vj,.set-card__artist.svelte-o23vj,.set-card__genre.svelte-o23vj{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-card__title.svelte-o23vj{font-size:.9375rem;line-height:1.25rem;font-weight:600;color:var(--color-ink)}.is-current.svelte-o23vj .set-card__title:where(.svelte-o23vj){color:var(--color-secondary)}.set-card__artist.svelte-o23vj{position:relative;z-index:2;align-self:flex-start;font-size:.8125rem;line-height:1.125rem;font-weight:400;color:var(--color-ink-alt);text-decoration:none}a.set-card__artist.svelte-o23vj:hover,a.set-card__artist.svelte-o23vj:focus-visible{color:var(--color-ink);text-decoration:underline;text-underline-offset:3px}.set-card__genre.svelte-o23vj{font-size:.75rem;line-height:1rem;color:var(--color-ink-disabled)}.set-card.svelte-o23vj:hover .track-image,.set-card.svelte-o23vj:focus-within .track-image{view-transition-name:artist-image}.set-card.svelte-o23vj:hover .track-title:where(.svelte-o23vj),.set-card.svelte-o23vj:focus-within .track-title:where(.svelte-o23vj){view-transition-name:track-title}.set-card.svelte-o23vj:hover .track-artist:where(.svelte-o23vj),.set-card.svelte-o23vj:focus-within .track-artist:where(.svelte-o23vj){view-transition-name:artist-name}