.drange{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;max-width:400px;height:50px}.drange input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;margin:0;padding:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:0;border-radius:inherit;z-index:1}.drange input[type=range]:focus{outline:none}.drange input[type=range]:focus::-webkit-slider-thumb{border:.1rem solid var(--h-color-primary-base);outline:.2rem solid var(--h-color-primary-base);opacity:1}.drange input[type=range]::-webkit-slider-runnable-track{height:6px}.drange input[type=range]:first-child::-webkit-slider-runnable-track{background:var(--color-white);border:1px solid var(--color-border-input);border-right:.4rem;height:6px}.drange input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2rem;background-color:var(--h-color-primary-base);width:2.4rem;height:2.4rem;opacity:.8;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;position:relative;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.drange .dmin,.drange .dmax{position:absolute;bottom:0;font-size:12px;font-weight:400}.drange .dmin{left:0}.drange .dmax{right:0}