.loader{--initial-pos:0;cursor:wait;transform-origin:50%;justify-content:center;align-items:center;transition:background-color 80ms linear;animation-fill-mode:both;display:flex}.loader>svg{width:1.2em;height:1.2em;margin:0 5px}.loader>svg circle{opacity:.2;stroke:currentColor}.loader>svg>g{width:100%;height:100%;transform-style:preserve-3d;transform-origin:100% 100%;animation:rotator calc(var(--animation-duration-1000,1s)) linear infinite}.loader>svg>g circle{opacity:1;stroke-dasharray:150 200;stroke-dashoffset:-10px;animation:dash calc(var(--animation-duration-1000,1s) * 1.5) var(--animation-easing-out) infinite;stroke-linecap:round;transform-origin:50%}@keyframes rotator{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}