.svelte-yt102e{box-sizing:border-box}.book.svelte-yt102e{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-yt102e{--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-yt102e,.back.svelte-yt102e{position:relative;flex:none;width:100%;backface-visibility:hidden;overflow:hidden;background-color:#fff;translate:0px}.back.svelte-yt102e{translate:-100% 0;rotate:0 1 0 180deg}.book.svelte-yt102e{counter-reset:page -1}.book.svelte-yt102e a:where(.svelte-yt102e){color:inherit}.page.svelte-yt102e{box-shadow:0 .5em 1em -.2em #00000020}.front.svelte-yt102e,.back.svelte-yt102e{display:flex;flex-flow:column wrap;justify-content:space-between;padding:2em;border:1px solid #0002}:is(.front.svelte-yt102e,.back.svelte-yt102e) img:where(.svelte-yt102e){width:100%;height:60%;object-fit:contain}:is(.front.svelte-yt102e,.back.svelte-yt102e):after{position:absolute;bottom:1em;counter-increment:page;content:counter(page) ".";font-size:.8em}.cover.svelte-yt102e:after{content:""}.front.svelte-yt102e{background:linear-gradient(to left,#f7f7f7 80%,#eee);border-radius:.1em .5em .5em .1em}.front.svelte-yt102e:after{right:1em}.back.svelte-yt102e{background-image:linear-gradient(to right,#f7f7f7 80%,#eee);border-radius:.5em .1em .1em .5em}.back.svelte-yt102e:after{left:1em}.cover.svelte-yt102e{color:#050542;font-family:sans-serif;background:radial-gradient(circle farthest-corner at 80% 20%,#0a5c334d,#0a29241a),var(--color-salmon) 50% / cover}.cover.svelte-yt102e .textLarge:where(.svelte-yt102e){font-size:3em;margin-bottom:0}