/* Loaded after Bootstrap CDN — overrides native scrollbar arrows in Chromium */

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
div::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
.modal-body::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
div::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.modal-body::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb {
  background: rgb(59 143 147 / 59%);
  border-radius: 5px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
div::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track {
  background: transparent !important;
}
