.spinner{display:inline-block;flex-shrink:0;border-style:solid;border-color:var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spinner-rotate var(--duration-slower) var(--ease-linear) infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--md{width:24px;height:24px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:3px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-spinner{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:var(--z-fixed);opacity:1;transition:opacity var(--duration-medium) var(--ease-out)}.page-spinner--hidden{opacity:0}.page-spinner__body{display:flex;opacity:0;animation:page-spinner-appear var(--duration-medium) var(--ease-out) var(--delay-long) forwards}@keyframes page-spinner-appear{to{opacity:1}}