.jl-wrap{background:var(--jl-section-bg);padding:48px 0}.jl-wrap{--jl-ms: 1}@media (max-width: 749px){.jl-wrap{--jl-ms: calc(var(--jl-mobile-text-scale, 100) / 100)}}.jl-header{text-align:center;margin-bottom:18px}.jl-eyebrow{margin:0 0 6px;opacity:.85}.jl-title{margin:0}.jl-subtitle{margin:8px 0 0;opacity:.85}.jl-shell{display:flex;justify-content:center}.jl-book{background:var(--jl-book-bg);border-radius:22px;padding:18px;box-shadow:0 18px 40px #0000001f;width:min(100%,var(--jl-book-w-desktop, 1040px));margin-inline:auto}@media (max-width: 749px){.jl-book{width:min(100%,var(--jl-book-w-mobile, 380px))}}.jl-stage{position:relative;background:#ffffff26;border-radius:18px;padding:14px;height:var(--jl-stage-h-desktop, 520px)}.jl-page{position:absolute;top:14px;bottom:14px;width:calc(50% - 8px);background:var(--jl-page-bg);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.jl-left{left:14px}.jl-right{right:14px}.jl-spine{position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%);width:10px;background:var(--jl-spine);border-radius:8px;box-shadow:inset 0 0 0 1px #0000000f}.jl-page-inner{height:100%;display:flex;flex-direction:column;padding:14px;gap:12px}.jl-media{width:100%;border-radius:12px;overflow:hidden;background:#00000008;box-shadow:inset 0 0 0 1px #0000000f}.jl-img{width:100%;height:100%;display:block;object-fit:var(--jl-img-fit)}.jl-media--top{flex:0 0 auto;height:42%}.jl-media--bottom{flex:0 0 auto;height:42%;margin-top:auto}.jl-body{flex:1 1 auto;overflow:hidden}.jl-kicker{margin:0 0 4px;opacity:.8;font-size:calc(var(--jl-kicker, var(--jl-kicker-default, 12px)) * var(--jl-ms))}.jl-heading{margin:0 0 6px;line-height:1.05;font-size:calc(var(--jl-heading, var(--jl-heading-default, 34px)) * var(--jl-ms))}.jl-text{opacity:.92;font-size:calc(var(--jl-body, var(--jl-body-default, 14px)) * var(--jl-ms))}.jl-footer{margin-top:10px;opacity:.65;font-size:12px}.jl-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.jl-nav{background:var(--jl-btn-bg);color:var(--jl-btn-text);border:1px solid var(--jl-btn-border);border-radius:999px;padding:10px 16px;cursor:pointer}.jl-nav:disabled{opacity:.45;cursor:not-allowed}.jl-progress{opacity:.85}.jl-flip{position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;perspective:1400px;-webkit-perspective:1400px;z-index:50;display:none}.jl-flip.is-active{display:block}.jl-flip-sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform var(--jl-flip-ms, .95s) cubic-bezier(.2,.8,.2,1);will-change:transform;transform:translateZ(0);box-shadow:0 12px 28px #0000002e}.jl-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--jl-page-bg);box-shadow:inset 0 0 0 1px #0000000f;transform:translateZ(1px);-webkit-transform:translateZ(1px)}.jl-flip-front{transform:rotateY(0)}.jl-flip-back{transform:rotateY(180deg)}@media (min-width: 861px){.jl-flip.dir-next{left:calc(50% + 6px);right:14px}.jl-flip.dir-prev{left:14px;right:calc(50% + 6px)}.jl-flip.dir-next .jl-flip-sheet{transform-origin:0% 50%}.jl-flip.dir-prev .jl-flip-sheet{transform-origin:100% 50%}.jl-flip.dir-next.is-turning .jl-flip-sheet{transform:translateZ(12px) rotateY(-180deg)}.jl-flip.dir-prev.is-turning .jl-flip-sheet{transform:translateZ(12px) rotateY(180deg)}}@media (max-width: 860px){.jl-stage{height:min(calc(var(--jl-mobile-h, 70vh)),var(--jl-stage-h-mobile-max, 680px))}.jl-right,.jl-spine{display:none!important}.jl-left{left:14px;right:14px;width:auto}.jl-flip{top:14px;right:14px;bottom:14px;left:14px}.jl-flip.dir-next .jl-flip-sheet{transform-origin:0% 50%}.jl-flip.dir-prev .jl-flip-sheet{transform-origin:100% 50%}.jl-flip.dir-next.is-turning .jl-flip-sheet{transform:translateZ(12px) rotateY(-180deg)}.jl-flip.dir-prev.is-turning .jl-flip-sheet{transform:translateZ(12px) rotateY(180deg)}}.jl-cover{position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;perspective:1400px;-webkit-perspective:1400px;z-index:120;display:none}.jl-cover.is-visible{display:block}.jl-cover-sheet{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform var(--jl-cover-ms, var(--jl-flip-ms, .95s)) cubic-bezier(.2,.8,.2,1);transform-origin:0% 50%;will-change:transform;transform:translateZ(12px) rotateY(0);box-shadow:0 18px 40px #00000038}.jl-cover.is-open .jl-cover-sheet{transform:translateZ(12px) rotateY(-180deg)}.jl-cover-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--jl-cover-bg);box-shadow:inset 0 0 0 1px #0000000f}.jl-cover-front{transform:rotateY(0)}.jl-cover-back{transform:rotateY(180deg)}.jl-cover-inner{background:var(--jl-cover-bg);color:var(--jl-cover-text)}.jl-cover-inner,.jl-cover-inner .jl-kicker,.jl-cover-inner .jl-heading,.jl-cover-inner .jl-text,.jl-cover-inner .rte,.jl-cover-inner .rte *{color:var(--jl-cover-text)}.jl-cover-media{width:100%;border-radius:12px;overflow:hidden;background:#00000008;box-shadow:inset 0 0 0 1px #0000000f;flex:0 0 auto;height:52%}.jl-cover-backfill{width:100%;height:100%;background:var(--jl-page-bg)}.jl-app-bank{position:absolute;left:-9999px;top:0;width:420px;opacity:0;pointer-events:none;z-index:-1}.jl-app-body{overflow:auto!important}.jl-app-slot{width:100%}
/*# sourceMappingURL=/cdn/shop/t/8/assets/journal-flipbook.css.map */