.loading-container{--ll:50px;--cl:200px;--sl:calc(var(--cl) - var(--ll));--hsl:calc(var(--sl)/2);height:100%;width:100%}.loading-container .loading{height:var(--cl);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:var(--cl)}.loading-container .bottom,.loading-container .left,.loading-container .right,.loading-container .top{-webkit-animation:rotateItem 3s linear infinite;animation:rotateItem 3s linear infinite;background:red;border-radius:10px;height:var(--ll);position:absolute;width:var(--ll)}.loading-container .top{-webkit-animation-delay:-.75s;animation-delay:-.75s;-webkit-transform:translate(var(--hsl));transform:translate(var(--hsl))}.loading-container .right{-webkit-animation-delay:-1.5s;animation-delay:-1.5s;-webkit-transform:translate(var(--sl),var(--hsl));transform:translate(var(--sl),var(--hsl))}.loading-container .bottom{-webkit-animation-delay:-2.25s;animation-delay:-2.25s;-webkit-transform:translate(var(--hsl),var(--sl));transform:translate(var(--hsl),var(--sl))}@-webkit-keyframes rotateItem{0%{background:linear-gradient(90deg,#79c3fc,#6ecaff,#6eabff,#6eabff);-webkit-transform:translateY(var(--hsl)) rotate(0deg);transform:translateY(var(--hsl)) rotate(0deg)}25%{background:linear-gradient(90deg,#6ecaff,#6eabff,#6eabff,#79c3fc);-webkit-transform:translate(var(--hsl)) rotate(90deg);transform:translate(var(--hsl)) rotate(90deg)}50%{background:linear-gradient(90deg,#6eabff,#6eabff,#79c3fc,#6ecaff);-webkit-transform:translate(var(--sl),var(--hsl)) rotate(180deg);transform:translate(var(--sl),var(--hsl)) rotate(180deg)}75%{background:linear-gradient(90deg,#6eabff,#79c3fc,#6ecaff,#6eabff);-webkit-transform:translate(var(--hsl),var(--sl)) rotate(270deg);transform:translate(var(--hsl),var(--sl)) rotate(270deg)}to{background:linear-gradient(90deg,#79c3fc,#6ecaff,#6eabff,#6eabff);-webkit-transform:translateY(var(--hsl)) rotate(1turn);transform:translateY(var(--hsl)) rotate(1turn)}}@keyframes rotateItem{0%{background:linear-gradient(90deg,#79c3fc,#6ecaff,#6eabff,#6eabff);-webkit-transform:translateY(var(--hsl)) rotate(0deg);transform:translateY(var(--hsl)) rotate(0deg)}25%{background:linear-gradient(90deg,#6ecaff,#6eabff,#6eabff,#79c3fc);-webkit-transform:translate(var(--hsl)) rotate(90deg);transform:translate(var(--hsl)) rotate(90deg)}50%{background:linear-gradient(90deg,#6eabff,#6eabff,#79c3fc,#6ecaff);-webkit-transform:translate(var(--sl),var(--hsl)) rotate(180deg);transform:translate(var(--sl),var(--hsl)) rotate(180deg)}75%{background:linear-gradient(90deg,#6eabff,#79c3fc,#6ecaff,#6eabff);-webkit-transform:translate(var(--hsl),var(--sl)) rotate(270deg);transform:translate(var(--hsl),var(--sl)) rotate(270deg)}to{background:linear-gradient(90deg,#79c3fc,#6ecaff,#6eabff,#6eabff);-webkit-transform:translateY(var(--hsl)) rotate(1turn);transform:translateY(var(--hsl)) rotate(1turn)}}