@font-face {
  font-family: SiteAlertInter;
  src: url("../fonts/Inter-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: SiteAlertInter;
  src: url("../fonts/Inter-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.swal2-popup.site-alert {
  box-sizing: border-box;
  width: min(32rem, 100% - 12px);
  border-radius: 16px;
  font-family: SiteAlertInter, Arial, sans-serif;
}

.site-alert .swal2-title {
  font-family: inherit;
  font-size: clamp(22px, 4vw, 28px);
  line-height: 1.3;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.site-alert .swal2-content {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.site-alert .swal2-styled {
  font-family: inherit;
  font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
  .site-alert,
  .site-alert * {
    animation: none !important;
    transition: none !important;
  }
}