@layer base {
  html, body { margin: 0; padding: 0; }
  body { overscroll-behavior: none; }
  main > :first-child { margin-top: 0 !important; }
  main > :last-child { margin-bottom: 0 !important; }
}

::-webkit-scrollbar { display: none; }

[x-cloak] { display: none !important; }

@keyframes staylo-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.animate-marquee {
  animation: staylo-marquee 32s linear infinite;
}
.animate-marquee:hover {
  animation-play-state: paused;
}

.faq-icon.is-open {
  transform: rotate(45deg);
}