.control,
  .mmg.disabled.has-icon:read-only .control {
    color: var(--maui-color-text-caption);
  }

  .mmg.has-focus .control {
    color: var(--maui-color-interaction-interactionhover);
  }

  .mmg.has-error:not(.disabled) .border-wrapper {
    border-color: var(--maui-color-message-error);
  }

  /** other */

  .mmg .info-wrapper {
    margin-top: 6px;
  }

  .mmg .icon-wrapper {
    --maui-icon-color-override: var(--maui-color-interaction-interaction);
    margin-right: 10px;
  }

  .mmg .optional-label {
    ¹