@keyframes hithere {
  30% {
    transform: scale(1.2);
  }
  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }
  50% {
    transform: rotate(20deg) scale(1.2);
  }
  70% {
    transform: rotate(0deg) scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes wiggle {
  0%,
  7% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(-15deg);
  }
  20% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(6deg);
  }
  35% {
    transform: rotate(-4deg);
  }
  40%,
  to {
    transform: rotate(0);
  }
}
body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
#app {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  min-height: 100vh;
  min-height: 100dvh;
  right: 0;
  top: 0;
}
#app,
body {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
body {
  font-family: Outfit;
  font-weight: 500;
  margin: 0 !important;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}
*,
body {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: Staatliches;
}
button {
  background-color: #fff;
  border: 0;
}
span.icon-inline-vertical-center-fix {
  display: contents;
}
@font-face {
  font-family: Outfit;
  src: url(/static/frontend/Outfit-Regular.ttf);
}
@font-face {
  font-family: Outfit;
  font-weight: 700;
  src: url(/static/frontend/Outfit-Bold.ttf);
}
@font-face {
  font-family: Staatliches;
  src: url(/static/frontend/Staatliches-Regular.ttf);
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.bounce {
  animation-name: bounce;
  animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
}
@keyframes bounce {
  0% {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(1.1, 0.9) translateY(0);
  }
  30% {
    transform: scale(0.9, 1.1) translateY(-100px);
  }
  50% {
    transform: scale(1.05, 0.95) translateY(0);
  }
  57% {
    transform: scale(1) translateY(-7px);
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}
.react-tabs__tab--selected {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.react-tabs__tab {
  font-family: Staatliches;
  font-size: 17px;
  letter-spacing: 0.5px;
  padding: 10px 6px;
}
.react-tabs__tab-list {
  border-color: #000;
  border-bottom: 2px solid #000;
  margin-bottom: 16px;
}
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.MuiModal-root {
  z-index: 10001;
}
a {
  color: #518eff;
}
.maplibregl-popup-content {
  padding: 10px !important;
}
