{"version":3,"file":"SyncStatusBadge.module.cjs","names":[],"sources":["../../../src/components/SyncStatusBadge/SyncStatusBadge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    white-space: nowrap;\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.label {\n    min-width: 0;\n}\n\n.count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: color-mix(in srgb, currentColor 18%, transparent);\n    font-size: var(--tempest-text-2xs);\n}\n\n.idle {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.syncing {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.pending {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.offline {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-color: var(--tempest-border-strong);\n}\n\n.error {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.spin {\n    animation: tempest-sync-spin 0.9s linear infinite;\n}\n\n@keyframes tempest-sync-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spin {\n        animation: none;\n    }\n}\n"],"mappings":";"}