.i-slider{cursor:pointer;flex:1;height:12px;max-height:12px;padding:0 6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.i-slider .tooltip{background:#000;border-radius:4px;bottom:120%;color:#fff;font-size:12px;left:50%;line-height:1;opacity:0;padding:4px 6px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .3s}.i-slider:hover .tooltip{opacity:1}.i-slider>.i-slider__line{border-radius:2px;height:2px;position:relative;transform:translateY(5px);transition:background-size .3s}.i-slider>.i-slider__line.active{transition:none}.i-slider>.i-slider__line>.controller{border:1px solid #ccc;border-radius:10px;height:10px;position:absolute;top:-4px;transform:translate(-4.5px);transition:all .3s;width:10px}.i-slider>.i-slider__line>.controller.active{transform:translate(-4.5px) scale(1.3);transition:transform,background-color,border-color .5s}.i-slider>.i-slider__line>.controller>.showtip{bottom:100%;left:50%;position:absolute;transform:translate(-50%)}.i-slider.vertical{box-sizing:border-box;height:unset;max-height:unset;padding:6px 0;text-align:center;width:unset}.i-slider.vertical>.i-slider__line{display:inline-block;height:100%;transform:none;width:2px}.i-slider.vertical>.i-slider__line>.controller{left:-4px;top:unset;transform:translateY(4.5px)}.i-slider.vertical>.i-slider__line>.controller.active{transform:translateY(4.5px) scale(1.3)}