.base-input-field{width:100%}.base-input-field__wrapper{align-items:center;display:inline-flex;position:relative;width:100%}.base-input-field__input{background-color:var(--color-white);border:1px solid var(--color-gray-400);border-radius:var(--radius-sm);color:var(--color-gray-950);display:block;font-family:var(--font-family-body);font-size:var(--font-size-16);font-weight:var(--font-weight-normal);line-height:var(--spacing-24);outline:none;padding:var(--spacing-8) var(--spacing-12);transition:border-color var(--transition-actions);width:100%}@media (min-width:768px){.base-input-field__input{padding:var(--spacing-16)}}.base-input-field__input::-moz-placeholder{color:var(--color-gray-500)}.base-input-field__input::placeholder{color:var(--color-gray-500)}.base-input-field__input:focus-visible:not(:disabled){border-color:var(--color-blue-600);box-shadow:var(--shadow-focus)}.base-input-field__input[disabled],.base-input-field__input[readonly]{background-color:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed;opacity:1}.base-input-field__input[disabled]:focus-visible,.base-input-field__input[disabled]:hover,.base-input-field__input[readonly]:focus-visible,.base-input-field__input[readonly]:hover{border:1px solid var(--color-gray-300)}.base-input-field__input--error{border-color:var(--color-red-300)}.base-input-field__input--leading-icon{padding-left:var(--spacing-44)}@media (min-width:768px){.base-input-field__input--leading-icon{padding-left:var(--spacing-48)}}.base-input-field__input--trailing-icon{padding-right:var(--spacing-48)}@media (min-width:768px){.base-input-field__input--trailing-icon{padding:var(--spacing-18) var(--spacing-16)}}.base-input-field__input--trailing-divider{padding-right:var(--spacing-56)}@media (min-width:768px){.base-input-field__input--trailing-divider{padding-left:var(--spacing-64)}}.base-input-field__input--leading-divider{padding-left:var(--spacing-56)}@media (min-width:768px){.base-input-field__input--leading-divider{padding-left:var(--spacing-64)}}.base-input-field__icon{color:var(--color-gray-700);font-size:var(--font-size-16);margin:0;padding:var(--spacing-10) var(--spacing-12);position:absolute}@media (min-width:768px){.base-input-field__icon{padding:var(--spacing-18) var(--spacing-16)}}.base-input-field__icon--leading{left:0}.base-input-field__icon--trailing{right:0}.base-input-field__icon--leading-divider{border-right:1px solid var(--color-gray-400)}.base-input-field__icon--trailing-divider{border-left:1px solid var(--color-gray-400)}.base-input-field__icon--error{border-color:var(--color-red-300);color:var(--color-red-700)}