::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(205, 213, 223, 0.7);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(205, 213, 223, 0.7) transparent;
}

.map-control-zoom-out-button {
  background-color: #1f96f3;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  color: rgb(25, 25, 25);
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
  margin: 10px 10px;
  height: 40px;
  width: 40px;
  padding: 0px 5px;
  text-align: center;
}

.map-control-zoom-out-button svg {
  height: 40px;
}

.fade-enter {
  opacity: 0;
}
.fade-exit {
  opacity: 1;
}
.fade-enter-active {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
}
.fade-enter-active,
.fade-exit-active {
  transition: opacity 180ms;
}

.fade-enter {
  opacity: 0;
}
.fade-exit {
  opacity: 1;
}
.fade-enter-active {
  opacity: 1;
}
.fade-exit-active {
  opacity: 0;
}
.fade-enter-active,
.fade-exit-active {
  transition: opacity 180ms;
}

.chart path {
  transition: all 0.5s;
  /* cubic-bezier(0.175, 0.885, 0.32, 1.275); */
}


/*# sourceMappingURL=main.css.map*/