web/src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.mapboxgl-popup-close-button,
.mapboxgl-popup-tip {
  display: none;
}

.mapboxgl-popup-content {
  background: transparent !important;
  border-radius: 0 !important;
  box-sizing: unset !important;
  padding: 0 !important;
}

/* JSONPretty */
.__json-pretty__ {
  line-height: 1.3;
  color: #748096;
  overflow: auto;
}
.__json-pretty__ .__json-key__ {
  color: #b553bf;
}
.__json-pretty__ .__json-value__ {
  color: #93a3bf;
}
.__json-pretty__ .__json-string__ {
  color: #fba856;
}
.__json-pretty__ .__json-boolean__ {
  color: #448aa9;
}
.__json-pretty-error__ {
  line-height: 1.3;
  color: #748096;
  overflow: auto;
}

body {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
}

html {
  height: -webkit-fill-available;
}