.dual-range {
            position: relative;
            height: 24px;
            margin-top: 4px;
        }

        .dual-range .track {
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            height: 4px;
            background: #e5e7eb;
            border-radius: 999px;
        }

        .dual-range .track-active {
            position: absolute;
            top: 10px;
            height: 4px;
            background: #e2006a;
            border-radius: 999px;
        }

        .dual-range input[type=range] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 24px;
            margin: 0;
            background: none;
            pointer-events: none;
            -webkit-appearance: none;
            appearance: none;
        }

        .dual-range input[type=range]::-webkit-slider-runnable-track {
            background: transparent;
            height: 4px;
        }

        .dual-range input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            pointer-events: auto;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #e2006a;
            border: 2px solid #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
            cursor: pointer;
            margin-top: -6px;
        }

        .dual-range input[type=range]::-moz-range-track {
            background: transparent;
            height: 4px;
        }

        .dual-range input[type=range]::-moz-range-thumb {
            pointer-events: auto;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: #e2006a;
            border: 2px solid #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
            cursor: pointer;
        }