html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.disable-overflow {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

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

body {
  font-family: "Inter", serif;
  overflow-x: hidden !important;
  position: relative;
  color: white;

  background-color: #0c1024;

  &::-webkit-scrollbar {
    position: absolute;
    display: block !important;
    width: 8px;
    height: 8px;
  }

  &::-webkit-scrollbar-track {
    background: rgb(214, 214, 214);
  }

  &::-webkit-scrollbar-thumb {
    background: #5246d7;
    border-radius: 0.2rem;
  }
}

.custom-logo-link {
  img {
    width: auto;
    height: 100%;
  }
}

.modal {
  opacity: 0;
  visibility: hidden;
}

[active] {
  opacity: 1 !important;
  visibility: visible !important;
}

#mobile-menu[active] {
  opacity: 1 !important;
  visibility: visible !important;

  transform: translateX(0) !important;
}

.swal2-html-container {
  text-align: left !important;
}

.menu {
  transition: all 0.3s ease-in-out;
}

.menu__hidden {
  transform: translateY(20%);
  opacity: 0;
  visibility: hidden;
}