input | Base class for input components, including input, select, and textarea. Sets display, flex-direction, and position. |
input > input, input > select, input > textarea | Styles for input, select, and textarea elements within the input class. Sets background, border, border-radius, font-family, font-size, font-weight, line-height, outline, padding, resize, text-overflow, and transition. |
input:disabled | Styles for disabled state of input, select, and textarea elements. Adjusts opacity, pointer-events, and user-select. |
input:focus | Styles for focus state of input, select, and textarea elements. Adjusts border-color. |
input::placeholder | Styles for the placeholder in input elements. Sets color. |
input.active > input, input.active > select, input.active > textarea | Styles for active state of input components. Adjusts border-color. |
input > label | Styles for label elements within the input class. Sets color, font-size, margin-bottom, transform, and user-select. |
input-b | Variant of the input class. Adjusts border-width, border-radius, and padding for input, select, and textarea elements, and modifies label styling. |
input-l | Variant of the input class with label styling. Adjusts background, border-radius, position, and other properties for labels. |
input-before, input-after | Variants of the input class for adding elements before or after the input. Adjusts border-radius, height, overflow, and padding. |