.loader{aspect-ratio:1;background:radial-gradient(farthest-side, var(--color-brand-amber) 95%, #0000) 50% 0/12px 12px no-repeat, radial-gradient(farthest-side, #0000 calc(100% - 5px), var(--color-brand-amber) calc(100% - 4px)) content-box;border-radius:50%;width:50px;margin:0 auto;padding:3px;animation:2s infinite l6}@keyframes l6{to{transform:rotate(1turn)}}.audio-loader{aspect-ratio:1;--c:no-repeat linear-gradient(to right, var(--color-secondary), var(--color-brand-yellow));background:var(--c) 0% 50%, var(--c) 50% 50%, var(--c) 100% 50%;background-size:20% 100%;width:48px;margin:0 auto;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%}}