:root{--size:60px;--stroke:12px;--track-color:var(--ng-color-aqua06);--progress-color:var(--ng-color-blue01);--spin-duration:1.2s;--dash-duration:1.5s}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:339.3;transform:rotate(0deg)}50%{stroke-dashoffset:84.8;transform:rotate(45deg)}100%{stroke-dashoffset:339.3;transform:rotate(360deg)}}.spinner-wrapper{display:flex;align-items:center;justify-content:center}.spinner{width:var(--size);height:var(--size)}.spinner svg{width:100%;height:100%;animation:rotate var(--spin-duration) linear infinite}.spinner circle{fill:none;stroke-width:var(--stroke);stroke-linecap:round}.track{stroke:var(--track-color)}.indicator{stroke:var(--progress-color);stroke-dasharray:339.3;transform-origin:center;animation:dash var(--dash-duration) ease-in-out infinite}