.loading{aspect-ratio:1;max-width:10vw;position:relative;width:2rem}.loading-inner{animation:rotateLoader 2s infinite ease-in}.loading-inner div{height:100%;opacity:0;position:absolute;width:100%}.loading-inner div:before{background-color:var(--theme-color-base);border-radius:50%;content:"";height:10%;left:50%;position:absolute;top:0%;transform:translate(-50%);width:10%}@keyframes rotateLoader{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loading-inner div:nth-child(1){transform:rotate(0);animation:rotateCircle1 2s infinite linear;z-index:7}@keyframes rotateCircle1{0%{opacity:0}0%{opacity:1;transform:rotate(45deg)}8.25%{transform:rotate(0)}58.25%{transform:rotate(0)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(2){transform:rotate(45deg);animation:rotateCircle2 2s infinite linear;z-index:6}@keyframes rotateCircle2{6.25%{opacity:0}6.2501%{opacity:1;transform:rotate(0)}14.499999999999998%{transform:rotate(-45deg)}64.5%{transform:rotate(-45deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(3){transform:rotate(90deg);animation:rotateCircle3 2s infinite linear;z-index:5}@keyframes rotateCircle3{12.5%{opacity:0}12.5002%{opacity:1;transform:rotate(-45deg)}20.75%{transform:rotate(-90deg)}70.75%{transform:rotate(-90deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(4){transform:rotate(135deg);animation:rotateCircle4 2s infinite linear;z-index:4}@keyframes rotateCircle4{18.75%{opacity:0}18.7503%{opacity:1;transform:rotate(-90deg)}27%{transform:rotate(-135deg)}77%{transform:rotate(-135deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(5){transform:rotate(180deg);animation:rotateCircle5 2s infinite linear;z-index:3}@keyframes rotateCircle5{25%{opacity:0}25.0004%{opacity:1;transform:rotate(-135deg)}33.25%{transform:rotate(-180deg)}83.25%{transform:rotate(-180deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(6){transform:rotate(225deg);animation:rotateCircle6 2s infinite linear;z-index:2}@keyframes rotateCircle6{31.25%{opacity:0}31.2505%{opacity:1;transform:rotate(-180deg)}39.5%{transform:rotate(-225deg)}89.5%{transform:rotate(-225deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(7){transform:rotate(270deg);animation:rotateCircle7 2s infinite linear;z-index:1}@keyframes rotateCircle7{37.5%{opacity:0}37.5006%{opacity:1;transform:rotate(-225deg)}45.75%{transform:rotate(-270deg)}95.75%{transform:rotate(-270deg)}to{transform:rotate(-315deg);opacity:1}}.loading-inner div:nth-child(8){transform:rotate(315deg);animation:rotateCircle8 2s infinite linear;z-index:0}@keyframes rotateCircle8{43.75%{opacity:0}43.750699999999995%{opacity:1;transform:rotate(-270deg)}52%{transform:rotate(-315deg)}102%{transform:rotate(-315deg)}to{transform:rotate(-315deg);opacity:1}}