.rd-flip{--rd-flip-accent: var(--rd-ralph-blue, #46499f);--rd-flip-line: var(--rd-cozy-blue, #d9d9ee);position:relative;padding-block:56px 8px;background:#fff;color:var(--rd-flip-accent)}.rd-flip__stage{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(24px,4vh,40px);padding:0 16px 48px;overflow:hidden}.rd-flip__head{text-align:center}.rd-flip__head .zh-plp__eyebrow{display:block;margin-bottom:12px}.rd-flip__head .zh-plp__h2{margin:0}.rd-flip__viewer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"book book" "prev next";column-gap:16px;row-gap:28px;width:100%}.rd-flip__viewer .rd-book{grid-area:book}.rd-flip__nav--prev{grid-area:prev;justify-self:end}.rd-flip__nav--next{grid-area:next;justify-self:start}.rd-flip__nav{width:48px;height:48px;padding:0;border:1px solid var(--rd-flip-accent);border-radius:999px;background:#fff;color:var(--rd-flip-accent);display:grid;place-items:center;cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}.rd-flip__nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rd-flip__nav:focus-visible{outline:2px solid var(--rd-flip-accent);outline-offset:3px}.rd-flip__nav[disabled]{opacity:.3;cursor:default}@media(pointer:fine){.rd-flip__nav:not([disabled]):hover{background:var(--rd-flip-accent);color:#fff}}.rd-flip__foot{display:flex;justify-content:center}.rd-flip__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rd-book{--bw: calc(2*min(92vw, 100svh - 300px)) ;position:relative;width:var(--bw);height:calc(var(--bw) / 2);justify-self:start;margin-left:calc(50% - var(--bw) / 2);cursor:zoom-in}.rd-book:focus-visible{outline:2px solid var(--rd-flip-accent);outline-offset:8px}.rd-book__floor{position:absolute;left:6%;right:6%;bottom:-7%;height:14%;background:radial-gradient(50% 50% at 50% 50%,rgb(31 26 61 / .22),transparent 70%);transform:translate(calc(var(--shift, -25) * 1%)) scaleX(var(--floor, .55));pointer-events:none}.rd-book__body{position:absolute;top:0;right:0;bottom:0;left:0;perspective:2600px;perspective-origin:50% 40%;transform:translate(calc(var(--shift, -25) * 1%))}.rd-book__base,.rd-leaf{position:absolute;top:0;left:50%;width:50%;height:100%}.rd-book__base{background:#fff;box-shadow:inset 12px 0 18px -14px #00000059}.rd-book__base img,.rd-leaf__face img{display:block;width:100%;height:100%;object-fit:cover}.rd-book__stack{position:absolute;top:0;width:50%;height:100%;background:#fff}.rd-book__stack--right{left:50%;box-shadow:2px 1px #ececec,4px 2px #e2e2e2,6px 3px #d6d6d6,8px 5px 14px #1f1a3d2e}.rd-book__stack--left{right:50%;opacity:var(--landed, 0);box-shadow:-2px 1px #ececec,-4px 2px #e2e2e2,-6px 3px #d6d6d6,-8px 5px 14px #1f1a3d2e}.rd-leaf{transform-origin:0 50%;transform-style:preserve-3d;transform:rotateY(calc(var(--a, 0) * 1deg));will-change:transform}.rd-leaf__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff}.rd-leaf__back{transform:rotateY(180deg)}.rd-leaf__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rd-leaf__front .rd-leaf__shade{background:linear-gradient(to left,#0000000d,#00000052);opacity:var(--sf, 0)}.rd-leaf__back .rd-leaf__shade{background:linear-gradient(to right,#00000059,#0000000a 70%,#ffffff1f);opacity:var(--sb, 0)}.rd-leaf__front{box-shadow:inset 14px 0 16px -14px #0000004d}.rd-leaf__back{box-shadow:inset -14px 0 16px -14px #0000004d}.rd-leaf--cover .rd-leaf__front{border-radius:2px 8px 8px 2px;box-shadow:inset 0 0 0 1px #1f1a3d1f,inset 6px 0 8px -6px #00000059}.rd-book__cast{position:absolute;top:0;width:50%;height:100%;pointer-events:none;opacity:0}.rd-book__cast--right{left:50%;transform-origin:0 50%;background:linear-gradient(to right,rgb(0 0 0 / .38),transparent);transform:scaleX(var(--cr-s, 0));opacity:var(--cr-o, 0)}.rd-book__cast--left{right:50%;transform-origin:100% 50%;background:linear-gradient(to left,rgb(0 0 0 / .38),transparent);transform:scaleX(var(--cl-s, 0));opacity:var(--cl-o, 0)}.rd-book__gutter{position:absolute;top:0;bottom:0;left:44%;width:12%;z-index:60;pointer-events:none;background:linear-gradient(to right,transparent,rgb(0 0 0 / .1) 46%,rgb(0 0 0 / .2) 50%,rgb(0 0 0 / .1) 54%,transparent);opacity:var(--landed, 0)}.rd-book__end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;opacity:var(--end, 0);pointer-events:none}.rd-book.is-end .rd-book__end{pointer-events:auto}.rd-book__end-card{position:relative;max-width:min(440px,100vw - 48px);padding:18px;text-align:center;background:#fffffff0;border:1px solid var(--rd-flip-accent);display:grid;justify-items:center;gap:8px;transform:translateY(calc((1 - var(--end, 0)) * 16px))}.rd-book__end-card .zh-plp__eyebrow{margin:0}.rd-book__end-title{margin:0;font:800 clamp(24px,2.6vw,32px) / 1.05 var(--rd-font-loud, "Shantell Sans", system-ui, sans-serif);text-transform:uppercase;color:var(--rd-flip-accent);text-wrap:balance}.rd-book__end-text{display:none;margin:0;max-width:34ch;font-size:15px;line-height:1.5;color:var(--rd-flip-accent)}.rd-book__end-text>p{margin:0}.rd-book__end-price{font-weight:700}.rd-book__end .zh-plp__btn{margin-top:8px}@media(min-width:750px){.rd-flip{padding-block:96px 48px}.rd-flip__viewer{grid-template-columns:auto auto auto;grid-template-areas:"prev book next";justify-content:center;align-items:center;column-gap:clamp(16px,3vw,40px)}.rd-flip__nav--prev,.rd-flip__nav--next{justify-self:center}.rd-book{--bw: min(1100px, 100vw - 240px, (100svh - 260px) * 2);justify-self:center;margin-left:0}.rd-book__end-card{padding:32px;gap:12px}.rd-book__end-text{display:block}}@media(prefers-reduced-motion:reduce){.rd-leaf{will-change:auto}}.rd-reader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff;color:var(--rd-flip-accent);overflow:hidden}.rd-reader::backdrop{background:#fff}.rd-reader__view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.rd-reader__spread{--pw: min(100vw - 32px, 100svh - 200px);position:relative;display:flex;transform-origin:50% 50%;will-change:transform}.rd-reader__spread.is-settling{transition:transform .22s cubic-bezier(.2,.7,.2,1)}.rd-reader__spread img{display:block;width:var(--pw);height:var(--pw);object-fit:cover;-webkit-user-drag:none;pointer-events:none;box-shadow:0 0 0 1px var(--rd-flip-line)}.rd-reader__spread .rd-book__end-card{position:absolute;left:50%;top:50%;width:min(440px,100% - 32px);translate:-50% -50%;transform:none}.rd-reader__close,.rd-reader__nav{width:48px;height:48px;border-radius:999px;border:1px solid var(--rd-flip-accent);background:#fff;color:var(--rd-flip-accent);display:grid;place-items:center;cursor:pointer;padding:0}.rd-reader__close{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:16px}.rd-reader__bar{position:relative;z-index:2;display:flex;gap:16px}.rd-reader__nav svg,.rd-reader__close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rd-reader__nav:focus-visible,.rd-reader__close:focus-visible{outline:2px solid var(--rd-flip-accent);outline-offset:3px}.rd-reader__nav[disabled]{opacity:.3;cursor:default}@media(min-width:750px){.rd-reader__spread{--pw: min((100vw - 208px) / 2, 100svh - 200px)}.rd-reader__spread--single{--pw: min(100vw - 208px, 100svh - 200px)}.rd-reader__close{top:24px;right:32px}}@media(pointer:fine){.rd-reader__nav:not([disabled]):hover,.rd-reader__close:hover{background:var(--rd-flip-accent);color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/802/assets/rd-book-flip.css.map */