{"version":3,"file":"Radio.module.cjs","names":[],"sources":["../../../src/components/Radio/Radio.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.dot {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.dot::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: var(--tempest-primary);\n    transform: scale(0);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot::after {\n    transform: scale(1);\n}\n\n.input:focus-visible + .dot {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.group.horizontal {\n    flex-direction: row;\n    gap: var(--tempest-space-4);\n    flex-wrap: wrap;\n}\n"],"mappings":";"}