/* Hide Scrollbar */
html,
body {
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

header,
#site-header > div:first-child {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

body {
  padding-top: 5rem;
}

#category-tabs,
#material-filters {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#category-tabs::-webkit-scrollbar,
#material-filters::-webkit-scrollbar {
  display: none;
}