html,
body {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

body {
  height: 100vh;
  margin: 0;
  padding: 0;
}

body.hide-paddle iframe[name="paddle_frame"] {
  visibility: hidden !important;
}

iframe[name="paddle_frame"] {
  z-index: 50 !important;
}

.spinner>div {
  opacity: 1
}

.spinner.fade-out>div {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.purchase-dialog .overlay {
  opacity: 0;
  transition: opacity 100ms linear;
}

.purchase-dialog.fade-in .overlay {
  opacity: 1;
}

.purchase-dialog .dialog {
  transform: translateY(64px);
  opacity: 0;
  transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 100ms ease-out;
}

.purchase-dialog.fade-in .dialog {
  transform: translateY(0);
  opacity: 1;
}

body.dimmed #main button {
  background: #3d3d3d !important;
}

.footer a {
  text-decoration: underline;
  text-underline-offset: 2px;
  white-space: nowrap;
}