#loading{width:100vw;height:100vh;transition:all 1s;background-color:#332E26;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:space-between;align-items:center}.loaded{opacity:0;visibility:hidden}.positioning{margin:50px auto;position:relative}.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.loading-sticks{height:5rem;width:5rem;display:flex;justify-content:space-between;align-items:center}.loading-sticks .loading{flex:0 0 20%;height:30%;animation:pulse 1s ease infinite;background-color:#000;animation-delay:0}.loading-sticks .loading:nth-child(2){animation-delay:.3s}.loading-sticks .loading:nth-child(3){animation-delay:.6s}@keyframes pulse{0%{height:30%}50%{height:100%}100%{height:30%}}.loader-spinner{width:72px;height:72px;margin:50px auto}.loader-spinner div{position:absolute;top:0;left:0;width:100%;height:100%}.loader-spinner div:before{display:block;width:15%;height:15%;margin:0 auto;content:"";border-radius:100%;background-color:#000;transform:translate(-50%, -50%);animation:spinner 1.2s infinite ease-in-out both}.loader-spinner div:nth-child(2){transform:rotate(30deg)}.loader-spinner div:nth-child(2):before{animation-delay:-1.1s}.loader-spinner div:nth-child(3){transform:rotate(60deg)}.loader-spinner div:nth-child(3):before{animation-delay:-1.0s}.loader-spinner div:nth-child(4){transform:rotate(90deg)}.loader-spinner div:nth-child(4):before{animation-delay:-.9s}.loader-spinner div:nth-child(5){transform:rotate(120deg)}.loader-spinner div:nth-child(5):before{animation-delay:-.8s}.loader-spinner div:nth-child(6){transform:rotate(150deg)}.loader-spinner div:nth-child(6):before{animation-delay:-.7s}.loader-spinner div:nth-child(7){transform:rotate(180deg)}.loader-spinner div:nth-child(7):before{animation-delay:-.6s}.loader-spinner div:nth-child(8){transform:rotate(210deg)}.loader-spinner div:nth-child(8):before{animation-delay:-.5s}.loader-spinner div:nth-child(9){transform:rotate(240deg)}.loader-spinner div:nth-child(9):before{animation-delay:-.4s}.loader-spinner div:nth-child(10){transform:rotate(270deg)}.loader-spinner div:nth-child(10):before{animation-delay:-.3s}.loader-spinner div:nth-child(11){transform:rotate(300deg)}.loader-spinner div:nth-child(11):before{animation-delay:-.2s}.loader-spinner div:nth-child(12){transform:rotate(330deg)}.loader-spinner div:nth-child(12):before{animation-delay:-.1s}@keyframes spinner{0%{transform:scale(0, 0)}10%{transform:scale(0, 0)}50%{transform:scale(1, 1)}90%{transform:scale(0, 0)}100%{transform:scale(0, 0)}}.loader-square.positioning{position:absolute;top:300px;left:50%}.loader-square{z-index:10000;box-sizing:border-box}.loader-square.square .block{border-radius:4px;width:74px;height:74px;box-sizing:border-box}.loader-square.square .block:before,.loader-square.square .block:after{bottom:2px}.loader-square.square .block:before{left:2px}.loader-square.square .block:after{right:2px}.loader-square.square .block .box{left:2px;top:2px;animation-name:slide}.loader-square.reg .block{animation-name:reg}.loader-square .block{position:absolute;color:#000;border:2px solid;transform:translate(-50%, -50%) rotate(-45deg);animation-timing-function:ease-in-out;animation-duration:1s;animation-iteration-count:infinite}.loader-square .block:before,.loader-square .block:after{content:"";position:absolute;width:32px;height:32px;background:#000;border-radius:4px}.loader-square .block:before{left:2px}.loader-square .block:after{right:2px}.loader-square .box{position:absolute;width:32px;height:32px;background:#000;border-radius:4px;animation-timing-function:ease-in-out;animation-duration:1s;animation-iteration-count:infinite}@keyframes slide{33%{left:2px}67%,100%{left:36px}}@keyframes reg{50%{transform:translate(-50%, -50%) rotate(45deg)}100%{transform:translate(-50%, -50%) rotate(45deg)}}.loader-line.positioning{margin-top:200px}.loader-line{z-index:10000;height:20px;width:250px}.loader-line .loader--dot{animation:loaderline ease-in-out 3s infinite;height:20px;width:20px;border-radius:100%;background-color:black;position:absolute;background-color:#000}.loader-line .loader--dot:first-child{opacity:.3;animation-delay:0.5s}.loader-line .loader--dot:nth-child(2){opacity:.4;animation-delay:0.4s}.loader-line .loader--dot:nth-child(3){opacity:.5;animation-delay:0.3s}.loader-line .loader--dot:nth-child(4){opacity:.6;animation-delay:0.2s}.loader-line .loader--dot:nth-child(5){opacity:.8;animation-delay:0.1s}.loader-line .loader--dot:nth-child(6){opacity:1;animation-delay:0s}.loader-line .loader--text{position:absolute;top:200%;left:0;right:0;width:4rem;margin:auto}.loader-line .loader--text:after{content:"Loading";font-weight:bold;font-size:18px;color:black;animation:loading-text 3s infinite}@keyframes loaderline{15%{transform:translateX(0)}45%{transform:translateX(230px)}65%{transform:translateX(230px)}95%{transform:translateX(0)}}@keyframes loading-text{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}