{"version":3,"file":"Spinner.module.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 2px solid var(--tempest-surface-2);\n    border-top-color: var(--tempest-primary);\n    border-radius: 50%;\n    animation: tempest-spinner 0.7s linear infinite;\n    flex-shrink: 0;\n}\n\n.xs {\n    width: 10px;\n    height: 10px;\n    border-width: 1.5px;\n}\n.sm {\n    width: 14px;\n    height: 14px;\n    border-width: 2px;\n}\n.md {\n    width: 20px;\n    height: 20px;\n    border-width: 2px;\n}\n.lg {\n    width: 32px;\n    height: 32px;\n    border-width: 3px;\n}\n.xl {\n    width: 48px;\n    height: 48px;\n    border-width: 4px;\n}\n\n.wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    min-height: 60vh;\n}\n\n.caption {\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-spinner {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spinner {\n        animation-duration: 2s;\n    }\n}\n"],"mappings":";"}