.loading{background-color:#fff;position:relative;overflow:hidden}@keyframes rotateConic{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.loading-container{position:relative}.loading-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:inherit;padding:2px;width:1200px;height:1200px;background:conic-gradient(from 0deg,#7b20e9 12.06%,#4f46e5 34.55%,#383cff 53.49%,#2983ff 64.54%,#00a7ff 80.63%,#00e8ff 94.13%,#7b20e9 100%);mask-composite:exclude;transition:opacity .3s ease;opacity:1;animation:rotateConic 5s linear infinite;transform-origin:center}.loading:before{width:600px;content:"";position:absolute;inset:0;background-image:linear-gradient(343deg,hsla(0,0%,100%,.2) 67.29%,rgba(79,70,229,.2) 108.13%);opacity:0;transform:scale(0);transform-origin:top left;transition:opacity .6s ease,transform .6s ease;z-index:0;pointer-events:none}.loading>*{position:relative;z-index:1}