.panel-slider{position:relative;display:flex;align-items:center}.slider-container{flex:1;position:relative;cursor:pointer;background-color:#e1e1e180;border-radius:3px;transition:background-color .3s ease}.slider-container:hover{background-color:#e1e1e1}.slider-track{position:absolute;top:0;width:100%;z-index:0}.slider-bar{position:absolute;top:0;z-index:1;border-radius:3px;background-color:#1088f0}.slider-button{position:absolute;z-index:2;user-select:none}.slider-button>.slider-button-icon{border:2px solid #1088f0;border-radius:50%;background-color:#fff}.slider-button>.slider-button-icon:hover,.slider-button.hover>.slider-button-icon{transform:scale(1.2);transition:all .2s ease}.slider-dots>.slider-dot{position:absolute;z-index:1}.slider-dot>.slider-dot-icon{border:2px solid rgba(225,225,225,.5);border-radius:50%;background-color:#fff;transition:all .3s ease}.slider-dot:hover>.slider-dot-icon,.slider-dot.hover>.slider-dot-icon{transform:scale(1.4)}.slider-container:hover .slider-dots>.slider-dot>.slider-dot-icon{border-color:#e1e1e1}.slider-dots>.slider-dot.slider-dot-active>.slider-dot-icon{border-color:#1088f0!important}.slider-dots>.slider-dot.slider-dot-hide{display:none!important}.slider-marks{position:absolute;cursor:default;width:100%}.slider-marks>.slider-mark{position:absolute;font-size:12px;color:#909399;transition:all .3s ease}.slider-mark:hover,.slider-mark.hover{font-weight:700;font-size:14px}.slider-disabled>.slider-container{cursor:no-drop}.slider-disabled>.slider-container:hover{background-color:#e1e1e180}.slider-disabled .slider-bar{background-color:#1088f0b3}.slider-disabled .slider-button:hover>.slider-button-icon,.slider-disabled .slider-button.hover>.slider-button-icon{cursor:no-drop;transform:scale(1)}.slider-disabled .slider-button>.slider-button-icon{border-color:#1088f0b3}.slider-large .slider-button,.slider-large .slider-button>.slider-button-icon{width:20px;height:20px}.slider-large .slider-dots>.slider-dot,.slider-large .slider-dot>.slider-dot-icon{height:10px;width:10px}.slider-small .slider-button,.slider-small .slider-button>.slider-button-icon{width:12px;height:12px}.slider-small .slider-dots>.slider-dot,.slider-small .slider-dot>.slider-dot-icon{height:8px;width:8px}.slider-level{flex-direction:row}.slider-level .slider-button{transform:translate(-50%)}.slider-level .slider-dots>.slider-dot{top:-2px;transform:translate(-50%)}.slider-level .slider-marks{width:100%;bottom:-2px}.slider-level .slider-marks>.slider-mark{transform:translate(-50%)}.slider-level.slider-large{height:20px}.slider-level.slider-large>.slider-container,.slider-level.slider-large .slider-track,.slider-level.slider-large .slider-bar{height:6px}.slider-level.slider-large .slider-button{top:-7px}.slider-level.slider-small{height:12px}.slider-level.slider-small>.slider-container,.slider-level.slider-small .slider-track,.slider-level.slider-small .slider-bar{height:3px}.slider-level.slider-small .slider-button{top:-5px}.slider-vertical{flex-direction:column-reverse}.slider-vertical>.slider-container,.slider-vertical .slider-track{height:100%}.slider-vertical .slider-bar{top:auto}.slider-vertical .slider-button{transform:translateY(50%)}.slider-vertical .slider-dots>.slider-dot{left:-2px;transform:translateY(50%)}.slider-vertical .slider-marks{top:1px;height:100%}.slider-vertical .slider-marks>.slider-mark{transform:translateY(50%)}.slider-vertical.slider-large{width:20px}.slider-vertical.slider-large>.slider-container,.slider-vertical.slider-large .slider-track,.slider-vertical.slider-large .slider-bar{width:6px}.slider-vertical.slider-large .slider-button{left:-7px}.slider-vertical.slider-large .slider-marks{left:23px}.slider-vertical.slider-small{width:12px}.slider-vertical.slider-small>.slider-container,.slider-vertical.slider-small .slider-track,.slider-vertical.slider-small .slider-bar{width:3px}.slider-vertical.slider-small .slider-button{left:-4px}.slider-vertical.slider-small .slider-marks{left:15px}
