.guidance-item-textarea {
  display: flex;
  flex-direction: column;

  transition: opacity 0.2s ease;

  opacity: 1;
  gap: var(--spacing-2);

  .guidance-item-textarea__top-pages {
    min-height: 3em;
  }

  .guidance-item-textarea__customize {
    display: flex;
    flex-direction: column;

    textarea {
      width: 100%;
      padding: var(--spacing-2);

      border: var(--form-border);
      border-radius: var(--form-border-radius);
      outline: 0;

      resize: vertical;
    }
  }

  .guidance-item-textarea__buttons {
    display: flex;

    justify-content: flex-end;
    min-height: var(--spacing-4);
    gap: var(--spacing-2);
  }

  &.guidance-item-textarea--is-editing {
    .guidance-item-textarea__button:first-child {
      margin-right: auto;
    }
  }

  .lucide-loader {
    display: inline-block;
    width: var(--font-size-1);
    height: var(--font-size-1);

    animation: conductor__spin 2.5s linear infinite;
  }

  &.guidance-item-textarea--is-loading > div {
    display: flex;
  }

  .skeleton-loader {
    flex: 1;
    margin-bottom: 0;
    margin-left: 1em;
  }

  .skeleton-loader__line {
    margin-bottom: 0;
  }
}
