@alfalab/core-components 48.9.1 → 48.11.0-beta.0

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,14 +12,14 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-3bdda779.js';
+import '../layout.module-7ea7eaf4.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 
-const styles = {"size-500":"side-panel__size-500_1d1i2","hidden":"side-panel__hidden_1d1i2"};
+const styles = {"size-500":"side-panel__size-500_ryy57","hidden":"side-panel__hidden_ryy57"};
 require('./desktop.css');
 
-const transitions = {"enterRight":"side-panel__enterRight_etm1g","enterLeft":"side-panel__enterLeft_etm1g","enterActive":"side-panel__enterActive_etm1g","exit":"side-panel__exit_etm1g","exitActiveRight":"side-panel__exitActiveRight_etm1g","exitActiveLeft":"side-panel__exitActiveLeft_etm1g"};
+const transitions = {"enterRight":"side-panel__enterRight_1duhi","enterLeft":"side-panel__enterLeft_1duhi","enterActive":"side-panel__enterActive_1duhi","exit":"side-panel__exit_1duhi","exitActiveRight":"side-panel__exitActiveRight_1duhi","exitActiveLeft":"side-panel__exitActiveLeft_1duhi"};
 require('./transitions.desktop.css');
 
 const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', dataTestId, ...restProps }, ref) => {

package/side-panel/modern/desktop/desktop.css

@@ -32,8 +32,8 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__size-500_1d1i2.side-panel__size-500_1d1i2 {
+} .side-panel__size-500_ryy57.side-panel__size-500_ryy57 {
     width: var(--side-panel-s-width);
-} .side-panel__hidden_1d1i2 {
+} .side-panel__hidden_ryy57 {
     overflow-x: hidden;
 }

package/side-panel/modern/desktop/index.js

@@ -8,7 +8,7 @@ import '../../../drawer/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-3bdda779.js';
+import '../layout.module-7ea7eaf4.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/desktop/transitions.desktop.css

@@ -1,32 +1,32 @@
 /* hash: 6y75o */
