@font-face{font-family:Ubuntu Mono Regular;src:url(/fonts/ubuntu-mono/ubuntu-mono-regular.woff2) format("woff2"),url(/fonts/ubuntu-mono/ubuntu-mono-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Space Mono;src:url(/fonts/space-mono/space-mono-regular.woff2) format("woff2"),url(/fonts/space-mono/space-mono-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:PFD Medium;src:url(/fonts/pfd-medium/pfd-medium.woff2) format("woff2"),url(/fonts/pfd-medium/pfd-medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Montserrat Regular;src:url(/fonts/montserrat-regular/montserrat-regular.woff2) format("woff2"),url(/fonts/montserrat-regular/montserrat-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto Bold;src:url(/fonts/roboto-bold/roboto-bold.woff2) format("woff2"),url(/fonts/roboto-bold/roboto-bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ChaletComprimeCologneSixty;src:url(/fonts/chalet-comprime-cologne-sixty/chalet-comprime-cologne-sixty.eot?#iefix) format("embedded-opentype"),url(/fonts/chalet-comprime-cologne-sixty/chalet-comprime-cologne-sixty.otf) format("opentype"),url(/fonts/chalet-comprime-cologne-sixty/chalet-comprime-cologne-sixty.woff) format("woff"),url(/fonts/chalet-comprime-cologne-sixty/chalet-comprime-cologne-sixty.ttf) format("truetype"),url(/fonts/chalet-comprime-cologne-sixty/chalet-comprime-cologne-sixty.svg#ChaletComprimeCologneSixty) format("svg");font-weight:400;font-style:normal}#book-animation_book-animation__2VXKQ{width:100%;max-width:100vw;overflow-x:hidden;font-family:Ubuntu Mono Regular,monospace;margin:0 auto;padding:15px;--page-count:20;--page-scroll:25;--spine:#000;--cover:#1a1a1a;--page:#e6e6e6;height:-webkit-calc((var(--page-count) + 2)*var(--page-scroll)*1vh);height:calc((var(--page-count) + 2)*var(--page-scroll)*1vh)}.book-animation_desc__3J8aq{position:fixed;top:0;left:0;padding:15px}.book-animation_page__1sNQ2{height:100%;width:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.book-animation_page__1sNQ2 .book-animation_number__3cwsU{position:absolute;color:grey;bottom:1rem;right:1rem;font-size:1rem}.book-animation_page__1sNQ2.book-animation_half__3qsKu{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;position:absolute;top:0;left:0;width:100%;-webkit-transform:rotateY(-webkit-calc(var(--rotation)*1deg)) translateZ(-webkit-calc(0.5*var(--coefficient)*1px));transform:rotateY(calc(var(--rotation)*1deg)) translateZ(calc(0.5*var(--coefficient)*1px));-webkit-clip-path:inset(0 .5% 0 .5%);clip-path:inset(0 .5% 0 .5%)}.book-animation_page__1sNQ2.book-animation_half__3qsKu.book-animation_front__3pOx9{--rotation:0;--coefficient:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:0 5% 5% 0}.book-animation_page__1sNQ2.book-animation_half__3qsKu.book-animation_back__lM4Yc{--rotation:180;--coefficient:2;border-radius:5% 0 0 5%}.book-animation_book__93Zsq{height:50vmin;position:fixed;width:35vmin;min-width:150px;min-height:200px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1200px;perspective:1200px}.book-animation_book__93Zsq.book-animation_spine__1QP5Z{height:100%;left:0;top:0;position:absolute;background:var(--spine);-webkit-transform-origin:0 50%;transform-origin:0 50%;width:12px;-webkit-transform:translateZ(-13px) scaleX(1) rotateY(0deg);transform:translateZ(-13px) scaleX(1) rotateY(0deg)}.book-animation_book__93Zsq.book-animation_page__1sNQ2{position:absolute;left:2%;top:50%;border:1px solid #000;background-color:var(--page);border-radius:0 5% 5% 0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:94%;width:94%;z-index:-webkit-calc((var(--page-count) + 2 - var(--page-index))*2);z-index:calc((var(--page-count) + 2 - var(--page-index))*2);-webkit-transform-origin:0 50%;transform-origin:0 50%}.book-animation_book__93Zsq.book-animation_cover__3zr1Y{border-radius:0 5% 5% 0;height:100%;width:100%;position:absolute;top:50%;left:0;background:var(--cover)}.book-animation_book__93Zsq.book-animation_cover__3zr1Y.book-animation_front__3pOx9{-webkit-transform-origin:0 50%;transform-origin:0 50%}.book-animation_book__93Zsq.book-animation_cover__3zr1Y.book-animation_front__3pOx9 .book-animation_half__3qsKu.book-animation_back__lM4Yc{border-right:1rem solid var(--spine)}.book-animation_book__93Zsq.book-animation_cover__3zr1Y.book-animation_back__lM4Yc{-webkit-transform-origin:0 50%;transform-origin:0 50%}.book-animation_book__93Zsq.book-animation_cover__3zr1Y.book-animation_back__lM4Yc .book-animation_half__3qsKu.book-animation_front__3pOx9{border-left:1rem solid var(--spine)}.book-animation_book__93Zsq.book-animation_cover__3zr1Y.book-animation_back__lM4Yc .book-animation_insert__3udCh{left:0;border-radius:0 5% 5% 0}.book-animation_exImg__1wUyL{max-width:100%;padding:15px}.book-animation_label__23kUj{text-align:center;margin-top:1rem}.book-animation_hover-example__LbrDD{width:100%;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.book-animation_hover-example__LbrDD:hover{background-color:#ad75f2;-webkit-transform:scale(1.1);transform:scale(1.1)}