diff --git a/src/slider/Slider.tsx b/src/slider/Slider.tsx
index f60769afa..cc1cbdc53 100644
--- a/src/slider/Slider.tsx
+++ b/src/slider/Slider.tsx
@@ -55,7 +55,7 @@ const Slider = forwardRef<HTMLDivElement, SliderProps>(
         }
         return marks.map((mark) => ({
           value: mark,
-          position: (mark - min) / max,
+          position: (mark - min) / (max - min),
           label: mark,
         }));
       }
@@ -118,7 +118,6 @@ const Slider = forwardRef<HTMLDivElement, SliderProps>(
 
       return (
         <InputNumber
-          theme="normal"
           value={currentValue}
           onChange={(value: number) => handleInputChange(Number(value), nodeIndex)}
           className={classNames(`${classPrefix}-slider-input`, {
@@ -126,6 +125,7 @@ const Slider = forwardRef<HTMLDivElement, SliderProps>(
           })}
           disabled={disabled}
           {...inputProps}
+          theme="column"
         />
       );
     };
@@ -211,7 +211,7 @@ const Slider = forwardRef<HTMLDivElement, SliderProps>(
             ></div>
             {range ? createHandleButton(LEFT_NODE, { [startDirection]: numberToPercent(start) }) : null}
             {createHandleButton(RIGHT_NODE, { [startDirection]: numberToPercent(end) })}
-            <div className={classNames(`${classPrefix}-slider__step`)}>
+            <div>
               {renderDots.map(({ position, value }) => (
                 <div
                   key={value}
@@ -241,6 +241,7 @@ const Slider = forwardRef<HTMLDivElement, SliderProps>(
             })}
           >
             {range && createInput(LEFT_NODE)}
+            {range && <div className={`${classPrefix}-slider__center-line`}></div>}
             {createInput(RIGHT_NODE)}
           </div>
         ) : null}
diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index e294262dc..c6ea03713 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -554,23 +554,23 @@ exports[`ssr snapshot test renders ./src/skeleton/_example/base.jsx correctly 1`
 
 exports[`ssr snapshot test renders ./src/skeleton/_example/theme.jsx correctly 1`] = `"<div class=\\"t-skeleton-demo\\" data-reactroot=\\"\\"><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">文本</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">头像</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-circle\\" style=\\"width:56px;height:56px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">段落</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"width:70%\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">头像描述</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-circle\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:32px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">选项卡</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:200px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">文章</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-rect\\" style=\\"width:100%;height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-rect\\" style=\\"width:100%;height:200px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/base.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/base.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-slider__container\\"><div class=\\"t-slider t-is-disabled t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-disabled t-input-number--normal\\"><div class=\\"t-input t-is-disabled\\"><input class=\\"t-input__inner\\" value=\\"10\\" disabled=\\"\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-slider__container\\"><div class=\\"t-slider t-is-disabled t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-disabled t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input t-is-disabled\\"><input class=\\"t-input__inner\\" value=\\"10\\" disabled=\\"\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/input-number.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/input-number.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/input-number-vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/input-number-vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/marks.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:12%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:60%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:12%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:60%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:8%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:70%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:8%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"left:70%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/marks.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:12%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:60%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:12%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:60%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:8%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:70%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:8%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"left:70%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/min-and-max.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:100%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:100%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:50%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:0%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:50%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"20\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/min-and-max.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:100%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:100%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:50%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:0%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:50%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"20\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/step.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/step.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/vertical-marks.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:400px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:88%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:40%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:88%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:40%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div></div><div style=\\"height:400px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:92%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:92%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/vertical-marks.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:400px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:88%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:40%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:88%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:40%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:400px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:92%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:92%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/steps/_example/OperateSteps.jsx correctly 1`] = `"<button class=\\"t-button t-button--primary t-size-s\\">上一步</button><button class=\\"t-button t-button--line t-size-s\\">下一步</button><br/><br/><div class=\\"t-steps t-steps--horizontal t-steps--default-anchor t-steps--positive\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤1</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤2</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div></div><div class=\\"t-steps t-steps--vertical t-steps--default-anchor t-steps--positive\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤1</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤5</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div></div>"`;