.ams-invalid-form-alert {
  outline-offset: var(--ams-invalid-form-alert-outline-offset);

  // In Chromium browsers, the outline overlaps with the border in this component.
  // We're not sure why, but to fix this we double the offset for Chromium browsers here.
  @supports (contain: paint) and (not (-moz-appearance: none)) {
    outline-offset: calc(var(--ams-invalid-form-alert-outline-offset) * 2);

    // Reset for Safari
    @supports (font: -apple-system-body) {
      outline-offset: var(--ams-invalid-form-alert-outline-offset);
    }
  }
}