:root{--duration-loader:10s}.loader-component{width:unset;height:unset;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.loader-tall{margin:10% auto!important}.book{--duration:var(--duration-loader);width:32px;height:12px;position:relative;margin:.75rem auto -.25rem;zoom:1.5;transform:scale(.25);-webkit-transform:scale(.25);-moz-transform:scale(.25);-ms-transform:scale(.25);-o-transform:scale(.25)}.book .inner{width:inherit;height:inherit;position:relative;transform-origin:2px 2px;transform:rotate(-90deg);-webkit-animation:book var(--duration-loader) ease infinite;animation:book var(--duration-loader) ease infinite}.book .inner .left,.book .inner .right{width:60px;height:4px;top:0;border-radius:2px;background:hsl(var(--blue));position:absolute}.book .inner .left:before,.book .inner .right:before{content:"";width:48px;height:4px;border-radius:2px;background:inherit;position:absolute;top:-10px;left:6px;border:4px solid hsl(var(--blue))}.book .inner .left{right:28px;transform-origin:58px 2px;transform:rotate(90deg);-webkit-animation:left var(--duration-loader) ease infinite;animation:left var(--duration-loader) ease infinite;border:4px solid hsl(var(--orange))}.book .inner .right{left:28px;transform-origin:2px 2px;transform:rotate(-90deg);-webkit-animation:right var(--duration-loader) ease infinite;animation:right var(--duration-loader) ease infinite;border:4px solid hsl(var(--orange))}.book .inner .middle{width:32px;height:12px;border:4px solid hsl(var(--yellow));border-top:0;border-radius:0 0 9px 9px;transform:translateY(2px)}.book ul{margin:0;padding:0;list-style:none;position:absolute;left:50%;top:0}.book ul li{height:4px;border-radius:2px;transform-origin:100% 2px;width:48px;right:0;top:-10px;position:absolute;background:hsl(var(--blue));transform:rotate(0deg) translateX(-18px);-webkit-animation-duration:var(--duration-loader);animation-duration:var(--duration-loader);-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.book ul li:nth-child(0){-webkit-animation-name:page-0;animation-name:page-0}.book ul li:first-child{-webkit-animation-name:page-1;animation-name:page-1}.book ul li:nth-child(2){-webkit-animation-name:page-2;animation-name:page-2}.book ul li:nth-child(3){-webkit-animation-name:page-3;animation-name:page-3}.book ul li:nth-child(4){-webkit-animation-name:page-4;animation-name:page-4}.book ul li:nth-child(5){-webkit-animation-name:page-5;animation-name:page-5}.book ul li:nth-child(6){-webkit-animation-name:page-6;animation-name:page-6}.book ul li:nth-child(7){-webkit-animation-name:page-7;animation-name:page-7}.book ul li:nth-child(8){-webkit-animation-name:page-8;animation-name:page-8}.book ul li:nth-child(9){-webkit-animation-name:page-9;animation-name:page-9}.book ul li:nth-child(10){-webkit-animation-name:page-10;animation-name:page-10}.book ul li:nth-child(11){-webkit-animation-name:page-11;animation-name:page-11}.book ul li:nth-child(12){-webkit-animation-name:page-12;animation-name:page-12}.book ul li:nth-child(13){-webkit-animation-name:page-13;animation-name:page-13}.book ul li:nth-child(14){-webkit-animation-name:page-14;animation-name:page-14}.book ul li:nth-child(15){-webkit-animation-name:page-15;animation-name:page-15}.book ul li:nth-child(16){-webkit-animation-name:page-16;animation-name:page-16}.book ul li:nth-child(17){-webkit-animation-name:page-17;animation-name:page-17}.book ul li:nth-child(18){-webkit-animation-name:page-18;animation-name:page-18}@-webkit-keyframes page-0{4%{transform:rotate(0deg) translateX(-18px)}13%,54%{transform:rotate(180deg) translateX(-18px)}63%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-0{4%{transform:rotate(0deg) translateX(-18px)}13%,54%{transform:rotate(180deg) translateX(-18px)}63%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-1{5.86%{transform:rotate(0deg) translateX(-18px)}14.74%,55.86%{transform:rotate(180deg) translateX(-18px)}64.74%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-1{5.86%{transform:rotate(0deg) translateX(-18px)}14.74%,55.86%{transform:rotate(180deg) translateX(-18px)}64.74%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-2{7.72%{transform:rotate(0deg) translateX(-18px)}16.48%,57.72%{transform:rotate(180deg) translateX(-18px)}66.48%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-2{7.72%{transform:rotate(0deg) translateX(-18px)}16.48%,57.72%{transform:rotate(180deg) translateX(-18px)}66.48%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-3{9.58%{transform:rotate(0deg) translateX(-18px)}18.22%,59.58%{transform:rotate(180deg) translateX(-18px)}68.22%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-3{9.58%{transform:rotate(0deg) translateX(-18px)}18.22%,59.58%{transform:rotate(180deg) translateX(-18px)}68.22%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-4{11.44%{transform:rotate(0deg) translateX(-18px)}19.96%,61.44%{transform:rotate(180deg) translateX(-18px)}69.96%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-4{11.44%{transform:rotate(0deg) translateX(-18px)}19.96%,61.44%{transform:rotate(180deg) translateX(-18px)}69.96%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-5{13.3%{transform:rotate(0deg) translateX(-18px)}21.7%,63.3%{transform:rotate(180deg) translateX(-18px)}71.7%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-5{13.3%{transform:rotate(0deg) translateX(-18px)}21.7%,63.3%{transform:rotate(180deg) translateX(-18px)}71.7%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-6{15.16%{transform:rotate(0deg) translateX(-18px)}23.44%,65.16%{transform:rotate(180deg) translateX(-18px)}73.44%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-6{15.16%{transform:rotate(0deg) translateX(-18px)}23.44%,65.16%{transform:rotate(180deg) translateX(-18px)}73.44%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-7{17.02%{transform:rotate(0deg) translateX(-18px)}25.18%,67.02%{transform:rotate(180deg) translateX(-18px)}75.18%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-7{17.02%{transform:rotate(0deg) translateX(-18px)}25.18%,67.02%{transform:rotate(180deg) translateX(-18px)}75.18%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-8{18.88%{transform:rotate(0deg) translateX(-18px)}26.92%,68.88%{transform:rotate(180deg) translateX(-18px)}76.92%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-8{18.88%{transform:rotate(0deg) translateX(-18px)}26.92%,68.88%{transform:rotate(180deg) translateX(-18px)}76.92%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-9{20.74%{transform:rotate(0deg) translateX(-18px)}28.66%,70.74%{transform:rotate(180deg) translateX(-18px)}78.66%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-9{20.74%{transform:rotate(0deg) translateX(-18px)}28.66%,70.74%{transform:rotate(180deg) translateX(-18px)}78.66%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-10{22.6%{transform:rotate(0deg) translateX(-18px)}30.4%,72.6%{transform:rotate(180deg) translateX(-18px)}80.4%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-10{22.6%{transform:rotate(0deg) translateX(-18px)}30.4%,72.6%{transform:rotate(180deg) translateX(-18px)}80.4%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-11{24.46%{transform:rotate(0deg) translateX(-18px)}32.14%,74.46%{transform:rotate(180deg) translateX(-18px)}82.14%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-11{24.46%{transform:rotate(0deg) translateX(-18px)}32.14%,74.46%{transform:rotate(180deg) translateX(-18px)}82.14%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-12{26.32%{transform:rotate(0deg) translateX(-18px)}33.88%,76.32%{transform:rotate(180deg) translateX(-18px)}83.88%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-12{26.32%{transform:rotate(0deg) translateX(-18px)}33.88%,76.32%{transform:rotate(180deg) translateX(-18px)}83.88%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-13{28.18%{transform:rotate(0deg) translateX(-18px)}35.62%,78.18%{transform:rotate(180deg) translateX(-18px)}85.62%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-13{28.18%{transform:rotate(0deg) translateX(-18px)}35.62%,78.18%{transform:rotate(180deg) translateX(-18px)}85.62%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-14{30.04%{transform:rotate(0deg) translateX(-18px)}37.36%,80.04%{transform:rotate(180deg) translateX(-18px)}87.36%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-14{30.04%{transform:rotate(0deg) translateX(-18px)}37.36%,80.04%{transform:rotate(180deg) translateX(-18px)}87.36%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-15{31.9%{transform:rotate(0deg) translateX(-18px)}39.1%,81.9%{transform:rotate(180deg) translateX(-18px)}89.1%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-15{31.9%{transform:rotate(0deg) translateX(-18px)}39.1%,81.9%{transform:rotate(180deg) translateX(-18px)}89.1%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-16{33.76%{transform:rotate(0deg) translateX(-18px)}40.84%,83.76%{transform:rotate(180deg) translateX(-18px)}90.84%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-16{33.76%{transform:rotate(0deg) translateX(-18px)}40.84%,83.76%{transform:rotate(180deg) translateX(-18px)}90.84%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-17{35.62%{transform:rotate(0deg) translateX(-18px)}42.58%,85.62%{transform:rotate(180deg) translateX(-18px)}92.58%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-17{35.62%{transform:rotate(0deg) translateX(-18px)}42.58%,85.62%{transform:rotate(180deg) translateX(-18px)}92.58%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes page-18{37.48%{transform:rotate(0deg) translateX(-18px)}44.32%,87.48%{transform:rotate(180deg) translateX(-18px)}94.32%{transform:rotate(0deg) translateX(-18px)}}@keyframes page-18{37.48%{transform:rotate(0deg) translateX(-18px)}44.32%,87.48%{transform:rotate(180deg) translateX(-18px)}94.32%{transform:rotate(0deg) translateX(-18px)}}@-webkit-keyframes left{4%{transform:rotate(90deg)}10%,40%{transform:rotate(0deg)}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0deg)}96%{transform:rotate(90deg)}}@keyframes left{4%{transform:rotate(90deg)}10%,40%{transform:rotate(0deg)}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0deg)}96%{transform:rotate(90deg)}}@-webkit-keyframes right{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0deg)}46%,54%{transform:rotate(-90deg)}60%,90%{transform:rotate(0deg)}96%{transform:rotate(-90deg)}}@keyframes right{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0deg)}46%,54%{transform:rotate(-90deg)}60%,90%{transform:rotate(0deg)}96%{transform:rotate(-90deg)}}@-webkit-keyframes book{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0deg);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0deg);transform-origin:2px 2px}96%{transform:rotate(-90deg)}}@keyframes book{4%{transform:rotate(-90deg)}10%,40%{transform:rotate(0deg);transform-origin:2px 2px}40.01%,59.99%{transform-origin:30px 2px}46%,54%{transform:rotate(90deg)}60%,90%{transform:rotate(0deg);transform-origin:2px 2px}96%{transform:rotate(-90deg)}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:inherit}