.SelectInput{width:100%;position:relative;transition:opacity .25s ease-in-out}.SelectInput[loading]{opacity:.5;pointer-events:none}.SelectInput__input{--fontWeight:var(--fontWeightNormal);--inputShadow:none;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;color:var(--inputTextColor);padding:5px 12px 7px;font:var(--fontWeight) 15px/24px var(--fontFamily);background-color:var(--inputBackground);border:none;border-radius:4px;box-shadow:var(--inputShadow)}.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}