.select-input{border:none;background-color:none;border-radius:0;padding:0}.select-input>select{--input-color: var(--shade10);--input-border-color: var(--shade03);box-sizing:border-box;display:inline-flex;background:var(--shade00);border-radius:var(--input-radius);padding:var(--spacing);border:1px solid var(--input-border-color);color:var(--input-color);font-size:1rem;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-weight:var(--fw-regular)}.select-input>select::-ms-expand{display:none}.select-input>select{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.select-input>select{transition:none}}.select-input>select-active .input-custom{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.select-input>select-active .input-custom{transition:none}}.select-input>select-active .input-custom{padding:1rem 1rem 0rem}.select-input>select-active~.label--required,.select-input>select-active~.label,.select-input>select-active~label{top:.6rem;left:1.05rem;font-size:.625rem;line-height:normal;z-index:1}.select-input>select:active,.select-input>select:focus{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.select-input>select:active,.select-input>select:focus{transition:none}}.select-input>select:active,.select-input>select:focus{border-color:var(--input-color);color:var(--input-color);outline:2px solid var(--input-focus-ring)}.select-input>select::-webkit-input-placeholder,.select-input>select:-ms-input-placeholder,.select-input>select::placeholder{color:var(--input-border-color)}.select-input>select[disabled],.select-input>select.disabled{border-color:var(--shade04);color:var(--shade04);background:var(--shade01);pointer-events:none}@media (max-width: 64rem){.select-input>select{font-size:1rem}}.select-input>select{height:auto;padding-right:calc(var(--spacing) * 4);position:relative;box-sizing:border-box;width:100%}.select-input :last-child{position:absolute;right:var(--spacing);top:50%;pointer-events:none}