html {
  scroll-behavior: smooth;
}

html body.font-sans,
html body button,
html body input,
html body select,
html body textarea {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

html body .font-sans:not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

body.menu-open {
  overflow: hidden;
}

.hero-status-card {
  animation: hero-status-float 7s ease-in-out infinite;
  will-change: transform;
}

.hero-status-card--one {
  --float-x: 4px;
  --float-y: -10px;
  --float-rotate: -0.8deg;
  animation-delay: -1.2s;
}

.hero-status-card--two {
  --float-x: -5px;
  --float-y: -14px;
  --float-rotate: 0.7deg;
  animation-delay: -3.1s;
  animation-duration: 7.6s;
}

.hero-status-card--three {
  --float-x: 6px;
  --float-y: -11px;
  --float-rotate: 0.9deg;
  animation-delay: -2.2s;
  animation-duration: 6.8s;
}

.hero-status-card--four {
  --float-x: -4px;
  --float-y: -9px;
  --float-rotate: -0.6deg;
  animation-delay: -4s;
  animation-duration: 8s;
}

@keyframes hero-status-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  50% {
    transform: translate3d(var(--float-x, 0), var(--float-y, -10px), 0) rotate(var(--float-rotate, 0deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-status-card {
    animation: none;
  }
}

#mobile-menu-panel[hidden] {
  display: none !important;
}

.hide-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

details > summary::-webkit-details-marker {
  display: none;
}