.desda-pageflip{--bg: #e7e7ea;--bg-2: #dcdce0;--book-shadow: rgba(0,0,0,.28);--bar-bg: rgba(28,28,32,.86);--bar-fg: #f4f4f6;--accent: #2b2b30}.desda-pageflip,.desda-pageflip *{box-sizing:border-box}.desda-pageflip{margin:0;height:100%;background:radial-gradient(ellipse at center,var(--bg) 0%,var(--bg-2) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}.desda-pageflip{position:relative;width:100%;height:var(--desda-height-desktop, 90vh);min-height:var(--desda-min-height, 520px);display:flex;flex-direction:column}.desda-pageflip #stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px 12px;min-height:0;overflow:hidden}.desda-pageflip #bookWrap{width:100%;max-width:calc((var(--desda-current-height, var(--desda-height-desktop, 90vh)) - 28px) * 1.42);margin:auto;left:auto;top:auto;display:flex;align-items:center;justify-content:center;transform-origin:center center}.desda-pageflip #bookWrap.--zooming{will-change:transform}.desda-pageflip .flip-book{width:100%;filter:drop-shadow(0 14px 34px var(--book-shadow))}.desda-pageflip .page{background:#fff;overflow:hidden}.desda-pageflip .page .page-img{width:100%;height:100%;display:block;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;background:#fff}.desda-pageflip .page.--hard{background:#f3f3f4}.desda-pageflip #gestures{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;touch-action:none;cursor:grab}.desda-pageflip #gestures.--grabbing{cursor:grabbing}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,var(--bg) 0%,var(--bg-2) 100%);z-index:50;transition:opacity .35s ease}.loading.--hidden{opacity:0;pointer-events:none}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar-toggle{position:absolute;z-index:41;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:46px;height:46px;border-radius:999px;border:0;background:var(--bar-bg);color:var(--bar-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000038;-webkit-tap-highlight-color:transparent}.bar-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.desda-pageflip.--controls-open .bar-toggle svg{transform:rotate(180deg)}.toolbar{position:absolute;z-index:40;left:max(10px,env(safe-area-inset-left));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 54px);max-width:calc(100vw - 20px);display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;background:var(--bar-bg);color:var(--bar-fg);border-radius:23px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000038;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.desda-pageflip.--controls-open .toolbar{opacity:1;pointer-events:auto;transform:none}.tb-btn{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.tb-btn:hover{background:#ffffff1f}.tb-btn:active{background:#fff3}.tb-btn:disabled{opacity:.32;cursor:default}.tb-btn:focus-visible,.bar-toggle:focus-visible,.page-info:focus-visible{outline:2px solid #f4f4f6;outline-offset:2px}.tb-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.page-info{font-size:13px;font-variant-numeric:tabular-nums;min-width:78px;text-align:center;letter-spacing:.2px;opacity:.92}.tb-sep{width:1px;height:24px;background:#ffffff2e;margin:0 4px}.zoom-hint{position:absolute;left:50%;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 62px);transform:translate(-50%);color:#fff;font-size:12.5px;white-space:nowrap;background:#141417d1;padding:7px 14px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000040;pointer-events:none;z-index:45;transition:opacity .4s ease}.zoom-hint.--hidden{opacity:0}.page-info{cursor:pointer}.page-info:hover{opacity:1}.zoom-reset{position:absolute;z-index:46;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));height:38px;padding:0 14px;border:0;border-radius:999px;background:var(--bar-bg);color:var(--bar-fg);display:none;align-items:center;gap:7px;cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000038;-webkit-tap-highlight-color:transparent}.desda-pageflip.--zoomed .zoom-reset{display:flex}.zoom-reset svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.goto-pop{position:absolute;left:50%;z-index:60;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 108px);transform:translate(-50%) translateY(8px);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:var(--bar-bg);color:var(--bar-fg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 28px #0000004d;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.desda-pageflip.--goto-open .goto-pop{opacity:1;pointer-events:auto;transform:translate(-50%)}.goto-pop label{font-size:13px;opacity:.9}.goto-pop input{width:64px;-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;border-radius:8px;padding:6px 8px;font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.goto-pop input:focus{outline:2px solid #f4f4f6;outline-offset:1px}.goto-pop .goto-go{border:0;border-radius:8px;padding:6px 12px;cursor:pointer;background:#f4f4f6;color:#1b1b1f;font-size:13px;font-weight:600}@media(max-width:380px){.tb-btn{width:38px;height:38px}.page-info{min-width:64px;font-size:12px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.loading,.toolbar,.bar-toggle svg,.zoom-hint,.tb-btn,.goto-pop{transition:none}}@media(max-width:749px){.desda-pageflip{height:var(--desda-height-mobile, 78vh);min-height:420px}}.desda-pageflip .desda-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#444}.desda-pageflip:fullscreen{width:100vw;height:100vh;min-height:100vh}.desda-pageflip:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh}
/*# sourceMappingURL=/cdn/shop/t/208/assets/desda-pageflip.css.map */