:root {
  --dark-1: rgb(28, 30, 40);
  --dark-2: #2e3d4d;
  --dark-3: #3a6385;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: Sarabun !important;
  /* background-image: url("../../images/quest-sakura-bg.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

#dropdown-user-navbar.dropdown-toggle::after {
  content: none;
}

#dropdown-notification.dropdown-toggle::after {
  content: none;
}

[data-sign-in-button] {
  color: #ffd042 !important;
  transition: color 0.3s ease;
}

[data-sign-in-button]:hover {
  color: #ebb000 !important;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

img#img-user-navbar {
  border-radius: 100px;
}

.text-header {
  margin: 0;
  font: bold 23px "Sarabun", Helvetica, Arial, sans-serif;
  color: rgb(252 255 228);
  text-shadow: 0 1px 0 #000000, 0 1px 0 #000000, 0 1px 0 #000000,
    0 1px 0 #000000, 0 1px 0 #000000, 0 1px 1px rgba(0, 0, 0, 0.1),
    0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3),
    0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25),
    0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

div:where(.swal2-container) .swal2-html-container {
  line-height: unset !important;
}

body.swal2-height-auto {
  height: inherit !important;
}