.svelte-js7hwm{box-sizing:border-box}.book.svelte-js7hwm{position:relative;top:5em;display:flex;margin:auto;width:40cqmin;pointer-events:none;transform-style:preserve-3d;transition:translate 1s;translate:calc(min(var(--c),1)*50%) 0%;rotate:1 0 0 30deg}.page.svelte-js7hwm{--thickness: 4;flex:none;display:flex;width:100%;font-size:2cqmin;pointer-events:all;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;transform-origin:left center;transition:transform 1s,rotate 1s ease-in calc((min(var(--i),var(--c)) - max(var(--i),var(--c)))*50ms);translate:calc(var(--i) * -100%) 0px 0px;transform:translateZ(calc((var(--c) - var(--i) - .5) * calc(var(--thickness) * .23cqmin)));rotate:0 1 0 calc(clamp(0,var(--c) - var(--i),1)*-180deg)}.front.svelte-js7hwm,.back.svelte-js7hwm{position:relative;flex:none;width:100%;backface-visibility:hidden;overflow:hidden;background-color:#fff;translate:0px}.back.svelte-js7hwm{translate:-100% 0;rotate:0 1 0 180deg}.book.svelte-js7hwm{counter-reset:page -1}.book.svelte-js7hwm a:where(.svelte-js7hwm){color:inherit}.page.svelte-js7hwm{box-shadow:0 .5em 1em -.2em #00000020}.front.svelte-js7hwm,.back.svelte-js7hwm{display:flex;flex-flow:column wrap;justify-content:space-between;padding:2em;border:1px solid #0002}:is(.front.svelte-js7hwm,.back.svelte-js7hwm) img:where(.svelte-js7hwm){width:100%;height:60%;object-fit:contain}:is(.front.svelte-js7hwm,.back.svelte-js7hwm):after{position:absolute;bottom:1em;counter-increment:page;content:counter(page) ".";font-size:.8em}.cover.svelte-js7hwm:after{content:""}.front.svelte-js7hwm{background:linear-gradient(to left,#f7f7f7 80%,#eee);border-radius:.1em .5em .5em .1em}.front.svelte-js7hwm:after{right:1em}.back.svelte-js7hwm{background-image:linear-gradient(to right,#f7f7f7 80%,#eee);border-radius:.5em .1em .1em .5em}.back.svelte-js7hwm:after{left:1em}.cover.svelte-js7hwm{color:#050542;font-family:sans-serif;background:radial-gradient(circle farthest-corner at 80% 20%,#0a5c334d,#0a29241a),var(--color-storm) 50% / cover}.cover.svelte-js7hwm .textLarge:where(.svelte-js7hwm){font-size:3em;margin-bottom:0}
