:root {
    --unit: calc(100vw / 320) !important;
}

.outer1 {
    background: linear-gradient(0deg, #91d4ff, #46b1e1) !important;
    width: calc(var(--unit) * 250) !important;
    padding: 0.375vw !important;
    /* padding-left: 0.9375vw; */
    border-radius: 3.125vw !important;
    box-shadow: 0vw 0.3125vw 0.9375vw #bcbcbc, 0vw -0.3125vw 0.9375vw #ffffff !important;
}

.inner1 {
    background: linear-gradient(180deg, #d9d9d9, #f2f2f2) !important;
    border-radius: 2.5vw !important;
}

.slidecontainer {
    width: 100% !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    height: 2.5vw !important;
}

.slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: calc(var(--unit) * 243.5) !important;
    height: 2px !important;
    background: none !important;
    position: relative !important;
    z-index: 2 !important;
    margin-left: 0.625vw !important;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 1.25vw !important;
    height: 1.25vw !important;
    border-radius: 50% !important;
    background: linear-gradient(0deg, #d9d9d9, #f2f2f2) !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 3 !important;
}

.range-bar {
    height: 1.875vw !important;
    background: linear-gradient(180deg, #91d4ff, #46b1e1) !important;
    position: absolute !important;
    margin-left: 0.3125vw !important;
    border-radius: 1.875vw !important;
    z-index: 1 !important;
}