@layer utilities {
    .visible-scrollbar::-webkit-scrollbar {
        height: 8px;
        background-color: rgba(255, 255, 255, 0.1);
    }
    .visible-scrollbar::-webkit-scrollbar-thumb {
        background-color: rgba(100, 100, 100, 0.5);
        border-radius: 4px;
    }

    .visible-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: rgba(100, 100, 100, 0.5) rgba(255, 255, 255, 0.1);
    }

    .visible-scrollbar {
        -ms-overflow-style: auto;
    }
}