.x26 *,.x26{font:inherit}.x26{--dif: calc(var(--max) - var(--min));display:grid;grid-template:repeat(2,max-content) 1em/1fr 1fr;overflow:hidden;position:relative;margin:0 auto;width:100%;font-size:22px;background:linear-gradient(#d1d5db,#d1d5db) center/100% 6px no-repeat}.x26:before,.x26:after{grid-column:1/span 2;grid-row:3;align-self:center;height:6px;background:#3ab424;content:""}.x26:before{margin-left:calc(.25em + (var(--a) - var(--min)) / var(--dif) * calc(100% - .5em));width:calc((var(--b) - var(--a)) / var(--dif) * calc(100% - .5em))}.x26:after{margin-left:calc(.25em + (var(--b) - var(--min)) / var(--dif) * calc(100% - .5em));width:calc((var(--a) - var(--b)) / var(--dif) * calc(100% - .5em))}.x26 input{-webkit-appearance:none}.x26 input::-webkit-slider-runnable-track,.x26 input::-webkit-slider-thumb{-webkit-appearance:none}.x26 input{grid-column:1/span 2;grid-row:3;z-index:1;top:0;left:0;margin:0;background:none;--col: #000;pointer-events:none;touch-action:none}.x26 input::-webkit-slider-runnable-track{width:100%;height:100%;background:none}.x26 input::-moz-range-track{width:100%;height:100%;background:none}.x26 input::-webkit-slider-thumb{width:1em;height:1em;border-radius:.6em;background:#fff;pointer-events:auto;border:2px solid #3ab424}.x26 input::-moz-range-thumb{width:1em;height:1em;border-radius:.6em;background:#fff;pointer-events:auto;border:2px solid #3ab424}@media only screen and (max-width:767px){.x26{font-size:28px}}