.cassette-shelf-module__wzRtMa__shelf{--slot-width:1.55rem;--case-width:1rem;--case-height:3.25rem;color:#f6efd9;width:clamp(18rem,38vw,32rem);min-width:0;margin-inline:auto;position:relative}.cassette-shelf-module__wzRtMa__viewport{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;background:#0b0b10;border-block:2px solid #05050a;width:100%;min-width:0;padding:.34rem .25rem .24rem;position:relative;overflow:auto hidden;box-shadow:inset 0 1px #f6efd921,inset 0 -.24rem #020207}.cassette-shelf-module__wzRtMa__viewport::-webkit-scrollbar{display:none}.cassette-shelf-module__wzRtMa__rackControl{z-index:65;width:1.5rem;height:2.65rem;color:var(--tungsten-pale);cursor:pointer;background:#080914e6;border:1px solid #f1b95b47;border-radius:1px;place-items:center;padding:0;transition:border-color .14s,color .14s,opacity .14s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:inset 0 0 0 1px #ffffff09,0 3px 10px #00000061}.cassette-shelf-module__wzRtMa__rackControl span{font-family:var(--font-utility), monospace;font-size:1.12rem;line-height:1;translate:0 -.05rem}.cassette-shelf-module__wzRtMa__rackControl:hover:not(:disabled),.cassette-shelf-module__wzRtMa__rackControl:focus-visible{color:var(--tungsten);border-color:#f1b95bbd}.cassette-shelf-module__wzRtMa__rackControl:disabled{opacity:.14;cursor:default}.cassette-shelf-module__wzRtMa__rackControlPrevious{left:-1.72rem}.cassette-shelf-module__wzRtMa__rackControlNext{right:-1.72rem}.cassette-shelf-module__wzRtMa__stack{width:max-content;min-width:100%;height:var(--case-height);justify-content:space-evenly;align-items:flex-end;gap:.02rem;padding-inline:.18rem;display:flex}.cassette-shelf-module__wzRtMa__stackItem{flex:0 0 var(--slot-width);width:var(--slot-width);height:var(--case-height);scroll-snap-align:center;position:relative}.cassette-shelf-module__wzRtMa__cassette{z-index:var(--stack-order);width:100%;height:100%;color:var(--cassette-ink);cursor:pointer;transform:rotate(var(--case-lean));transform-origin:50% 100%;background:0 0;border:0;margin:0;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:auto 0 0}.cassette-shelf-module__wzRtMa__cassette:before{width:var(--case-width);border:1px solid color-mix(in srgb, var(--cassette-label), #080910 52%);content:"";background:repeating-linear-gradient(90deg, #ffffff14 0 1px, transparent 1px 4px), linear-gradient(90deg, color-mix(in srgb, var(--cassette-shell), #fff 12%), var(--cassette-shell) 40% 72%, color-mix(in srgb, var(--cassette-shell), #090910 20%));border-radius:1px;position:absolute;inset:0 auto 0 50%;translate:-50%;box-shadow:inset 1px 0 #ffffff26,inset -1px 0 #04040952,2px 2px #020207e6}.cassette-shelf-module__wzRtMa__cassette:hover,.cassette-shelf-module__wzRtMa__cassette:focus-visible{z-index:40;transform:translateY(-.28rem)rotate(0)}.cassette-shelf-module__wzRtMa__cassette[data-active]{z-index:30;transform:translateY(-.12rem)rotate(0)}.cassette-shelf-module__wzRtMa__cassette[data-active]:before{filter:saturate(1.08)brightness(1.04);border-color:#f1b95b}.cassette-shelf-module__wzRtMa__cassette[data-active]:hover,.cassette-shelf-module__wzRtMa__cassette[data-active]:focus-visible{z-index:40;transform:translateY(-.28rem)rotate(0)}.cassette-shelf-module__wzRtMa__cassette:focus-visible{outline-offset:1px;outline:2px solid #f1b95b}.cassette-shelf-module__wzRtMa__caseEdge{width:calc(var(--case-width) - .2rem);pointer-events:none;border:1px solid #18151f61;position:absolute;inset:.12rem auto .12rem 50%;translate:-50%}.cassette-shelf-module__wzRtMa__caseEdge:before,.cassette-shelf-module__wzRtMa__caseEdge:after{content:"";background:#18151f6b;width:.45rem;height:1px;position:absolute;left:50%;translate:-50%}.cassette-shelf-module__wzRtMa__caseEdge:before{top:.08rem}.cassette-shelf-module__wzRtMa__caseEdge:after{bottom:.08rem}.cassette-shelf-module__wzRtMa__spineLabel{width:calc(var(--case-width) - .28rem);border:1px solid color-mix(in srgb, var(--cassette-ink), transparent 58%);background:var(--cassette-label);position:absolute;top:.28rem;bottom:.34rem;left:50%;overflow:hidden;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff47}.cassette-shelf-module__wzRtMa__spineLabel:after{content:"";background:var(--cassette-accent);width:.12rem;position:absolute;top:0;bottom:0;right:0}.cassette-shelf-module__wzRtMa__catalogue,.cassette-shelf-module__wzRtMa__spineLabel small,.cassette-shelf-module__wzRtMa__caseHinge,.cassette-shelf-module__wzRtMa__caseTab{display:none}.cassette-shelf-module__wzRtMa__spineLabel strong{z-index:2;opacity:0;width:2.55rem;color:var(--cassette-ink);font-family:var(--font-display), Impact, sans-serif;letter-spacing:.025em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.37rem;font-weight:800;line-height:1;transition:opacity .15s;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-90deg)}.cassette-shelf-module__wzRtMa__cassette:hover .cassette-shelf-module__wzRtMa__spineLabel strong,.cassette-shelf-module__wzRtMa__cassette:focus-visible .cassette-shelf-module__wzRtMa__spineLabel strong,.cassette-shelf-module__wzRtMa__cassette[data-active] .cassette-shelf-module__wzRtMa__spineLabel strong{opacity:1}.cassette-shelf-module__wzRtMa__playState{z-index:3;background:#17151b;align-items:end;gap:1px;height:.34rem;padding:.07rem .08rem;display:flex;position:absolute;bottom:.15rem;left:50%;translate:-50%}.cassette-shelf-module__wzRtMa__playState i{background:#f1b95b;width:1px;height:.1rem;display:block}.cassette-shelf-module__wzRtMa__playState i:nth-child(2){height:.2rem}.cassette-shelf-module__wzRtMa__playState i:nth-child(3){height:.15rem}.cassette-shelf-module__wzRtMa__cassette[data-playing] .cassette-shelf-module__wzRtMa__playState i{animation:.68s ease-in-out infinite alternate cassette-shelf-module__wzRtMa__pulseTape}.cassette-shelf-module__wzRtMa__woodRail{z-index:45;pointer-events:none;background:#05050a;border-top:1px solid #f7d99d3d;height:.2rem;position:absolute;bottom:0;left:0;right:0}.cassette-shelf-module__wzRtMa__previewLabel{z-index:70;color:#f6efd9;opacity:0;pointer-events:none;text-align:center;background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px),#080914f5;border:1px solid #f1b95b75;justify-items:center;gap:.12rem;width:max-content;min-width:12.5rem;max-width:min(18rem,88vw);padding:.38rem .85rem .42rem;transition:opacity .16s,transform .18s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:calc(100% + .42rem);left:50%;transform:translate(-50%,-.22rem);box-shadow:inset 0 1px #ffffff14,0 8px 24px #0000006b}.cassette-shelf-module__wzRtMa__previewLabel:before{content:"";background:#080914;border-top:1px solid #f1b95b75;border-left:1px solid #f1b95b75;width:.48rem;height:.48rem;position:absolute;top:-.3rem;left:50%;transform:translate(-50%)rotate(45deg)}.cassette-shelf-module__wzRtMa__previewLabel[data-visible]{opacity:1;transform:translate(-50%)}.cassette-shelf-module__wzRtMa__previewLabel span{color:#f6efd9c7;letter-spacing:.16em;font-size:.5rem;font-weight:700;line-height:1}.cassette-shelf-module__wzRtMa__previewLabel strong{color:#f1b95b;max-width:100%;font-family:var(--font-display), Impact, sans-serif;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.98rem;font-weight:700;line-height:1.1;display:block;overflow:hidden}@keyframes cassette-shelf-module__wzRtMa__pulseTape{0%{opacity:.72;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1.08)}}@media (max-width:680px),(max-height:680px){.cassette-shelf-module__wzRtMa__shelf{--slot-width:1.5rem;--case-width:.86rem;--case-height:2.7rem}.cassette-shelf-module__wzRtMa__viewport{padding-block:.25rem .19rem}.cassette-shelf-module__wzRtMa__spineLabel strong{width:2.05rem;font-size:.33rem}.cassette-shelf-module__wzRtMa__rackControl{width:1.5rem;height:2.75rem}.cassette-shelf-module__wzRtMa__rackControlPrevious{left:-1.58rem}.cassette-shelf-module__wzRtMa__rackControlNext{right:-1.58rem}}@media (max-width:680px){.cassette-shelf-module__wzRtMa__shelf{width:min(100%,7.1rem)}}@media (max-height:580px),(hover:none) and (pointer:coarse){.cassette-shelf-module__wzRtMa__previewLabel{display:none}}@media (prefers-reduced-motion:reduce){.cassette-shelf-module__wzRtMa__cassette,.cassette-shelf-module__wzRtMa__spineLabel strong,.cassette-shelf-module__wzRtMa__previewLabel{transition:none}.cassette-shelf-module__wzRtMa__cassette:hover,.cassette-shelf-module__wzRtMa__cassette:focus-visible,.cassette-shelf-module__wzRtMa__cassette[data-active]:hover,.cassette-shelf-module__wzRtMa__cassette[data-active]:focus-visible{transform:translateY(-.18rem)rotate(0)}.cassette-shelf-module__wzRtMa__cassette[data-playing] .cassette-shelf-module__wzRtMa__playState i{animation:none}}