welcome-ui/dist/Radio.css

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

@layer components{._root_1xy64_2{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex-direction:row}._input-wrapper_1xy64_8{flex-shrink:0;position:relative;align-items:center;display:flex;align-self:flex-start}._input_1xy64_8{border-radius:var(--radius-circle);order:-1;position:relative;outline:none;padding:0;transition:var(--duration-medium) var(--timing-primary);border-style:solid;border-width:var(--border-width-sm);border-color:var(--borderColor, var(--color-neutral-30));color:var(--color-neutral-10);height:var(--height-16);width:var(--height-16);margin-top:var(--spacing-xs);cursor:var(--inputCursor, pointer)}._input_1xy64_8:hover{--borderColor: var(--color-neutral-40)}._input_1xy64_8._disabled_1xy64_34{background-color:var(--color-beige-40);--inputCursor: not-allowed}._input_1xy64_8._variant-danger_1xy64_38{--borderColor: var(--color-red-70)}._input_1xy64_8._variant-warning_1xy64_41{--borderColor: var(--color-orange-60)}._input_1xy64_8:after{content:"";position:absolute;width:var(--height-8);height:var(--height-8);border-radius:var(--radius-circle);top:var(--spacing-3);left:var(--spacing-3);transition:var(--duration-medium);background-color:var(--backgroundColor, var(--color-transparent))}._input_1xy64_8[aria-checked=true]:not([disabled]){--borderColor: var(--color-brand-40);color:var(--color-neutral-90)}._input_1xy64_8[aria-checked=true][disabled]:after{--backgroundColor: var(--color-brand-30)}._input_1xy64_8[aria-checked=true]:after{--backgroundColor: var(--color-brand-40)}._label-with-hint_1xy64_65{display:flex;flex-direction:column}._hint_1xy64_69{margin-top:0}}