/* Styles styles to be applied when styles is not be available(404) during deployment */
@font-face {
    font-weight: 400;
    font-family: "Inter";
    font-style: normal;
    src: url("fonts/Inter-Regular.woff2");
    font-display: swap;
  }

  @font-face {
    font-weight: 600;
    font-family: "Inter";
    font-style: normal;
    src: url("fonts/Inter-SemiBold.woff2");
    font-display: swap;
  }

  body {
    margin: 0;
    background-color: #f3f6f9;
    box-sizing: border-box;
    font-family: "Inter", "sans-serif";
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .nojs-msg,
  .app-load-error-container {
    color: #111827;
    box-sizing: border-box;
    text-align: center;
    padding: 2.5rem 3.438rem;
    margin: 5rem auto;
    max-width: 38.5rem;
    background-color: #ffffff;
    /* $color-neutral-white */
    border: 1px solid #e5e7eb;
    /* $color-card-border */
    border-radius: 1rem;
  }

  .nojs-msg h2,
  .app-load-error-container h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
    margin-top: 0;
    line-height: 1.75rem;
  }

  .nojs-msg img,
  .app-load-error-container img {
    max-width: 100%;
  }

  .nojs-msg .browser-settings,
  .nojs-msg .browser-update,
  .app-load-error-container .browser-settings,
  .app-load-error-container .browser-update {
    padding: 2.5rem 0 0.625rem;
  }

  .nojs-msg p,
  .app-load-error-container p {
    margin: 0.375rem 0;
    color: #6b7480;
    /* $color-info */
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  @media (max-width: 576px) {

    /* media-breakpoint-down(sm) */
    .nojs-msg,
    .app-load-error-container {
      margin: 1.5rem;
      padding: 1.25rem;
    }

    .nojs-msg img.logo,
    .app-load-error-container img.logo {
      width: 11.938rem;
    }
  }