/* Barres de défilement principales — discrètes, fines et compatibles Firefox/WebKit. */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: rgba(87, 221, 255, .28) transparent;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: rgba(2, 8, 18, .12);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(87, 221, 255, .3);
  background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: rgba(87, 221, 255, .58);
  background-clip: padding-box;
}

.main-nav {
  scrollbar-width: thin;
  scrollbar-color: rgba(87, 221, 255, .22) transparent;
}

.main-nav::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.main-nav::-webkit-scrollbar-track {
  background: transparent;
}

.main-nav::-webkit-scrollbar-thumb {
  min-height: 34px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: rgba(87, 221, 255, .24);
  background-clip: padding-box;
}

.main-nav::-webkit-scrollbar-thumb:hover {
  background: rgba(87, 221, 255, .52);
  background-clip: padding-box;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.main-nav::-webkit-scrollbar-corner {
  background: transparent;
}