.zm-bbook,.zm-bbook-swatch{--bb-room: #f7f0e7;--bb-paper: #fffdf7;--bb-ink: #493832;--bb-muted: #8b7770;--bb-accent: #b8757d;--bb-line: #d7b68d;--bb-board: #b8757d;--bb-board-deep: #8f555d;--bb-board-light: #cc929a;--bb-button: #b8757d;--bb-ease: cubic-bezier(.22, 1, .36, 1);color:var(--bb-ink)}.zm-bbook{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bb-room);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}.zm-bbook .bb-room{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 42%,#fff9,#fff0 70%),radial-gradient(120% 90% at 50% 110%,color-mix(in srgb,var(--bb-line) 26%,transparent) 0%,transparent 60%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-head{font-family:var(--bb-head);font-variation-settings:var(--bb-head-var);font-weight:var(--bb-head-w)}:is(.zm-bbook,.zm-bbook-swatch) .bb-hand{font-family:var(--bb-hand);font-weight:500}:is(.zm-bbook,.zm-bbook-swatch) .bb-serif{font-family:var(--bb-serif);font-variation-settings:var(--bb-serif-var)}:is(.zm-bbook,.zm-bbook-swatch) .bb-label{font-family:var(--bb-label)}.zm-bbook .bb-stage{position:relative}.zm-bbook .bb-book{position:absolute;left:0;top:0;perspective:2600px;perspective-origin:50% 40%;touch-action:pan-y;user-select:none;-webkit-user-select:none}.zm-bbook .bb-single .bb-book{perspective:1700px}.zm-bbook .bb-floor{position:absolute;left:4%;right:4%;bottom:-34px;height:46px;border-radius:50%;background:radial-gradient(closest-side,#281e1952,#281e1900);filter:blur(6px);pointer-events:none}.zm-bbook .bb-board{position:absolute;border-radius:3px 10px 10px 3px;background:var(--bb-cover-img);box-shadow:0 1px #ffffff2e inset,0 -2px #0000001f inset,1px 2px 0 var(--bb-board-deep),2px 4px #00000014,0 26px 40px -22px #281e198c}.zm-bbook .bb-edges{position:absolute;top:3px;bottom:3px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--bb-edge-a) 0 1px,var(--bb-edge-b) 1px 2px);box-shadow:0 0 0 .5px #281e1914}.zm-bbook .bb-edges.bb-right{border-radius:0 3px 3px 0}.zm-bbook .bb-edges.bb-left{border-radius:3px 0 0 3px}:is(.zm-bbook,.zm-bbook-swatch) .bb-paper{position:absolute;inset:0;overflow:hidden;background-color:var(--bb-paper);background-image:var(--bb-paper-img)}.zm-bbook .bb-paper.bb-r{border-radius:0 4px 4px 0}.zm-bbook .bb-paper.bb-l{border-radius:4px 0 0 4px}.zm-bbook .bb-paper.bb-r:after,.zm-bbook .bb-paper.bb-l:after{content:"";position:absolute;top:0;bottom:0;width:46px;pointer-events:none;z-index:5}.zm-bbook .bb-paper.bb-r:after{left:0;background:linear-gradient(90deg,#281e1933,#281e1912 28%,#281e1900)}.zm-bbook .bb-paper.bb-l:after{right:0;background:linear-gradient(270deg,#281e1933,#281e1912 28%,#281e1900)}.zm-bbook .bb-single .bb-paper.bb-r:after{width:22px;background:linear-gradient(90deg,#281e1929,#281e1900)}:is(.zm-bbook,.zm-bbook-swatch) .bb-sheet{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}:is(.zm-bbook,.zm-bbook-swatch) .bb-body{position:relative;display:flex;flex-direction:column;flex:1 1 0;min-height:0}.zm-bbook .bb-measure{position:absolute;left:-10000px;top:0;visibility:hidden;pointer-events:none;contain:layout style}.zm-bbook .bb-measure .bb-page-box{position:relative}.zm-bbook .bb-measure .bb-flow .bb-paper{position:relative;height:auto!important}.zm-bbook .bb-measure .bb-flow .bb-sheet{height:auto}.zm-bbook .bb-measure .bb-flow .bb-body{flex:none}.zm-bbook .bb-text{white-space:pre-line;overflow-wrap:anywhere}.zm-bbook .bb-curl{position:absolute;right:0;bottom:0;width:34px;height:34px;pointer-events:none;z-index:6;background:linear-gradient(315deg,var(--bb-room) 0 47%,var(--bb-edge-b) 50%,var(--bb-paper) 62%,transparent 76%);border-top-left-radius:6px;filter:drop-shadow(-2px -2px 3px rgb(40 30 25 / .12));transition:transform .25s ease;transform-origin:100% 100%}.zm-bbook .bb-curl.bb-curl-l{right:auto;left:0;background:linear-gradient(45deg,var(--bb-room) 0 47%,var(--bb-edge-b) 50%,var(--bb-paper) 62%,transparent 76%);border-top-left-radius:0;border-top-right-radius:6px;transform-origin:0 100%}@media(hover:hover){.zm-bbook .bb-book:hover .bb-curl{transform:scale(1.35)}}.zm-bbook .bb-leaf{position:absolute;top:0;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform;pointer-events:none}.zm-bbook .bb-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat}.zm-bbook .bb-face.bb-back{transform:rotateY(180deg)}.zm-bbook .bb-shade{position:absolute;inset:0;pointer-events:none;z-index:8}.zm-bbook .bb-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9}.zm-bbook .bb-shine>span{position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(90deg,#fff0,#ffffff8c 46%,#ffffff1f 60%,#00000014 78%,#fff0)}.zm-bbook .bb-cast{position:absolute;top:0;bottom:0;pointer-events:none;z-index:7}.zm-bbook .bb-sweep{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:12}.zm-bbook .bb-sweep>span{position:absolute;top:-10%;bottom:-10%;left:0;width:45%;background:linear-gradient(100deg,#fff0,#fffaf080,#fff0);transform:translate(-120%) skew(-12deg);animation:bb-sweep 1.1s var(--bb-ease) .05s both}@keyframes bb-sweep{0%{transform:translate(-120%) skew(-12deg);opacity:0}20%{opacity:1}to{transform:translate(260%) skew(-12deg);opacity:0}}.zm-bbook .bb-cover{position:absolute;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}.zm-bbook .bb-cover .bb-face{border-radius:3px 12px 12px 3px;overflow:hidden}:is(.zm-bbook,.zm-bbook-swatch) .bb-cover-front{background:var(--bb-cover-img);box-shadow:inset 0 1px #ffffff40,inset 0 -3px 6px #0000001f}:is(.zm-bbook,.zm-bbook-swatch) .bb-cover-front:before{content:"";position:absolute;top:0;bottom:0;left:0;width:7%;max-width:26px;background:linear-gradient(90deg,rgb(0 0 0 / .22),rgb(0 0 0 / .05) 60%,rgb(255 255 255 / .12) 78%,rgb(0 0 0 / .14) 86%,transparent)}.zm-bbook .bb-cover-inside{background:linear-gradient(90deg,var(--bb-board-deep),var(--bb-board) 30%)}.zm-bbook .bb-closed-depth{box-shadow:1px 1px 0 var(--bb-edge-a),2px 2px 0 var(--bb-edge-b),3px 3px 0 var(--bb-edge-a),4px 4px 0 var(--bb-edge-b),5px 5px 0 var(--bb-edge-a),6px 7px 0 var(--bb-board-deep),8px 9px #00000014,0 40px 60px -26px #281e1999}:is(.zm-bbook,.zm-bbook-swatch) .bb-foil{background:var(--bb-foil);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgb(0 0 0 / .25)) drop-shadow(0 -.5px 0 rgb(255 255 255 / .25))}.zm-bbook-swatch .bb-foil,:is(.zm-bbook,.zm-bbook-swatch)[data-material=pearl] .bb-foil{filter:drop-shadow(0 .5px 0 rgb(120 80 40 / .35))}:is(.zm-bbook,.zm-bbook-swatch) .bb-foil-line{border-color:var(--bb-foil-line)}:is(.zm-bbook,.zm-bbook-swatch) .bb-stitch{position:absolute;border:1.5px dashed rgb(243 227 195 / .7);border-radius:8px;pointer-events:none;filter:drop-shadow(0 1px 0 rgb(0 0 0 / .35))}:is(.zm-bbook,.zm-bbook-swatch) .bb-label-plate{position:relative;background-color:#f3e7cc;background-image:radial-gradient(130% 100% at 50% 50%,transparent 55%,rgb(140 100 50 / .25) 100%),var(--bb-paper-img);box-shadow:0 1px #ffffff4d inset,0 6px 14px -6px #0000008c,0 0 0 1px #3a2d2140}.zm-bbook .bb-ribbon{position:absolute;top:-6px;width:14px;pointer-events:none;z-index:4;background:var(--bb-ribbon);box-shadow:1px 0 2px #281e1940;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-endpaper{position:absolute;inset:0;background-color:var(--bb-end-bg);background-image:var(--bb-end-img)}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape{position:absolute;height:22px;width:74px;background:var(--bb-tape-a);box-shadow:0 1px 2px #281e191f;clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,4% 96%,0 50%);z-index:3}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape.bb-alt{background:var(--bb-tape-b)}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape-washi{background-image:repeating-linear-gradient(135deg,rgb(255 255 255 / .22) 0 4px,transparent 4px 9px)}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape-kraft{height:20px;background-image:var(--bb-fibre);clip-path:polygon(0 8%,4% 0,9% 10%,14% 2%,100% 0,96% 30%,100% 55%,97% 80%,100% 100%,8% 100%,3% 88%,0 70%,4% 50%,0 30%);box-shadow:none;filter:drop-shadow(0 1px 1px rgb(60 50 30 / .25))}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape-masking{background-image:linear-gradient(90deg,rgb(0 0 0 / .04),transparent 20%,transparent 80%,rgb(0 0 0 / .05)),var(--bb-fibre);clip-path:polygon(0 4%,3% 0,6% 6%,9% 0,100% 3%,97% 14%,100% 26%,97% 38%,100% 50%,97% 62%,100% 74%,97% 86%,100% 97%,0 100%,3% 86%,0 74%,3% 62%,0 50%,3% 38%,0 26%,3% 14%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-tape-vellum{height:20px;clip-path:none;border-radius:1px;box-shadow:inset 0 1px color-mix(in srgb,var(--bb-line) 80%,transparent),inset 0 -1px color-mix(in srgb,var(--bb-line) 80%,transparent),0 1px 3px #7850561f;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}:is(.zm-bbook,.zm-bbook-swatch) .bb-corner{position:absolute;width:18px;height:18px;background:var(--bb-corner);z-index:3;opacity:.9}:is(.zm-bbook,.zm-bbook-swatch) .bb-corner.tl{top:-4px;left:-4px;clip-path:polygon(0 0,100% 0,0 100%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-corner.tr{top:-4px;right:-4px;clip-path:polygon(0 0,100% 0,100% 100%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-corner.bl{bottom:-4px;left:-4px;clip-path:polygon(0 0,0 100%,100% 100%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-corner.br{bottom:-4px;right:-4px;clip-path:polygon(100% 0,0 100%,100% 100%)}:is(.zm-bbook,.zm-bbook-swatch) .bb-print{background:#fff;padding:7px 7px 0;box-shadow:0 1px 1px #281e191f,0 10px 18px -10px #281e1973}.zm-bbook[data-material=leather] .bb-print{background:#fbf5e6}.zm-bbook .bb-lined{background-image:repeating-linear-gradient(180deg,transparent 0 27px,color-mix(in srgb,var(--bb-accent) 17%,transparent) 27px 28px)}.zm-bbook .bb-ticket{position:relative;display:flex;border-radius:10px;background:var(--bb-ticket);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bb-line) 55%,transparent),0 6px 14px -10px #281e1980;-webkit-mask:radial-gradient(circle 7px at calc(100% - 66px) 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 7px at calc(100% - 66px) 100%,transparent 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 7px at calc(100% - 66px) 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 7px at calc(100% - 66px) 100%,transparent 98%,#000) bottom / 100% 51% no-repeat}.zm-bbook[data-material=leather] .bb-ticket{border-radius:3px}.zm-bbook .bb-perf{background:var(--bb-stub);border-left:2px dashed color-mix(in srgb,var(--bb-accent) 45%,transparent)}.zm-bbook .bb-stamp{border:2px solid currentColor;border-radius:6px;letter-spacing:.14em;text-transform:uppercase}.zm-bbook .bb-env{position:relative;perspective:900px}.zm-bbook .bb-env-back{position:absolute;inset:0;border-radius:6px;background:var(--bb-env-a);box-shadow:0 18px 30px -18px #281e1999}.zm-bbook .bb-env-pocket{position:absolute;inset:0;border-radius:6px;background:linear-gradient(to top right,var(--bb-env-b) 49.6%,transparent 50%) left / 50.5% 100% no-repeat,linear-gradient(to top left,var(--bb-env-b) 49.6%,transparent 50%) right / 50.5% 100% no-repeat,linear-gradient(to top,var(--bb-env-c) 0 58%,transparent 58%);clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);z-index:3}.zm-bbook .bb-env-flap{position:absolute;left:0;right:0;top:0;height:62%;transform-origin:50% 0;transform-style:preserve-3d;z-index:4}.zm-bbook .bb-env-flap>span{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:polygon(0 0,100% 0,50% 100%)}.zm-bbook .bb-env-flap>span:first-child{background:linear-gradient(180deg,var(--bb-env-b),var(--bb-env-a))}.zm-bbook .bb-env-flap>span:last-child{transform:rotateY(180deg) rotate(180deg);background:var(--bb-env-a);filter:brightness(.94);clip-path:polygon(0 100%,100% 100%,50% 0)}.zm-bbook .bb-seal{background:var(--bb-seal);box-shadow:inset 0 -2px 4px #0000004d,inset 0 2px 3px #ffffff40,0 3px 6px #281e1959;border-radius:47% 53% 50% 50%/52% 48%}.zm-bbook .bb-glow{position:absolute;left:50%;top:46%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bb-line) 34%,transparent),transparent);opacity:0;pointer-events:none}.zm-bbook .bb-glow.on{animation:bb-glow 3.6s ease-in-out .3s infinite both}@keyframes bb-glow{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.95;transform:scale(1.04)}}.zm-bbook .bb-btn{transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease}.zm-bbook .bb-btn:active{transform:scale(.96)}.zm-bbook .bb-btn:focus-visible,.zm-bbook .bb-focus:focus-visible{outline:2px solid var(--bb-button);outline-offset:3px}.zm-bbook .bb-enter .bb-a{animation:bb-fade-up .5s var(--bb-ease) both;animation-delay:calc(var(--bb-d, 0s) + var(--i, 0) * 70ms)}.zm-bbook .bb-enter .bb-a-photo{animation-name:bb-drop;animation-duration:.6s}.zm-bbook .bb-enter .bb-a-tape{animation-name:bb-stick;animation-duration:.35s;animation-delay:calc(var(--bb-d, 0s) + var(--i, 0) * 70ms + .32s)}.zm-bbook .bb-enter .bb-a-stamp{animation-name:bb-press;animation-duration:.45s;animation-delay:calc(var(--bb-d, 0s) + var(--i, 0) * 70ms + .25s)}.zm-bbook .bb-enter .bb-a-note{animation-name:bb-cascade;animation-duration:.45s}.zm-bbook .bb-enter .bb-a-coupon{animation-name:bb-slide;animation-duration:.5s}.zm-bbook .bb-enter .bb-a-pop{animation-name:bb-pop;animation-duration:.55s}.zm-bbook .bb-bob{animation:bb-bob 3.2s ease-in-out .8s infinite}@keyframes bb-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bb-drop{0%{opacity:0;transform:translateY(-18px) rotate(5deg) scale(1.04)}60%{opacity:1;transform:translateY(2px) rotate(-.6deg) scale(1)}to{opacity:1;transform:none}}@keyframes bb-stick{0%{opacity:0;transform:scale(1.25) translateY(-4px)}to{opacity:1;transform:none}}@keyframes bb-press{0%{opacity:0;transform:scale(1.5)}70%{opacity:1;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes bb-cascade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes bb-slide{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes bb-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes bb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.zm-bbook .bb-curl{transition:none}.zm-bbook .bb-enter .bb-a,.zm-bbook .bb-bob,.zm-bbook .bb-glow.on,.zm-bbook .bb-sweep>span{animation:none}.zm-bbook .bb-glow.on{opacity:.6}.zm-bbook .bb-sweep{display:none}}:is(.zm-bbook,.zm-bbook-swatch):is([data-material=newsprint],[data-material=gloss]) :is(.bb-board,.bb-cover .bb-face,.bb-cover-front,.bb-paper.bb-r,.bb-paper.bb-l){border-radius:2px!important}:is(.zm-bbook,.zm-bbook-swatch):is([data-material=newsprint],[data-material=gloss]) .bb-cover-front:before{width:10px;background:linear-gradient(90deg,rgb(0 0 0 / .14),rgb(0 0 0 / .02) 70%,transparent)}.zm-bbook:is([data-material=newsprint],[data-material=gloss]) .bb-cover-inside{background:var(--bb-paper)}.zm-bbook .bb-staple{position:absolute;z-index:4;width:3px;height:18px;border-radius:2px;background:linear-gradient(90deg,#8d9096,#f1f2f4 45%,#9a9da3);box-shadow:0 1px 1px #0000004d;pointer-events:none}:is(.zm-bbook,.zm-bbook-swatch) .bb-halftone :is(img,[role=img]),.zm-bbook[data-material=newsprint] .bb-print :is(img,[role=img]){filter:grayscale(1) sepia(.38) contrast(1.12) brightness(1.02)}:is(.zm-bbook,.zm-bbook-swatch) .bb-halftone:after,.zm-bbook[data-material=newsprint] .bb-print>span:first-of-type:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 1.5px 1.5px,rgb(28 26 23 / .28) .8px,transparent 1.3px) 0 0 / 3px 3px;mix-blend-mode:multiply}.zm-bbook[data-material=newsprint] .bb-print{background:transparent;padding:0;box-shadow:0 0 0 1px var(--bb-ink)}.zm-bbook[data-material=newsprint] .bb-print>span:first-of-type{position:relative}.zm-bbook[data-material=gloss] .bb-print{padding:0;background:transparent;box-shadow:0 18px 30px -18px #00000073}.zm-bbook[data-material=gloss] .bb-hand{font-style:italic}.zm-bbook[data-material=newsprint] .bb-ticket{-webkit-mask:none;mask:none;border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px var(--bb-ink)}.zm-bbook[data-material=newsprint] .bb-perf{background:transparent;border-left:1px dashed var(--bb-ink);border-radius:0}.zm-bbook[data-material=gloss] .bb-ticket{border-radius:3px;box-shadow:0 10px 20px -14px #00000080}.zm-bbook .bb-drop{display:flow-root}.zm-bbook .bb-drop:first-letter{float:left;font-family:var(--bb-head);font-variation-settings:var(--bb-head-var);font-weight:var(--bb-head-w);font-style:normal;font-size:62px;line-height:52px;margin:4px 8px 0 0;color:var(--bb-accent)}:is(.zm-bbook,.zm-bbook-swatch) .bb-drop-sm:first-letter{float:left;font-family:var(--bb-head);font-weight:800;font-size:40px;line-height:34px;margin:2px 5px 0 0}.zm-bbook .bb-pull{position:relative;font-style:italic}.zm-bbook .bb-pull:before{content:"“";position:absolute;left:50%;top:-40px;transform:translate(-50%);font-family:var(--bb-head);font-size:64px;line-height:1;font-style:normal;color:var(--bb-line)}.zm-bbook-swatch{position:relative;display:block;overflow:hidden;background:var(--bb-room)}