/* .tt-custom-scrollbar{overflow-y:auto}.tt-custom-scrollbar,.tt-sliding-sidebar-inner,.tt-sidebar{scrollbar-width:thin;scrollbar-color:#555 #2a2a2a}select{scrollbar-width:thin;scrollbar-color:#666 #2a2a2a}.tt-custom-scrollbar::-webkit-scrollbar,.tt-sliding-sidebar-inner::-webkit-scrollbar,.tt-sidebar::-webkit-scrollbar{width:8px;height:8px}select::-webkit-scrollbar{width:10px}.tt-custom-scrollbar::-webkit-scrollbar-track,.tt-sliding-sidebar-inner::-webkit-scrollbar-track,.tt-sidebar::-webkit-scrollbar-track,select::-webkit-scrollbar-track{background:#2a2a2a}.tt-custom-scrollbar::-webkit-scrollbar-thumb,.tt-sliding-sidebar-inner::-webkit-scrollbar-thumb,.tt-sidebar::-webkit-scrollbar-thumb{background-color:#555;border-radius:50px}select::-webkit-scrollbar-thumb{background-color:#666;border-radius:50px}body:not(.is-mobile).tt-smooth-scroll{overflow:hidden}body:not(.is-mobile).tt-smooth-scroll #scroll-container{width:auto;height:100vh;overflow:auto;margin:0}.scrollbar-track{background:transparent!important;z-index:99999!important}.scrollbar-thumb{background:#DDD!important;opacity:.25;transition:opacity 0.2s ease-in-out;top:15px!important}.scrollbar-track:hover .scrollbar-thumb{opacity:.5}#scroll-container{overflow:hidden}.scroll-content{overflow:hidden}.scrollbar-track-x{display:none;&.show{display:none}} */

/* ===== Scrollbar Base for Custom Elements ===== */
.tt-custom-scrollbar,
.tt-sliding-sidebar-inner,
.tt-sidebar {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #555 #2a2a2a;
}

select {
  scrollbar-width: thin;
  scrollbar-color: #666 #2a2a2a;
}

/* ===== WebKit Custom Scrollbar Styling ===== */
.tt-custom-scrollbar::-webkit-scrollbar,
.tt-sliding-sidebar-inner::-webkit-scrollbar,
.tt-sidebar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

select::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #2a2a2a;
}

.tt-custom-scrollbar::-webkit-scrollbar-thumb,
.tt-sliding-sidebar-inner::-webkit-scrollbar-thumb,
.tt-sidebar::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 50px;
}

select::-webkit-scrollbar-thumb {
  background-color: #666;
  border-radius: 50px;
}

/* ===== Smooth Scroll Container Styling ===== */
body:not(.is-mobile).tt-smooth-scroll {
  overflow: hidden;
}

body:not(.is-mobile).tt-smooth-scroll #scroll-container {
  width: auto;
  height: 100vh;
  overflow: auto;
  margin: 0;
}

/* ===== Third-Party Scrollbar Enhancer Classes ===== */
.scrollbar-track {
  background: transparent !important;
  z-index: 99999 !important;
}

.scrollbar-thumb {
  background: #DDD !important;
  opacity: 0.25;
  transition: opacity 0.2s ease-in-out;
  top: 15px !important;
}

.scrollbar-track:hover .scrollbar-thumb {
  opacity: 0.5;
}