.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}
.music-shelf{--spine-w:20px;--unit:260px;--cover-w:var(--unit);--H:var(--unit);width:100%;font-family:var(--font-saira),sans-serif;justify-content:center;align-items:center;padding:80px 8px 0;display:flex;overflow:hidden}.music-shelf .shelf{height:var(--H);justify-content:center;align-items:stretch;margin:0 auto;display:flex}.music-shelf .book{width:var(--spine-w);cursor:pointer;perspective:1600px;perspective-origin:50%;will-change:width;background:#000;outline:none;flex:none;height:100%;transition:width .55s cubic-bezier(.7,0,.18,1);position:relative}.music-shelf .book+.book{margin-left:2px}.music-shelf .book.active{width:var(--cover-w);z-index:10}.music-shelf .spine{width:var(--spine-w);z-index:2;transform-origin:0;backface-visibility:hidden;background:var(--sp-bg,#0c0c0c);height:100%;color:var(--sp-fg,#fff);flex-direction:column;justify-content:center;align-items:center;padding:18px 0;transition:transform .55s cubic-bezier(.7,0,.18,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:rotateY(0);box-shadow:inset 6px 0 12px #ffffff0d,inset -9px 0 16px #000000a6}.music-shelf .book.active .spine{pointer-events:none;transform:rotateY(-90deg)}.music-shelf .spine .author{writing-mode:vertical-rl;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--sp-author,inherit);font-size:11px;font-weight:600}.music-shelf .spine .title{writing-mode:vertical-rl;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;min-height:0;margin:6px 0;font-size:11px;font-weight:600;line-height:1;overflow:hidden}.music-shelf .spine .pub{writing-mode:vertical-rl;letter-spacing:.22em;text-transform:uppercase;opacity:.6;white-space:nowrap;font-size:8px;font-weight:600}.music-shelf .cover{z-index:1;width:var(--cover-w);transform-origin:0;backface-visibility:hidden;background:var(--cv-bg,#111);height:100%;color:var(--cv-fg,#fff);flex-direction:column;padding:30px 28px;transition:transform .55s cubic-bezier(.7,0,.18,1);display:flex;position:absolute;top:0;left:0;transform:rotateY(90deg);box-shadow:inset 0 0 0 1px #ffffff0d,-16px 0 40px #00000080}.music-shelf .book.active .cover{transform:rotateY(0)}.music-shelf .cover .c-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.music-shelf .cover .play-btn{z-index:3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;pointer-events:none;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.music-shelf .book.active .play-btn{pointer-events:auto}.music-shelf .cover .play-ring{pointer-events:none;position:absolute;inset:0}.music-shelf .cover .now-playing{z-index:3;text-align:center;pointer-events:none;color:#fff;text-shadow:0 1px 8px #000000a6;padding:0 16px;position:absolute;top:calc(50% + 46px);left:0;right:0}.music-shelf .cover .now-playing .np-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.music-shelf .cover .now-playing .np-artist{opacity:.85;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.music-shelf .book.active:hover .play-btn,.music-shelf .cover .play-btn.is-playing{opacity:1;transform:translate(-50%,-50%)scale(1)}.music-shelf .cover .play-btn:hover{background:#000000b3}.music-shelf .cover .c-author{letter-spacing:.18em;text-transform:uppercase;opacity:.85;font-size:13px;font-weight:600}.music-shelf .cover .c-title{font-family:var(--font-fraunces),serif;letter-spacing:-.01em;margin-top:auto;font-size:40px;font-weight:600;line-height:.98}.music-shelf .cover .c-sub{letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin-top:14px;font-size:13px}.music-shelf .cover .c-rule{opacity:.3;background:currentColor;height:1px;margin-top:22px}.music-shelf .cover .c-pub{letter-spacing:.26em;text-transform:uppercase;opacity:.55;margin-top:14px;font-size:10px}.music-shelf .book:not(.active):hover .spine{transform:rotateY(-16deg)}@media (max-width:680px){.music-shelf{--spine-w:26px;--unit:180px}.music-shelf .cover .c-title{font-size:30px}.music-shelf .spine .title{font-size:11px}}