.sleeve{perspective:900px;width:var(--sleeve-cover);height:var(--sleeve-cover);transition:translate var(--sleeve-pair-ms)var(--ease-expressive);position:relative}.sleeve[data-out=true]{translate:calc(var(--sleeve-travel)*-.5)0}@starting-style{.sleeve[data-out=true]{translate:0}}.sleeve[data-landed=false]{opacity:0}.sleeve[data-landed=true]{animation:sleeve-arrive var(--sleeve-arrive-ms)var(--ease-expressive)both}@keyframes sleeve-arrive{0%{opacity:0;filter:blur(10px);scale:.94}60%{filter:blur()}}.sleeve-cover{border-radius:var(--sleeve-radius);background:var(--color-neutral-900);position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #0000004d,0 18px 40px -12px #0000008c}.sleeve-cover img{object-fit:cover;width:100%;height:100%;display:block}.sleeve-album{position:absolute;inset:0}.sleeve-album[data-motion=drop]{transform-origin:50% 100%;animation:sleeve-drop var(--sleeve-drop-ms)var(--sleeve-drop-ease)both}.sleeve-album[data-motion=rise]{animation:sleeve-rise var(--sleeve-rise-ms)var(--sleeve-rise-ease)var(--sleeve-rise-delay)both}@keyframes sleeve-drop{to{opacity:0;rotate:x var(--sleeve-drop-tilt);translate:var(--sleeve-drop-x)var(--sleeve-drop-y);scale:var(--sleeve-drop-scale)}}@keyframes sleeve-rise{0%{opacity:var(--sleeve-rise-opacity);scale:var(--sleeve-rise-scale);translate:var(--sleeve-rise-x)var(--sleeve-rise-y)}}.sleeve-record{width:var(--sleeve-record);height:var(--sleeve-record);margin:calc(var(--sleeve-record)*-.5)0 0 calc(var(--sleeve-record)*-.5);transition:translate var(--sleeve-pair-ms)var(--ease-expressive);border-radius:9999px;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #0006,0 18px 40px -12px #000000a6}.sleeve-record[data-out=true]{translate:var(--sleeve-travel)0}@starting-style{.sleeve-record[data-out=true]{translate:0}}.sleeve-disc{border-radius:inherit;background:  var(--sleeve-grooves,none),repeating-radial-gradient(circle,#ffffff05 0 .5px,transparent .5px 1.5px),radial-gradient(circle,#26242a 0 36%,#141317 37% 94%,#1f1d23 95% 100%);animation:sleeve-spin var(--sleeve-rev-ms)linear infinite;animation-play-state:paused;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.sleeve-record[data-spinning=true] .sleeve-disc{animation-play-state:running}.sleeve-label{border-radius:inherit;position:absolute;inset:32%;overflow:hidden;box-shadow:0 0 0 2px #0d0c10}.sleeve-label img{object-fit:cover;width:100%;height:100%;display:block}.sleeve-label:after{content:"";background:#0d0c10;border-radius:9999px;position:absolute;inset:45%;box-shadow:inset 0 1px 1px #ffffff26}.sleeve-sheen{border-radius:inherit;pointer-events:none;background:conic-gradient(from 20deg,#0000 0deg,#ffffff29 22deg,#ffffff0a 44deg,#0000 64deg 180deg,#ffffff1f 202deg,#ffffff08 224deg,#0000 244deg);position:absolute;inset:0;mask:radial-gradient(circle,#0000 0 34%,#000 37% 97%,#0000 99%)}@keyframes sleeve-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.sleeve,.sleeve-record{transition:none}.sleeve-album[data-motion],.sleeve-disc{animation:none}.sleeve[data-landed=true]{animation:.2s ease-out both sleeve-arrive-fade}}@keyframes sleeve-arrive-fade{0%{opacity:0}}
