.BookScroll3D-module__qLneiG__host{width:100%;container-type:inline-size}.BookScroll3D-module__qLneiG__slot{place-items:center;width:100%;height:calc(1.42*min(46cqi,300px));display:grid;container-type:inline-size}.BookScroll3D-module__qLneiG__viewport{--P:min(46cqi, 300px);--PW:calc(var(--P) * var(--AR,1));--L:calc(var(--P) * .014);--B:calc(var(--P) * .018);--r:calc(var(--P) * .02);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:visible}.BookScroll3D-module__qLneiG__gsh{width:calc(var(--PW) * 2.06);height:calc(var(--P) * .15);pointer-events:none;filter:blur(7px);background:radial-gradient(closest-side,#35220e57,#35220e24 55%,#0000 74%);position:absolute;top:50%;left:50%}.BookScroll3D-module__qLneiG__scene{z-index:2;width:calc(var(--PW) * 2);height:var(--P);perspective:calc(var(--P) * 3.2);perspective-origin:50% 42%;position:relative}.BookScroll3D-module__qLneiG__camera,.BookScroll3D-module__qLneiG__book{transform-style:preserve-3d;position:absolute;inset:0}.BookScroll3D-module__qLneiG__slab{width:49.75%;height:98.2%;transform-style:preserve-3d;transform-origin:0;position:absolute;top:.9%;left:50%}.BookScroll3D-module__qLneiG__board{--t:var(--B);--edgebg:linear-gradient(180deg, #f3ebd9, #e2d6bd);width:51.3%;height:102.4%;top:-1.2%}.BookScroll3D-module__qLneiG__leaf{--t:var(--L);--edgebg:repeating-linear-gradient(90deg, #f6eedd 0 1.2px, #d9cbae 1.2px 2.3px)}.BookScroll3D-module__qLneiG__f{backface-visibility:hidden;background-position:50%;background-size:cover;position:absolute;inset:0}.BookScroll3D-module__qLneiG__front{transform:translateZ(var(--t));border-radius:0 var(--r) var(--r) 0}.BookScroll3D-module__qLneiG__back{border-radius:var(--r) 0 0 var(--r);transform:rotateY(180deg)}.BookScroll3D-module__qLneiG__e{background:var(--edgebg,#efe6d2);position:absolute}.BookScroll3D-module__qLneiG__er{top:calc(var(--r) * .5);bottom:calc(var(--r) * .5);width:var(--t);transform-origin:100%;right:0;transform:rotateY(90deg)}.BookScroll3D-module__qLneiG__el{width:var(--t);transform-origin:0;top:0;bottom:0;left:0;transform:rotateY(-90deg)}.BookScroll3D-module__qLneiG__et{left:2px;right:calc(var(--r) * .6);height:var(--t);transform-origin:top;top:0;transform:rotateX(90deg)}.BookScroll3D-module__qLneiG__eb{left:2px;right:calc(var(--r) * .6);height:var(--t);transform-origin:bottom;bottom:0;transform:rotateX(-90deg)}.BookScroll3D-module__qLneiG__leaf .BookScroll3D-module__qLneiG__et,.BookScroll3D-module__qLneiG__leaf .BookScroll3D-module__qLneiG__eb{--edgebg:repeating-linear-gradient(180deg, #f6eedd 0 1.2px, #d9cbae 1.2px 2.3px)}.BookScroll3D-module__qLneiG__spineL:after,.BookScroll3D-module__qLneiG__spineR:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.BookScroll3D-module__qLneiG__spineL:after{background:linear-gradient(90deg,#4a321647,#4a321617 3.2%,#0000 7.5%)}.BookScroll3D-module__qLneiG__spineR:after{background:linear-gradient(270deg,#4a321647,#4a321617 3.2%,#0000 7.5%)}.BookScroll3D-module__qLneiG__sh{opacity:0;pointer-events:none;border-radius:inherit;background:#2c1a09;position:absolute;inset:0}.BookScroll3D-module__qLneiG__hl{background-position:0;background-size:200% 100%}.BookScroll3D-module__qLneiG__hr{background-position:100%;background-size:200% 100%}.BookScroll3D-module__qLneiG__paste{border-radius:var(--r) 0 0 var(--r);width:96.98%;height:95.9%;position:absolute;top:2.05%;right:0}.BookScroll3D-module__qLneiG__endpaper{background:radial-gradient(#c5b28e29 1px,#0000 1.4px),#fbf4e6;background-size:calc(var(--P) * .06) calc(var(--P) * .06), auto}.BookScroll3D-module__qLneiG__spine{height:101.6%;width:calc(var(--P) * .078 + .6px);transform-origin:0;box-shadow:inset 0 0 calc(var(--P) * .02) #1e281440;background:linear-gradient(#79b0d8 0%,#8cbde0 18%,#7fae72 78%,#5c8a4f 100%);position:absolute;top:-.8%;left:50%}.BookScroll3D-module__qLneiG__crease,.BookScroll3D-module__qLneiG__fsh{pointer-events:none;opacity:0;width:49.75%;height:98.2%;position:absolute;top:.9%}.BookScroll3D-module__qLneiG__cl{background:linear-gradient(270deg,#462e1442,#462e1414 42%,#0000 100%);width:8%;right:50%}.BookScroll3D-module__qLneiG__cr{background:linear-gradient(90deg,#462e1442,#462e1414 42%,#0000 100%);width:8%;left:50%}.BookScroll3D-module__qLneiG__fr{border-radius:0 var(--r) var(--r) 0;background:linear-gradient(90deg,#2d1c0c,#0000 42%);left:50%}.BookScroll3D-module__qLneiG__fl{border-radius:var(--r) 0 0 var(--r);background:linear-gradient(270deg,#2d1c0c,#0000 42%);right:50%}.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__camera,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__book,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__slab,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__spine,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__gsh,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__crease,.BookScroll3D-module__qLneiG__running .BookScroll3D-module__qLneiG__fsh{will-change:transform}