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