/* Firefox */
* {
  scrollbar-width: 6px;
  scrollbar-height: 6px;
  scrollbar-color: #9ca3af #cddee3;
}

/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: #cddee3;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #9abdc6; 
}

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.no-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scroll-bar::-webkit-scrollbar {
    display: none;
}

.scroll-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F3F4F6;
    transition: background-color 0.5s;
}

.scroll-container::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #D1D5DB;
    transition: background-color 0.5s;
}

.scroll-hidden::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
    transition: background-color 0.5s;
}

.scroll-hidden::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: transparent;
    transition: background-color 0.5s;
}