.card.svelte-1spqzvu{--ec-radius:min(var(--radius-container), 1.25rem);--ec-bg:#fff;--ec-bg-alt:#f8f9fb;--ec-line:#0f172a12;--ec-shadow:0 1px 2px #0f172a0d, 0 6px 18px -8px #0f172a24;--ec-shadow-hover:0 2px 4px #0f172a0f, 0 16px 32px -12px #0f172a47;background-color:var(--ec-bg);border-radius:var(--ec-radius);box-shadow:var(--ec-shadow), inset 0 0 0 1px var(--ec-line)}.card.svelte-1spqzvu:not(.live):not(.loading){overflow:hidden}.card.interactive.svelte-1spqzvu{transition:box-shadow .16s,transform .16s}.card.interactive.svelte-1spqzvu:hover{box-shadow:var(--ec-shadow-hover), inset 0 0 0 1px color-mix(in srgb, var(--color-primary-500) 45%, transparent);transform:translateY(-2px)}.card.interactive.svelte-1spqzvu:active{transform:translateY(0)}.card.svelte-1spqzvu .track-image:where(.svelte-1spqzvu){border-top-right-radius:var(--ec-radius);border-bottom-right-radius:var(--ec-radius);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}@media (min-width:768px){.card.svelte-1spqzvu .date-stub:where(.svelte-1spqzvu){background-color:var(--ec-bg-alt);border-right:2px dashed var(--ec-line);border-top-left-radius:var(--ec-radius);border-bottom-left-radius:var(--ec-radius)}}.card.live.svelte-1spqzvu:before,.card.live.svelte-1spqzvu:after{content:"";border-radius:calc(var(--ec-radius) + .2rem);z-index:-1;background:linear-gradient(90deg,#60ef53,#42a339,#23561e) 0 0/500% 500%;transition:filter .5s ease-out;animation:2s ease-in-out infinite svelte-1spqzvu-move;position:absolute;inset:-.2rem}.card.live.svelte-1spqzvu:after{filter:blur(3px)}.card.live.svelte-1spqzvu:hover:after{filter:blur(15px)}@keyframes svelte-1spqzvu-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dark .card.svelte-1spqzvu{--ec-bg:var(--color-surface-800);--ec-bg-alt:#1e202c;--ec-line:#ffffff0f;--ec-shadow:0 1px 2px #0000004d, 0 10px 24px -14px #000000b3;--ec-shadow-hover:0 2px 4px #0000004d, 0 18px 36px -14px #000000d9}