:root{--book-height:400px;--book-width:276px;--book-depth:78px;--book-color:#1e293b;--book-text-color:#f8fafc;--book-font-sans:"Outfit", sans-serif}.interactive-book-container{font-family:var(--book-font-sans);color:var(--book-text-color);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.book-perspective{perspective:900px;z-index:10;display:inline-block}.book{width:var(--book-width);height:var(--book-height);background:linear-gradient(180deg, #ffffff0f 0%, transparent 50%, transparent 100%), var(--book-color);border-radius:5.4px 1.8px 1.8px 5.4px;flex-direction:row;justify-content:flex-start;align-items:stretch;display:flex;box-shadow:0 1.8px 3.6px #00000026,0 10.8px 21.6px #00000040,inset 0 -.9px #0003,inset 0 1.8px 1.8px #ffffff0d,inset 3.6px 0 3.6px #0003}.book .book-bind{opacity:.3;background:linear-gradient(90deg,#fff0 0% 12%,#ffffff40 29.25%,#fff0 50.5% 75.25%,#ffffff40 91%,#fff0 100%),linear-gradient(90deg,#00000008 0%,#0000001a 12%,#0000 30%,#00000005 50%,#0003 73.5%,#00000080 75.25%,#00000026 85.25%,#0000 100%);width:12px;height:100%}.book-cover{background-color:var(--book-color);background-image:var(--book-cover-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;padding:12px}.book-rotate-wrapper{cursor:pointer;width:fit-content;transform-style:preserve-3d;min-width:var(--book-width);min-height:var(--book-height);transition:transform .25s ease-out;position:relative;transform:rotate(0)}.book-rotate-wrapper>:first-child{min-width:var(--book-width);height:var(--book-height);position:absolute}.book-rotate-wrapper .book-side{height:calc(var(--book-height) - 2 * 3px);width:calc(var(--book-depth) - 2px);transform:translateX(calc(var(--book-width) - var(--book-depth) / 2 - 3px)) rotateY(90deg) translateX(calc(var(--book-depth) / 2));background:linear-gradient(90deg,#1e293b 0%,#0000 70%),linear-gradient(#334155,#1e293b);position:absolute;top:3px}.book-rotate-wrapper .book-back{width:var(--book-width);height:var(--book-height);background:var(--book-color);transform:translateZ(calc(-1 * var(--book-depth)));border-radius:5.4px 1.8px 1.8px 5.4px;position:absolute;left:0}.book-link{transform-origin:50%}@media (min-width:769px){.book-link:hover .book-rotate-wrapper{transform:rotateY(-20deg)scale(1.066)translate(-.5em)}}