@font-face{font-family:hand;src:url(../media/mandy_hand-s.p.3jt3n1fyykxzu.woff)format("woff");font-display:swap}@font-face{font-family:hand Fallback;src:local(Arial);ascent-override:108.05%;descent-override:31.21%;line-gap-override:0.0%;size-adjust:83.3%}.hand_64e47d64-module___Tx5Qq__className{font-family:hand,hand Fallback}.hand_64e47d64-module___Tx5Qq__variable{--font-hand:"hand", "hand Fallback"}
.sb{--W:clamp(150px, 26vw, 330px);--H:calc(var(--W) * 1.48);--T:calc(var(--W) * .07);--paper:#f4f0e4;--dot:#cdc6b4;--cover:#161616;--hand:var(--font-hand), "Comic Sans MS", cursive;justify-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s2);display:grid}.sb-stage{width:calc(var(--W) * 2 + 40px);max-width:100%;height:calc(var(--H) + var(--W) * .35);perspective:2200px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.sb-stage.is-open{cursor:pointer}.sb-book{left:calc(50% - var(--W) / 2);top:calc(var(--W) * .12);width:var(--W);height:var(--H);transform-style:preserve-3d;transform-origin:50%;transform:translateX(0) rotateX(8deg) rotateY(var(--ry,-24deg));transition:transform .9s cubic-bezier(.3,.7,.2,1);position:absolute}.sb-book.is-idle{transition:none}.is-open .sb-book{transform:translateX(calc(var(--W) / 2)) rotateX(14deg) rotateY(var(--ry,0deg))}.sb-book>*{position:absolute}.sb-leaf,.sb-board{width:var(--W);height:var(--H);transform-style:preserve-3d;transform-origin:0;transition:transform .9s cubic-bezier(.3,.7,.2,1);top:0;left:0}.sb-leaf:not(.sb-leaf-cover){width:calc(var(--W) - 5px);height:calc(var(--H) - 6px);top:3px}.sb-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.sb-face-back{transform:rotateY(180deg)}.sb-leaf-cover .sb-face-front,.sb-board-out{background:radial-gradient(120% 90% at 30% 20%, #ffffff12, transparent 60%), repeating-linear-gradient(35deg, #ffffff04 0 2px, transparent 2px 4px), var(--cover);border-radius:3px 12px 12px 3px;box-shadow:inset 0 0 0 1px #ffffff0d}.sb-board{transform:translateZ(calc(var(--T) / -2))}.is-open .sb-board{transform:translateZ(-1px)}.sb-board-out{border-radius:12px 3px 3px 12px;transform:rotateY(180deg)}.sb-leaf-cover .sb-face-back{background:var(--cover);border-radius:12px 3px 3px 12px}.sb-board-in{background:var(--cover);border-radius:3px 12px 12px 3px}.sb-inside,.sb-board-in:before{background:#efe9da;position:absolute;inset:4px}.sb-inside{border-radius:10px 2px 2px 10px}.sb-board-in:before{content:"";border-radius:2px 10px 10px 2px}.sb-cover-face{position:absolute;inset:0}.sb-sticker{filter:drop-shadow(0 1px 1px #00000080);pointer-events:none;height:auto;position:absolute}.sb-band{background:linear-gradient(90deg,#050505,#2a2a2a 45%,#080808);width:3.2%;position:absolute;top:-1px;bottom:-1px;right:9%;box-shadow:0 0 2px #0009}.sb-board-out .sb-band{left:9%;right:auto}.sb-edge{transition:opacity .4s linear}.sb-edge-r{left:calc(var(--W) - 4px - var(--T) / 2);width:var(--T);height:calc(var(--H) - 6px);background:repeating-linear-gradient(90deg,#e9e3d2 0 1px,#f7f3e8 1px 3px);top:3px;transform:rotateY(90deg)}.sb-edge-t,.sb-edge-b{width:calc(var(--W) - 5px);height:var(--T);background:repeating-linear-gradient(0deg,#e9e3d2 0 1px,#f7f3e8 1px 3px);left:0}.sb-edge-t{top:calc(var(--T) / -2 + 3px);transform:rotateX(90deg)}.sb-edge-b{top:calc(var(--H) - var(--T) / 2 - 3px);transform:rotateX(-90deg)}.sb-spine{left:calc(var(--T) / -2);width:var(--T);height:var(--H);background:linear-gradient(90deg,#0c0c0c,#262626 50%,#0c0c0c);border-radius:6px;top:0;transform:rotateY(-90deg)}.is-open .sb-edge{opacity:0}.sb-ribbon{left:-3px;top:calc(var(--H) - 12px);width:7px;height:calc(var(--W) * .28);opacity:0;background:linear-gradient(90deg,#0a0a0a,#2b2b2b,#0a0a0a);transition:opacity .4s linear;transform:translateZ(2px)}.is-open .sb-ribbon{opacity:1;transition-delay:.5s}.sb-page{background:radial-gradient(circle, var(--dot) .9px, transparent 1.3px) 0 0 / calc(var(--W) / 20) calc(var(--W) / 20), var(--paper);font-family:var(--hand);color:#1d1d1d;font-size:calc(var(--W) * .064);padding:9% 10%;line-height:1.35;position:absolute;inset:0}.sb-r{border-radius:0 8px 8px 0;box-shadow:inset 14px 0 18px -14px #00000040}.sb-l{border-radius:8px 0 0 8px;box-shadow:inset -14px 0 18px -14px #00000040}.sb-page p,.sb-inside p{margin:0}.sb-title{align-content:center;gap:.4em;display:grid}.sb-big{font-size:2.1em;line-height:1}.sb-dim{color:#77736a}.sb-end{text-align:center;align-content:center;gap:.6em;display:grid}.sb-inside{font-family:var(--hand);font-size:calc(var(--W) * .062);color:#1d1d1d;padding:16% 12%}.sb-line{border-bottom:1px solid #c9c2b0;padding:.35em 0 .1em}.sb-gap{margin-top:1.4em!important}.sb-art{grid-template-rows:minmax(0,1fr) auto;gap:6%;display:grid}.sb-pin{place-items:center;min-height:0;margin:0;display:grid;position:relative}.sb-pin img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 1px 2px #00000026,0 4px 10px #00000014}.sb-tape{z-index:1;background:#e8dec4bf;width:28%;height:7%;position:absolute;box-shadow:0 0 1px #00000026}.sb-tape-a{top:-2%;left:4%;transform:rotate(-12deg)}.sb-tape-b{bottom:-2%;right:4%;transform:rotate(-10deg)}.sb-note{gap:.1em;display:grid;transform:rotate(-1.5deg)}.sb-r .sb-note{text-align:right;transform:rotate(1.5deg)}.sb-note-title{font-size:1.25em}.sb-note-meta{color:#6f6b62}.sb-pocket{background:#e6dfcc;border-radius:2px 2px 8px;height:34%;position:absolute;bottom:4%;left:6%;right:6%;box-shadow:0 -1px #00000014}.sb-card{width:62%;font-family:var(--hand);font-size:calc(var(--W) * .056);color:#1d1d1d;z-index:-1;background:#fbf9f3;padding:10% 8%;position:absolute;bottom:55%;left:12%;transform:rotate(-9deg);box-shadow:0 1px 3px #0000001f}.sb-controls{align-items:center;gap:var(--s3);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;font-size:11.5px;display:flex}.sb-controls button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.sb-controls button:disabled{color:var(--meta);opacity:.5;cursor:default}.sb-count{color:var(--meta);text-align:center;min-width:5em}@media (prefers-reduced-motion:reduce){.sb-book,.sb-leaf,.sb-board{transition:none}}@media (max-width:700px){.sb{--W:calc((100vw - 48px) / 2)}}.sb-tape{display:none}.sb-pin img{box-shadow:none;mix-blend-mode:multiply;filter:contrast(1.04)}.sb-title{text-align:center;justify-items:center}.sb-big{font-size:2.6em}.sb-web .play-masonry{columns:2;column-gap:var(--gutter)}@media (max-width:700px){.sb-web .play-masonry{columns:1}}.sb-endpaper{background:#efe9da;border-radius:10px 2px 2px 10px;position:absolute;inset:4px}.sb-page.sb-inside{background:radial-gradient(circle, var(--dot) .9px, transparent 1.3px) 0 0 / calc(var(--W) / 20) calc(var(--W) / 20), var(--paper);background:#efe9da;border-radius:0 8px 8px 0;inset:0}@media (max-width:700px){.sb-controls{justify-content:center;row-gap:var(--s2);flex-wrap:wrap}.sb-close{text-align:center;flex-basis:100%}}