body{
    font-family: Inter, sans-serif;
}

html, body{
    overflow-x: hidden;
}

/* progress bar */

#progressBar{
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: #f97316;
    width: 0%;
    z-index: 9999;
}

.scrollable-scrollbar::-webkit-scrollbar {
    height: 1.2px; /* super tipis */
}

.scrollable-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1); /* track halus */
    border-radius: 0.6px;
}

.scrollable-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35); /* thumb tetap terlihat */
    border-radius: 0.6px;
}

/* Firefox */
.scrollable-scrollbar {
    scrollbar-width: thin; /* tetap tipis di Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.1);
}