.range_container{width:96%;margin:0 8px;height:22px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:16px;height:30px;border-radius:5%;box-shadow:0 0 0 1px #c6c6c6;background-color:#f7f7f7;cursor:pointer}input[type=range]::-moz-range-thumb{pointer-events:all;width:16px;height:30px;border-radius:5%;box-shadow:0 0 0 1px #c6c6c6;background-color:#f7f7f7;cursor:pointer}input[type=range]::-webkit-slider-runnable-track,input[type=range]:focus::-webkit-slider-runnable-track{background:transparent}input[type=range]::-moz-range-track,input[type=range]:focus::-moz-range-track{background:transparent}input[type=range]::-webkit-slider-thumb:hover{background:#f7f7f7}input[type=range]::-webkit-slider-thumb:active{box-shadow:inset 0 0 3px #33383d,0 0 9px #4c5156;-webkit-box-shadow:inset 0 0 2px #33383d,0 0 4px #4c5156}input[type=range]{display:block;height:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;pointer-events:none}#fromSlider{margin:-4px 0 0}#fromSlider::-webkit-slider-runnable-track,#toSlider::-webkit-slider-runnable-track{height:0}#dialogComponent{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;padding:1rem;background-color:white;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.22)}#dialogComponent::backdrop{background-image:linear-gradient(45deg,rgb(237,253,143),rebeccapurple,dodgerblue,green);opacity:.75}