.tone-rose{--tone:#8d5d4e;--tone-dark:#603d33;--tone-ink:#fffaed;--tone-soft:#eee4dc}.tone-cream{--tone:#c7baa0;--tone-dark:#8d8068;--tone-ink:#2f302a;--tone-soft:#efebe1}.tone-forest{--tone:#59624e;--tone-dark:#363f30;--tone-ink:#f6f1e5;--tone-soft:#e8eade}.tone-blue{--tone:#344752;--tone-dark:#1e2d36;--tone-ink:#f3eee3;--tone-soft:#e4e8e8}.tone-burgundy{--tone:#603d42;--tone-dark:#382126;--tone-ink:#f5ede0;--tone-soft:#ebe2df}.tone-plum{--tone:#5d5b62;--tone-dark:#3d3b42;--tone-ink:#fbf4e8;--tone-soft:#e7e5e7}.tone-lavender{--tone:#e0dcd0;--tone-dark:#aaa597;--tone-ink:#3b4038;--tone-soft:#f1efe8}.tone-sage{--tone:#a5aa98;--tone-dark:#6c7563;--tone-ink:#293129;--tone-soft:#e9ebe2}.tone-cocoa{--tone:#715c49;--tone-dark:#483a2d;--tone-ink:#fff8e9;--tone-soft:#eae4da}.tone-graphite{--tone:#303432;--tone-dark:#1b1e1d;--tone-ink:#f5f3ea;--tone-soft:#e4e6e1}.cab-jacket{isolation:isolate;--font-app:var(--font-interface);aspect-ratio:.72;text-align:left;width:100%;color:var(--tone-ink);background-color:var(--tone);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000024,2px 1px 0 #e0dacd,4px 3px 0 #bdb7a9,5px 5px 0 var(--tone-dark),7px 16px 25px #2527221c;background-image:linear-gradient(90deg,#00000014,#0000 18% 96%,#00000010),repeating-linear-gradient(0deg,#0000 0 2px,#ffffff08 2px 3px),repeating-linear-gradient(90deg,#0000 0 3px,#00000007 3px 4px);border-radius:2px 6px 7px 2px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;container-type:inline-size}.cab-jacket:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--tone-dark),#0000000a 20%,#ffffff17 45%,#00000029 76%,transparent);pointer-events:none;border-right:1px solid #0000001a;width:10%;position:absolute;inset:0 auto 0 0}.cab-jacket:after{content:"";border-left:1px solid #0000001c;border-right:2px solid var(--tone-dark);pointer-events:none;background:repeating-linear-gradient(0deg,#d5cfbf 0 1px,#f2efe4 1px 3px);border-radius:0 3px 3px 0;width:1.8%;position:absolute;top:1.2%;bottom:1.2%;right:0}.jacket-front{box-sizing:border-box;flex-direction:column;flex:1;align-items:flex-start;width:100%;height:100%;min-height:0;padding:11% 11% 10% 16%;display:flex}.jacket-series{width:100%;font:500 clamp(8px,5.5cqw,16px)/1.4 var(--font-app);letter-spacing:-.025em;flex-shrink:0;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.jacket-series>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.jacket-date{font-variant-numeric:tabular-nums;opacity:.8;flex-shrink:0}.jacket-label{width:100%;min-height:0;color:inherit;flex-direction:column;flex:1;justify-content:center;gap:7%;margin:10% 0 7%;padding:0;display:flex}.jacket-format{font:600 clamp(8px,5cqw,14px)/1.4 var(--font-app);letter-spacing:-.015em;color:inherit;opacity:.85;flex-shrink:0}.jacket-title{-webkit-line-clamp:4;max-width:100%;min-height:0;font:500 clamp(12px,14cqw,48px)/1.08 var(--font-app);letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance;word-break:normal;-webkit-hyphens:none;hyphens:none;-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.jacket-title--medium{font-size:clamp(11px,11.5cqw,40px)}.jacket-title--long{font-size:clamp(10px,10cqw,34px)}.jacket-subtitle{-webkit-line-clamp:2;overflow-wrap:anywhere;max-width:100%;font:400 clamp(9px,4.4cqw,14px)/1.5 var(--font-app);letter-spacing:-.015em;color:inherit;opacity:.85;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jacket-detail{-webkit-line-clamp:2;overflow-wrap:anywhere;width:100%;max-width:100%;font:500 clamp(8px,5.2cqw,14px)/1.4 var(--font-app);letter-spacing:-.025em;opacity:.85;-webkit-box-orient:vertical;flex-shrink:0;margin-top:auto;display:-webkit-box;overflow:hidden}.edition-archive{background-image:linear-gradient(90deg,var(--tone-dark) 0 14%,transparent 14%),repeating-linear-gradient(0deg,transparent 0 2px,#ffffff15 2px 3px)}.edition-archive .jacket-front{padding-left:21%}.edition-archive .jacket-label{border-top:1px solid;justify-content:flex-start;margin-top:30%;padding-top:9%}.edition-archive .jacket-title{letter-spacing:-.07em;font-size:clamp(12px,12cqw,43px);font-weight:400}.edition-archive .jacket-format{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(7px,3.5cqw,12px);font-weight:400}.edition-duo{background-image:linear-gradient(90deg,#0004 0 25%,#0000 25%),linear-gradient(0deg,#0002 0 30%,#0000 30%),repeating-linear-gradient(0deg,#0000 0 2px,#ffffff09 2px 3px)}.edition-duo .jacket-front{padding-left:32%;padding-right:10%}.edition-duo .jacket-label{justify-content:flex-end;margin-bottom:31%}.edition-duo .jacket-title{letter-spacing:-.07em;font-size:clamp(12px,12cqw,43px)}.edition-duo .jacket-series{font-size:clamp(8px,4cqw,14px)}.edition-duo .jacket-date{display:none}.edition-foil{--tone-ink:#d7c39a}.edition-foil .jacket-front{padding:13% 13% 12% 18%;position:relative}.edition-foil .jacket-front:before{content:"";box-shadow:inset 0 0 0 3px var(--tone),inset 0 0 0 4px #d7c39a35;pointer-events:none;border:1px solid #d7c39a70;position:absolute;inset:8% 7% 7% 12%}.edition-foil .jacket-series{font-size:clamp(8px,3.8cqw,14px);font-weight:400}.edition-foil .jacket-title{letter-spacing:-.04em;font-size:clamp(12px,13cqw,44px);font-weight:400}.edition-foil .jacket-date{display:none}.edition-foil .jacket-format{letter-spacing:.08em;font-size:clamp(8px,3cqw,12px);font-weight:400}@container (width<=300px){.jacket-subtitle{display:none}}@container (width<=100px){.jacket-series{font-size:6px}.jacket-date,.jacket-format,.jacket-detail{display:none}.jacket-label{margin:18% 0 8%}.jacket-title{font-size:clamp(8px,18cqw,15px)}.jacket-title--medium{font-size:clamp(8px,15cqw,13px)}.jacket-title--long{font-size:clamp(7px,13cqw,12px)}}.cab-jacket.cassette-jacket{--tape-depth:clamp(5px,2.6cqw,10px);isolation:auto;width:100%;transform-style:preserve-3d;color:#eae6dc;box-shadow:none;background:0 0;border:0;border-radius:4px;display:block;overflow:visible;aspect-ratio:1.75!important;height:auto!important;min-height:0!important;padding:0!important}.cassette-jacket:before,.cassette-jacket:after{display:none}.cassette-face{background:linear-gradient(145deg,#4a4c46 0%,#30332f 24%,#242824 70%,#1b201c);border:1px solid #111513;border-radius:4px;display:block;position:absolute;inset:0;transform:translateZ(.2px);box-shadow:inset 0 1px #ffffff4a,inset 1px 0 #ffffff21,inset 0 -3px #101410,0 1px #000}.cassette-face:before{content:"";pointer-events:none;border:1px solid #ffffff15;border-radius:2px;position:absolute;inset:4%}.cassette-face:after{content:"";pointer-events:none;border-top:1px solid #0008;border-bottom:1px solid #ffffff18;height:3%;position:absolute;top:3%;left:6%;right:6%}.cassette-edge{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:repeating-linear-gradient(90deg,#1a1e1a 0 2px,#343832 2px 3px);border:1px solid #151914;display:block;position:absolute}.cassette-edge-top{height:var(--tape-depth);left:0;right:0;top:calc(-1*var(--tape-depth));transform-origin:bottom;background:linear-gradient(#30372e,#434b3f);border-radius:3px 3px 0 0;transform:rotateX(90deg)}.cassette-edge-bottom{height:var(--tape-depth);transform-origin:top;background:repeating-linear-gradient(90deg,#171d17 0 2px,#363e33 2px 3px);border-radius:0 0 3px 3px;top:100%;left:0;right:0;transform:rotateX(-90deg)}.cassette-edge-right{width:var(--tape-depth);transform-origin:0;height:100%;top:0;left:100%;transform:rotateY(90deg)}.cassette-edge-left{width:var(--tape-depth);height:100%;left:calc(-1*var(--tape-depth));transform-origin:100%;top:0;transform:rotateY(-90deg)}.cassette-label{height:39%;color:var(--tone-ink,#352f25);background:linear-gradient(115deg,#fff9,transparent 45%),var(--tone,#dac699);border:1px solid #0003;border-radius:1px;flex-direction:column;justify-content:center;gap:4%;padding:2.5% 5%;display:flex;position:absolute;top:10%;left:9%;right:9%;overflow:hidden;box-shadow:0 1px 2px #0005,inset 0 1px #fff7}.cassette-brand{font:500 clamp(5px,3cqw,9px)/1.3 var(--font-interface);letter-spacing:.09em;text-transform:uppercase;opacity:.8;white-space:nowrap}.cassette-title{font:500 clamp(9px,7cqw,24px)/1.08 var(--font-interface);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cassette-detail{font:400 clamp(5px,2.8cqw,9px)/1.3 var(--font-interface);opacity:.7;white-space:nowrap}.cassette-window{background:linear-gradient(165deg,#ffffff14,#0000 38%),#0f1511;border:1px solid #11170f;border-radius:2px;justify-content:space-between;align-items:center;gap:8%;height:29%;padding:2.2% 5%;display:flex;position:absolute;top:56%;left:10%;right:10%;box-shadow:0 1px #ffffff24,inset 0 2px 4px #000b}.cassette-window>i{aspect-ratio:1;background:repeating-conic-gradient(#dad7ca 0 34deg,#646b5d 35deg 58deg,#e8e3d6 59deg 60deg);border:2px solid #e6e0d0;border-radius:50%;flex-shrink:0;width:auto;height:100%;position:relative;box-shadow:0 0 0 2px #514b3d,0 0 0 4px #151a13,inset 0 0 0 1px #faf8e0}.cassette-window>i:after{content:"";background:#161e16;border:1px solid #0008;border-radius:50%;position:absolute;inset:28%;box-shadow:0 0 0 1px #e6e4d2}.cassette-window>span{background:#68503a;flex:1;height:2px;box-shadow:0 1px #ad95725c}.cassette-base{border:1px solid #11170f;justify-content:space-around;align-items:center;height:6%;display:flex;position:absolute;bottom:4%;left:25%;right:25%;box-shadow:0 1px #ffffff1a}.cassette-base i{aspect-ratio:1;background:#0e130d;border-radius:50%;width:4%;display:block;box-shadow:0 1px #ffffff1a}.cassette-screws{pointer-events:none;position:absolute;inset:0}.cassette-screws i{aspect-ratio:1;background:linear-gradient(45deg,#0000 42%,#10160e 43% 57%,#0000 58%),#666c5f;border-radius:50%;width:2.4%;position:absolute;box-shadow:inset 0 0 0 1px #141d12,0 1px #ffffff1c}.cassette-screws i:first-child{top:5%;left:3%}.cassette-screws i:nth-child(2){top:5%;right:3%}.cassette-screws i:nth-child(3){bottom:5%;left:3%}.cassette-screws i:nth-child(4){bottom:5%;right:3%}.cab-book-link:has(.cassette-jacket):after{display:none}.cab-collection-volume>.cab-book-link:has(.cassette-jacket){align-self:center;width:90%;max-width:300px}.cab-new-dialog .cab-create-preview .cassette-jacket{width:230px}.cab-recent-cover:has(.cassette-jacket){width:54px}.cab-recent-cover .cassette-jacket{aspect-ratio:1.75!important}.cab-book-grid[data-layout=list] .cab-jacket.cassette-jacket{width:54px}@container (width<=100px){.cassette-label{padding:0 3%}.cassette-brand,.cassette-detail{display:none}}