.va-book{position:relative;width:100%;background-color:var(--va-book-bg, #1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:32px 24px 24px;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.va-book__title{color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 20px;text-align:center;letter-spacing:.02em}.va-book__stage{position:relative;width:100%;max-width:min(1200px,calc((100vh - 160px) * 2 * 1563 / 1624));perspective:2500px;perspective-origin:50% 50%;transform-origin:center top;transition:transform .3s ease;margin:0 auto}.va-book__spread{display:flex;align-items:stretch;width:100%;box-shadow:0 16px 60px #000000bf,0 4px 16px #00000080;border-radius:2px;overflow:hidden}.va-book__left,.va-book__right{position:relative;flex:1 1 0;aspect-ratio:1563 / 1624;overflow:hidden;background:#f5f5f5;min-width:0}.va-book__left{box-shadow:inset -6px 0 14px #00000024;cursor:w-resize}.va-book__right{box-shadow:inset 6px 0 14px #00000024;cursor:e-resize}.va-page--blank{background:#eee;cursor:default}.va-book__page-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-drag:none}.va-book__spine{flex:0 0 10px;background:linear-gradient(90deg,#00000052,#00000017 38% 62%,#00000052);z-index:3;pointer-events:none;flex-shrink:0}.va-flip-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:4;transition:opacity .35s ease}.va-book--flipping-fwd .va-book__right .va-flip-shadow{background:linear-gradient(to left,rgba(0,0,0,.28) 0%,transparent 65%);opacity:1}.va-book--flipping-fwd .va-book__left .va-flip-shadow{background:linear-gradient(to right,rgba(0,0,0,.12) 0%,transparent 60%);opacity:1}.va-book--flipping-bwd .va-book__left .va-flip-shadow{background:linear-gradient(to right,rgba(0,0,0,.28) 0%,transparent 65%);opacity:1}.va-book--flipping-bwd .va-book__right .va-flip-shadow{background:linear-gradient(to left,rgba(0,0,0,.12) 0%,transparent 60%);opacity:1}.va-turning{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;z-index:10;display:none}.va-turning--active{display:block;will-change:transform}.va-turning__front,.va-turning__back{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.va-turning__back{transform:rotateY(180deg)}.va-turning__front:after,.va-turning__back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.va-turning__front:after{background:linear-gradient(to left,rgba(0,0,0,.2) 0%,rgba(0,0,0,.04) 50%,transparent 100%)}.va-turning__back:after{background:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.04) 50%,transparent 100%)}.va-book--right-solo .va-book__left,.va-book--right-solo .va-book__spine,.va-book--left-solo .va-book__right,.va-book--left-solo .va-book__spine{display:none}.va-book--right-solo .va-book__stage,.va-book--left-solo .va-book__stage{max-width:min(600px,calc((100vh - 160px) * 1563 / 1624))}.va-controls{display:flex;align-items:center;gap:4px;margin-top:20px;background:#00000094;border-radius:999px;padding:5px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-wrap:nowrap}.va-ctrl{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;cursor:pointer;color:#fff;border-radius:8px;padding:0;transition:background .15s ease,opacity .2s ease;flex-shrink:0}.va-ctrl:hover:not(:disabled){background:#ffffff29}.va-ctrl:active:not(:disabled){background:#ffffff42;transform:scale(.94)}.va-ctrl:disabled{opacity:.25;cursor:not-allowed}.va-ctrl svg{width:20px;height:20px;pointer-events:none;flex-shrink:0}.va-page-indicator{font-size:12px;font-family:system-ui,-apple-system,sans-serif;color:#ffffffd1;padding:0 8px;min-width:80px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.va-ctrl-divider{width:1px;height:20px;background:#ffffff2e;flex-shrink:0;margin:0 2px}.va-book__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#ffffff73;font-family:system-ui,-apple-system,sans-serif;text-align:center;min-height:200px}.va-book__empty svg{width:40px;height:40px;opacity:.4}.va-book__empty p{margin:0;font-size:.875rem}@media(max-width:767px){.va-book{padding:12px 8px}.va-book__stage{max-width:min(500px,calc(100vh - 120px))}.va-book--single .va-book__left,.va-book--single .va-book__spine{display:none}.va-book--single .va-book__right{flex:1 1 100%;box-shadow:none;cursor:default}.va-book--single .va-turning{width:100%;left:0!important;transform-origin:center center!important}.va-controls{gap:2px;padding:4px 8px;margin-top:12px}.va-ctrl{width:32px;height:32px}.va-ctrl svg{width:17px;height:17px}.va-page-indicator{font-size:11px;min-width:64px}}.va-book:fullscreen,.va-book:-webkit-full-screen{width:100%;height:100dvh;padding:8px 12px;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden}.va-book:fullscreen .va-book__stage,.va-book:-webkit-full-screen .va-book__stage{flex:0 0 auto;width:min(100%,calc((100dvh - 80px) * 3126 / 1624));aspect-ratio:3126 / 1624;max-width:100%;margin:0 auto}.va-book:fullscreen .va-book__spread,.va-book:-webkit-full-screen .va-book__spread{width:100%;height:100%}.va-book:fullscreen .va-book__left,.va-book:fullscreen .va-book__right,.va-book:-webkit-full-screen .va-book__left,.va-book:-webkit-full-screen .va-book__right{aspect-ratio:auto}.va-book:fullscreen.va-book--right-solo .va-book__stage,.va-book:-webkit-full-screen.va-book--right-solo .va-book__stage,.va-book:fullscreen.va-book--left-solo .va-book__stage,.va-book:-webkit-full-screen.va-book--left-solo .va-book__stage{width:min(100%,calc((100dvh - 80px) * 1563 / 1624));aspect-ratio:1563 / 1624}.va-book__canvas-wrap{position:relative;width:100%;max-width:min(1200px,calc((100vh - 160px) * 3126 / 1624));margin:0 auto;background:transparent!important;overflow:hidden}.va-book:fullscreen .va-book__canvas-wrap,.va-book:-webkit-full-screen .va-book__canvas-wrap{width:min(100%,calc((100dvh - 80px) * 3126 / 1624));max-width:100%}.va-book__canvas-wrap canvas{display:block;width:100%!important;height:auto!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/va-flipbook.css.map */