@layer components{@keyframes spinner_animation{to{transform:rotate(360deg)}}@keyframes spinner_stroke_animation{0%,25%{stroke-dashoffset:280px;transform:rotate(0)}50%,75%{stroke-dashoffset:75px;transform:rotate(45deg)}to{stroke-dashoffset:280px;transform:rotate(360deg)}}.spinner{shape-rendering:geometricprecision;animation:2s linear infinite spinner_animation;&>circle{transform-origin:50%;stroke-dasharray:283;fill:#0000;stroke:currentColor;stroke-width:10px;animation:1.5s ease-in-out infinite both spinner_stroke_animation}}}