/* src/component/src/component/index.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-text-input {
    .a29b8c_L8Eusa_wrapper {
      position: relative;
    }
    .a29b8c_L8Eusa_container {
      box-sizing: border-box;
      height: var(--ddsweb-tc-input-height, var(--ddsweb-theme-forms-field-height));
      padding: 0 var(--ddsweb-theme-spacing-sm);
      outline-width: 0;
      align-items: center;
      display: flex;
    }
    .a29b8c_L8Eusa_container > * {
      height: calc(100% - 2px);
    }
    .a29b8c_L8Eusa_container:focus-within {
      --foundation-base-form-border-color: var(--ddsweb-theme-colors-active);
      --foundation-base-form-outline-color: var(--ddsweb-theme-colors-active);
      outline-width: 3px;
    }
    .a29b8c_L8Eusa_disabled {
      box-shadow: none;
      cursor: default;
      opacity: var(--ddsweb-theme-base-rgb-opacity);
    }
    .a29b8c_L8Eusa_disabled:focus-within {
      --foundation-base-form-outline-color: transparent;
      --foundation-base-form-border-color: var(--foundation-base-form-border-color, var(--ddsweb-theme-colors-text-base));
    }
    .a29b8c_L8Eusa_error {
      --foundation-base-form-border-color: var(--ddsweb-theme-colors-error);
    }
    .a29b8c_L8Eusa_error:focus-within {
      --foundation-base-form-border-color: var(--ddsweb-theme-colors-error);
      --foundation-base-form-outline-color: var(--ddsweb-theme-colors-error);
    }
    .a29b8c_L8Eusa_input {
      line-height: var(--ddsweb-tc-input-line-height, normal);
      outline: none;
      flex-grow: 1;
    }
    .a29b8c_L8Eusa_input:disabled {
      background-color: unset;
    }
    .a29b8c_L8Eusa_inputError::selection {
      background-color: rgb(var(--ddsweb-theme-colors-error-rgb), .4);
    }
    .a29b8c_L8Eusa_sm {
      height: var(--ddsweb-tc-input-sm-height, 32px);
    }
    .a29b8c_L8Eusa_hint {
      margin-bottom: var(--ddsweb-theme-spacing-xs);
      color: var(--ddsweb-theme-colors-grayscale);
    }
    .a29b8c_L8Eusa_adjacentChildren {
      align-items: center;
      gap: var(--ddsweb-theme-spacing-xx);
      white-space: nowrap;
      display: flex;
    }
    .a29b8c_L8Eusa_leftChildren {
      padding-right: var(--ddsweb-theme-spacing-xx);
    }
    .a29b8c_L8Eusa_rightChildren {
      padding-left: var(--ddsweb-theme-spacing-xx);
    }
    .a29b8c_L8Eusa_container ::placeholder {
      font-style: inherit;
    }
  }
}


/*# sourceMappingURL=80ec98861137ef62ef00.css.map*/