.sketchbook{--sb-paper:#f3ede1;--sb-paper-2:#ece2cd;--sb-ink:#2a2620;--sb-muted:#6f6557;--sb-cover:#3a3027;--sb-cover-2:#2a221b;--sb-accent:#b4612f;--sb-gild:#c9a25a;--sb-hand:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;--sb-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--sb-serif:"Iowan Old Style",Palatino,"Palatino Linotype",Georgia,serif;--sb-grow:1s;--sb-ease:cubic-bezier(.2,.8,.2,1);--sb-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.09'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;box-sizing:border-box;min-height:var(--sb-min-h,360px)}.sketchbook *,.sb-stage *,.sb-tear-clone{box-sizing:border-box}.sketchbook__intro{text-align:center;padding:clamp(2rem,5vw,3.6rem) 1.5rem .25rem}.sketchbook__intro h2{font-family:var(--sb-hand);color:var(--sb-ink);font-size:clamp(1.9rem,5.5vw,3rem);line-height:1.05;margin:0}.sketchbook__intro p{font-family:var(--sb-sans);color:var(--sb-muted);font-size:clamp(.9rem,1.4vw,1.02rem);margin:.6rem auto 0;max-width:46ch}.sb-empty{text-align:center;color:var(--sb-muted);font-family:var(--sb-hand);font-size:1.15rem;padding:clamp(2rem,7vw,4.5rem) 1.5rem}.sb-rest{--w:var(--sb-rest-w,188px);--h:calc(var(--w) * 1.32);--d:calc(var(--w) * .15);position:absolute;border:0;background:transparent;padding:0;cursor:pointer;width:var(--w);height:var(--h);z-index:5;perspective:1600px;perspective-origin:50% 42%;-webkit-tap-highlight-color:transparent}.sb-rest[data-anchor=bottom-right]{right:clamp(1rem,4vw,3.5rem);bottom:clamp(1rem,4vw,2.6rem)}.sb-rest[data-anchor=bottom-left]{left:clamp(1rem,4vw,3.5rem);bottom:clamp(1rem,4vw,2.6rem)}.sb-rest[data-anchor=bottom-center]{left:50%;margin-left:calc(var(--w) / -2);bottom:clamp(1rem,4vw,2.6rem)}.sb-shelf{position:absolute;left:-52%;right:-40%;bottom:-.25rem;height:.5rem;z-index:1;background:linear-gradient(90deg,#8a6d4b,#a07f59 45%,#765d40);border-radius:1px;box-shadow:0 14px 22px -9px #0008}.sb-shelf:after{content:"";position:absolute;left:0;right:0;top:100%;height:.6rem;background:linear-gradient(#6b5236,#4d3a26)}.sb-rest__contact{position:absolute;left:4%;right:0;bottom:-.15rem;height:.9rem;z-index:0;background:radial-gradient(58% 100% at 46% 0,#000b,transparent 76%);filter:blur(4px)}.sb-rest__book{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:50% 50%;transform:rotateX(8deg) rotateY(-27deg);will-change:transform}.sb-rb{position:absolute;backface-visibility:hidden}.sb-rb-front{left:0;top:0;width:100%;height:100%;transform:translateZ(calc(var(--d)/2));border-radius:2px 4px 4px 2px;background:linear-gradient(118deg,#ffffff2a,transparent 22%),linear-gradient(152deg,var(--sb-cover),var(--sb-cover-2));box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -34px 50px -32px #000,inset 4px 0 14px -10px #fff2}.sb-rb-back{left:0;top:0;width:100%;height:100%;transform:rotateY(180deg) translateZ(calc(var(--d)/2));border-radius:4px 2px 2px 4px;background:linear-gradient(152deg,var(--sb-cover-2),#181109)}.sb-rb-spine{left:calc(50% - var(--d)/2);top:0;width:var(--d);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--w)/2));background:linear-gradient(90deg,#191209,#372c20 55%,#211910)}.sb-rb-fore{left:calc(50% - var(--d)/2);top:0;width:var(--d);height:100%;transform:rotateY(90deg) translateZ(calc(var(--w)/2));background:repeating-linear-gradient(180deg,#f6efde,#f6efde 1px,#cabfa5,#f6efde 4px)}.sb-rb-top{left:0;top:calc(50% - var(--d)/2);width:100%;height:var(--d);transform:rotateX(90deg) translateZ(calc(var(--h)/2));background:repeating-linear-gradient(90deg,#f2ebd9,#f2ebd9 1px,#d4c8af,#f2ebd9 4px)}.sb-rb-bottom{left:0;top:calc(50% - var(--d)/2);width:100%;height:var(--d);transform:rotateX(-90deg) translateZ(calc(var(--h)/2));background:repeating-linear-gradient(90deg,#e6dec9,#e6dec9 1px,#c5b99e,#e6dec9 4px)}.sb-rest__title{position:absolute;inset:auto 14% 15% 17%;font-family:var(--sb-hand);color:var(--sb-gild);font-size:clamp(.95rem,2.6vw,1.2rem);text-shadow:0 1px 0 #0008;line-height:1.12;z-index:1}.sb-rest__band{position:absolute;left:15%;right:13%;top:17%;height:2px;background:linear-gradient(90deg,transparent,var(--sb-gild),transparent);opacity:.7;z-index:1}.sb-rest__hint{position:absolute;left:50%;top:-1.9rem;transform:translate(-50%);white-space:nowrap;font-family:var(--sb-sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sb-muted);opacity:0;transition:opacity .3s;z-index:6}.sb-rest:hover .sb-rest__hint,.sb-rest:focus-visible .sb-rest__hint{opacity:1}.sb-rest:focus-visible{outline:3px solid var(--sb-accent);outline-offset:8px;border-radius:10px}@media(prefers-reduced-motion:no-preference){.sb-rest__book{animation:sb-float 6.5s ease-in-out infinite}.sb-rest:hover .sb-rest__book,.sb-rest:focus-visible .sb-rest__book{animation-play-state:paused;transform:rotateX(6deg) rotateY(-20deg) translateY(-8px) scale(1.03)}}.sb-rest.is-lifting .sb-rest__book{animation:none;transform:rotateX(0) rotateY(0) translateY(-16px) scale(1.06);transition:transform .42s var(--sb-ease)}@keyframes sb-float{0%,to{transform:rotateX(8deg) rotateY(-27deg) translateY(0)}50%{transform:rotateX(7deg) rotateY(-24deg) translateY(-6px)}}.sb-fallback{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.1rem}.sb-fallback[hidden]{display:none}.sb-fallback__card{display:block;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#0000000a;position:relative;text-decoration:none;color:#fff}.sb-fallback__card img{width:100%;height:100%;object-fit:cover;display:block}.sb-fallback__cap{position:absolute;left:0;right:0;bottom:0;padding:.55rem .7rem;font-family:var(--sb-hand);background:linear-gradient(transparent,#0009)}.sb-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:none;align-items:center;justify-content:center;font-family:var(--sb-serif);color:var(--sb-ink)}.sb-stage.is-open{display:flex}.sb-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 30%,#2a241cdd,#13100bf2);opacity:0}.sb-close{position:absolute;z-index:9100;border:0;cursor:pointer;font-family:var(--sb-sans);top:max(1rem,env(safe-area-inset-top));right:1rem;width:46px;height:46px;border-radius:50%;background:#14100b9e;color:#fff;font-size:1.4rem;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sb-close:hover{background:#14100bd1}.sb-counter{position:absolute;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9100;color:#fff;font-family:var(--sb-sans);font-size:.8rem;letter-spacing:.12em;opacity:.85}.sb-closehint{position:absolute;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);z-index:9100;color:#fff;font-family:var(--sb-sans);font-size:.74rem;letter-spacing:.08em;opacity:.92;pointer-events:none;background:#14100b80;padding:.45em .95em;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s}.sb-stage:not(.is-reading) .sb-closehint,.sb-stage.sb-hide-closehint .sb-closehint{opacity:0}.sb-grow{position:relative;display:block;width:min(94vw,1000px)}.sb-stage.is-reading .sb-book{filter:drop-shadow(0 34px 54px rgba(0,0,0,.5))}.sb-grow:focus{outline:none}.sb-book{margin:0 auto}.sb-pg{overflow:hidden;background:var(--sb-grain),linear-gradient(160deg,#f6efdf,#ece2cd);background-size:160px 160px,auto;box-shadow:inset 0 0 60px -30px #5b4a2e66}.sb-pg__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:clamp(.7rem,2.2vh,1.5rem)}.sb-pg__art{flex:1;min-height:0;display:grid;place-items:center;position:relative}.sb-pg__art img{width:100%;height:100%;object-fit:cover;border-radius:1px}.sb-pg__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--sb-grain);background-size:150px 150px;opacity:.12}.sb-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:linear-gradient(118deg,#ffffff22,transparent 26%),linear-gradient(150deg,var(--sb-cover),var(--sb-cover-2));box-shadow:inset -14px 0 34px -20px #000}.sb-cover__title{font-family:var(--sb-hand);color:var(--sb-gild);font-size:clamp(1.4rem,4vw,2.4rem);text-shadow:0 1px 0 #0008;line-height:1.1}.sb-cover__sub{position:absolute;bottom:12%;left:0;right:0;text-align:center;font-family:var(--sb-sans);text-transform:uppercase;letter-spacing:.3em;font-size:.6rem;color:#d8c89e}.sb-cover--back{background:var(--sb-grain),linear-gradient(160deg,#f6efdf,#ece2cd);background-size:160px 160px,auto;box-shadow:inset 16px 0 30px -22px #000a}.sb-cap{text-align:center;padding-top:.5rem;font-family:var(--sb-hand)}.sb-title{display:block;font-size:clamp(1rem,2.4vh,1.4rem);color:var(--sb-ink)}.sb-price{display:block;color:var(--sb-muted);font-size:.95rem;margin-top:.1rem}.sb-sold{display:inline-block;margin-top:.3rem;font-family:var(--sb-sans);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--sb-ink);padding:.2em .6em;border-radius:3px;transform:rotate(-4deg)}.sb-view{align-self:center;margin-top:.55rem;font-family:var(--sb-sans);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--sb-accent);border:0;border-radius:999px;padding:.6em 1.2em;cursor:pointer;text-decoration:none}.sb-view:hover{filter:brightness(1.07)}.sb-endpaper{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:2rem;font-family:var(--sb-hand);color:var(--sb-muted)}.sb-endpaper a{color:var(--sb-accent)}.sb-hint{position:absolute;bottom:8px;z-index:40;border:0;cursor:pointer;width:42px;height:42px;border-radius:50%;background:#0000002e;color:#fff;font-family:var(--sb-sans);font-size:1.3rem;line-height:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .45s;pointer-events:none}.sb-hint--next{right:8px;--hp:4px}.sb-hint--prev{left:8px;--hp:-4px}.sb-stage.show-hints .sb-hint{opacity:.9;pointer-events:auto;animation:sb-hintPulse 1.6s ease-in-out infinite}@keyframes sb-hintPulse{0%,to{transform:translate(0)}50%{transform:translate(var(--hp,0))}}.sb-stage.is-reduced .sb-hint{animation:none}.sb-yr-rail{position:absolute;top:50%;right:0;transform:translate(40%,-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.sb-yr-tab{position:relative;font-family:var(--sb-sans);font-size:.66rem;font-weight:600;letter-spacing:.01em;color:#fff;background:var(--rib,#8c7a5a);border:0;border-radius:0 7px 7px 0;padding:.5em .55em;cursor:pointer;line-height:1;box-shadow:2px 3px 7px -3px #0008;opacity:.9;transform:translate(0);transition:transform .16s ease,opacity .16s ease}.sb-yr-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#0004,transparent 45%);pointer-events:none}.sb-yr-tab:hover{opacity:1;transform:translate(8px)}.sb-yr-tab[aria-current=true]{opacity:1;transform:translate(10px);box-shadow:3px 3px 10px -3px #0009,inset 0 0 0 1.5px #ffffff70}.sb-med-rail{position:absolute;left:50%;top:0;transform:translate(-50%,-62%);z-index:60;display:flex;gap:.4rem;max-width:96%;justify-content:center;flex-wrap:wrap}.sb-med-ribbon{position:relative;border:0;cursor:pointer;font-family:var(--sb-sans);font-size:.62rem;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#ffffff38,transparent 55%),var(--rib,#8c7a5a);padding:.34em .62em .62em;border-radius:3px 3px 0 0;clip-path:polygon(0 0,100% 0,100% 66%,50% 100%,0 66%);box-shadow:0 4px 7px -3px #0007;opacity:.82;transform:translateY(-3px);transition:opacity .16s ease,transform .16s ease;text-shadow:0 1px 1px #0006;white-space:nowrap}.sb-med-ribbon:hover{opacity:1;transform:translateY(3px)}.sb-med-ribbon[aria-current=true]{opacity:1;transform:translateY(6px);box-shadow:0 6px 11px -3px #0008,inset 0 0 0 1.5px #ffffff60}.sb-tear-clone{position:fixed;margin:0;object-fit:contain;z-index:9500;border-radius:2px;box-shadow:0 12px 30px -14px #0009;will-change:transform,clip-path;pointer-events:none}@media(max-width:760px){.sketchbook{min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:2.4rem}.sketchbook__intro{width:100%;padding:clamp(1.6rem,5vw,2.6rem) 1rem .25rem}.sb-rest{position:relative;margin:2.4rem auto 1.6rem;--w:136px}.sb-rest[data-anchor]{left:auto;right:auto;bottom:auto;margin-left:auto;margin-right:auto}.sb-rest__hint{top:auto;bottom:-1.7rem;opacity:1}.sb-pg{box-shadow:none}.sb-pg__art:after{display:none}.sb-stage.is-reading .sb-hint{opacity:.92;pointer-events:auto}.sb-grow{width:min(88vw,52vh)}.sb-stage.is-reading .sb-book{filter:drop-shadow(0 18px 34px rgba(0,0,0,.5))}.sb-close{top:max(.7rem,env(safe-area-inset-top));right:.7rem;width:52px;height:52px;font-size:1.6rem}.sb-counter{top:max(.8rem,env(safe-area-inset-top));font-size:.74rem}.sb-hint{width:50px;height:50px;font-size:1.5rem;bottom:10px}.sb-hint--next{right:10px}.sb-hint--prev{left:10px}.sb-view{padding:.7em 1.4em;font-size:.78rem}.sb-pg__inner{padding:clamp(.6rem,3vw,1.1rem)}.sb-yr-rail{position:fixed;right:max(2px,env(safe-area-inset-right));left:auto;top:50%;transform:translateY(-50%);align-items:flex-end;gap:5px;max-height:74vh;overflow-y:auto;scrollbar-width:none;touch-action:pan-y}.sb-yr-rail::-webkit-scrollbar{display:none}.sb-yr-tab{font-size:.6rem;padding:.45em .5em;transform:translate(0)}.sb-yr-tab:hover,.sb-yr-tab[aria-current=true]{transform:translate(0)}.sb-med-rail{position:fixed;left:50%;top:max(2.8rem,calc(env(safe-area-inset-top) + 2.4rem));transform:translate(-50%);max-width:calc(100vw - 6rem);flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:.2rem .3rem;scrollbar-width:none}.sb-med-rail::-webkit-scrollbar{display:none}.sb-med-ribbon{flex:0 0 auto;font-size:.58rem}}@media(max-width:760px)and (max-height:520px){.sb-grow{width:min(64vw,86vh)}}@media(prefers-reduced-motion:reduce){.sb-stage *{scroll-behavior:auto}}.sketchbook.is-reduced .sb-rest__book{animation-duration:.001ms}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sketchbook.css.map */