welcome-ui/dist/Radio.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._root_19ehe_2{display:flex;align-items:flex-start;flex-direction:row;gap:var(--radio-indicator-size)}._input-wrapper_19ehe_8{display:flex;position:relative;align-items:center;align-self:flex-start;flex-shrink:0}._input_19ehe_8{position:relative;order:-1;padding:0;margin-top:var(--border-radius-sm);width:var(--radio-size);height:var(--radio-size);border-style:solid;border-radius:var(--radio-indicator-border-radius);border-width:var(--borderWidth, var(--radio-border-width-unchecked));border-color:var(--borderColor, var(--radio-color-border-unchecked-default));color:var(--radio-color-background-unchecked-default);cursor:var(--inputCursor, pointer);outline:none;box-shadow:var(--inputBoxShadow, var(--inset-5)) inset}._input_19ehe_8:focus-visible:not([disabled]){outline-style:solid;outline-width:var(--radio-border-width-focused);outline-color:var(--radio-color-border-focused);outline-offset:0px}._input_19ehe_8:hover{--borderColor: var(--radio-color-border-unchecked-hover);--inputBoxShadow: var(--inset-10)}._input_19ehe_8:disabled{background-color:var(--radio-color-background-unchecked-disabled);border-color:var(--radio-color-border-unchecked-disabled);--inputCursor: not-allowed;--inputBoxShadow: none}._input_19ehe_8._variant-danger_19ehe_47{--borderColor: var(--color-background-danger-strongest)}._input_19ehe_8:after{content:"";position:absolute;width:var(--radio-indicator-size);height:var(--radio-indicator-size);border-radius:var(--radio-indicator-border-radius);top:calc((var(--radio-size) - var(--radio-indicator-size)) / 2 - var(--radio-border-width-checked));left:calc((var(--radio-size) - var(--radio-indicator-size)) / 2 - var(--radio-border-width-checked));background-color:var(--backgroundColor, transparent)}._input_19ehe_8[aria-checked=true]{--backgroundColor: var(--radio-indicator-color-background-default);--borderWidth: var(--radio-border-width-checked)}._input_19ehe_8[aria-checked=true]:not([disabled]){--borderColor: var(--radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_19ehe_8[aria-checked=true]:not([disabled]):hover{--backgroundColor: var(--radio-indicator-color-background-hover);--borderColor: var(--radio-indicator-color-background-hover)}._input_19ehe_8[aria-checked=true][disabled]{--backgroundColor: var(--radio-indicator-color-background-disabled)}._label-with-hint_19ehe_77{display:flex;flex-direction:column}._hint_19ehe_81{margin-top:0}}