::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(to right, transparent 0, transparent 45%, #222 45%, #222 55%, transparent 55%, transparent 100%);
    background: black;
  }

::-webkit-scrollbar-thumb {
    background: radial-gradient(circle farthest-corner, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, transparent 50%, transparent 100%) no-repeat;
    background-size: auto 5px;
    background-position: center;
}

::-webkit-scrollbar-button {
    display: none;
}

/* Scrollbar Tracker (Black Line) */
.custom-scroll-tracker {
    width: 0.5px;
    height: 80%;
    background: black;
    position: absolute;
    right: 15px;
    top: 10%;
    border-radius: 3px;
    /* display: none; */
}

/* Scrollbar Thumb (Circular Image) */
.custom-scroll-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    cursor: grab;
    user-select: auto !important;
}