@layer components {
  .field-error__container--is-inside-field {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .field-error__text {
    font-size: var(--text-sm);
    line-height: var(--text-sm--line-height);
    color: var(--color-danger);
    /* RN Text resolves left/right against layout direction, so this means "start" */
    text-align: left;
  }
}