*{box-sizing:border-box}html{overflow-y:hidden;background-color:#eee}body,html{height:100%}body{font-family:sans-serif;margin:0;user-select:none}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes rotate2{0%{transform:rotate(0deg);border-top-color:rgba(134,62,161,.5)}25%{transform:rotate(90deg);border-top-color:rgba(69,155,143,.5)}50%{transform:rotate(180deg);border-top-color:rgba(162,38,62,.5)}75%{transform:rotate(270deg);border-top-color:rgba(188,216,47,.5)}to{transform:rotate(1turn);border-top-color:rgba(29,157,69,.5)}}.loader{position:relative;margin:75px auto;width:75vw;max-width:600px;height:75vw;max-height:600px;display:block;overflow:hidden}.loader div{height:100%}.loader4,.loader4 div{border:2px solid transparent;-webkit-animation:rotate 3.5s linear infinite;animation:rotate 3.5s linear infinite;border-radius:50%;padding:4px;-webkit-animation:rotate2 4s linear infinite;animation:rotate2 4s linear infinite}.loader,.loader *{will-change:transform}