.validation-message {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  font-size: var(--font-size-small);
  width: 100%;
}

  .validation-message.success {
    color: #73798a;
    color: var(--color-text-secondary);
  }

  .validation-message.error {
    color: #e20209;
    color: var(--color-error-light);
  }

  .validation-message .icon {
    display: flex;
    fill: currentColor;
    flex-grow: 0;
    flex-shrink: 0;
    height: 1em;
    margin-right: 0.25rem;
    width: 1em;
  }

.tabbed-form.form {
  --form-width: 25rem;
}

  .tabbed-form.form > .validation-message {
    margin-left: auto;
    margin-right: auto;
    max-width: min(calc(100vw - 1.5rem * 2), var(--form-width));
    max-width: min(var(--width-container), var(--form-width));
  }

  .tabbed-form.form > .form-tabs .form-tabs-wrapper .form-tab {
        display: grid;
        grid-gap: 1.5rem;
        grid-gap: var(--gap);
        grid-template-columns: 1fr 1fr;
      }

  .tabbed-form.form > .form-tabs .form-tabs-wrapper .form-tab > *,
        .tabbed-form.form > .form-tabs .form-tabs-wrapper .form-tab > fieldset > * {
          grid-column: 1 / -1;
          align-content: flex-start;
          justify-content: flex-start;
        }

  .tabbed-form.form > .form-tabs .form-tabs-wrapper .form-tab > p {
          margin: 0;
        }

  .tabbed-form.form > footer {
    margin-left: auto;
    margin-right: auto;
    max-width: min(calc(100vw - 1.5rem * 2), var(--form-width));
    max-width: min(var(--width-container), var(--form-width));
    width: 100%;
  }


/*# sourceMappingURL=main~a1ede9fb.2c67745d.chunk.css.map*/