/** **************************************
* Fonts: app
*************************************** */
@import url('/static/fonts/Roboto-Regular.ttf');
@import url('/static/fonts/Roboto-Bold.ttf');

/** **************************************
* Plugins
*************************************** */
/* scrollbar */
@import '/static/components/scrollbar/simplebar-react/dist/simplebar.min.css';

/* map */
@import '/static/components/map/maplibre-gl/dist/maplibre-gl.css';

/* lightbox */
@import '/static/components/lightbox/yet-another-react-lightbox/dist/styles.css';
@import '/static/components/lightbox/yet-another-react-lightbox/dist/plugins/captions/captions.css';
@import '/static/components/lightbox/yet-another-react-lightbox/dist/plugins/thumbnails/thumbnails.css';

/* chart */
@import '/static/components/chart/styles.css';

/** **************************************
* Baseline
*************************************** */
html {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
body,
#root,
#root__layout {
  display: flex;
  flex: 1 1 auto;
  min-height: 100%;
  flex-direction: column;
}
img {
  max-width: 100%;
  vertical-align: middle;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
input[type='number'] {
  -moz-appearance: textfield;
  appearance: none;
}
input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
input[type='number']::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
ul[id^="segment-list-"] {
    list-style-type: disc;
    padding-left: 20px;
}

ul[id^="segment-list-"] li:hover {
    cursor: pointer;
}

button[id^="next-btn-"] .material-symbols-outlined,
button[id^="prev-btn-"] .material-symbols-outlined,
button[id^="rewind-btn-"] .material-symbols-outlined,
button[id^="forward-btn-"] .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-size: 2rem;
}