.satarkoLoader{--size:400px;--duration:2.5s;--logo-color:#ff3c00;--background:linear-gradient(0deg,rgba(255,60,0,.2),rgba(255,60,0,.1) 50%,rgba(137,76,161,.2));height:var(--size);aspect-ratio:1;position:relative;pointer-events:none}.satarkoLoader .box{position:absolute;background:var(--background);border-radius:50%;box-shadow:0 10px 10px 0 rgba(0,0,0,.5),inset 0 5px 10px -7px rgba(205,155,255,.5);animation:ripple var(--duration) infinite linear;inset:var(--inset);z-index:calc(var(--i) * -1)}.satarkoLoader .box:last-child{filter:blur(30px)}.satarkoLoader .box:not(:last-child):hover{filter:brightness(2.5) blur(5px)}.satarkoLoader .logo{position:absolute;inset:0;display:grid;place-content:center;padding:30%;font-size:10px}@keyframes ripple{0%{transform:scale(1);box-shadow:0 10px 10px 0 rgba(0,0,0,.5),inset 0 5px 10px -7px rgba(205,155,255,.5)}65%{transform:scale(1.4);box-shadow:0 0 0 0 transparent}to{transform:scale(1);box-shadow:0 10px 10px 0 rgba(0,0,0,.5),inset 0 5px 10px -7px rgba(205,155,255,.5)}}@keyframes color-change{0%{fill:var(--logo-color)}50%{fill:#fff}to{fill:var(--logo-color)}}