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