.hidden{display:none}.loader{margin:20px auto;text-align:center}.magic path{animation:starAnim 1.5s ease-in-out infinite;transform-origin:50% 50%;&:first-child{transform-origin:20% 20%;--transform-max:1.1;--transform-min:0.5;animation-delay:-.45s;fill:#00eaf6}&:nth-child(2){transform-origin:40% 40%;--transform-max:1.3;--transform-min:0.75;animation-delay:.15s;fill:#883fff}&:nth-child(3){transform-origin:30% 20%;--transform-max:2;--transform-min:0.8;animation-delay:.45s;fill:#1bb4ff}}.magic:before{animation-duration:3s;animation-play-state:running}@keyframes starAnim{0%{transform:scale(var(--transform-min,.5))}50%{transform:scale(var(--transform-max,1.5))}to{transform:scale(var(--transform-min,.5))}}