.magic-loading-mask{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.magic-loading-mask .has-mask{background:#ffffff80}.magic-loading{background:#fff;border-radius:32px 32px 32px 8px;width:66px;height:66px;padding:2px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.magic-loading .bg{z-index:2;background:conic-gradient(from 180deg,#fff 0deg,#f36fff 53.3deg,#268aff 90.46deg,#52eaea 126.24deg,#fff 178.82deg 360deg);animation:1s linear infinite rotateSelf;position:absolute;inset:-12px}.magic-loading .inner{z-index:4;color:#4b66e3;background:#fff;border-radius:32px 32px 32px 8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateZ(0)}.magic-loading .inner .magic{animation:1s ease-in-out infinite shakeMagicIcon}@keyframes rotateSelf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shakeMagicIcon{0%{opacity:1;transform:rotate(5deg)}50%{opacity:.5;transform:rotate(-5deg)}to{opacity:1;transform:rotate(5deg)}}