.pnb-scene{--pnb-yaw: 0;--pnb-pitch: 0;--pnb-foil: 0;--pnb-open: 0;--pnb-sun-x: .3;--pnb-sun-y: .18;--pnb-sun-dx: -.2;--pnb-sun-dy: -.32;--pnb-lx: 0;--pnb-light: 1;--pnb-violet: #5a4285;position:relative;display:grid;place-items:center;perspective:2100px;perspective-origin:50% 44%;touch-action:pan-y}.pnb-stage{position:relative;transform-style:preserve-3d}.pnb-root{position:relative;transform-style:preserve-3d;will-change:transform}.pnb-root *{transform-style:preserve-3d}.pnb-face,.pnb-board,.pnb-hinge,.pnb-block,.pnb-spine{position:absolute;top:0;left:0;transform-style:preserve-3d}.pnb-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.pnb-board{backface-visibility:hidden}.pnb-board-face{width:100%;height:100%;overflow:hidden;border-radius:calc(1.6px * var(--pnb-scale));backface-visibility:hidden;box-shadow:0 0 0 .5px #180a2873}.pnb-base{background-color:var(--pnb-violet)}.pnb-cloth-light{background:radial-gradient(120% 90% at calc(var(--pnb-sun-x) * 100%) calc(var(--pnb-sun-y) * 100%),rgba(255,247,252,calc(.15 * var(--pnb-light))),rgba(255,247,252,calc(.04 * var(--pnb-light))) 44%,#180a2a1c);mix-blend-mode:soft-light}.pnb-bevel{background:linear-gradient(90deg,#ffffff17,#fff0 2.2%),linear-gradient(270deg,#0a041433,#0a041400 1.8%),linear-gradient(180deg,#ffffff0f,#fff0 1.3%),linear-gradient(0deg,#0a04142b,#0a041400 1.4%)}.pnb-board-edge{background-color:#4a3670;background-image:url(./assets/purple-cloth-tile.webp);background-size:calc(9px * var(--pnb-scale)) calc(9px * var(--pnb-scale));background-repeat:repeat;box-shadow:inset 0 0 calc(1.5px * var(--pnb-scale)) #0c05188c}.pnb-emboss-shadow,.pnb-emboss-light{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-emboss-shadow{background:#1206244d;transform:translate(calc(var(--pnb-sun-dx) * -2.4px),calc(var(--pnb-sun-dy) * -2.4px));mix-blend-mode:multiply}.pnb-emboss-light{background:rgba(226,208,255,calc(.17 * var(--pnb-light)));transform:translate(calc(var(--pnb-sun-dx) * 2.4px),calc(var(--pnb-sun-dy) * 2.4px));mix-blend-mode:screen}.pnb-art,.pnb-spine-art{background-size:100% 100%}.pnb-foil-tone{background:#8a85a0;mix-blend-mode:multiply;opacity:calc(.34 + .56 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-foil-shift{--a: calc(84deg + var(--pnb-foil) * 30deg);background:repeating-linear-gradient(var(--a),#ff2e9a 0%,#ff5f3a 7%,#ffc61f 14%,#b6ff2e 21%,#2bff92 28%,#1fe6ff 35%,#3f7bff 42%,#a63cff 47%,#ff2e9a 54%);background-size:470% 470%;background-position:calc(var(--pnb-foil) * 96% + var(--pnb-sun-dx) * 88% + 15%) calc(var(--pnb-foil) * -52% + var(--pnb-sun-dy) * 72% + 30%);mix-blend-mode:color;opacity:calc(.22 + .5 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-foil-sheen{background:linear-gradient(calc(64deg + var(--pnb-foil) * 40deg),#2b2b31,#4c4c55 18%,#6e6e74 34%,gray 44%,#dcdcda 48.5%,#efefed,#dcdcda 51.5%,gray 56%,#6e6e74 66%,#4c4c55 82%,#2b2b31);background-size:125% 125%;background-position:calc(50% - var(--pnb-foil) * 90% - var(--pnb-sun-dx) * 80%) calc(50% + var(--pnb-foil) * 40% - var(--pnb-sun-dy) * 70%);mix-blend-mode:hard-light;opacity:calc(.06 + .54 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-foil-spec{background:linear-gradient(calc(64deg + var(--pnb-foil) * 40deg),#fff0 41%,#ffffff6b 47.5%,#ffffffa8,#ffffff6b 52.5%,#fff0 59%);background-size:230% 230%;background-position:calc(50% - var(--pnb-foil) * 90% - var(--pnb-sun-dx) * 80%) calc(50% + var(--pnb-foil) * 40% - var(--pnb-sun-dy) * 70%);mix-blend-mode:screen;opacity:calc(.04 + .17 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-foil-hot{background:linear-gradient(calc(64deg + var(--pnb-foil) * 40deg),#fff0 48.2%,#ffffffd9 49.7% 50.3%,#fff0 51.8%);background-size:230% 230%;background-position:calc(46% - var(--pnb-foil) * 90% - var(--pnb-sun-dx) * 80%) calc(54% + var(--pnb-foil) * 40% - var(--pnb-sun-dy) * 70%);mix-blend-mode:screen;opacity:calc(.005 + .075 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-foil-desat,.pnb-page-desat{background:gray;mix-blend-mode:saturation;opacity:calc(.985 * (1 - var(--pnb-light)));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pnb-spine{left:0;top:0}.pnb-facet{position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden}.pnb-facet .pnb-foil-shift,.pnb-facet .pnb-foil-spec{background-size:220% 220%}.pnb-spine-base{background-color:var(--pnb-violet)}.pnb-facet-shade{background:rgba(14,6,28,calc((1 - var(--pnb-facet-lit)) * .34))}.pnb-facet:first-child,.pnb-facet:last-child{box-shadow:inset 0 0 calc(2px * var(--pnb-scale)) #0a04168c}.pnb-block{transform-style:preserve-3d}.pnb-face.pnb-page-fore,.pnb-face.pnb-page-head,.pnb-face.pnb-page-tail{overflow:hidden;background:#cfd6dd}.pnb-page-base{background-size:100% 100%}.pnb-page-irid{background:repeating-linear-gradient(calc(96deg + var(--pnb-foil) * 26deg),#7fe8dd,#9df0c2,#cfe6f5,#f3d3d9 12%,#d6c6f2 17%,#f6e0c4 21%,#7fe8dd 26%);background-size:470% 470%;background-position:calc(28% + var(--pnb-foil) * 150%) 50%;mix-blend-mode:color;opacity:calc(.52 + .36 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%}.pnb-page-spec{background:linear-gradient(calc(96deg + var(--pnb-foil) * 26deg),#fff0 40%,#ffffff8c,#fff0 58%);background-size:300% 300%;background-position:calc(40% - var(--pnb-foil) * 130%) 50%;mix-blend-mode:screen;opacity:calc(.18 + .26 * var(--pnb-light));-webkit-mask-size:100% 100%;mask-size:100% 100%}.pnb-page-contact{background:linear-gradient(180deg,#0c06168c,#0c061600 12%),linear-gradient(0deg,#0c06168c,#0c061600 12%)}.pnb-page-v .pnb-page-contact{background:linear-gradient(90deg,#0c061680,#0c061600 10%),linear-gradient(270deg,#0c061680,#0c061600 10%)}.pnb-page-sheet,.pnb-board-inner{overflow:hidden;background-color:#ece5d7;background-repeat:repeat;backface-visibility:hidden;border-radius:calc(1.2px * var(--pnb-scale))}.pnb-sheet-gutter{background:linear-gradient(90deg,rgba(40,22,60,calc(.7 + .14 * var(--pnb-open))),rgba(40,22,60,calc(.44 + .1 * var(--pnb-open))) 18%,rgba(40,22,60,calc(.2 + .06 * var(--pnb-open))) 52%,#28163c05),linear-gradient(180deg,#1e103033,#1e103000 7%),linear-gradient(0deg,#1e103033,#1e103000 7%),linear-gradient(0deg,rgba(28,15,46,calc(.3 - .24 * var(--pnb-open))),rgba(28,15,46,calc(.3 - .24 * var(--pnb-open))))}.pnb-inner-shade{background:linear-gradient(270deg,#2212366b,#2212360f 26%),linear-gradient(0deg,#140a2238,#140a2200)}.pnb-square-wall,.pnb-square-soffit{background:linear-gradient(180deg,#1c1030,#251636);backface-visibility:visible}.pnb-spine-cap{position:absolute;top:0;left:0;background:linear-gradient(90deg,#1d1128,#2a1a3c 60%,#1d1128);backface-visibility:visible;transform-style:preserve-3d}.pnb-spine-core{position:absolute;top:0;left:0;background:#241634;backface-visibility:visible;transform-style:preserve-3d}.pnb-grabbable{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pnb-dragging{cursor:grabbing}.pnb-ribbon{position:absolute;background-repeat:no-repeat;background-size:100% 100%;transform-origin:50% 0%;filter:drop-shadow(0 calc(1px * var(--pnb-scale)) calc(2px * var(--pnb-scale)) rgba(10,4,20,.45));backface-visibility:hidden}.pnb-contact-shadow{--pnb-shadow-spread: 1;--pnb-shadow-alpha: .34;position:absolute;left:50%;top:50%;width:calc(150px * var(--pnb-scale) * var(--pnb-shadow-spread));height:calc(34px * var(--pnb-scale));transform:translate(-50%,calc(96px * var(--pnb-scale))) rotateX(84deg);background:radial-gradient(50% 50% at 50% 50%,rgba(20,8,40,var(--pnb-shadow-alpha)),#14082800 72%);filter:blur(calc(4px * var(--pnb-scale)));pointer-events:none;z-index:-1}@media(prefers-reduced-motion:reduce){.pnb-root,.pnb-ribbon,.pnb-hinge{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/purple-notebook-3d.css.map */