.vue-slider-dot {
        position: absolute;
        -webkit-transition: all 0s;
        transition: all 0s;
        z-index: 5
    }

    .vue-slider-dot:focus {
        outline: none
    }

    .vue-slider-dot-tooltip {
        position: absolute;
        visibility: hidden
    }

    .vue-slider-dot-hover:hover .vue-slider-dot-tooltip,
    .vue-slider-dot-tooltip-show {
        visibility: visible
    }

    .vue-slider-dot-tooltip-top {
        top: -10px;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }

    .vue-slider-dot-tooltip-bottom {
        bottom: -10px;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%)
    }

    .vue-slider-dot-tooltip-left {
        left: -10px;
        top: 50%;
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%)
    }

    .vue-slider-dot-tooltip-right {
        right: -10px;
        top: 50%;
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%)
    }
   
    .vue-slider-marks {
        position: relative;
        width: 100%;
        height: 100%
    }

    .vue-slider-mark {
        position: absolute;
        z-index: 1
    }

    .vue-slider-ltr .vue-slider-mark,
    .vue-slider-rtl .vue-slider-mark {
        width: 0;
        height: 100%;
        top: 50%
    }

    .vue-slider-ltr .vue-slider-mark-step,
    .vue-slider-rtl .vue-slider-mark-step {
        top: 0
    }

    .vue-slider-ltr .vue-slider-mark-label,
    .vue-slider-rtl .vue-slider-mark-label {
        top: 100%;
        margin-top: 10px
    }

    .vue-slider-ltr .vue-slider-mark {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .vue-slider-ltr .vue-slider-mark-step {
        left: 0
    }

    .vue-slider-ltr .vue-slider-mark-label {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .vue-slider-rtl .vue-slider-mark {
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .vue-slider-rtl .vue-slider-mark-step {
        right: 0
    }

    .vue-slider-rtl .vue-slider-mark-label {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .vue-slider-btt .vue-slider-mark,
    .vue-slider-ttb .vue-slider-mark {
        width: 100%;
        height: 0;
        left: 50%
    }

    .vue-slider-btt .vue-slider-mark-step,
    .vue-slider-ttb .vue-slider-mark-step {
        left: 0
    }

    .vue-slider-btt .vue-slider-mark-label,
    .vue-slider-ttb .vue-slider-mark-label {
        left: 100%;
        margin-left: 10px
    }

    .vue-slider-btt .vue-slider-mark {
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }

    .vue-slider-btt .vue-slider-mark-step {
        top: 0
    }

    .vue-slider-btt .vue-slider-mark-label {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .vue-slider-ttb .vue-slider-mark {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .vue-slider-ttb .vue-slider-mark-step {
        bottom: 0
    }

    .vue-slider-ttb .vue-slider-mark-label {
        bottom: 50%;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    .vue-slider-mark-label,
    .vue-slider-mark-step {
        position: absolute
    }
    
    .vue-slider {
        position: relative;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .vue-slider-rail {
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transition-property: width, height, left, right, top, bottom;
        transition-property: width, height, left, right, top, bottom
    }

    .vue-slider-process {
        position: absolute;
        z-index: 1
    }


     img[data-v-d8d3df9a] {
        max-width: 100%
    }

    .image--radius[data-v-d8d3df9a] {
        border-radius: var(--image-radius);
        overflow: hidden
    }