.scrollable {
    display: flex;
    width: 100%;

    &.horizontal {
        flex-direction: row;
        overflow: auto hidden;
    }
    &.vertical {
        flex-direction: column;
        height: 100%;
        overflow: hidden auto;
    }
    &::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }
    &::-webkit-scrollbar-track {
        background: rgba(33, 33, 33, 0.9);
        visibility: hidden;
    }
    &::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        visibility: hidden;
    }
    &.scrolling::-webkit-scrollbar-track,
    &.scrolling::-webkit-scrollbar-thumb {
        visibility: visible;
    }
}