@font-face{font-family:Berkeley Mono;font-style:normal;font-weight:400;src:url(/static/media/BerkeleyMonoVariable-Regular.7f72a448588a7d2dfa83.woff2) format("woff2"),url(/static/media/BerkeleyMonoVariable-Regular.c070e10f64fb57d73605.woff) format("woff")}::selection{background-color:#ff0}::-moz-selection{background-color:#ff0}*{border:0;box-sizing:border-box;margin:0;padding:0}body{font-feature-settings:"ss03" on;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;font-family:Berkeley Mono,monospace;font-variation-settings:"wght" 100}.container{margin:0 auto;max-width:572px;padding:80px 16px;width:100%;@media (max-width:768px){padding-bottom:16px;padding-left:16px;padding-right:16px;padding-top:16px}}h1,h2,p,ul{font-size:14px;font-weight:400;line-height:1.2}h1,h2{padding-top:16px}.updated{color:#aaa}h2{padding-bottom:16px}ul{list-style:none}ul li{display:block;padding-left:21px;position:relative}ul li:before{content:"•";left:6px;position:absolute}ul li ul{padding-left:0}ul li ul li:before{border-radius:50%;box-shadow:inset 0 0 0 1px;content:"";height:6px;top:6px;width:6px}ul span{color:#aaa}a{color:inherit;position:relative;text-decoration:none}a:after{box-shadow:0 1px 0 0 #aaa;inset:0 0 1px}a:after,a:before{content:"";position:absolute}a:before{background-color:#f6f6f6;inset:0;opacity:0;z-index:-1}a:hover:before{opacity:1}a:hover{color:#00f}a:hover:after{box-shadow:0 1px 0 0 #00f}.tooltipText{border-bottom:1px dotted #aaa;cursor:help;display:inline-block}.tooltip{background-color:#fff;border:1px solid #aaa;font-size:22px;padding:4px;position:fixed;z-index:1}html{overflow-x:clip}.shelf{--case-w:204px;--case-h:calc(var(--case-w)*125/142);--case-d:12px;--spine-w:9%;--plastic-edge:2%;--case-tilt:-56deg;--hover-lift:translate3d(0,-6px,54px);--fade-in-lead:120ms;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);@media (max-width:768px){--case-w:150px}}.shelfViewport{-webkit-tap-highlight-color:transparent;margin-bottom:-80px;margin-top:-40px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:66px calc(50vw - 270px) 115px;perspective:2300px;perspective-origin:64% calc(50% - 20px);scroll-snap-type:x proximity;scrollbar-width:none;@media (max-width:768px){padding-left:16px;padding-right:16px}}.shelfViewport::-webkit-scrollbar{display:none}@media (hover:hover){.shelfViewport:not(.isDetail){cursor:grab}}.shelfViewport.isDragging{cursor:grabbing;scroll-snap-type:none}.shelfViewport.isDragging .caseButton{cursor:grabbing}.shelfViewport.isDragging .case.isHovered .caseBody{transform:rotateY(var(--case-tilt))}.shelfRow{display:inline-flex;margin-left:calc(var(--case-w)*-.27);padding-right:calc(var(--case-w)*.45);transform:rotateX(3deg)}.shelfRow,.shelfRow li.case{pointer-events:none;transform-style:preserve-3d}.shelfRow li.case{-webkit-user-drag:none;display:block;flex:none;height:var(--case-h);margin-right:calc(var(--case-w)*-.6);padding:0;position:relative;scroll-snap-align:center;-webkit-user-select:none;user-select:none;width:var(--case-w)}.shelfRow li.case:before{content:none}.caseButton{-webkit-tap-highlight-color:transparent;background:none;cursor:pointer;font:inherit;height:100%;transform-style:preserve-3d;width:100%}.caseButton,.caseHit{display:block;pointer-events:none}.caseHit{inset:0;position:absolute;transform:rotateY(var(--case-tilt));transform-origin:50% 50%;transform-style:preserve-3d}.caseHitFace{--bleed:4px;display:block;opacity:0;pointer-events:auto;position:absolute}.caseHitFront{inset:calc(var(--bleed)*-1)}.caseHitEdge{height:calc(100% + var(--bleed)*2);right:0;top:calc(var(--bleed)*-1);transform:rotateY(-90deg);transform-origin:right center;width:calc(var(--case-d) + var(--bleed))}.caseHitTop{height:calc(var(--case-d) + var(--bleed));left:calc(var(--bleed)*-1);top:0;transform:rotateX(-90deg);transform-origin:center top;width:calc(100% + var(--bleed)*2)}.case.isPinned .caseHitFace{pointer-events:none}.caseHitLifted{transform:var(--hover-lift) rotateY(var(--case-tilt))}.caseHitLifted .caseHitFace{pointer-events:none}.case.isHovered:not(.isPinned) .caseHitLifted .caseHitFace,.case.isPinned .caseBody{pointer-events:auto}.caseButton:focus-visible{outline:none}.caseBody{display:block;height:100%;position:relative;transform:rotateY(var(--case-tilt));transform-origin:50% 50%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,1,.36,1);width:100%}.case.isHovered .caseBody{transform:var(--hover-lift) rotateY(var(--case-tilt))}.case.isReturning .caseBody{transition-duration:.42s;transition-duration:var(--return-ms,.42s);transition-timing-function:cubic-bezier(.4,.05,.2,1)}.case.isPinned .caseBody,.case.isPinned.isHovered .caseBody{transform:translate3d(var(--dx),var(--dy),var(--dz)) rotateY(0deg);transition-delay:.14s;transition-duration:.6s;transition-duration:var(--travel-ms,.6s);transition-timing-function:cubic-bezier(.22,1,.36,1)}.shelfViewport.isDetail{overflow-x:hidden}.shelfRow.hasPinned .case:not(.isPinned) .caseFace{opacity:0;transition-delay:0ms;transition-duration:.26s;transition-timing-function:ease}.shelfRow.hasPinned .case:not(.isPinned),.shelfRow.hasPinned .case:not(.isPinned) .caseHitFace{pointer-events:none}.shelfRow li.case.isOffstage{visibility:hidden}.caseFace{-webkit-backface-visibility:visible;backface-visibility:visible;display:block;position:absolute;transition:opacity .36s ease max(0ms,calc(.42s - var(--fade-in-lead)));transition:opacity .36s ease max(0ms,calc(var(--return-ms, .42s) - var(--fade-in-lead)))}.shelfRow:not(.isRevealed) .caseFace{opacity:0}.shelfRow.isRevealed .caseFace{animation:caseFadeIn .32s ease backwards;animation-delay:calc(60ms + var(--i)*22ms)}.shelfRow.isRevealed li.case{animation:caseRise .32s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(60ms + var(--i)*22ms)}@keyframes caseFadeIn{0%{opacity:0}to{opacity:1}}@keyframes caseRise{0%{transform:translateY(14px)}to{transform:translateY(0)}}.caseFront{background:linear-gradient(180deg,#ececec,#dcdcdc);box-shadow:0 18px 30px -14px #00000073;height:100%;inset:0;overflow:hidden;width:100%}.caseSpine{background:linear-gradient(90deg,#00000038,#0000 40%,#0000001f),var(--spine);inset:0 auto 0 0;width:var(--spine-w)}.caseSpine,.caseSpineText{display:block;position:absolute}.caseSpineText{color:#fff;color:var(--spine-text,#fff);font-size:6px;font-variation-settings:"wght" 120;left:50%;letter-spacing:.02em;line-height:1;max-height:88%;overflow:hidden;text-overflow:ellipsis;top:6%;transform:translateX(-50%);white-space:nowrap;writing-mode:vertical-rl}.caseCover{background:var(--tone);inset:var(--plastic-edge) var(--plastic-edge) var(--plastic-edge) calc(var(--spine-w) + var(--plastic-edge))}.caseCover,.caseTray{display:block;position:absolute}.caseTray{background:radial-gradient(circle at 50% 50%,#ffffff8c 0 9%,#fff0 9.5%),radial-gradient(circle at 50% 50%,#0000 0 34%,#0000000f 34.5% 37%,#0000 37.5%),var(--tone);inset:0}.caseCover img{-webkit-user-drag:none;display:block;height:100%;object-fit:cover;opacity:0;position:relative;transition:opacity .32s ease;width:100%}.caseCover img.isLoaded{opacity:1}.caseNoCover{color:#1c1c1c;display:flex;flex-direction:column;font-size:7px;gap:2px;height:100%;justify-content:flex-end;line-height:1.2;padding:7%;position:relative;width:100%}.caseNoCover span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caseNoCover span:last-child{color:#777}.caseLid{background:linear-gradient(116deg,#ffffff5c 0,#ffffff29 16%,#fff0 32%,#fff0 56%,#ffffff29 70%,#fff0 84%),linear-gradient(90deg,#ffffff24,#ffffff08 var(--spine-w),#fff0 calc(var(--spine-w) + 2%));box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 2px #0000001a,inset 0 0 12px #ffffff1f;display:block;inset:0;pointer-events:none;position:absolute}.caseSide{background:linear-gradient(90deg,#00000080,#0000002e 40%,#0000006b),var(--spine);box-shadow:inset 0 0 0 1px #ffffff2e;left:0;transform:rotateY(90deg);transform-origin:left center}.caseEdge,.caseSide{height:100%;top:0;width:var(--case-d)}.caseEdge{background:linear-gradient(90deg,#ffffff8c,#e1e1e1bf 50%,#fff9);box-shadow:inset 0 0 0 1px #00000024;right:0;transform:rotateY(-90deg);transform-origin:right center}.caseTop{background:linear-gradient(180deg,#ffffffeb,#cdcdcdeb);box-shadow:inset 0 0 0 1px #0000001f;height:var(--case-d);left:0;top:0;transform:rotateX(-90deg);transform-origin:center top;width:100%}.shelfCaption{display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:572px;min-height:1.2em;padding:0 16px;position:relative;z-index:1}.shelfCaptionText span{color:#aaa}.shelfBack{-webkit-tap-highlight-color:transparent;background:none;color:#aaa;cursor:pointer;flex:none;font:inherit;line-height:inherit}.shelfBack:hover{color:#00f}.shelfBackIcon{display:inline-block;height:1em;margin-right:.6em;vertical-align:-.14em;width:1em}.caseButton:focus-visible .caseFront{box-shadow:0 0 0 2px #00f,0 18px 30px -14px #00000073}@media (prefers-reduced-motion:reduce){.caseBody,.caseCover img,.caseFace{transition:none}.shelfRow.isRevealed .caseFace,.shelfRow.isRevealed li.case{animation:none}}
/*# sourceMappingURL=main.3dab3058.css.map*/