.loader{--color-1:#ddd;--color-2:var(--main-red);--size:.1rem;width:calc(16 * var(--size));height:calc(16 * var(--size));margin:calc(15 * var(--size)) auto;background:var(--color-1);box-shadow:calc(-24 * var(--size)) 0 var(--color-1), calc(24 * var(--size)) 0 var(--color-1);box-sizing:border-box;border-radius:50%;align-self:center;animation:2s linear infinite shadowPulse;display:block;position:relative}@keyframes shadowPulse{33%{background:var(--color-1);box-shadow:calc(-24 * var(--size)) 0 var(--color-2), calc(24 * var(--size)) 0 var(--color-1)}66%{background:var(--color-2);box-shadow:calc(-24 * var(--size)) 0 var(--color-1), calc(24 * var(--size)) 0 var(--color-1)}to{background:var(--color-1);box-shadow:calc(-24 * var(--size)) 0 var(--color-1), calc(24 * var(--size)) 0 var(--color-2)}}