.timelineJukebox h3{letter-spacing:-.045em}.cassetteDeck{max-width:52rem}.deckFaceplate{display:flex;flex-direction:column;position:relative;width:min(100%,24rem);margin:2.7rem auto 0;padding:1rem .95rem 1.15rem;border-radius:.48rem;background:linear-gradient(100deg,#d5d3cc,#aaa8a2 42%,#85837e);box-shadow:0 28px 55px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.8),inset -1px 0 rgba(38,37,34,.35)}.deckFaceplate:after{content:"";position:absolute;z-index:-1;right:-.8rem;top:17%;width:.8rem;height:58%;border:1px solid #4e4c47;border-left:0;border-radius:0 .35rem .35rem 0;background:linear-gradient(#8a8882,#65635f);box-shadow:4px 7px 12px rgba(0,0,0,.25)}.deckHeader{order:-4;margin-bottom:.55rem;padding-bottom:.55rem;border-bottom:1px solid rgba(39,38,35,.28)}.deckHeader>span{font-size:.54rem}.deckHeader i{font-size:.48rem}.deckBrand{font-size:1.32rem}.walkmanTop{order:-3;display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;color:#35332f;font:600 .46rem/1 Arial,sans-serif;letter-spacing:.08em}.walkmanTop i{width:2.4rem;height:.7rem;border:1px solid #45433f;border-radius:999px;background:repeating-linear-gradient(90deg,#343330 0 2px,#a19e96 2px 4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.walkmanTop b{display:block;width:.7rem;aspect-ratio:1;border:2px solid #373632;border-radius:50%;background:#111}.walkmanTop em{display:block;width:1.5rem;height:.55rem;border:1px solid #474540;border-radius:999px;background:linear-gradient(90deg,#6f2d45 50%,#393834 0)}.deckMeters{display:none}.cassetteBay{order:-2;min-height:19.5rem;padding:1.4rem .8rem;border:5px solid #262725;border-radius:.2rem;background:linear-gradient(145deg,#0e0f0e,#292a27 50%,#0a0b0a);box-shadow:inset 0 0 30px #000,0 1px rgba(255,255,255,.6)}.cassette{width:94%;max-width:20rem}.cassetteLabel{height:42%}.deckTransport{order:-1;position:absolute;left:.7rem;right:.7rem;top:-1.25rem;display:flex;margin:0;padding:0;border:0;background:transparent;gap:.2rem}.deckTransport b,.deckTransport i{display:none}.deckTransport span{width:2.7rem;height:1rem;margin:0!important;border-radius:.14rem .14rem 0 0;background:linear-gradient(#cbc8c0,#77746e);box-shadow:0 -1px rgba(255,255,255,.28),0 2px 3px rgba(0,0,0,.35)}.tapeNowPlaying{order:0;margin-top:.75rem;border-radius:.12rem;background:#1b1d1b}.spotifyMount{max-width:48rem;margin:1rem auto 0}.spotifyNote{max-width:48rem;margin-inline:auto!important}.cassette.is-switching{animation:walkman-cassette-swap .82s cubic-bezier(.52,.05,.22,1)}@keyframes walkman-cassette-swap{0%{transform:translateY(0) rotateX(0);opacity:1}38%{transform:translateY(-5rem) rotateX(-16deg) scale(.93);opacity:0}58%{transform:translateY(-4.2rem) rotateX(12deg) scale(.94);opacity:.18}to{transform:translateY(0) rotateX(0);opacity:1}}@media(max-width:520px){.deckFaceplate{width:min(100%,21rem);margin-top:2.2rem}.cassetteBay{min-height:16.5rem}.walkmanTop em,.walkmanTop span:last-of-type{display:none}.deckTransport span{width:2.35rem}}@media(prefers-reduced-motion:reduce){.cassette.is-switching{animation:none}}