@layer components {
  .editable_description_layout {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-m);
    padding-inline: var(--spacing-xxl);
    .content {
      font-size: var(--font-size-s);
      line-height: 1.2em;
    }
    textarea {
      width: 45em;
      height: fit-content;
      overflow: hidden;
      resize: none;
      min-height: calc(1.2em * 2);
      max-height: calc(1.2em * 5);
    }
    .invalid_content {
      color: var(--color-neutral-focus);
      font-size: var(--font-size-xs);
      font-style: italic;
      cursor: text;
    }
  }
}