.input{justify-content:flex-start;align-items:stretch;gap:var(--spacing-vertical-small);flex-direction:column;width:100%;display:flex}.input__label{font-family:var(--typography-font-family-body);font-size:var(--typography-body-medium);font-weight:var(--typography-font-weight-medium);line-height:var(--typography-line-height-medium);color:var(--color-text-dark)}.input__field-wrapper{-o-transition:border-color,box-shadow;width:100%;height:var(--spacing-vertical-giga);padding:0 var(--spacing-horizontal-xlarge);background:var(--color-surface-background);border:var(--stroke-small) solid var(--color-field-field-border-inactive);border-radius:var(--radius-extra-small);justify-content:flex-start;align-items:center;gap:var(--spacing-horizontal-large);flex-direction:row;transition:border-color,box-shadow;display:flex;position:relative}.input__field{width:100%;height:100%;font-family:var(--typography-font-family-body);font-size:var(--typography-body-large);line-height:var(--typography-line-height-tall);color:var(--color-text-dark);background:0 0;border:none;outline:none;flex:1;padding:0}.input__field::placeholder{color:var(--color-field-field-placeholder)}.input__leading-icon,.input__trailing-icon{color:var(--color-text-medium);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;display:flex}.input__helper-text{font-family:var(--typography-font-family-body);font-size:var(--typography-body-small);font-weight:var(--typography-font-weight-regular);line-height:var(--typography-line-height-medium);color:var(--color-text-medium)}.input--focused .input__field-wrapper{box-shadow:0 0 0 var(--stroke-medium) var(--color-focus-ring)}.input--filled .input__field-wrapper{border-color:var(--color-field-field-border-active)}.input--error .input__field-wrapper{border-color:var(--color-field-field-error)}.input--error .input__helper-text{color:var(--color-field-field-error)}.input--error.input--focused .input__field-wrapper{box-shadow:0 0 0 var(--stroke-medium) var(--color-focus-ring-error)}.input--disabled{opacity:var(--opacity-disabled);pointer-events:none}.input--disabled .input__field-wrapper{background:var(--color-surface-stripe);cursor:not-allowed}.input--with-leading-icon .input__field-wrapper{padding-left:var(--spacing-horizontal-large)}.input--with-trailing-icon .input__field-wrapper{padding-right:var(--spacing-horizontal-large)}