/* Target the div you want to style */
.thinscroll {
    overflow-x: auto; /* Ensure horizontal scrolling is enabled */
    scrollbar-width: thin; /* Firefox: Set scrollbar width to thin */
    scrollbar-color: darkgray transparent; /* Firefox: Thumb color and track color */
}

/* WebKit browsers (Chrome, Safari) */
.thinscroll::-webkit-scrollbar {
    height: 3px; /* Set scrollbar height */
}

.thinscroll::-webkit-scrollbar-track {
    background: transparent; /* Set track color */
}

.thinscroll::-webkit-scrollbar-thumb {
    background-color: darkgray; /* Set thumb color */
    border-radius: 99px; /* Optionally round the thumb edges */
}
#icon-up {
    position: fixed;
    right: 3.5%;
    margin-top: 12.5%;
    filter: opacity(0.4);
    width: 7%;

}
#icon-down {
    position: fixed;
    right: 3.5%;
    bottom: 20px;
    filter: opacity(0.4);
    width: 7%;
}
@media (orientation: landscape) {
    #icon-up, #icon-down {
        display: none;
    }
}