.bm-embla__scrollbar {
    width: 100%;
    margin-top: 12px;
    height: max(var(--bm-embla-scrollbar-height, 3px), 10px);
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.bm-embla__scrollbar:focus {
    outline: none;
}

.bm-embla__scrollbar::-webkit-slider-runnable-track {
    height: var(--bm-embla-scrollbar-height, 3px);
    border-radius: 0;
    background: var(--bm-embla-scrollbar-track, rgba(0, 0, 0, 0.12));
}

.bm-embla__scrollbar::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 50px;
    height: 6px;
    border-radius: 0;
    background: var(--bm-embla-scrollbar-thumb, rgba(0, 0, 0, 0.45));
    border: 0;
    margin-top: calc((var(--bm-embla-scrollbar-height, 3px) - 6px) / 2);
}

.bm-embla__scrollbar::-moz-range-track {
    height: var(--bm-embla-scrollbar-height, 3px);
    border-radius: 0;
    background: var(--bm-embla-scrollbar-track, rgba(0, 0, 0, 0.12));
}

.bm-embla__scrollbar::-moz-range-thumb {
    width: 50px;
    height: 6px;
    border-radius: 0;
    background: var(--bm-embla-scrollbar-thumb, rgba(0, 0, 0, 0.45));
    border: 0;
}