{"version":3,"file":"password-strength.css.cjs","names":[],"sources":["../../../src/feedback/password-strength/password-strength.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_height: var(--password-strength-height, 0.375rem);\n    --_gap: var(--password-strength-gap, var(--space-1, 0.25rem));\n    --_radius: var(--password-strength-radius, var(--rounded-full));\n    --_track-bg: var(--password-strength-track-bg, var(--color-contrast-300, #d1d5db));\n    --_track-border: var(--password-strength-track-border, var(--color-contrast-400, #9ca3af));\n    --_active-color: var(--password-strength-weak-color, var(--color-warning-500, #f59e0b));\n\n    display: grid;\n    gap: var(--space-1, 0.25rem);\n    width: 100%;\n  }\n\n  :host([data-level='fair']) {\n    --_active-color: var(--password-strength-fair-color, var(--color-warning-600, #d97706));\n  }\n\n  :host([data-level='good']) {\n    --_active-color: var(--password-strength-good-color, var(--color-success-500, #22c55e));\n  }\n\n  :host([data-level='strong']) {\n    --_active-color: var(--password-strength-strong-color, var(--color-success-600, #16a34a));\n  }\n\n  .meter {\n    width: 100%;\n    min-width: 10rem;\n  }\n\n  .segments {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: var(--_gap);\n  }\n\n  .segment {\n    height: var(--_height);\n    min-height: 0.35rem;\n    background: var(--_track-bg);\n    border: 1px solid var(--_track-border);\n    border-radius: var(--_radius);\n    transition: var(--_motion-transition, background-color var(--transition-fast), border-color var(--transition-fast));\n  }\n\n  .segment.active {\n    background: var(--_active-color);\n    border-color: var(--_active-color);\n  }\n\n  .level-label {\n    min-height: 1.25em;\n    font-size: var(--password-strength-label-size, var(--text-sm, 0.875rem));\n    line-height: 1.25;\n    color: var(--password-strength-label-color, currentColor);\n  }\n}\n"],"mappings":""}