.track-cd-case{position:relative;width:3.5rem;height:3.5rem;flex-shrink:0;margin-inline:.125rem}.track-cd-case__scale{position:absolute;top:.375rem;left:.25rem;width:142px;height:131px;transform:scale(.338028);transform-origin:top left}.track-cd-case__tilt{width:142px;height:131px;transform:rotate(var(--track-cd-rotation));transform-origin:center;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease}.track-cd-case__tilt .case{margin:0}.group:focus-within .track-cd-case__tilt,.group:hover .track-cd-case__tilt{filter:drop-shadow(0 8px 7px rgb(0 0 0/.22));transform:rotate(0deg) scale(1.08) translateY(-3px)}.track-cd-case__playing{position:absolute;right:.125rem;bottom:.25rem;display:flex;height:.75rem;align-items:flex-end;gap:2px;color:var(--foreground);filter:drop-shadow(0 1px 1px rgb(255 255 255/.9)) drop-shadow(0 1px 2px rgb(0 0 0/.35));pointer-events:none}.track-cd-case__playing span{width:2px;height:100%;border-radius:999px;background:currentColor;animation:track-cd-playing .7s ease-in-out infinite alternate}.track-cd-case__playing span:nth-child(2){height:65%;animation-delay:-.35s}.track-cd-case__playing span:nth-child(3){height:85%;animation-delay:-175ms}@keyframes track-cd-playing{to{height:30%}}@media (prefers-reduced-motion:reduce){.track-cd-case__tilt{transition:filter .16s ease}.group:focus-within .track-cd-case__tilt,.group:hover .track-cd-case__tilt{transform:rotate(var(--track-cd-rotation))}.track-cd-case__playing span{animation:none}}::view-transition-group(.music-cd-layer-0){z-index:3}::view-transition-group(.music-cd-layer-1){z-index:2}::view-transition-group(.music-cd-layer-2){z-index:1}