.SelectInput{width:100%;position:relative}.SelectInput__input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:var(--inputTextColor);padding:5px 12px 7px;font:var(--fontWeightNormal) 15px/24px var(--fontFamily);background-color:var(--inputBackground);border:none;border-radius:4px}.SelectInput__input:invalid{color:var(--inputPlaceholderColor)}.SelectInput--inline .SelectInput__input{border-radius:0 4px 4px 0}.SelectInput__input--touched:invalid:not(:focus){box-shadow:0 0 0 1px var(--inputErrorAccentColor)}.SelectInput__input--touched:invalid:not(:focus)+.SelectInput__arrow{--inputTextColor:var(--inputErrorAccentColor)}.SelectInput__input:focus-visible{box-shadow:var(--focusBoxShadow)}.SelectInput__arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);pointer-events:none}