.notification-indicator {
  left: 2rem;
  position: absolute;
  top: 0.625rem;
}

  @media (min-width: 63rem) and (max-width: 83.999rem) {.notification-indicator {
    left: 1.5rem
}
  }

  .notification-indicator::before {
    background-color: #dd1831;
    background-color: var(--color-error);
    border-radius: 50%;
    content: ' ';
    height: 0.5rem;
    position: absolute;
    width: 0.5rem;
    z-index: 3;
  }

  .notification-indicator.menu-notification {
    --min-nav-line-height: 2rem;

    left: calc(var(--min-nav-line-height) / 16);
    position: relative;
    top: calc(var(--min-nav-line-height) / -4);
  }

  @media (max-width: 62.999rem) {

  .notification-indicator.menu-notification {
      top: -0.625rem
  }
    }

.onboarding-dialog {
  background-color: transparent;
}

  .onboarding-dialog .dialog {
    animation: onboarding-dialog-in 0.5s ease-out forwards;
    max-height: unset;
    max-width: 27.5rem;
    padding: 0;
  }

  .onboarding-dialog .dialog > header,
    .onboarding-dialog .dialog > footer {
      padding: 0.75rem;
      padding: var(--gap-small);
    }

  .onboarding-dialog .dialog header {
      border-bottom: 1px solid #caccd3;
      border-bottom: 1px solid var(--color-border);
      position: relative;
    }

  .onboarding-dialog .dialog header .close {
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        z-index: 1;
      }

  .onboarding-dialog .dialog header .close svg {
          height: 1.5rem;
          width: 1.5rem;
        }

  .onboarding-dialog .dialog header h2 {
        font-size: 1rem;
        font-size: var(--font-size-medium);
        margin: 0;
        text-transform: none;
      }

  .onboarding-dialog .onboarding-step-content {
    margin: 0;
    max-height: 42.125rem;
    overflow: auto;
    padding: 0 0.75rem;
    padding: 0 var(--gap-small);
  }

  .onboarding-dialog .onboarding-step-content p:has(iframe) {
      margin-bottom: 0;
    }

  .onboarding-dialog .onboarding-step-content .image {
      align-items: center;
      cursor: pointer;
      display: flex;
      height: 13.75rem;
      justify-content: center;
      margin: 0.75rem 0;
      margin: var(--gap-small) 0;
      max-width: 100%;
      padding: 0;
      position: relative;
    }

  .onboarding-dialog .onboarding-step-content .image::after {
        background-color: #fff;
        background-color: var(--color-background);
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.46973 13.4697C9.76262 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L5.81055 19.25H8C8.41421 19.25 8.75 19.5858 8.75 20C8.75 20.4142 8.41421 20.75 8 20.75H4C3.95462 20.75 3.91035 20.745 3.86719 20.7373C3.86165 20.7363 3.8561 20.7355 3.85059 20.7344C3.8372 20.7317 3.82464 20.7261 3.81152 20.7227C3.77828 20.714 3.74492 20.7057 3.71289 20.6924C3.68375 20.6803 3.65703 20.664 3.62988 20.6484C3.5732 20.616 3.51812 20.5787 3.46973 20.5303C3.421 20.4816 3.3831 20.4263 3.35059 20.3691C3.33512 20.342 3.31868 20.3153 3.30664 20.2861C3.28603 20.2361 3.27106 20.1844 3.26172 20.1318C3.25413 20.089 3.25 20.045 3.25 20V16C3.25 15.5858 3.58579 15.25 4 15.25C4.41421 15.25 4.75 15.5858 4.75 16V18.1895L9.46973 13.4697ZM20 3.25C20.045 3.25 20.089 3.25413 20.1318 3.26172C20.1374 3.2627 20.1429 3.26354 20.1484 3.26465C20.1618 3.26733 20.1744 3.27298 20.1875 3.27637C20.2207 3.28495 20.2541 3.29344 20.2861 3.30664C20.3153 3.31868 20.342 3.33512 20.3691 3.35059C20.4263 3.3831 20.4816 3.421 20.5303 3.46973C20.5787 3.51812 20.616 3.5732 20.6484 3.62988C20.664 3.65703 20.6803 3.68375 20.6924 3.71289C20.7131 3.76289 20.7279 3.81459 20.7373 3.86719C20.745 3.91035 20.75 3.95462 20.75 4V8C20.75 8.41421 20.4142 8.75 20 8.75C19.5858 8.75 19.25 8.41421 19.25 8V5.81055L14.5303 10.5303C14.2374 10.8232 13.7626 10.8232 13.4697 10.5303C13.1768 10.2374 13.1768 9.76262 13.4697 9.46973L18.1895 4.75H16C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25H20Z' fill='%2350586d'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.4rem;
        border-radius: 0.25rem;
        box-shadow: 0 0 20px 0 rgb(19 22 32 / 0.1);
        content: '';
        height: 2rem;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0.5rem;
        top: 1rem;
        transition: opacity 0.15s;
        width: 2rem;
      }

  .onboarding-dialog .onboarding-step-content .image:hover::after {
        opacity: 1;
      }

  .onboarding-dialog .onboarding-step-content .image img {
        max-height: 100%;
        max-width: 100%;
      }

  .onboarding-dialog .onboarding-step-content iframe {
      aspect-ratio: 16 / 9;
      height: auto;
      margin: 0.75rem 0 0 0;
      margin: var(--gap-small) 0 0 0;
      width: 100%;
    }

  .onboarding-dialog .onboarding-step-content ol {
      padding-left: 1.2rem;
    }

  @media (max-height: 60rem) {

  .onboarding-dialog .onboarding-step-content {
      max-height: 31.25rem
  }
    }

  @media (max-height: 49.9375rem) {

  .onboarding-dialog .onboarding-step-content {
      max-height: 19.75rem
  }
    }

  .onboarding-dialog footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }

  .onboarding-dialog footer > button {
      margin-left: auto;
    }

  .onboarding-dialog footer button.small {
      min-height: unset;
    }

  .onboarding-dialog footer > span {
      color: #73798a;
      color: var(--color-text-secondary);
      font-size: 0.875rem;
      font-size: var(--font-size-small);
    }

  .onboarding-dialog footer .button-group button:last-child {
        margin-left: 0.75rem;
        margin-left: var(--gap-small);
      }

.onboarding-image-fullscreen {
  --fullscreen-backdrop-color: rgb(0 0 0 / 0.85);

  align-items: center;
  background-color: var(--fullscreen-backdrop-color);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1100;
}

.onboarding-image-fullscreen img {
    max-height: 90vh;
    max-width: 90vw;
    -o-object-fit: contain;
       object-fit: contain;
  }

.onboarding-image-fullscreen .onboarding-image-fullscreen-close {
    position: absolute;
    right: 1rem;
    top: 1rem;
  }

.onboarding-image-fullscreen .onboarding-image-fullscreen-close svg {
      height: 1.5rem;
      width: 1.5rem;
    }

.onboarding-image-fullscreen .onboarding-image-fullscreen-close svg path {
      fill: #fff;
      fill: var(--color-background);
    }

@keyframes onboarding-dialog-in {
  0% {
    opacity: 0;
    transform: translate(30vw, -44vh) scale(0.25);
  }

  15% {
    opacity: 1;
  }
  /* impact: arrives slightly past center */
  72% {
    transform: translate(0, 2.5%) scale(0.97);
  }
  /* rebound: small elastic bounce upward */
  86% {
    transform: translate(0, -1%) scale(1.02);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}


/*# sourceMappingURL=main~89debc4e.5f4d22b5.chunk.css.map*/