.simple{border:3px solid #f3f3f3;border-top-color:#fd4d07;border-radius:50%;animation:2s linear infinite l6}.spinner{aspect-ratio:1;background-color:transparent;background-image:linear-gradient(0deg,rgba(250,248,248,.5) 30%,transparent 0,transparent 70%,#000 0),linear-gradient(90deg,rgba(221,219,219,.25) 30%,transparent 0,transparent 70%,rgba(0,0,0,.75) 0);background-position:50%,50%;background-repeat:no-repeat;background-size:8% 100%,100% 8%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;animation:1s steps(12,end) infinite l23;display:grid}.spinner:before,.spinner:after{content:"";background:inherit;opacity:.915;border-radius:50%;grid-area:1/1;transform:rotate(30deg)}.spinner:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}.dots{aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,#000 90%,transparent);background:var(--_g)0% 50%,var(--_g)50% 50%,var(--_g)100% 50%;background-size:33.3333% 50%;animation:1s linear infinite l3}@keyframes l3{20%{background-position:0 0,50%,100%}40%{background-position:0 100%,50% 0,100%}60%{background-position:0%,50% 100%,100% 0}80%{background-position:0%,50%,100% 100%}}.bars{aspect-ratio:1;--c:no-repeat linear-gradient(#000 0 0);background:var(--c)0% 50%,var(--c)50% 50%,var(--c)100% 50%;background-size:20% 100%;animation:1s linear infinite l1}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.bars-dots{aspect-ratio:1;--c:linear-gradient(#000 0 0);--r1:radial-gradient(farthest-side at bottom,#000 93%,transparent);--r2:radial-gradient(farthest-side at top,#000 93%,transparent);background:var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2),var(--c),var(--r1),var(--r2);background-repeat:no-repeat;animation:1s infinite alternate l2}@keyframes l2{0%,25%{background-position:0,0 calc(50% - 2px),0 calc(50% + 2px),50%,50% calc(50% - 2px),50% calc(50% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}50%{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% calc(50% - 2px),50% calc(50% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}75%{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% -2px,50% calc(100% + 2px),100%,100% calc(50% - 2px),100% calc(50% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px}95%,to{background-position:0,0 -2px,0 calc(100% + 2px),50%,50% -2px,50% calc(100% + 2px),100%,100% -2px,100% calc(100% + 2px);background-size:8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px}}.ring{aspect-ratio:1;background:radial-gradient(farthest-side,#ffa516 95%,transparent) 50% 0/12px 12px no-repeat,radial-gradient(farthest-side,transparent calc(100% - 5px),#ffa516 calc(100% - 4px)) content-box content-box;border-radius:50%;width:50px;padding:3px;animation:2s infinite l6}@keyframes l6{to{transform:rotate(1turn)}}.custom{background-image:url(../media/spinner-img.d7645e44.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;animation:1.5s ease-in-out infinite customFade;display:inline-block}@keyframes customFade{0%{opacity:0;transform:scale(.8)}50%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes customSpin{to{transform:rotate(1turn)}}.polygon{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% 100%);background:#fd4d07;width:40px;animation:2s cubic-bezier(.3,1,0,1) infinite poly}@keyframes poly{25%{clip-path:polygon(0 0,100% 0,0 100%)}50%{clip-path:polygon(0 0,100% 100%,0 100%)}75%{clip-path:polygon(100% 0,100% 100%,0 100%)}to{clip-path:polygon(100% 0,100% 100%,0 0)}}