.loading-overlay{position:absolute;z-index:1;width:1.8rem;display:flex;align-items:center;justify-content:center}
@media screen and (min-width:750px){.loading-overlay{right:0}}
.loading-overlay.hidden,.loading__spinner.hidden{display:none}
.loading-overlay__spinner,.loading__spinner{width:1.8rem;display:inline-block}
.spinner{animation:rotator 1.4s linear infinite}
@keyframes rotator{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}
.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground,18,18,18));animation:dash 1.4s ease-in-out infinite}
@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}100%{stroke-dashoffset:280;transform:rotate(450deg)}}
@media(prefers-reduced-motion:reduce){.spinner,.path{animation:none}}