.tiny-slider-container{--ti-slider-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-slider-height:var(--ti-common-size-2x, 8px);--ti-slider-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-slider-range-height:var(--ti-common-size-4x, 16px);--ti-slider-range-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-slider-range-bg-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-slider-range-hover-bg-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-slider-range-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-margin-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-disabled-bg-color:var(--ti-common-color-text-disabled);--ti-slider-handle-width:var(--ti-common-size-5x, 20px);--ti-slider-handle-height:var(--ti-common-size-7x, 28px);--ti-slider-handle-bg-color:linear-gradient(153deg, var(--ti-common-color-icon-white, #fff), var(--ti-common-color-bg-light-normal, #e9edfa) 99%);--ti-slider-handle-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-slider-handle-border-radius:calc(var(--ti-common-border-radius-2, 8px) + 2px);--ti-slider-handle-text-color-hover:var(--ti-common-color-bg-hover, #344899);--ti-slider-handle-border-color-hover:var(--ti-common-color-bg-hover, #344899);--ti-slider-handle-box-shadow:var(--ti-common-shadow-1-down, 0 1px 4px 0 rgba(0, 0, 0, 0.1));--ti-slider-handle-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-slider-handle-icon-display:inline-block;--ti-slider-handle-icon-fill-color:var(--ti-common-color-line-active, #5e7ce0);--ti-slider-handle-icon-fill-color-hover:var(--ti-common-color-bg-hover, #344899);--ti-slider-handle-transform:scale(1);--ti-slider-handle-margin-top:calc(var(--ti-common-space-10, 10px) * -1);--ti-slider-handle-margin-horizontal:calc(var(--ti-common-space-2x, 8px) * -1);--ti-slider-handle-margin-bottom:var(--ti-common-space-0, 0px);--ti-slider-handle-icon-disabled-fill-color:var(--ti-common-color-text-disabled);--ti-slider-handle-disabled-border-color:var(--ti-common-color-text-disabled);--ti-slider-input-height:var(--ti-common-size-height-normal, 30px);--ti-slider-input-width:var(--ti-common-size-10x, 40px);--ti-slider-input-border-radius:calc(var(--ti-common-border-radius-normal, 2px) + 2px);--ti-slider-input-border-color:var(--ti-common-color-border, #d9d9d9);--ti-slider-input-text-color:var(--ti-common-color-info-normal, #333);--ti-slider-input-bg-color:var(--ti-common-color-light, #fff);--ti-slider-input-margin-left:var(--ti-common-size-3x, 12px);--ti-slider-input-unit-margin-left:var(--ti-common-space-2x, 8px);--ti-slider-input-text-align:center;--ti-slider-mark-point-width:calc(var(--ti-common-space-base, 4px) / 2);--ti-slider-mark-point-bg-color:var(--ti-common-color-light, #fff);--ti-slider-mark-label-margin-top:calc(var(--ti-common-space-base, 4px) * 2 + var(--ti-slider-height));--ti-slider-tips-bg-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-slider-tips-border-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-slider-tips-text-color:var(--ti-common-color-text-white, #fff);--ti-slider-tips-margin-left:calc(var(--ti-common-space-6, 6px) / 2);--ti-slider-margin-vertical:calc(var(--ti-common-space-2x, 8px) * -1);--ti-slider-margin-right:var(--ti-common-space-0, 0px);--ti-slider-margin-left:calc(var(--ti-common-space-6, 6px) * -1);position:relative}.tiny-slider-container.tiny-slider-container__horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-slider{border-radius:var(--ti-slider-border-radius);height:var(--ti-slider-height);position:relative;margin:13px 0;background:var(--ti-slider-bg-color);cursor:pointer;display:inline-block}.tiny-slider:not(.tiny-slider__vertical){min-width:160px;-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-slider.show-auto-width{width:100%}.tiny-slider:hover .tiny-slider__range{background:var(--ti-slider-range-hover-bg-color)}.tiny-slider:hover .tiny-slider__handle{border-color:var(--ti-slider-handle-border-color-hover)}.tiny-slider.disabled{cursor:default}.tiny-slider.disabled .tiny-slider__range{background-color:var(--ti-slider-range-disabled-bg-color)}.tiny-slider.disabled .tiny-slider__handle{cursor:not-allowed;border-color:var(--ti-slider-handle-disabled-border-color)}.tiny-slider.disabled .tiny-slider__handle svg,.tiny-slider.disabled .tiny-slider__handle:hover svg{fill:var(--ti-slider-handle-icon-disabled-fill-color)}.tiny-slider__vertical{width:var(--ti-slider-height);height:300px;display:block;margin:0 15px}.tiny-slider__vertical+.tiny-slider__input{margin-top:12px;float:none;right:0}.tiny-slider__vertical .tiny-slider__range{border-radius:10px;position:absolute;z-index:1;width:var(--ti-slider-height)}.tiny-slider__vertical .tiny-slider__up{top:0}.tiny-slider__vertical .tiny-slider__down{bottom:0}.tiny-slider__vertical .tiny-slider__handle{margin:var(--ti-slider-margin-vertical) var(--ti-slider-margin-right) var(--ti-slider-margin-vertical) var(--ti-slider-margin-left)}.tiny-slider__vertical .tiny-slider__mark-point{-webkit-transform:translateY(50%);transform:translateY(50%);height:var(--ti-slider-mark-point-width);width:var(--ti-slider-height)}.tiny-slider__vertical .tiny-slider__mark-label{-webkit-transform:translateY(50%);transform:translateY(50%);margin-left:var(--ti-slider-mark-label-margin-top);margin-top:0}.tiny-slider__range{border-radius:var(--ti-slider-range-border-radius);position:absolute;z-index:1;margin-top:var(--ti-slider-range-margin-top);height:var(--ti-slider-range-height);background:var(--ti-slider-range-bg-color)}.tiny-slider__left{left:0}.tiny-slider__right{right:0}.tiny-slider__handle{border-radius:var(--ti-slider-handle-border-radius);height:var(--ti-slider-handle-height);width:var(--ti-slider-handle-width);position:absolute;margin:var(--ti-slider-handle-margin-top) var(--ti-slider-handle-margin-horizontal) var(--ti-slider-handle-margin-bottom);z-index:2;outline:0;background:var(--ti-slider-handle-bg-color);border:var(--ti-slider-handle-border-weight) solid var(--ti-slider-handle-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--ti-slider-handle-box-shadow);box-shadow:var(--ti-slider-handle-box-shadow);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;text-align:center}.tiny-slider__handle.handle-focus{z-index:10}.tiny-slider__handle:hover{color:var(--ti-slider-handle-text-color-hover);border-color:var(--ti-slider-handle-border-color-hover);-webkit-transform:var(--ti-slider-handle-transform);transform:var(--ti-slider-handle-transform)}.tiny-slider__handle:hover svg{fill:var(--ti-slider-handle-icon-fill-color-hover)}.tiny-slider__handle svg{display:var(--ti-slider-handle-icon-display);height:12px;margin-left:4px;fill:var(--ti-slider-handle-icon-fill-color)}.tiny-slider__tips{text-align:center;font-size:var(--ti-common-font-size-base);margin-top:-32px;margin-left:var(--ti-slider-tips-margin-left);position:absolute;padding:12px 16px;line-height:1.5;z-index:1010;word-break:normal;white-space:nowrap;background:var(--ti-slider-tips-bg-color);border:1px solid var(--ti-slider-tips-border-color);border-radius:var(--ti-common-border-radius-1);color:var(--ti-slider-tips-text-color);-webkit-box-shadow:var(--ti-slider-tips-box-shadow);box-shadow:var(--ti-slider-tips-box-shadow)}.tiny-slider__tips:before{margin-left:-6px;bottom:-6px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__tips:after{margin-left:-4px;bottom:-4px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__mark-point{position:absolute;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--ti-slider-mark-point-width);height:var(--ti-slider-height);background-color:var(--ti-slider-mark-point-bg-color)}.tiny-slider__mark-label{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:var(--ti-slider-mark-label-margin-top);color:var(--ti-slider-mark-label-text-color);font-size:var(--ti-slider-mark-label-font-size)}.tiny-slider__input{display:inline-block;line-height:var(--ti-slider-input-height);vertical-align:top;margin-left:var(--ti-slider-input-margin-left);font-size:var(--ti-common-font-size-base)}.tiny-slider__input__split{padding:0 4px}.tiny-slider__input input{width:var(--ti-slider-input-width);height:var(--ti-slider-input-height);line-height:var(--ti-slider-input-height);border:1px solid var(--ti-slider-input-border-color);border-radius:var(--ti-slider-input-border-radius);color:var(--ti-slider-input-text-color);background:var(--ti-slider-input-bg-color);font-size:inherit;padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:var(--ti-slider-input-text-align)}.tiny-slider__input__unit{margin-left:var(--ti-slider-input-unit-margin-left)}