.pfb{--pfb-ink: #1c1c1c;--pfb-pink: rgba(244, 132, 188, .42);--pfb-yellow: rgba(250, 228, 60, .5);--pfb-lilac: rgba(172, 132, 232, .4);--pfb-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath fill-opacity='.78' d='M4 9 C20 5 40 7 60 5 C90 3 120 6 150 4 C170 3 186 5 196 7 L193 11 L198 15 L194 20 L199 25 L195 30 L197 34 C180 37 160 34 140 36 C110 38 80 35 50 37 C30 38 15 36 3 34 L6 29 L1 24 L5 19 L2 14 Z'/%3E%3Cpath fill-opacity='.22' d='M10 14 C60 11 120 13 190 12 L190 17 C120 18 60 16 10 18 Z M12 25 C70 23 130 26 188 24 L188 28 C130 30 70 27 12 29 Z'/%3E%3C/svg%3E");--pfb-hand: "Patrick Hand", "Comic Sans MS", "Segoe Print", cursive;--w-hi: #fff4cc;--w-mid: #d4af5a;--w-lo: #8a6a22;container-type:inline-size;container-name:pfb;display:flex;flex-direction:column;gap:16px;width:100%}.pfb__head{display:flex;flex-direction:column;gap:4px}.pfb__title{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 400);font-size:1.6rem;line-height:1.1}.pfb__sub{margin:0;opacity:.7}.pfb__stage{perspective:3000px;padding:2.2% 9%;position:relative}.pfb__book{position:relative;width:100%;aspect-ratio:1.4758;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}.pfb__cover{position:absolute;top:-1.6%;right:-1.2%;bottom:-1.6%;left:-1.2%;border-radius:10px;background:#fff;box-shadow:0 30px 50px -26px #00000052,0 1px 4px #0000001a,inset 0 0 0 1px #00000014}.pfb__slot,.pfb__leaf{position:absolute;top:0;height:100%;width:48.4%}.pfb__slot--l{left:0}.pfb__slot--r{left:51.6%}.pfb__leaf{left:51.6%;transform-style:preserve-3d;transform-origin:-3.306% 50%;transition:transform .8s cubic-bezier(.45,.05,.2,1)}.pfb__leaf.is-flipped{transform:rotateY(-180deg)}.pfb__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pfb__face--back{transform:rotateY(180deg)}.pfb__leaf.is-turning .pfb__face{box-shadow:0 0 40px #0000002e}.pfb-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;container-type:inline-size;border-radius:0 3px 3px 0}.pfb-page--l{border-radius:3px 0 0 3px}.pfb-page img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;max-width:none}.pfb-page:after{content:"";position:absolute;top:0;bottom:0;left:0;width:7%;background:linear-gradient(to right,rgba(0,0,0,.08),transparent);pointer-events:none}.pfb-page--l:after{left:auto;right:0;background:linear-gradient(to left,rgba(0,0,0,.08),transparent)}.pfb-board{box-shadow:inset 0 0 0 1px #0000000f}.pfb-board:after{display:none}.pfb-ov{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pfb-hl,.pfb-dot{position:absolute;mix-blend-mode:multiply}.pfb-hl{-webkit-mask:var(--pfb-brush) center / 100% 100% no-repeat;mask:var(--pfb-brush) center / 100% 100% no-repeat}.pfb-dot{border-radius:50%}.pfb-tx{position:absolute;white-space:nowrap;line-height:1;color:var(--pfb-ink);font-family:var(--pfb-hand);transform:translateY(-.8em);isolation:isolate;letter-spacing:0;text-transform:none}.pfb-chk{position:absolute;overflow:visible}.pfb-ring{position:absolute;border:.25cqw solid var(--pfb-ink);border-radius:50%;transform:rotate(-6deg)}.pfb-mk{position:relative;color:inherit;background:none;padding:0 .2em;margin:0 -.15em}.pfb-mk:before{content:"";position:absolute;left:-.05em;right:-.1em;top:.12em;bottom:-.08em;z-index:-1;background:var(--pfb-hc);mix-blend-mode:multiply;transform:rotate(-.6deg);-webkit-mask:var(--pfb-brush) center / 100% 100% no-repeat;mask:var(--pfb-brush) center / 100% 100% no-repeat}.pfb-m-pink{--pfb-hc: var(--pfb-pink)}.pfb-m-yellow{--pfb-hc: var(--pfb-yellow)}.pfb-m-lilac{--pfb-hc: var(--pfb-lilac)}.pfb-c-pink{background:var(--pfb-pink)}.pfb-c-yellow{background:var(--pfb-yellow)}.pfb-c-lilac{background:var(--pfb-lilac)}.pfb-holes{position:absolute;top:0;bottom:0;left:0;width:4cqw;pointer-events:none}.pfb-page--l .pfb-holes{left:auto;right:0}.pfb-hole{position:absolute;left:.9cqw;width:1.7cqw;height:1.1cqw;border-radius:.4cqw;background:#e9e9e9;box-shadow:inset 0 .2cqw .3cqw #0000004d;transform:translateY(-50%)}.pfb-page--l .pfb-hole{left:auto;right:.9cqw}.pfb__wires{position:absolute;top:0;bottom:0;left:47.15%;width:5.7%;z-index:400;pointer-events:none;container-type:inline-size}.pfb__wire{position:absolute;left:0;right:0;height:6.5cqw;border-radius:10cqw;background:linear-gradient(to bottom,var(--w-hi) 0%,var(--w-mid) 45%,var(--w-lo) 100%);box-shadow:0 2cqw 3cqw #00000047}.pfb__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:500;width:44px;height:44px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:currentColor;border:0;--icon-stroke-width: 1.5px;transition:opacity .2s ease}.pfb__arrow svg{width:22px;height:22px}.pfb__arrow--prev svg{transform:scaleX(-1)}.pfb__arrow:hover:not(:disabled){opacity:.6}.pfb__arrow:disabled{opacity:.25;cursor:default}.pfb__arrow--prev{left:0}.pfb__arrow--next{right:0}.pfb__controls{display:flex;flex-direction:column;align-items:center;gap:10px}.pfb__count{font-variant-numeric:tabular-nums;opacity:.65;font-size:.875rem}.pfb__dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pfb__dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#00000026;cursor:pointer}.pfb__dots button[aria-current=true]{background:currentColor}.pfb__btn{font:500 .875rem var(--font-body--family);color:#fff;background:#000;border:0;border-radius:999px;padding:10px 22px;cursor:pointer;min-height:40px}.pfb__close{display:none}@container pfb (max-width: 640px){.pfb__stage{padding:3% 1.5% 56px}.pfb__arrow{top:auto;bottom:0;transform:none}.pfb__arrow--prev{left:calc(50% - 52px)}.pfb__arrow--next{right:calc(50% - 52px)}}.pfb--zoomed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#fffffffa;display:flex;align-items:center;justify-content:center;color:#000}.pfb--zoomed .pfb__stage{width:min(100%,calc((100dvh - 140px)*1.4758 + 140px));padding:64px 64px 24px}.pfb--zoomed .pfb__close{display:inline-flex;align-items:center;position:absolute;z-index:600;top:14px;right:14px}@media screen and (max-width:749px){.pfb--zoomed .pfb__stage{width:100%;padding:64px 8px 72px}.pfb--zoomed .pfb__arrow{top:auto;bottom:14px;transform:none}.pfb--zoomed .pfb__arrow--prev{left:calc(50% - 52px)}.pfb--zoomed .pfb__arrow--next{right:calc(50% - 52px)}}@media(prefers-reduced-motion:reduce){.pfb__leaf{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/planner-flipbook.css.map */