-.side-panel__enterRight_etm1g {
+.side-panel__enterRight_1duhi {
     opacity: 0;
     transform: translateX(15px);
 }
 
-.side-panel__enterLeft_etm1g {
+.side-panel__enterLeft_1duhi {
     opacity: 0;
     transform: translateX(-15px);
 }
 
-.side-panel__enterActive_etm1g {
+.side-panel__enterActive_1duhi {
     opacity: 1;
     transform: translateX(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_etm1g {
+.side-panel__exit_1duhi {
     opacity: 1;
     transform: translateX(0);
 }
 
-.side-panel__exitActiveRight_etm1g {
+.side-panel__exitActiveRight_1duhi {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(15px);
 }
 
-.side-panel__exitActiveLeft_etm1g {
+.side-panel__exitActiveLeft_1duhi {
     opacity: 0;
     transition: opacity 200ms ease-out, transform 200ms ease-out;
     transform: translateX(-15px);

package/side-panel/modern/index.js

@@ -18,6 +18,6 @@ import '../../mq/modern';
 import '../../navigation-bar-private/modern';
 import '../../shared/modern';
 import './Context.js';
-import './layout.module-3bdda779.js';
+import './layout.module-7ea7eaf4.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';

package/side-panel/modern/layout.module-7ea7eaf4.js

@@ -0,0 +1,4 @@
+const layoutStyles = {"column":"side-panel__column_ai4om","gap-16":"side-panel__gap-16_ai4om","gap-24":"side-panel__gap-24_ai4om","gap-32":"side-panel__gap-32_ai4om","start":"side-panel__start_ai4om","center":"side-panel__center_ai4om","space-between":"side-panel__space-between_ai4om"};
+require('./components/footer/layout.css');
+
+export { layoutStyles as l };

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,15 +9,15 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-3bdda779.js';
+import '../layout.module-7ea7eaf4.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';
 
-const styles = {"component":"side-panel__component_14xke","mobileContent":"side-panel__mobileContent_14xke"};
+const styles = {"component":"side-panel__component_1qs1l","mobileContent":"side-panel__mobileContent_1qs1l"};
 require('./mobile.css');
 
-const transitions = {"appear":"side-panel__appear_a5iw5","enter":"side-panel__enter_a5iw5","appearActive":"side-panel__appearActive_a5iw5","enterActive":"side-panel__enterActive_a5iw5","exit":"side-panel__exit_a5iw5","exitActive":"side-panel__exitActive_a5iw5","exitDone":"side-panel__exitDone_a5iw5"};
+const transitions = {"appear":"side-panel__appear_9c4my","enter":"side-panel__enter_9c4my","appearActive":"side-panel__appearActive_9c4my","enterActive":"side-panel__enterActive_9c4my","exit":"side-panel__exit_9c4my","exitActive":"side-panel__exitActive_9c4my","exitDone":"side-panel__exitDone_9c4my"};
 require('./transitions.mobile.css');
 
 const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../base-modal/modern';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
 import '../ResponsiveContext.js';
-import '../layout.module-3bdda779.js';
+import '../layout.module-7ea7eaf4.js';
 import '../components/content/Component.js';
 import '../Context.js';
 import '../components/footer/Component.js';

package/side-panel/modern/mobile/mobile.css

@@ -32,17 +32,17 @@
     /* mobile */
 
     /* paddings */
-} .side-panel__component_14xke {
+} .side-panel__component_1qs1l {
     top: var(--gap-0);
     height: 100%;
     width: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     max-width: 600px;
-} .side-panel__component_14xke.side-panel__component_14xke {
+} .side-panel__component_1qs1l.side-panel__component_1qs1l {
     position: fixed;
     flex: 1;
-} .side-panel__mobileContent_14xke {
+} .side-panel__mobileContent_1qs1l {
     display: flex;
     flex-direction: column;
     width: 100%;

package/side-panel/modern/mobile/transitions.mobile.css

@@ -1,24 +1,24 @@
 /* hash: eha3z */
-.side-panel__appear_a5iw5,
-.side-panel__enter_a5iw5 {
+.side-panel__appear_9c4my,
+.side-panel__enter_9c4my {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.side-panel__appearActive_a5iw5,
-.side-panel__enterActive_a5iw5 {
+.side-panel__appearActive_9c4my,
+.side-panel__enterActive_9c4my {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.side-panel__exit_a5iw5 {
+.side-panel__exit_9c4my {
     opacity: 1;
     transform: translateY(0);
 }
 
-.side-panel__exitActive_a5iw5,
-.side-panel__exitDone_a5iw5 {
+.side-panel__exitActive_9c4my,
+.side-panel__exitDone_9c4my {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/skeleton/Component.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"skeleton__component_1k1f0","animate":"skeleton__animate_1k1f0","background":"skeleton__background_1k1f0"};
+var defaultColors = {"component":"skeleton__component_1v1o5","animate":"skeleton__animate_1v1o5","background":"skeleton__background_1v1o5"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_r8qwj","allowBackdropBlur":"skeleton__allowBackdropBlur_r8qwj","animate":"skeleton__animate_r8qwj"};
+var styles = {"component":"skeleton__component_qgp8b","allowBackdropBlur":"skeleton__allowBackdropBlur_qgp8b","animate":"skeleton__animate_qgp8b"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_qj37g","animate":"skeleton__animate_qj37g","background-inverted":"skeleton__background-inverted_qj37g"};
+var invertedColors = {"component":"skeleton__component_mcj1o","animate":"skeleton__animate_mcj1o","background-inverted":"skeleton__background-inverted_mcj1o"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/default.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1k1f0 {
+} .skeleton__component_1v1o5 {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1k1f0:before {
-    animation-name: skeleton__background_1k1f0;
-} @keyframes skeleton__background_1k1f0 {
+} .skeleton__animate_1v1o5:before {
+    animation-name: skeleton__background_1v1o5;
+} @keyframes skeleton__background_1v1o5 {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-var defaultColors = {"component":"skeleton__component_1k1f0","animate":"skeleton__animate_1k1f0","background":"skeleton__background_1k1f0"};
+var defaultColors = {"component":"skeleton__component_1v1o5","animate":"skeleton__animate_1v1o5","background":"skeleton__background_1v1o5"};
 require('./default.css');
 
-var styles = {"component":"skeleton__component_r8qwj","allowBackdropBlur":"skeleton__allowBackdropBlur_r8qwj","animate":"skeleton__animate_r8qwj"};
+var styles = {"component":"skeleton__component_qgp8b","allowBackdropBlur":"skeleton__allowBackdropBlur_qgp8b","animate":"skeleton__animate_qgp8b"};
 require('./index.css');
 
-var invertedColors = {"component":"skeleton__component_qj37g","animate":"skeleton__animate_qj37g","background-inverted":"skeleton__background-inverted_qj37g"};
+var invertedColors = {"component":"skeleton__component_mcj1o","animate":"skeleton__animate_mcj1o","background-inverted":"skeleton__background-inverted_mcj1o"};
 require('./inverted.css');
 
 var colorStyles = {

package/skeleton/esm/default.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1k1f0 {
+} .skeleton__component_1v1o5 {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1k1f0:before {
-    animation-name: skeleton__background_1k1f0;
-} @keyframes skeleton__background_1k1f0 {
+} .skeleton__animate_1v1o5:before {
+    animation-name: skeleton__background_1v1o5;
+} @keyframes skeleton__background_1v1o5 {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/esm/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_r8qwj {
+} .skeleton__component_qgp8b {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_r8qwj.skeleton__allowBackdropBlur_r8qwj {
+} .skeleton__component_qgp8b.skeleton__allowBackdropBlur_qgp8b {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_r8qwj > * {
+    } .skeleton__component_qgp8b > * {
     visibility: hidden;
-} .skeleton__component_r8qwj:before {
+} .skeleton__component_qgp8b:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_r8qwj:before {
+} .skeleton__animate_qgp8b:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_r8qwj:before {
+    .skeleton__animate_qgp8b:before {
         opacity: 0.4;
     }
 }

package/skeleton/esm/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_qj37g {
+} .skeleton__component_mcj1o {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_qj37g:before {
-    animation-name: skeleton__background-inverted_qj37g;
-} @keyframes skeleton__background-inverted_qj37g {
+} .skeleton__animate_mcj1o:before {
+    animation-name: skeleton__background-inverted_mcj1o;
+} @keyframes skeleton__background-inverted_mcj1o {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_r8qwj {
+} .skeleton__component_qgp8b {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_r8qwj.skeleton__allowBackdropBlur_r8qwj {
+} .skeleton__component_qgp8b.skeleton__allowBackdropBlur_qgp8b {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_r8qwj > * {
+    } .skeleton__component_qgp8b > * {
     visibility: hidden;
-} .skeleton__component_r8qwj:before {
+} .skeleton__component_qgp8b:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_r8qwj:before {
+} .skeleton__animate_qgp8b:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_r8qwj:before {
+    .skeleton__animate_qgp8b:before {
         opacity: 0.4;
     }
 }

package/skeleton/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_qj37g {
+} .skeleton__component_mcj1o {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_qj37g:before {
-    animation-name: skeleton__background-inverted_qj37g;
-} @keyframes skeleton__background-inverted_qj37g {
+} .skeleton__animate_mcj1o:before {
+    animation-name: skeleton__background-inverted_mcj1o;
+} @keyframes skeleton__background-inverted_mcj1o {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/skeleton/modern/Component.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import cn from 'classnames';
 
-const defaultColors = {"component":"skeleton__component_1k1f0","animate":"skeleton__animate_1k1f0","background":"skeleton__background_1k1f0"};
+const defaultColors = {"component":"skeleton__component_1v1o5","animate":"skeleton__animate_1v1o5","background":"skeleton__background_1v1o5"};
 require('./default.css');
 
-const styles = {"component":"skeleton__component_r8qwj","allowBackdropBlur":"skeleton__allowBackdropBlur_r8qwj","animate":"skeleton__animate_r8qwj"};
+const styles = {"component":"skeleton__component_qgp8b","allowBackdropBlur":"skeleton__allowBackdropBlur_qgp8b","animate":"skeleton__animate_qgp8b"};
 require('./index.css');
 
-const invertedColors = {"component":"skeleton__component_qj37g","animate":"skeleton__animate_qj37g","background-inverted":"skeleton__background-inverted_qj37g"};
+const invertedColors = {"component":"skeleton__component_mcj1o","animate":"skeleton__animate_mcj1o","background-inverted":"skeleton__background-inverted_mcj1o"};
 require('./inverted.css');
 
 const colorStyles = {

package/skeleton/modern/default.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-default-color: var(--color-light-neutral-translucent-100);
-} .skeleton__component_1k1f0 {
+} .skeleton__component_1v1o5 {
     background: var(--skeleton-default-color);
-} .skeleton__animate_1k1f0:before {
-    animation-name: skeleton__background_1k1f0;
-} @keyframes skeleton__background_1k1f0 {
+} .skeleton__animate_1v1o5:before {
+    animation-name: skeleton__background_1v1o5;
+} @keyframes skeleton__background_1v1o5 {
     0% {
         background: var(--color-light-neutral-translucent-100);
     }

package/skeleton/modern/index.css

@@ -27,7 +27,7 @@
     --skeleton-backdrop-filter: blur(20px);
     --skeleton-bg-animation-display: block;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_r8qwj {
+} .skeleton__component_qgp8b {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -37,12 +37,12 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black)
-} .skeleton__component_r8qwj.skeleton__allowBackdropBlur_r8qwj {
+} .skeleton__component_qgp8b.skeleton__allowBackdropBlur_qgp8b {
         -webkit-backdrop-filter: var(--skeleton-backdrop-filter);
                 backdrop-filter: var(--skeleton-backdrop-filter);
-    } .skeleton__component_r8qwj > * {
+    } .skeleton__component_qgp8b > * {
     visibility: hidden;
-} .skeleton__component_r8qwj:before {
+} .skeleton__component_qgp8b:before {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -50,7 +50,7 @@
     right: var(--gap-0);
     bottom: var(--gap-0);
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_r8qwj:before {
+} .skeleton__animate_qgp8b:before {
     display: var(--skeleton-bg-animation-display);
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
@@ -59,7 +59,7 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_r8qwj:before {
+    .skeleton__animate_qgp8b:before {
         opacity: 0.4;
     }
 }

package/skeleton/modern/inverted.css

@@ -21,11 +21,11 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --skeleton-inverted-default-color: var(--color-light-neutral-translucent-100-inverted);
-} .skeleton__component_qj37g {
+} .skeleton__component_mcj1o {
     background: var(--skeleton-inverted-default-color);
-} .skeleton__animate_qj37g:before {
-    animation-name: skeleton__background-inverted_qj37g;
-} @keyframes skeleton__background-inverted_qj37g {
+} .skeleton__animate_mcj1o:before {
+    animation-name: skeleton__background-inverted_mcj1o;
+} @keyframes skeleton__background-inverted_mcj1o {
     0% {
         background: var(--color-light-neutral-translucent-100-inverted);
     }

package/slider/Component.js

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var noUiSlider__default = /*#__PURE__*/_interopDefaultCompat(noUiSlider);
 
-var styles = {"component":"slider__component_62ktp","size-2":"slider__size-2_62ktp","size-4":"slider__size-4_62ktp"};
+var styles = {"component":"slider__component_tlzqm","size-2":"slider__size-2_tlzqm","size-4":"slider__size-4_tlzqm"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/slider/esm/Component.js

@@ -3,7 +3,7 @@ import React, { useRef, useEffect } from 'react';
 import cn from 'classnames';
 import noUiSlider from 'nouislider';
 
-var styles = {"component":"slider__component_62ktp","size-2":"slider__size-2_62ktp","size-4":"slider__size-4_62ktp"};
+var styles = {"component":"slider__component_tlzqm","size-2":"slider__size-2_tlzqm","size-4":"slider__size-4_tlzqm"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/slider/esm/index.css

@@ -49,32 +49,32 @@
     /* Отступы по бокам — на мобилке thumb не должен заходить за края контрола */
     --slider-origin-width: 100%;
     --slider-origin-right: var(--gap-0);
-} .slider__component_62ktp {
+} .slider__component_tlzqm {
     width: 100%;
     padding-top: var(--slider-progress-s-height);
     position: relative
-} .slider__component_62ktp .noUi-base:hover .noUi-connects {
+} .slider__component_tlzqm .noUi-base:hover .noUi-connects {
             background: var(--slider-progress-hover-background);
-        } .slider__component_62ktp .noUi-base:hover .noUi-connect {
+        } .slider__component_tlzqm .noUi-base:hover .noUi-connect {
             background: var(--slider-progress-hover-color);
-        } .slider__component_62ktp .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_tlzqm .noUi-handle:hover .noUi-touch-area {
         background: var(--slider-thumb-hover-color);
-    } .slider__component_62ktp .noUi-handle:active .noUi-touch-area {
+    } .slider__component_tlzqm .noUi-handle:active .noUi-touch-area {
         background: var(--slider-thumb-active-color);
-    } .slider__component_62ktp .noUi-base {
+    } .slider__component_tlzqm .noUi-base {
         position: absolute;
         width: 100%;
         height: var(--slider-clickable-area-size);
         transform: translateY(-50%);
 
         cursor: pointer;
-    } .slider__component_62ktp .noUi-origin {
+    } .slider__component_tlzqm .noUi-origin {
         width: var(--slider-origin-width);
         position: absolute;
         top: var(--gap-0);
         right: var(--slider-origin-right);
         height: 0;
-    } .slider__component_62ktp .noUi-connects {
+    } .slider__component_tlzqm .noUi-connects {
         width: 100%;
         height: 100%;
         position: relative;
@@ -82,7 +82,7 @@
         transition: background 0.15s;
         z-index: 1;
         overflow: hidden;
-    } .slider__component_62ktp .noUi-connect {
+    } .slider__component_tlzqm .noUi-connect {
         background: var(--slider-progress-color);
         position: absolute;
         z-index: 1;
@@ -93,7 +93,7 @@
         transform-style: flat;
         will-change: transform;
         transform-origin: 0 0;
-    } .slider__component_62ktp .noUi-handle {
+    } .slider__component_tlzqm .noUi-handle {
         position: absolute;
         top: calc((var(--slider-thumb-half-size) - var(--slider-clickable-area-half-size)) * -1);
         right: calc(var(--slider-thumb-half-size) * -1);
@@ -107,12 +107,12 @@
         cursor: grab;
         outline: none;
         transition: background 0.15s;
-    } .slider__component_62ktp .noUi-touch-area {
+    } .slider__component_tlzqm .noUi-touch-area {
         border-radius: var(--border-radius-circle);
         background: var(--slider-thumb-color);
         width: 100%;
         height: 100%;
-    } .slider__component_62ktp .noUi-pips {
+    } .slider__component_tlzqm .noUi-pips {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
@@ -121,29 +121,29 @@
         color: var(--color-light-text-secondary);
         position: relative;
         width: 100%;
-    } .slider__component_62ktp .noUi-marker {
+    } .slider__component_tlzqm .noUi-marker {
         display: none;
-    } .slider__component_62ktp .noUi-value {
+    } .slider__component_tlzqm .noUi-value {
         position: absolute;
         white-space: nowrap;
         text-align: center;
         top: var(--gap-0);
         transform: translateX(-50%)
-    } .slider__component_62ktp .noUi-value:nth-child(2) {
+    } .slider__component_tlzqm .noUi-value:nth-child(2) {
             transform: none;
-        } .slider__component_62ktp .noUi-value:last-child {
+        } .slider__component_tlzqm .noUi-value:last-child {
             transform: translateX(-100%);
-        } .slider__size-2_62ktp .noUi-base {
+        } .slider__size-2_tlzqm .noUi-base {
         border-radius: var(--slider-progress-s-border-radius);
         top: calc(var(--slider-progress-s-height) / 2);
-    } .slider__size-2_62ktp .noUi-connects {
+    } .slider__size-2_tlzqm .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-s-height) / 2);
         height: var(--slider-progress-s-height);
         border-radius: var(--slider-progress-s-border-radius);
-    } .slider__size-4_62ktp .noUi-base {
+    } .slider__size-4_tlzqm .noUi-base {
         border-radius: var(--slider-progress-m-border-radius);
         top: calc(var(--slider-progress-m-height) / 2);
-    } .slider__size-4_62ktp .noUi-connects {
+    } .slider__size-4_tlzqm .noUi-connects {
         top: calc(var(--slider-clickable-area-half-size) - var(--slider-progress-m-height) / 2);
         height: var(--slider-progress-m-height);
         border-radius: var(--slider-progress-m-border-radius);