.range{width:100%;background:rgba(0,0,0,0.1);height:3px;position:relative}.range::after,.range::before{content:"";position:absolute;left:0;right:0;height:8px;background:transparent;cursor:pointer}.range::before{bottom:3px}.range::after{top:3px}.range .range-fill{height:100%;position:absolute;top:0;left:0;background-color:#2483f2;width:40px}.range .range-handle{position:absolute;top:-5.5px;left:0;width:14px;height:14px;padding:0;border-radius:50%;background:#fff;-ms-touch-action:pan-y;touch-action:pan-y;border:3px solid #2483f2;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.38);box-shadow:0 1px 3px rgba(0,0,0,0.38);z-index:2}.range .range-handle::after{content:"";display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;background:rgba(5,80,191,0.1);width:14px;height:14px;-webkit-transition:-webkit-transform 0.1s ease;transition:-webkit-transform 0.1s ease;transition:transform 0.1s ease;transition:transform 0.1s ease, -webkit-transform 0.1s ease;z-index:-1}.range .range-handle:active::after{-webkit-transform:translate(-50%, -50%) scale(2.4);transform:translate(-50%, -50%) scale(2.4)}.range.rtl .range-fill{left:auto;right:0}