@alfalab/core-components 36.3.0 → 36.3.1

package/link/modern/inverted.css

@@ -28,33 +28,33 @@
     --link-inverted-default-hover-color: rgb(0, 98, 204);
     --link-inverted-default-active-color: rgb(0, 73, 153);
 }
-.link__primary_1fqqf {
+.link__primary_1aqcu {
     color: var(--link-inverted-primary-color);
     border-bottom-color: var(--link-inverted-primary-color)
 }
-.link__primary_1fqqf:hover {
+.link__primary_1aqcu:hover {
         color: var(--link-inverted-primary-hover-color);
     }
-.link__primary_1fqqf:active {
+.link__primary_1aqcu:active {
         color: var(--link-inverted-primary-active-color);
     }
-.link__secondary_1fqqf {
+.link__secondary_1aqcu {
     color: var(--link-inverted-secondary-color);
     border-bottom-color: var(--link-inverted-secondary-color)
 }
-.link__secondary_1fqqf:hover {
+.link__secondary_1aqcu:hover {
         color: var(--link-inverted-secondary-hover-color);
     }
-.link__secondary_1fqqf:active {
+.link__secondary_1aqcu:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__defaultView_1fqqf {
+.link__defaultView_1aqcu {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__defaultView_1fqqf:hover {
+.link__defaultView_1aqcu:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__defaultView_1fqqf:active {
+.link__defaultView_1aqcu:active {
         color: var(--link-inverted-default-active-color);
     }

package/list/Component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"list":"list__list_1la49","orderedList":"list__orderedList_1la49","lowerAlpha":"list__lowerAlpha_1la49","decimal":"list__decimal_1la49","item":"list__item_1la49","unorderedItem":"list__unorderedItem_1la49","orderedItem":"list__orderedItem_1la49","slot":"list__slot_1la49"};
+var styles = {"list":"list__list_3e36n","orderedList":"list__orderedList_3e36n","lowerAlpha":"list__lowerAlpha_3e36n","decimal":"list__decimal_3e36n","item":"list__item_3e36n","unorderedItem":"list__unorderedItem_3e36n","orderedItem":"list__orderedItem_3e36n","slot":"list__slot_3e36n"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/Component.js

@@ -40,7 +40,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"list":"list__list_1la49","orderedList":"list__orderedList_1la49","lowerAlpha":"list__lowerAlpha_1la49","decimal":"list__decimal_1la49","item":"list__item_1la49","unorderedItem":"list__unorderedItem_1la49","orderedItem":"list__orderedItem_1la49","slot":"list__slot_1la49"};
+var styles = {"list":"list__list_3e36n","orderedList":"list__orderedList_3e36n","lowerAlpha":"list__lowerAlpha_3e36n","decimal":"list__decimal_3e36n","item":"list__item_3e36n","unorderedItem":"list__unorderedItem_3e36n","orderedItem":"list__orderedItem_3e36n","slot":"list__slot_3e36n"};
 require('./index.css');
 
 var List = function (_a) {

package/list/esm/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1la49 {
+.list__list_3e36n {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1la49 {
+.list__orderedList_3e36n {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1la49 {
+.list__lowerAlpha_3e36n {
     list-style-type: lower-alpha;
 }
-.list__decimal_1la49 {
+.list__decimal_3e36n {
     list-style-type: decimal;
 }
-.list__item_1la49 {
+.list__item_3e36n {
     margin-top: var(--list-item-margin)
 }
-.list__item_1la49:first-child {
+.list__item_3e36n:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1la49 {
+.list__unorderedItem_3e36n {
     display: flex;
 }
-.list__orderedItem_1la49 {
+.list__orderedItem_3e36n {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1la49 {
+.list__slot_3e36n {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1la49 {
+.list__list_3e36n {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1la49 {
+.list__orderedList_3e36n {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1la49 {
+.list__lowerAlpha_3e36n {
     list-style-type: lower-alpha;
 }
-.list__decimal_1la49 {
+.list__decimal_3e36n {
     list-style-type: decimal;
 }
-.list__item_1la49 {
+.list__item_3e36n {
     margin-top: var(--list-item-margin)
 }
-.list__item_1la49:first-child {
+.list__item_3e36n:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1la49 {
+.list__unorderedItem_3e36n {
     display: flex;
 }
-.list__orderedItem_1la49 {
+.list__orderedItem_3e36n {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1la49 {
+.list__slot_3e36n {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { Children } from 'react';
 import cn from 'classnames';
 
-var styles = {"list":"list__list_1la49","orderedList":"list__orderedList_1la49","lowerAlpha":"list__lowerAlpha_1la49","decimal":"list__decimal_1la49","item":"list__item_1la49","unorderedItem":"list__unorderedItem_1la49","orderedItem":"list__orderedItem_1la49","slot":"list__slot_1la49"};
+var styles = {"list":"list__list_3e36n","orderedList":"list__orderedList_3e36n","lowerAlpha":"list__lowerAlpha_3e36n","decimal":"list__decimal_3e36n","item":"list__item_3e36n","unorderedItem":"list__unorderedItem_3e36n","orderedItem":"list__orderedItem_3e36n","slot":"list__slot_3e36n"};
 require('./index.css');
 
 const List = ({ tag = 'ul', marker, className, dataTestId, children, ...restProps }) => {

package/list/modern/index.css

@@ -20,7 +20,7 @@
     --list-marker-color: var(--color-light-text-primary);
     --list-item-margin: var(--gap-s);
 }
-.list__list_1la49 {
+.list__list_3e36n {
     margin: 0;
     padding: 0;
     color: var(--color-light-text-primary);
@@ -31,28 +31,28 @@
 
     font-weight: 400;
 }
-.list__orderedList_1la49 {
+.list__orderedList_3e36n {
     padding-left: var(--gap-l);
 }
-.list__lowerAlpha_1la49 {
+.list__lowerAlpha_3e36n {
     list-style-type: lower-alpha;
 }
-.list__decimal_1la49 {
+.list__decimal_3e36n {
     list-style-type: decimal;
 }
-.list__item_1la49 {
+.list__item_3e36n {
     margin-top: var(--list-item-margin)
 }
-.list__item_1la49:first-child {
+.list__item_3e36n:first-child {
         margin-top: 0;
     }
-.list__unorderedItem_1la49 {
+.list__unorderedItem_3e36n {
     display: flex;
 }
-.list__orderedItem_1la49 {
+.list__orderedItem_3e36n {
     padding-left: var(--gap-2xs);
 }
-.list__slot_1la49 {
+.list__slot_3e36n {
     margin-right: var(--gap-xs);
     color: var(--list-marker-color);
 }

package/list-header/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"list-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
+var styles = {"component":"list-header__component_1x4hz","description":"list-header__description_1x4hz","filled":"list-header__filled_1x4hz"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/esm';
 
-var styles = {"component":"list-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
+var styles = {"component":"list-header__component_1x4hz","description":"list-header__description_1x4hz","filled":"list-header__filled_1x4hz"};
 require('./index.css');
 
 var ListHeader = function (_a) {

package/list-header/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 3ugep */
+/* hash: 16f8y */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j68ad {
+.list-header__component_1x4hz {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j68ad {
+.list-header__description_1x4hz {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j68ad {
+.list-header__filled_1x4hz {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/index.css

@@ -1,4 +1,4 @@
-/* hash: 3ugep */
+/* hash: 16f8y */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j68ad {
+.list-header__component_1x4hz {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j68ad {
+.list-header__description_1x4hz {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j68ad {
+.list-header__filled_1x4hz {
     background-color: var(--color-light-specialbg-component);
 }

package/list-header/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../typography/modern';
 
-var styles = {"component":"list-header__component_j68ad","description":"list-header__description_j68ad","filled":"list-header__filled_j68ad"};
+var styles = {"component":"list-header__component_1x4hz","description":"list-header__description_1x4hz","filled":"list-header__filled_1x4hz"};
 require('./index.css');
 
 const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },

package/list-header/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 3ugep */
+/* hash: 16f8y */
 :root {
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
 }
@@ -20,13 +20,13 @@
 :root {
     --list-header-description-opacity: 0.6;
 }
-.list-header__component_j68ad {
+.list-header__component_1x4hz {
     margin: var(--gap-xl) var(--gap-s-neg) var(--gap-m);
     padding: var(--gap-xs) var(--gap-s);
 }
-.list-header__description_j68ad {
+.list-header__description_1x4hz {
     opacity: var(--list-header-description-opacity);
 }
-.list-header__filled_j68ad {
+.list-header__filled_1x4hz {
     background-color: var(--color-light-specialbg-component);
 }

package/loader/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"loader__component_chn91","blink":"loader__blink_chn91"};
+var styles = {"component":"loader__component_n57ke","blink":"loader__blink_n57ke"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_chn91","blink":"loader__blink_chn91"};
+var styles = {"component":"loader__component_n57ke","blink":"loader__blink_n57ke"};
 require('./index.css');
 
 var Loader = function (_a) {

package/loader/esm/index.css

@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_chn91 {
+.loader__component_n57ke {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_chn91 div {
+.loader__component_n57ke div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_chn91;
+        animation-name: loader__blink_n57ke;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_chn91 div:nth-child(1) {
+.loader__component_n57ke div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_chn91 div:nth-child(2) {
+.loader__component_n57ke div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_chn91 div:nth-child(3) {
+.loader__component_n57ke div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_chn91 {
+@keyframes loader__blink_n57ke {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_chn91 {
+.loader__component_n57ke {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_chn91 div {
+.loader__component_n57ke div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_chn91;
+        animation-name: loader__blink_n57ke;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_chn91 div:nth-child(1) {
+.loader__component_n57ke div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_chn91 div:nth-child(2) {
+.loader__component_n57ke div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_chn91 div:nth-child(3) {
+.loader__component_n57ke div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_chn91 {
+@keyframes loader__blink_n57ke {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"loader__component_chn91","blink":"loader__blink_chn91"};
+var styles = {"component":"loader__component_n57ke","blink":"loader__blink_n57ke"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -10,39 +10,39 @@
 :root {
     --gap-2xs: 4px;
 }
-.loader__component_chn91 {
+.loader__component_n57ke {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
 }
-.loader__component_chn91 div {
+.loader__component_n57ke div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_chn91;
+        animation-name: loader__blink_n57ke;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
     }
-.loader__component_chn91 div:nth-child(1) {
+.loader__component_n57ke div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
     }
-.loader__component_chn91 div:nth-child(2) {
+.loader__component_n57ke div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
     }
-.loader__component_chn91 div:nth-child(3) {
+.loader__component_n57ke div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
     }
-@keyframes loader__blink_chn91 {
+@keyframes loader__blink_n57ke {
     21% {
         transform: scale(1);
     }

package/masked-input/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1quye"};
+var styles = {"textHidden":"masked-input__textHidden_1yp93"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textHidden":"masked-input__textHidden_1quye"};
+var styles = {"textHidden":"masked-input__textHidden_1yp93"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1quye input {
+.masked-input__textHidden_1yp93 input {
     opacity: 0;
 }

package/masked-input/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1quye input {
+.masked-input__textHidden_1yp93 input {
     opacity: 0;
 }

package/masked-input/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { createTextMaskInputElement } from 'text-mask-core';
 import { Input } from '../../input/modern';
 
-var styles = {"textHidden":"masked-input__textHidden_1quye"};
+var styles = {"textHidden":"masked-input__textHidden_1yp93"};
 require('./index.css');
 
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000

package/masked-input/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 19qgg */
-.masked-input__textHidden_1quye input {
+.masked-input__textHidden_1yp93 input {
     opacity: 0;
 }

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-caf91dd0.js');
+var tslib_es6 = require('./tslib.es6-233988fa.js');
 var React = require('react');
 require('classnames');
 require('../icon-button');

package/modal/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-caf91dd0.js');
+var tslib_es6 = require('./tslib.es6-233988fa.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -13,13 +13,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var desktopStyles = {"wrapper":"modal__wrapper_137qh","component":"modal__component_137qh","fullscreen":"modal__fullscreen_137qh","s":"modal__s_137qh","m":"modal__m_137qh","l":"modal__l_137qh","xl":"modal__xl_137qh"};
+var desktopStyles = {"wrapper":"modal__wrapper_1kfwh","component":"modal__component_1kfwh","fullscreen":"modal__fullscreen_1kfwh","s":"modal__s_1kfwh","m":"modal__m_1kfwh","l":"modal__l_1kfwh","xl":"modal__xl_1kfwh"};
 require('./desktop.css');
 
-var mobileStyles = {"component":"modal__component_13o6d"};
+var mobileStyles = {"component":"modal__component_1mlly"};
 require('./mobile.css');
 
-var transitions = {"appear":"modal__appear_1ibf2","enter":"modal__enter_1ibf2","appearActive":"modal__appearActive_1ibf2","enterActive":"modal__enterActive_1ibf2","exit":"modal__exit_1ibf2","exitActive":"modal__exitActive_1ibf2","exitDone":"modal__exitDone_1ibf2"};
+var transitions = {"appear":"modal__appear_27qlu","enter":"modal__enter_27qlu","appearActive":"modal__appearActive_27qlu","enterActive":"modal__enterActive_27qlu","exit":"modal__exit_27qlu","exitActive":"modal__exitActive_27qlu","exitDone":"modal__exitDone_27qlu"};
 require('./transitions.css');
 
 var Modal = React.forwardRef(function (_a, ref) {

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-caf91dd0.js');
+var tslib_es6 = require('./tslib.es6-233988fa.js');
 var React = require('react');
 require('classnames');
 require('../icon-button');

package/modal/Component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-caf91dd0.js');
+var tslib_es6 = require('./tslib.es6-233988fa.js');
 var React = require('react');
 require('classnames');
 require('../icon-button');

package/modal/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-caf91dd0.js');
+var tslib_es6 = require('../../tslib.es6-233988fa.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"closer":"modal__closer_n3wxk","button":"modal__button_n3wxk","sticky":"modal__sticky_n3wxk"};
+var styles = {"closer":"modal__closer_14c2x","button":"modal__button_14c2x","sticky":"modal__sticky_14c2x"};
 require('./index.css');
 
 /**

package/modal/components/closer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1i2tq */
+/* hash: 168pa */
 :root {
     --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
 }
@@ -29,7 +29,7 @@
 :root {
     --modal-closer-bg-color: var(--color-light-bg-primary-alpha-40);
 }
-.modal__closer_n3wxk {
+.modal__closer_14c2x {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -38,13 +38,13 @@
     align-items: center;
     justify-content: center;
 }
-.modal__button_n3wxk {
+.modal__button_14c2x {
     background: var(--modal-closer-bg-color);
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: 50px;
 }
-.modal__sticky_n3wxk {
+.modal__sticky_14c2x {
     position: sticky;
     top: calc(var(--modal-vertical-padding) * -1);
 }