.its-notebook{background:var(--its-cream, #f5eee5);color:var(--its-cocoa, #30231f);overflow:hidden}.its-notebook__heading{text-align:center;max-width:80rem;margin:0 auto 2.4rem}.its-notebook__heading h2{margin:1.2rem 0;font-size:clamp(2.8rem,4vw,4.8rem)}.its-notebook__heading p{margin:0 auto 1.6rem;max-width:48rem}.its-notebook__dimensions{display:inline-block;font-size:1.1rem;letter-spacing:.15em;border:1px solid #30231f26;border-radius:2rem;padding:.6rem 1.3rem}its-product-notebook{display:block}.its-notebook__cover-picker{margin:0 auto 2.4rem;max-width:76rem}.its-notebook__cover-picker[hidden]{display:none}.its-notebook__cover-picker-label{text-align:center;font-size:1.3rem;margin:0 0 1.2rem}.its-notebook__cover-options{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.its-notebook__cover-option{display:flex;align-items:center;gap:1rem;max-width:100%;min-height:6.4rem;padding:.7rem 1.3rem .7rem .7rem;border:1px solid #30231f30;border-radius:1rem;background:#fffdf866;color:inherit;font:inherit;font-size:1.3rem;cursor:pointer;text-align:left;transition:background .18s,border-color .18s}.its-notebook__cover-option img{display:block;width:5rem;height:6.4rem;object-fit:contain;border-radius:.3rem}.its-notebook__cover-option span{max-width:18rem;overflow-wrap:anywhere}.its-notebook__cover-option:hover{border-color:var(--its-cocoa, #30231f);background:#fffdf8}.its-notebook__cover-option[aria-pressed=true]{border-color:var(--its-cocoa, #30231f);background:#fffdf8;box-shadow:0 3px 10px #30231f12}.its-notebook__cover-option:focus-visible{outline:2px solid var(--its-guava, #a64b59);outline-offset:3px}.its-notebook__chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:80rem;margin:0 auto 1.6rem}.its-notebook__chapters[hidden]{display:none}.its-notebook__chapter{min-height:4.4rem;max-width:100%;padding:.9rem 1.8rem;border:1px solid #30231f30;border-radius:2.4rem;background:#fffdf866;color:inherit;font:inherit;font-size:1.3rem;line-height:1.4;overflow-wrap:anywhere;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.its-notebook__chapter:hover{background:#fffdf8;border-color:var(--its-cocoa, #30231f)}.its-notebook__chapter[aria-current=location]{background:var(--its-cocoa, #30231f);border-color:var(--its-cocoa, #30231f);color:var(--its-cream, #f5eee5)}.its-notebook__chapter:focus-visible{outline:2px solid var(--its-guava, #a64b59);outline-offset:3px}.its-notebook__book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.its-notebook__page{margin:0;background:#fffdf8;position:relative;aspect-ratio:var(--page-ratio)}.its-notebook__page img{display:block;width:100%;height:100%;object-fit:contain}.its-notebook__page[data-cover] img{object-fit:fill}.its-notebook__page figcaption{position:absolute;bottom:.5rem;right:.8rem;font-size:.9rem;color:#30231f99;background:#fffdf8d9;border-radius:1rem;padding:0 .5rem}.its-notebook__stage:focus-visible{outline:2px solid var(--its-guava, #a64b59);outline-offset:8px;border-radius:.6rem}.its-notebook__stage{padding:2rem 1.4rem 3.6rem}.is-ready .its-notebook__stage{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.is-dragging .its-notebook__stage{cursor:grabbing}.is-ready .its-notebook__book{display:block;position:relative;width:min(100%,92rem,calc(56svh * var(--page-ratio) * 2));aspect-ratio:calc(var(--page-ratio) * 2);margin:0 auto;perspective:2200px;isolation:isolate;transform:translate(var(--book-shift, 0%))}.is-ready .its-notebook__book:before{content:"";position:absolute;inset:-5px var(--base-right, -5px) -7px var(--base-left, -5px);border-radius:3px 7px 7px 3px;background:linear-gradient(90deg,#f1e9dc,#fffaf1 46%,#c4b39e,#fffaf1 54%,#f1e9dc);box-shadow:0 3px #fefaf1,0 5px #cdbfaf,0 7px #fffaf0,0 9px #b29b88,0 24px 35px -16px #30231f66}.its-notebook__sheet{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(var(--turn, 0deg))}.its-notebook__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fffdf8;overflow:hidden;border-radius:0 3px 3px 0}.its-notebook__face--back{transform:rotateY(180deg);border-radius:3px 0 0 3px}.its-notebook__face:after,.its-notebook__paper-shade{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#30231f26,transparent 9%,transparent 85%,#30231f08);box-shadow:inset 0 0 35px #30231f08}.its-notebook__face--back:after,.its-notebook__paper-shade--back{background:linear-gradient(270deg,#30231f30,transparent 12%,transparent 90%,#30231f06)}.its-notebook__sheet--hard .its-notebook__face{background:#e9dfd0;box-shadow:0 0 0 1px #b6a58f,0 2px 2px #30231f20}.its-notebook__sheet--hard{--cover-thickness: 4px;--cover-half: 2px}.its-notebook__sheet--hard>.its-notebook__face--front{transform:translateZ(var(--cover-half))}.its-notebook__sheet--hard>.its-notebook__face--back{transform:rotateY(180deg) translateZ(var(--cover-half))}.its-notebook__sheet--hard:before,.its-notebook__sheet--hard:after{content:"";position:absolute;left:0;width:100%;height:var(--cover-thickness);background:linear-gradient(#d4c0a5,#aa9072 48%,#decbb3);transform:rotateX(90deg);pointer-events:none}.its-notebook__sheet--hard:before{top:calc(-1 * var(--cover-half))}.its-notebook__sheet--hard:after{bottom:calc(-1 * var(--cover-half))}.its-notebook__cover-edge{position:absolute;top:0;width:var(--cover-thickness);height:100%;background:linear-gradient(90deg,#d4c0a5,#aa9072 48%,#decbb3);transform:rotateY(90deg);pointer-events:none}.its-notebook__cover-edge--outer{left:calc(100% - var(--cover-half))}.its-notebook__cover-edge--spine{left:calc(-1 * var(--cover-half))}.its-notebook__sheet--hard .its-notebook__face:not(:has(.its-notebook__page)){background:linear-gradient(90deg,#e9dfd0,#f6f0e5 12%,#eee4d5)}.its-notebook__sheet.is-curved>.its-notebook__face{visibility:hidden}.its-notebook__curve{display:contents;pointer-events:none}.its-notebook__strip{position:absolute;left:50%;top:0;height:100%;transform-origin:left center;transform-style:preserve-3d}.its-notebook__strip-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fffdf8;backface-visibility:hidden;-webkit-backface-visibility:hidden}.its-notebook__strip-face--back{transform:rotateY(180deg)}.its-notebook__strip-face .its-notebook__page{position:absolute;top:0}.its-notebook__strip-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(48 35 31 / var(--strip-shade, 0));pointer-events:none}.is-ready .its-notebook__book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 15%,#30231f 48%,#30231f 52%,transparent 85%);opacity:var(--cast-shadow, 0);pointer-events:none;z-index:1}.is-turning .its-notebook__face:after{background-color:rgb(48 35 31 / var(--fold-shade, 0))}.is-ready .its-notebook__page{width:100%;height:100%;aspect-ratio:auto}.its-notebook__wire{position:absolute;left:50%;top:0;height:100%;width:min(clamp(16px,5.5%,44px),calc(100% * 1.02857 / var(--page-ratio) / var(--wire-count)));transform:translate(-50%) scaleX(var(--wire-width, 1));pointer-events:none;-webkit-user-select:none;user-select:none}.its-notebook__wire-ring{position:absolute;display:block;width:100%;height:auto;aspect-ratio:64 / 28;transform:translateY(-50%)}.its-notebook__wire{mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.its-notebook__punches{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.its-notebook__punch-pair{position:absolute;left:0;width:min(clamp(16px,11%,44px),calc(100% * 2.05714 / var(--page-ratio) / var(--wire-count)));aspect-ratio:64 / 28;transform:translate(-50%,-50%) scaleX(var(--wire-width, 1))}.its-notebook__punches--back .its-notebook__punch-pair{left:100%}.its-notebook__punch-pair:before,.its-notebook__punch-pair:after{content:"";position:absolute;left:84.375%;top:32.142857%;width:10.9375%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:.3px;background:#514033;box-shadow:inset 0 1px 1px #21160dc9,0 .6px .3px #fffdf8cc}.its-notebook__punch-pair:after{top:67.857143%}.its-notebook__punches--back .its-notebook__punch-pair:before,.its-notebook__punches--back .its-notebook__punch-pair:after{left:15.625%}.its-notebook__book .its-notebook__punch-pair,.its-notebook__book .its-notebook__paper-shade,.its-notebook__book .its-notebook__cover-edge,.its-notebook__book .its-notebook__face{display:block}.its-notebook__controls{display:flex;align-items:center;justify-content:center;gap:2rem}.its-notebook__controls[hidden],.its-notebook__hint[hidden]{display:none}.its-notebook__controls button{display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:1.3rem;background:transparent;color:inherit;border:1px solid #30231f4d;border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.its-notebook__controls button:not(:disabled):hover{background:var(--its-cocoa, #30231f);color:var(--its-cream, #f5eee5)}.its-notebook__controls button:disabled{opacity:.25;cursor:default}.its-notebook__controls button:focus-visible{outline:2px solid var(--its-guava, #a64b59);outline-offset:4px}.its-notebook__controls svg{width:100%;height:100%}.its-notebook__controls [data-previous] svg{transform:rotate(180deg)}.its-notebook__status{min-width:15rem;text-align:center;font-size:1.2rem;font-variant-numeric:tabular-nums}.its-notebook__hint{text-align:center;font-size:1.2rem;opacity:.65;margin:1.6rem 0 0}@media(max-width:749px){.its-notebook__stage{padding:1.5rem .5rem 3rem}.its-notebook__controls{gap:1rem}.its-notebook__heading{margin-bottom:1.5rem}.its-notebook__hint{max-width:26rem;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.its-notebook__chapter,.its-notebook__cover-option,.its-notebook__controls button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/its-product-notebook.css.map */