.wrap{--rdiff:calc(var(--max) - var(--min));--ruse:calc(var(--tw) - (var(--thw)/2));grid-template:repeat(2,-webkit-max-content)var(--th)/1fr 1fr;grid-template:repeat(2,max-content)var(--th)/1fr 1fr;margin:var(--tm);width:var(--tw);background:linear-gradient(0deg,var(--tcol)var(--th),transparent 0);border-radius:var(--tbr);border:var(--tb);padding:var(--tp);transform:var(--tt);display:grid;position:relative}.wrap:before,.wrap:after{content:"";background:var(--rcol);border:var(--rb);transform:var(--rt);grid-area:3/1/auto/span 2}.wrap:before{margin-left:calc((var(--thw)/4) + (var(--a) - var(--min))/var(--rdiff)*var(--ruse));width:calc((var(--b) - var(--a))/var(--rdiff)*var(--ruse))}.wrap:after{margin-left:calc((var(--thw)/4) + (var(--b) - var(--min))/var(--rdiff)*var(--ruse));width:calc((var(--a) - var(--b))/var(--rdiff)*var(--ruse))}[id=multi-lbl]{grid-column:1/span 2}input[type=range]{z-index:1;--col:#000;pointer-events:none;-webkit-appearance:none;background:0 0;grid-area:3/1/auto/span 2;margin:0;top:0;left:0}input[type=range]::-webkit-slider-runnable-track{background:0 0;width:100%;height:100%}input[type=range]::-moz-range-track{background:0 0;width:100%;height:100%}input[type=range]::-webkit-slider-thumb{pointer-events:auto;cursor:pointer;width:var(--thw);height:var(--thh);transform:var(--tht);background:var(--thc);border-radius:var(--thbr);border:var(--thb)}input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:pointer;width:var(--thw);height:var(--thh);transform:var(--tht);background:var(--thc);border-radius:var(--thbr);border:var(--thb)}input[type=range]:focus{--col:var(--thc)}input[type=range]::-moz-range-thumb:hover{background:var(--thfc)}input[type=range]::-webkit-slider-thumb:hover{background:var(--thfc)}