.loader{width:80px;aspect-ratio:1;--c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:10px 10px;animation:l18 1s infinite;position:relative}.loader:before{content:"";position:absolute;inset:0;margin:3px;background:repeating-conic-gradient(#0000 0 35deg,#25b09b 0 90deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);border-radius:50%}@keyframes l18{to{transform:rotate(.5turn)}}.spinner{width:100px;aspect-ratio:1;border-radius:50%;border:4px solid #0000;border-right-color:#25b09b;position:relative;animation:l24 1s linear infinite}.spinner:after,.spinner:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:inherit;animation:inherit;animation-duration:2s}.spinner:after{animation-duration:4s}@keyframes l24{to{transform:rotate(1turn)}}