@layer components{.radio{--radio-size: 16px;--radio-inner-size: 8px;--radio-spacing: var(--space-unit-2);--radio-border-width: 2px;--radio-border-color: var(--border-1);--radio-before: var(--radio-before-default);--radio-checked-border-color: var(--color-primary);--radio-checked-bg: var(--surface-1);--radio-inner-color: var(--color-primary);--radio-label-color: var(--text);--radio-bg: var(--surface-1);display:inline-flex;align-items:center;gap:var(--radio-spacing);cursor:pointer;user-select:none;-webkit-user-select:none;font-family:var(--font-family-body);font-size:var(--font-size-body-m, 14px);font-weight:400;line-height:1.5;color:var(--radio-label-color);transition:color var(--motion-duration-quick) var(--motion-ease-soft-out)}.radio__input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.radio__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--radio-size, 16px);height:var(--radio-size, 16px);min-width:var(--radio-size, 16px);min-height:var(--radio-size, 16px);border-radius:var(--radius-circle);border:var(--radio-border-width, 2px) solid var(--radio-border-color, var(--border-1));background:var(--radio-bg, var(--surface-1));cursor:pointer;box-shadow:none;transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-duration-swift) var(--motion-ease-soft-out),transform var(--motion-duration-quick) var(--motion-ease-lunar-float),box-shadow var(--motion-duration-moderate) var(--motion-ease-elevate)}.radio__control::before{content:"";position:absolute;inset:0;padding:var(--radio-border-width, 2px);border-radius:inherit;background:var(--radio-before, var(--radio-before-default));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1;opacity:0;transition:opacity var(--motion-duration-swift) var(--motion-ease-soft-out)}.radio__control::after{content:"";position:absolute;width:var(--radio-inner-size, 8px);height:var(--radio-inner-size, 8px);border-radius:var(--radius-circle);background:var(--radio-inner-color, var(--color-primary));transform:scale(0);opacity:0;z-index:2;transition:transform var(--motion-duration-moderate) var(--motion-ease-bounce-lunar),opacity var(--motion-duration-quick) var(--motion-ease-soft-in-out)}.radio__control:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--radio-bg);border-color:transparent;transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1);transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-button-hover-duration) var(--motion-button-hover-easing),transform var(--motion-button-hover-duration) var(--motion-button-hover-easing),box-shadow var(--motion-button-hover-duration) var(--motion-button-hover-easing),backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing),-webkit-backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing)}.radio__control:hover::before{opacity:1}.radio__control:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.radio__control:focus-visible{outline:2px solid var(--radio-focus-ring-color, rgba(12,80,255,0.4));outline-offset:2px;box-shadow:var(--elev-focus-secondary),0 0 0 6px var(--radio-focus-glow-color, rgba(12,80,255,0.1));transition-duration:var(--motion-duration-swift)}.radio__label{cursor:pointer;color:inherit}.radio__input:checked~.radio__control,.radio--checked .radio__control{background:var(--radio-checked-bg, var(--surface-1));border-color:var(--radio-checked-border-color, var(--color-primary))}.radio__input:checked~.radio__control::after,.radio--checked .radio__control::after{transform:scale(1);opacity:1}.radio__input:disabled~.radio__control,.radio--disabled .radio__control,.radio[aria-disabled="true"] .radio__control{opacity:.5;cursor:not-allowed;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:var(--surface-1)}.radio__input:disabled~.radio__control::after,.radio--disabled .radio__control::after,.radio[aria-disabled="true"] .radio__control::after{background:var(--text-disabled)}.radio__input:disabled~.radio__label,.radio--disabled .radio__label,.radio[aria-disabled="true"] .radio__label{color:var(--text-disabled);cursor:not-allowed}.radio__input:focus-visible~.radio__control:focus-visible{outline:2px solid var(--radio-focus-ring-color, rgba(12,80,255,0.4));outline-offset:2px;box-shadow:var(--elev-focus-secondary),0 0 0 6px var(--radio-focus-glow-color, rgba(12,80,255,0.1));transition-duration:var(--motion-duration-swift)}.radio:hover:not(.radio--disabled):not([aria-disabled="true"]) .radio__control:hover{background:var(--glass-bg, rgba(255,255,255,0.72));backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background-clip:padding-box;-webkit-background-clip:padding-box;background:var(--radio-bg);border-color:transparent;transform:translateY(calc(-1 * var(--motion-translate-micro))) var(--motion-scale-hover);box-shadow:var(--elev-1);transition:border-color var(--motion-duration-swift) var(--motion-ease-soft-out),background var(--motion-button-hover-duration) var(--motion-button-hover-easing),transform var(--motion-button-hover-duration) var(--motion-button-hover-easing),box-shadow var(--motion-button-hover-duration) var(--motion-button-hover-easing),backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing),-webkit-backdrop-filter var(--motion-button-hover-duration) var(--motion-button-hover-easing)}.radio:hover:not(.radio--disabled):not([aria-disabled="true"]) .radio__control:hover::before{opacity:1}.radio:hover:not(.radio--disabled):not([aria-disabled="true"]) .radio__control:active{transform:var(--motion-scale-press);transition-duration:var(--motion-button-press-duration);transition-timing-function:var(--motion-button-press-easing)}.radio--sm{--radio-size: 12px;--radio-inner-size: 6px;--radio-spacing: var(--space-unit-1_5);font-size:var(--font-size-body-s, 12px)}.radio--md{--radio-size: 16px;--radio-inner-size: 8px;--radio-spacing: var(--space-unit-2)}.radio--lg{--radio-size: 20px;--radio-inner-size: 10px;--radio-spacing: var(--space-unit-2_5);font-size:var(--font-size-body-l, 16px)}.radio--xl{--radio-size: 24px;--radio-inner-size: 12px;--radio-spacing: var(--space-unit-3);font-size:var(--font-size-body-l, 16px)}.radio--primary{--radio-before: var(--radio-before-primary);--radio-checked-border-color: var(--color-primary);--radio-inner-color: var(--color-primary);--radio-focus-color: var(--color-primary)}.radio--secondary{--radio-before: var(--radio-before-secondary);--radio-checked-border-color: var(--color-secondary);--radio-inner-color: var(--color-secondary);--radio-focus-color: var(--color-secondary)}.radio--success{--radio-before: var(--radio-before-success);--radio-checked-border-color: var(--success-500);--radio-inner-color: var(--success-500);--radio-focus-color: var(--success-500)}.radio--warning{--radio-before: var(--radio-before-warning);--radio-checked-border-color: var(--warning-500);--radio-inner-color: var(--warning-500);--radio-focus-color: var(--warning-500)}.radio--danger{--radio-before: var(--radio-before-danger);--radio-checked-border-color: var(--danger-500);--radio-inner-color: var(--danger-500);--radio-focus-color: var(--danger-500)}.radio-group{display:flex;flex-direction:column;gap:var(--space-unit-2_5)}.radio-group__label{font-family:var(--font-family-body);font-size:var(--font-size-body-m, 14px);font-weight:500;color:var(--text-label);margin-bottom:var(--space-unit-1)}.radio-group__items{display:flex;flex-direction:column;gap:var(--space-unit-2_5)}.radio-group--horizontal .radio-group__items{flex-direction:row;flex-wrap:wrap;gap:var(--space-unit-4)}.radio-group--compact{gap:var(--space-unit-1_5)}.radio-group--compact .radio-group__items{gap:var(--space-unit-1_5)}.radio-group--spacious{gap:var(--space-unit-4)}.radio-group--spacious .radio-group__items{gap:var(--space-unit-4)}.radio-group--disabled{opacity:0.6;pointer-events:none}.radio-group--disabled .radio-group__label{color:var(--text-disabled)}.radio--with-description{align-items:flex-start}.radio--with-description .radio__control{margin-top:2px}.radio--with-description .radio__label-wrapper{display:flex;flex-direction:column;gap:var(--space-unit-0_5)}.radio--with-description .radio__description{font-size:var(--font-size-caption, 12px);color:var(--text-muted);line-height:1.4}.radio--card{padding:var(--space-unit-3);border-radius:var(--radius-md);border:1px solid var(--border-0);background:var(--surface-1);transition:border-color var(--motion-card-hover-duration) var(--motion-card-hover-easing),background var(--motion-card-hover-duration) var(--motion-card-hover-easing),box-shadow var(--motion-card-hover-duration) var(--motion-card-hover-easing),transform var(--motion-card-hover-duration) var(--motion-card-hover-easing)}.radio--card:hover:not(.radio--disabled){border-color:var(--border-1);box-shadow:var(--elev-2);transform:translateY(-2px)}.radio--card.radio--checked{border-color:var(--radio-checked-border-color, var(--color-primary));background:var(--radio-card-checked-bg, rgba(255,72,0,0.05));box-shadow:var(--elev-1)}.radio--inline{display:inline-flex;margin-right:var(--space-unit-4)}@media (prefers-reduced-motion: reduce){.radio,.radio__control,.radio__control::before,.radio--card{transition-duration:10ms !important;animation:none !important}}@media (prefers-contrast: high){.radio__control{border-width:3px}}[data-theme="dark"] .radio{--radio-bg: var(--surface-1);--radio-border-color: var(--border-1)}}

/*# sourceMappingURL=radio.css.map */