.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%;
  }

.hamburger-menu {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

  .hamburger-menu .hamburger-toggle {
    display: none;
    height: 2rem;
    width: 2rem;
    z-index: 3;
  }

  @media (max-width: 62.999rem) {

  .hamburger-menu .hamburger-toggle {
      display: flex
  }
    }

  .hamburger-menu .hamburger-toggle svg {
      height: 1.5rem;
      width: 1.5rem;
    }

  .hamburger-menu .hamburger-toggle svg p {
        fill: currentColor;
      }

  @media (max-width: 62.999rem) {
    .hamburger-menu .hamburger-menu-content {
      display: none;
    }
      .hamburger-menu.open .hamburger-menu-content {
        bottom: 0;
        color: inherit;
        display: flex;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
      }
  }

.noScroll {
  overflow: hidden;
}


/*# sourceMappingURL=main~fc086b8e.879f85ad.chunk.css.map*/