@mixin slider-thumb-style {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border-radius: var(--b3-border-radius-b);
    cursor: pointer;
    background-color: var(--b3-theme-primary);
    margin-top: -4px;
    box-shadow: var(--b3-point-shadow);
    transition: transform 100ms ease-out;
}

.b3-slider::-moz-range-thumb {
    @include slider-thumb-style;
}

.b3-slider::-webkit-slider-thumb {
    @include slider-thumb-style;
}