html {
  width: 100%;
  height: 100dvh;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #171717;
}

body {
  width: 100%;
  min-height: 100dvh;
  -webkit-tap-highlight-color: transparent;
  font-family: "Roboto";
  font-size: 16px;
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
}

.root {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

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

@font-face {
  font-display: swap;
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: local("Pacifico Regular"), url("/web_res/main_v3.woff2") format("woff2");
}

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

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

.notistack-MuiContent {
  border-radius: 15px !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.notistack-MuiContent {
  color: #000;
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-left: 44px;
  min-width: none !important;
}
.notistack-MuiContent div:last-child {
  margin-right: unset !important;
  margin-left: unset !important;
  padding-left: unset !important;
}

#notistack-snackbar {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.notistack-Snackbar {
  min-width: 100px !important;
}

.container-loader {
  height: 90px;
  width: 90px;
  transform-origin: center;
  overflow: visible;
}

.car-loader {
  fill: none;
  stroke: rgb(28, 144, 211);
  stroke-dasharray: 15, 85;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: travel 3s linear infinite;
  will-change: stroke-dasharray, stroke-dashoffset;
  transition: stroke 1.5s ease;
}

.track-loader {
  stroke: rgb(28, 144, 211);
  opacity: 0.09;
  transition: stroke 0.5s ease;
}

.loading-wrapper {
  height: 100dvh;
  width: 100svw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #121212;
}

@keyframes travel {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -100;
  }
}