.base-input{position:relative;display:inline-block;vertical-align:top}.base-input:focus-visible{outline:0}.base-input__field{position:relative;display:inline-flex;width:100%;min-height:56px;align-items:center;border:1px solid var(--color-gray-700)}.base-input__prepend,.base-input__append{display:flex;flex-grow:0;align-items:stretch;align-self:stretch}.base-input__prepend>.icon,.base-input__append>.icon{height:auto;margin:12px;aspect-ratio:1}.base-input__prepend>button,.base-input__append>button{cursor:pointer}.base-input__content{display:flex;flex-grow:1;align-self:stretch;padding:0 16px;background-color:transparent}.base-input__content input{width:100%;padding:0;border:0;background-color:inherit;font-size:inherit;text-align:inherit}.base-input__content input::placeholder{color:var(--color-black)}.base-input__content input:focus{outline:none}.base-input__content input:disabled{border:initial;background-color:initial}.base-input__footer{position:absolute;right:0;min-height:32px;padding:5px 0;text-align:right;font-size:var(--font-size-sm)}.base-input--size-small{min-height:44px!important}.base-input--size-small .base-input__content{padding:0 12px;font-size:var(--font-size-sm)}.base-input--size-large{min-height:70px!important;outline:2px solid var(--color-gray-200);outline-offset:-2px}.base-input--size-large .base-input__content{padding:0 24px;font-size:var(--font-size-md)}.base-input--full-width{width:100%}.base-input--focused{outline:2px solid var(--color-primary-500);outline-offset:-2px}.base-input--filled{background-color:var(--color-white)}.base-input--error{outline:2px solid var(--color-red-600);outline-offset:-2px}.base-input--disabled{filter:saturate(.5);pointer-events:none}.base-input--disabled:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--color-black) 9.5%,transparent);content:" "}.base-input--prepended .base-input__content{padding-left:0}.base-input--appended .base-input__content{padding-right:0}.input-field__description{margin:5px 0}.input-field__input--left{text-align:left!important}.input-field__input--center{text-align:center!important}.input-field__input--right{text-align:right!important}.input-field--zip-code{max-width:110px}.input-field--phone{max-width:160px}