.svelte-o9hc3w{box-sizing:border-box}.shelf.svelte-o9hc3w{--accent:#b34000;--book-height:clamp(260px, 50vmin, 420px);text-align:center;line-height:0;list-style:none}.shelf.svelte-o9hc3w:after{content:"";clear:both;display:block}.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w){text-align:left;padding-bottom:14px;padding-right:16px;line-height:0;display:inline-block;position:relative}.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w):before{content:"";z-index:21;background:0 0;position:absolute;inset:0 0 0 2px;box-shadow:inset 0 0 #00000026}.book-inner.svelte-o9hc3w{width:fit-content;max-width:100%;display:inline-block;position:relative}.cover-wrap.svelte-o9hc3w{z-index:20;transform-origin:0 70%;border-radius:2px 3px 3px 2px;width:fit-content;max-width:100%;height:100%;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:1px 1px 4px #0003}.cover-wrap.svelte-o9hc3w:before{content:"";opacity:.35;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000002e 0%,#ffffff73 55%,#0000001a 100%) 2px 0/10px 100% no-repeat,linear-gradient(90deg,#0000001f 0%,#ffffff59 55%,#0000000f 100%) 12px 0/8px 100% no-repeat;width:22px;position:absolute;top:0;bottom:0;left:4px}.cover-wrap.svelte-o9hc3w:after{content:"";pointer-events:none;background:linear-gradient(136deg,#fff0 11.52%,#ffffff1a 38.9%,#fff0 52.59%) 0 0/300% 100%;transition:background-position .6s;position:absolute;inset:0}@media (hover:hover){.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w):hover .cover-wrap:where(.svelte-o9hc3w),.book:hover .shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w) .cover-wrap:where(.svelte-o9hc3w){transform:perspective(1500px)rotateY(-22deg);box-shadow:3px 1px 7px #00000059}.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w):hover .cover-wrap:where(.svelte-o9hc3w):after,.book:hover .shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w) .cover-wrap:where(.svelte-o9hc3w):after{background-position:100% 0}}.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w)>.book-inner:where(.svelte-o9hc3w)>.backface:where(.svelte-o9hc3w){transform-origin:100% 70%;border-style:solid;border-width:3px 0 3px 3px;border-color:var(--accent);backface-visibility:hidden;z-index:19;background-color:#e8e8e8;border-radius:3px 0 0 3px;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:-100%;transform:perspective(1500px)rotateY(-180deg);box-shadow:-10px 0 10px #00000026,inset 40px 0 60px #00000014,0 0 0 1px #ffffff40}@media (hover:hover){.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w):hover>.book-inner:where(.svelte-o9hc3w)>.backface:where(.svelte-o9hc3w){transform:perspective(1500px)rotateY(-202deg)}}.shelf.svelte-o9hc3w>.book:where(.svelte-o9hc3w)>.book-inner:where(.svelte-o9hc3w)>.pagecontainer:where(.svelte-o9hc3w){z-index:10;width:100%;height:100%;padding:1px;position:absolute;top:0;left:0}.pages.svelte-o9hc3w{z-index:0;width:100%;height:100%;margin-left:1px;position:absolute;top:0;left:0}.pages.svelte-o9hc3w:after{content:"";z-index:0;border-style:solid;border-width:5px;border-color:var(--accent) var(--accent) transparent transparent;width:0;height:0;display:block;position:absolute;bottom:-9px;left:-2px}.pages.svelte-o9hc3w>li:where(.svelte-o9hc3w){background-color:#fff;border:1px solid #e0e0e0;border-radius:2px 3px 3px 2px;width:100%;height:100%;position:absolute;box-shadow:1px 1px 1px 1px #00000014}.bottomcover.svelte-o9hc3w{z-index:0;background-color:var(--accent);border-radius:2px 3px 3px 2px;width:100%;height:100%;position:absolute;top:8px;left:9px;box-shadow:1px 1px 5px #00000040}@supports ((-webkit-appearance:none)){.bookmark-button{will-change:auto;isolation:isolate;backface-visibility:hidden;transform:translateZ(0)}}.app.svelte-k948d0{--thickness:40px;--bg:#fff;--accent:#777;perspective:1500px;flex-direction:column;justify-content:center;align-items:center;display:flex}.media-container.svelte-k948d0:hover .book:where(.svelte-k948d0){transform:rotateX(5deg)rotateY(-50deg)}.media-container.svelte-k948d0:hover .book-shadow:where(.svelte-k948d0){transform:rotateX(90deg)rotate(40deg)}.book-wrapper.svelte-k948d0{perspective:1500px;display:block;position:relative}.book.svelte-k948d0{z-index:1;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s;position:relative;transform:rotateX(0)rotateY(-30deg)}.book__front.svelte-k948d0{width:100%;height:100%;transform:translateZ(calc(var(--thickness)));border-radius:5px;overflow:hidden}.book__back.svelte-k948d0{background:var(--accent);width:100%;height:100%;transform:translateZ(calc(-1 * var(--thickness)));border-radius:5px;position:absolute;top:0;overflow:hidden}.book__paper.svelte-k948d0{height:98%;width:calc(var(--thickness) * 2);transform:rotateY(90deg) translateX(calc(var(--thickness) / 7)) translateZ(calc(var(--thickness) / 1.2));background:linear-gradient(90deg,#0000004d,#fff0),repeating-linear-gradient(90deg,#fff,#e2e2e2 1px,#fff 3px,#9a9a9a 1px);position:absolute;top:1%;right:0}.book-shadow.svelte-k948d0{width:100%;height:calc(10% + var(--thickness));filter:blur(16px);background:radial-gradient(70% 85%,#00000040 0%,#0000 100%);transition:transform 1s;position:absolute;transform:rotateX(90deg)rotate(30deg)}.controls__thickness.svelte-k948d0{color:#111;width:100%;padding:2vmin 5vmin;font-family:Josefin Sans,system-ui,sans-serif;position:absolute;bottom:0;left:0}