.container.svelte-1b11fyk{display:flex;flex-flow:column;gap:2.5rem}.main.svelte-1b11fyk{display:grid;gap:1.5rem}@media (min-width: 768px){.main.svelte-1b11fyk{grid-template-columns:repeat(2,minmax(0,1fr))}}.track.svelte-1b11fyk{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;color:rgb(var(--gray-200));position:relative}@media (any-hover: hover){.track.svelte-1b11fyk:hover{color:rgb(var(--gray-100))}}.track.svelte-1b11fyk:active,.track.svelte-1b11fyk:focus-visible{color:rgb(var(--gray-100))}.trackImage.svelte-1b11fyk{background:rgb(var(--gray-700));border-radius:var(--rounded);object-fit:cover;opacity:.7;width:100%}.trackIconStatus.svelte-1b11fyk{align-items:center;display:flex;inset:0;justify-content:center;opacity:.7;position:absolute}.trackIconStatus.svelte-1b11fyk .trackIcon{height:3rem;width:3rem}@media (min-width: 1024px){.trackIconStatus.svelte-1b11fyk .trackIcon{height:3.5rem;width:3.5rem}}.trackFooter.svelte-1b11fyk{bottom:0;display:flex;flex-flow:column;font-weight:600;gap:.25rem;padding:1rem;position:absolute;text-align:right;width:100%}.trackFooterTitle.svelte-1b11fyk{font-size:var(--text-base);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackFooterTapeTitle.svelte-1b11fyk{font-size:var(--text-xxs);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backToTape.svelte-1b11fyk{text-align:center}.backToTapeLink.svelte-1b11fyk{color:rgb(var(--gray-200));padding:.5rem 1rem;text-decoration-color:rgb(var(--gray-200) / 70%)}@media (any-hover: hover){.backToTapeLink.svelte-1b11fyk:hover{color:rgb(var(--purple-400));text-decoration-color:rgb(var(--purple-400) / 70%)}}.backToTapeLink.svelte-1b11fyk:active,.backToTapeLink.svelte-1b11fyk:focus-visible{color:rgb(var(--purple-400));text-decoration-color:rgb(var(--purple-400) / 70%)}.backToTape.svelte-1b11fyk .backToTapeLinkSymbol:where(.svelte-1b11fyk){color:rgb(var(--gray-400));font-size:var(--text-sm)}@media (any-hover: hover){.backToTapeLink.svelte-1b11fyk:hover .backToTapeLinkSymbol:where(.svelte-1b11fyk){color:rgb(var(--purple-400))}}.backToTapeLink.svelte-1b11fyk:active .backToTapeLinkSymbol:where(.svelte-1b11fyk),.backToTapeLink.svelte-1b11fyk:focus-visible .backToTapeLinkSymbol:where(.svelte-1b11fyk){color:rgb(var(--purple-400))}
