.dots{position:relative}.dot,.dots{width:var(--size);height:var(--size)}.dot{animation:dwl-dot-spin calc(var(--speed) * 5) infinite linear both;animation-delay:calc(var(--i) * var(--speed) / (var(--dot-count) + 2) * -1);rotate:calc(var(--i) * var(--spread) / (var(--dot-count) - 1))}.dot,.dot:before{position:absolute}.dot:before{content:"";display:block;width:var(--dot-size);height:var(--dot-size);background-color:var(--color);border-radius:50%;transform:translate(-50%,-50%);bottom:0;left:50%}@keyframes dwl-dot-spin{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.39,.575,.565,1);opacity:1}2%{transform:rotate(20deg);animation-timing-function:linear;opacity:1}30%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.445,.05,.55,.95);opacity:1}41%{transform:rotate(380deg);animation-timing-function:linear;opacity:1}69%{transform:rotate(520deg);animation-timing-function:cubic-bezier(.445,.05,.55,.95);opacity:1}76%{opacity:1}76.1%{opacity:0}80%{transform:rotate(2turn)}to{opacity:0}}