@start-base/react-form-elements/Select/styles.css

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

.SUI-Select-module-root--Ti5s{margin-bottom:var(--rfe-spacing);position:relative}.SUI-Select-module-inputRoot-si5Tv{position:relative}.SUI-Select-module-label-UcKX8{color:var(--rfe-color);cursor:text;font-size:var(--rfe-font-size);left:16px;line-height:1;margin-bottom:0;position:absolute;top:-2px;transform:translateY(calc((var(--rfe-input-height) - 14px)/2));transition:all .25s}.SUI-Select-module-label-UcKX8.SUI-Select-module-disableShrink-J-WRb{color:var(--rfe-color);display:block;margin-bottom:var(--rfe-label-spacing);position:static;transform:none}.SUI-Select-module-disabledLabel-lEiU-{cursor:not-allowed;pointer-events:none}.SUI-Select-module-labelFocused-q50V-,.SUI-Select-module-labelPlaceholder-z-dST{font-size:var(--rfe-focused-font-size);top:0;transform:translateY(9px)}.SUI-Select-module-input-HAhy-{background-color:var(--rfe-background)!important;border:1px solid var(--rfe-border)!important;border-radius:var(--rfe-border-radius);font-family:var(--rfe-font-family);line-height:24px;min-height:var(--rfe-input-height)!important;transition:all .25s!important;width:100%}.SUI-Select-module-input-HAhy-:hover{border:1px solid var(--rfe-border)}.SUI-Select-module-focus-YF8bV{box-shadow:var(--rfe-focus)!important}.SUI-Select-module-inputError-o-svT{border-color:var(--rfe-color-error)!important}.SUI-Select-module-input-HAhy-:-webkit-autofill:not(.SUI-Select-module-disableShrink-J-WRb)~.SUI-Select-module-label-UcKX8,.SUI-Select-module-input-HAhy-:focus:not(.SUI-Select-module-disableShrink-J-WRb)~.SUI-Select-module-label-UcKX8,.SUI-Select-module-input-HAhy-:not([value=""],.SUI-Select-module-disableShrink-J-WRb)~.SUI-Select-module-label-UcKX8{font-size:var(--rfe-focused-font-size);transform:translateY(9px)}.SUI-Select-module-input-HAhy-.SUI-Select-module-disableShrink-J-WRb{padding:16px}.SUI-Select-module-errorLabel-tJ7RS{color:var(--rfe-color-error);font-size:var(--rfe-error-font-size);margin-top:var(--rfe-label-spacing);pointer-events:none}.SUI-Select-module-disabled--iG97{background:var(--rfe-background-disabled)!important;color:var(--rfe-color)!important;cursor:not-allowed!important;pointer-events:all}.SUI-Select-module-innerInput-PeI5U{color:var(--rfe-color)!important;margin-left:8px!important}.SUI-Select-module-control-ehUuP{align-items:flex-end!important}.SUI-Select-module-menu-axmUL{background-color:var(--rfe-background)!important;border:1px solid var(--rfe-border);border-radius:var(--rfe-border-radius);box-shadow:none!important;margin:6px 0 0!important;padding:0!important;z-index:9999}.SUI-Select-module-option-EdP-F{border-radius:calc(var(--rfe-border-radius) - 2px)!important;color:var(--rfe-color)!important;margin-bottom:4px!important;margin-left:4px!important;margin-right:4px!important;width:calc(100% - 8px)!important}.SUI-Select-module-option-EdP-F:active,.SUI-Select-module-option-EdP-F:focus,.SUI-Select-module-option-EdP-F:focus-visible,.SUI-Select-module-option-EdP-F:focus-within,.SUI-Select-module-option-EdP-F:hover{background-color:var(--rfe-background-selected)!important}.SUI-Select-module-option-EdP-F:last-child{margin-bottom:0!important}.SUI-Select-module-optionFocused-2jC7x{background-color:var(--rfe-background-selected)!important;border-radius:calc(var(--rfe-border-radius) - 2px)!important;color:var(--rfe-color)!important;margin-bottom:4px!important;margin-left:4px!important;margin-right:4px!important;width:calc(100% - 8px)!important}.SUI-Select-module-optionFocused-2jC7x:last-child{margin-bottom:0!important}.SUI-Select-module-singleValue--cc8w{color:var(--rfe-color)!important;margin-left:8px!important}.SUI-Select-module-placeholder-OAeGA{color:var(--rfe-color-placeholder)!important;font-size:var(--rfe-placeholder-font-size);margin-left:8px!important}.SUI-Select-module-indicatorSeparator-eEfnQ{display:none}.SUI-Select-module-indicatorsContainer-2xCsm{display:flex;justify-content:center;min-width:36px}.SUI-Select-module-clearIndicator-O6EuX svg,.SUI-Select-module-indicatorsContainer-2xCsm svg,.SUI-Select-module-multiValueRemove-34fTi svg{color:var(--rfe-color);cursor:pointer;pointer-events:all}.SUI-Select-module-multiValue-9XkYX{align-items:center;background-color:var(--rfe-background-selected)!important;border-radius:var(--rfe-border-radius)!important;height:24px}.SUI-Select-module-multiValue-9XkYX div{color:var(--rfe-color)!important}.SUI-Select-module-valueContainer-MGkpr{padding-top:20px!important}.SUI-Select-module-multiValueRemove-34fTi{color:var(--rfe-color)!important}.SUI-Select-module-multiValueRemove-34fTi:hover{background:unset!important}