.lbaic-settings-textarea {
  &-holder {
    width: 100%;

    &-in {
      position: relative;
      background-color: var(--lbaic-settings-textarea-local-bg, var(--lbaic-settings-textarea-bg));
      border: 1px solid var(--lbaic-settings-textarea-local-border, var(--lbaic-settings-textarea-border));
      border-radius: 6px;
      transition: box-shadow 200ms ease-in-out, border-color 200ms ease-in-out;

      &:focus-within {
        border: 1px solid rgba(var(--lbaic-settings-primary-rgb), 0.3);
        box-shadow: 0 0 0 3px rgba(var(--lbaic-settings-primary-rgb), 0.2);
      }
    }
  }

  & {
    width: 100%;
    padding-block: 8px;
    padding-inline: var(--lbaic-settings-input-pis, 10px) var(--lbaic-settings-input-pie, 10px);
    font-size: var(--lbaic-settings-fs-13);
    font-weight: var(--lbaic-settings-fw-400);
    color: var(--lbaic-settings-input-color);
    line-height: var(--lbaic-settings-lh-24);
    text-align: var(--lbaic-settings-input-align, left);
    box-shadow: none;
  }

  &-error {
    --lbaic-settings-textarea-border: var(--lbaic-settings-textarea-error);
    --lbaic-settings-textarea-placeholder-color: var(--lbaic-settings-textarea-error);

    .lbaic-settings-textarea-holder-in {
      &:focus-within {
        --lbaic-settings-textarea-border: var(--lbaic-settings-textarea-error);
        --lbaic-settings-textarea-placeholder-color: var(--lbaic-settings-textarea-error);
      }
    }

    &-message {
      padding-block-start: 4px;

      &-in {
        font-size: var(--lbaic-settings-fs-12);
        font-weight: var(--lbaic-settings-fw-500);
        color: var(--lbaic-settings-textarea-error);
        line-height: var(--lbaic-settings-lh-16);
      }
    }
  }

  &-h-48 {
    height: 48px;
  }

  &-reset {
    width: 100%;
    height: 100%;

    &:focus {
      box-shadow: none;
      outline: none;
    }
  }

  &-disabled {
    opacity: 0.4;
    pointer-events: none;
  }

  &-placeholder {
    height: var(--lbaic-settings-textarea-placeholder-height, 100%);
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block-end: 5px;

    &-in {
      padding-inline: var(--lbaic-settings-textarea-placeholder-padding-inline);
      font-size: var(--lbaic-settings-fs-14);
      font-weight: var(--lbaic-settings-fw-500);
      line-height: var(--lbaic-settings-lh-18);
      cursor: pointer;
    }

    &-actions {
      margin-inline-start: auto;
    }

    &-action {
      font-size: var(--lbaic-settings-fs-12);
      line-height: var(--lbaic-settings-lh-18);
      color: var(--lbaic-settings-primary);
      background: none;
      margin-left: auto;
      cursor: pointer;

      &:hover {
        color: rgba(var(--lbaic-settings-primary-rgb), 0.8);
      }
    }
  }
}