.preloader,.preloader div{visibility:visible;opacity:1}.preloader{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;-webkit-transition:background-position 1s ease-in-out;transition:background-position 1s ease-in-out;-webkit-transition-delay:.1s;transition-delay:.1s;background:-webkit-gradient(linear,left top,right top,color-stop(20%,transparent),color-stop(20%,#111),color-stop(80%,#fff));background:-webkit-linear-gradient(left,transparent 20%,#111 20% 80%,#fff 80% 100%);background:linear-gradient(to right,transparent 20%,#111 20% 80%,#fff 80% 100%);background-position:bottom right;background-size:500% 100%}.preloader div{position:relative;top:calc(50% - 1.5rem);width:100%;height:3rem;margin:0 auto;-webkit-transition:opacity .3s ease,visibility .3s ease;transition:opacity .3s ease,visibility .3s ease;text-align:center}.preloader div:after{font-size:1.2rem;font-weight:700;position:absolute;top:3.5rem;right:0;left:0;width:100%;height:1px;content:'';text-align:center;letter-spacing:1px;text-transform:uppercase;color:#ccc}.preloader span:nth-child(1),.preloader span:nth-child(2){left:calc(50% - 1.5rem);width:3rem;height:3rem}.preloader span{position:absolute;border:2px solid #e0e0e0;border-radius:50%}.preloader span:nth-child(1){z-index:10;-webkit-animation:spin-1 1s infinite ease-in-out;animation:spin-1 1s infinite ease-in-out;border-bottom:2px solid #333}.preloader.-disappearing{background-position:bottom left}.preloader.-disappearing div{visibility:hidden;opacity:0}.preloader.-disappearing span:nth-child(1){-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes spin-1{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-1{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}