.select-input{position:relative;display:inline-block;width:100%;background-color:var(--backgroundColor);border-radius:.25rem;padding:0}.select-input:focus-within>select{border-color:var(--shade03)}.select-input>:last-child{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--shade03)}.select-input>select{cursor:pointer;background-color:var(--pure-white);border:none;padding:0 1rem;height:2.5rem;border:1px solid var(--neutral-800);font-size:var(--regularSize);color:var(--fontColor);position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-input>select::-ms-expand{display:none}.select-input--invalid>select{border-color:var(--warning)}.select-input--invalid>:last-child{color:var(--warning)}.select-input--valid>select{border-color:var(--shade05)}.select-input--valid>:last-child{color:var(--shade05)}