.loader{background-color:#fff;color:#000;font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center}.loader-icon{position:absolute;top:calc(50% - 100px);left:calc(50% - 100px)}.book,.book__pg,.book__pg-shadow{animation:7s ease-in-out infinite cover}.book{background-color:#456dff;border-radius:.25em;box-shadow:0 .25em .5em hsla(0,0%,0%,.3),0 0 0 .25em #456dff inset;padding:.25em;perspective:37.5em;position:relative;width:8em;height:6em;transform:translate3d(0,0,0);transform-style:preserve-3d}.book__pg,.book__pg-shadow{position:absolute;left:.25em;width:calc(50% - .25em)}.book__pg-shadow{animation-name:shadow;background-image:linear-gradient(-45deg,hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,.3) 50%);filter:blur(.25em);top:calc(100% - .25em);height:3.75em;transform:scaleY(0);transform-origin:100% 0%}.book__pg{animation-name:pg1;background-color:#fff;background-image:linear-gradient(90deg,hsla(240,10%,90%,0) 87.5%,#e2e2e8);height:calc(100% - .5em);transform-origin:100% 50%}.book__pg--2,.book__pg--3,.book__pg--4{background-image:repeating-linear-gradient(#16161c 0 .125em,hsla(240,10%,10%,0) .125em .5em),linear-gradient(90deg,hsla(240,10%,90%,0) 87.5%,#e2e2e8);background-repeat:no-repeat;background-position:center;background-size:2.5em 4.125em,100% 100%}.book__pg--2{animation-name:pg2}.book__pg--3{animation-name:pg3}.book__pg--4{animation-name:pg4}.book__pg--5{animation-name:pg5}@keyframes cover{45%,5%,55%,95%,from,to{animation-timing-function:ease-out;background-color:#456dff}10%,40%,60%,90%{animation-timing-function:ease-in;background-color:#456dff}}@keyframes shadow{10.01%,20.01%,30.01%,40.01%,from{animation-timing-function:ease-in;transform:translate3d(0,0,1px) scaleY(0) rotateY(0)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{animation-timing-function:ease-out;transform:translate3d(0,0,1px) scaleY(.2) rotateY(90deg)}10%,20%,30%,40%,50%,to{animation-timing-function:ease-out;transform:translate3d(0,0,1px) scaleY(0) rotateY(180deg)}50.01%,60.01%,70.01%,80.01%,90.01%{animation-timing-function:ease-in;transform:translate3d(0,0,1px) scaleY(0) rotateY(180deg)}60%,70%,80%,90%,to{animation-timing-function:ease-out;transform:translate3d(0,0,1px) scaleY(0) rotateY(0)}}@keyframes pg1{from,to{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.4deg)}10%,15%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(180deg)}20%,80%{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(180deg)}85%,90%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(180deg)}}@keyframes pg2{from,to{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.3deg)}10%,5%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.3deg)}20%,25%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.9deg)}30%,70%{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.9deg)}75%,80%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.9deg)}90%,95%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.3deg)}}@keyframes pg3{10%,90%,from,to{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.2deg)}15%,20%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.2deg)}30%,35%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.8deg)}40%,60%{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.8deg)}65%,70%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.8deg)}80%,85%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.2deg)}}@keyframes pg4{20%,80%,from,to{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.1deg)}25%,30%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.1deg)}40%,45%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.7deg)}50%{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.7deg)}55%,60%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.7deg)}70%,75%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(.1deg)}}@keyframes pg5{30%,70%,from,to{animation-timing-function:ease-in;background-color:#fff;transform:translate3d(0,0,1px) rotateY(0)}35%,40%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(0)}50%{animation-timing-function:ease-in-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(179.6deg)}60%,65%{animation-timing-function:ease-out;background-color:#fff;transform:translate3d(0,0,1px) rotateY(0)}}input:focus{outline:0}#ui-datepicker-div{display:none;background-color:#fff;box-shadow:0 .125rem .5rem rgba(0,0,0,.1);margin-top:.25rem;border-radius:.5rem;padding:.5rem}table{border-collapse:collapse;border-spacing:0}.ui-datepicker-calendar thead th{padding:.25rem 0;text-align:center;font-size:.75rem;font-weight:800;color:#000}.ui-datepicker-calendar tbody td{width:2.5rem;text-align:center;padding:0}.ui-datepicker-calendar tbody td a{display:block;border-radius:.25rem;line-height:2rem;transition:.3s;color:#000;font-size:.875rem;text-decoration:none}.ui-datepicker-calendar tbody td a:hover{background-color:#e0f2f1}.ui-datepicker-calendar tbody td a.ui-state-active{background-color:#456dff;color:#fff}.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:0;width:2rem;height:2rem;margin:.5rem;border-radius:.25rem;transition:.3s}.ui-datepicker-header a.ui-corner-all:hover{background-color:#eceff1}.ui-datepicker-header a.ui-datepicker-prev{left:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==") 50%/.5rem no-repeat;transform:rotate(180deg)}.ui-datepicker-header a.ui-datepicker-next{right:0;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==') 50%/10px no-repeat}.ui-datepicker-header a>span{display:none}.ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:.25rem;font-size:.875rem;font-weight:800;padding-bottom:.25rem}.ui-datepicker-week-col{color:#78909c;font-weight:400;font-size:.75rem}.ui-state-disabled{color:#a7a7a7}.ui-datepicker-next.ui-corner-all.ui-state-disabled{cursor:not-allowed}.ui-datepicker .ui-datepicker-year{padding:5px 10px;margin-left:10px;border:1px solid #a7a7a7;border-radius:5px}