@alfalab/core-components 47.21.0-beta.1 → 47.21.0-beta.3

package/tabs/components/primary-tablist/Component.collapsible.js

@@ -10,7 +10,7 @@ var coreComponentsShared = require('../../../shared');
 var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
 var syntheticEvents = require('../../synthetic-events.js');
 var components_title_Component = require('../title/Component.js');
-var index_module = require('../../index.module-275989bb.js');
+var index_module = require('../../index.module-009ccd4a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.desktop.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-275989bb.js');
+var index_module = require('../../index.module-009ccd4a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/primary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-275989bb.js');
+var index_module = require('../../index.module-009ccd4a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.desktop.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-bca16a45.js');
+var index_module = require('../../index.module-15d90837.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/components/secondary-tablist/Component.mobile.js

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-bca16a45.js');
+var index_module = require('../../index.module-15d90837.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/esm/collapsible/index.js

@@ -18,5 +18,5 @@ import 'react-merge-refs';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-d8cc5606.js';
+import '../index.module-18c112f9.js';
 import '../components/tabs/Component.js';

package/tabs/esm/components/primary-tablist/Component.collapsible.js

@@ -8,7 +8,7 @@ import { getComponentBreakpoint } from '../../../../shared/esm';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-d8cc5606.js';
+import { s as styles } from '../../index.module-18c112f9.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/esm/components/primary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-d8cc5606.js';
+import { s as styles } from '../../index.module-18c112f9.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-d8cc5606.js';
+import { s as styles$1 } from '../../index.module-18c112f9.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

package/tabs/esm/components/primary-tablist/Component.responsive.js

@@ -20,7 +20,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-d8cc5606.js';
+import '../../index.module-18c112f9.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);

package/tabs/esm/components/secondary-tablist/Component.desktop.js

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-fe27c21d.js';
+import { c as commonStyles } from '../../index.module-f5b32893.js';
 import 'classnames';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';

package/tabs/esm/components/secondary-tablist/Component.mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-fe27c21d.js';
+import { c as commonStyles } from '../../index.module-f5b32893.js';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/esm/components/secondary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-fe27c21d.js';
+import '../../index.module-f5b32893.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

package/tabs/esm/components/tabs/Component.collapsible.js

@@ -17,7 +17,7 @@ import 'react-merge-refs';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-d8cc5606.js';
+import '../../index.module-18c112f9.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

package/tabs/esm/components/tabs/Component.desktop.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-d8cc5606.js';
+import '../../index.module-18c112f9.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-fe27c21d.js';
+import '../../index.module-f5b32893.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/tabs/esm/components/tabs/Component.mobile.js

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-d8cc5606.js';
+import '../../index.module-18c112f9.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-fe27c21d.js';
+import '../../index.module-f5b32893.js';
 
 var views = {
     primary: PrimaryTabListMobile,

package/tabs/esm/components/tabs/Component.responsive.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-d8cc5606.js';
+import '../../index.module-18c112f9.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-fe27c21d.js';
+import '../../index.module-f5b32893.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-d8cc5606.js';
+import '../index.module-18c112f9.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-fe27c21d.js';
+import '../index.module-f5b32893.js';
 import '../components/tabs/Component.js';

package/tabs/esm/index.js

@@ -23,12 +23,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/esm';
-import './index.module-d8cc5606.js';
+import './index.module-18c112f9.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/esm/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-fe27c21d.js';
+import './index.module-f5b32893.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/mobile/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-d8cc5606.js';
+import '../index.module-18c112f9.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-fe27c21d.js';
+import '../index.module-f5b32893.js';
 import '../components/tabs/Component.js';

package/tabs/modern/collapsible/index.js

@@ -17,5 +17,5 @@ import 'react-merge-refs';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-c7314bc9.js';
+import '../index.module-4046a518.js';
 import '../components/tabs/Component.js';

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -7,7 +7,7 @@ import { getComponentBreakpoint } from '../../../../shared/modern';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-c7314bc9.js';
+import { s as styles } from '../../index.module-4046a518.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-c7314bc9.js';
+import { s as styles } from '../../index.module-4046a518.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-c7314bc9.js';
+import { s as styles$1 } from '../../index.module-4046a518.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-c7314bc9.js';
+import '../../index.module-4046a518.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint = getComponentBreakpoint(), fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-10472f29.js';
+import { c as commonStyles } from '../../index.module-e2d9e659.js';
 import 'classnames';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-10472f29.js';
+import { c as commonStyles } from '../../index.module-e2d9e659.js';
 import '../../../../skeleton/modern';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -17,7 +17,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-10472f29.js';
+import '../../index.module-e2d9e659.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = getComponentBreakpoint(), ...restProps }) => {

package/tabs/modern/components/tabs/Component.collapsible.js

@@ -16,7 +16,7 @@ import 'react-merge-refs';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-c7314bc9.js';
+import '../../index.module-4046a518.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-c7314bc9.js';
+import '../../index.module-4046a518.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-10472f29.js';
+import '../../index.module-e2d9e659.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.mobile.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-c7314bc9.js';
+import '../../index.module-4046a518.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-10472f29.js';
+import '../../index.module-e2d9e659.js';
 
 const views = {
     primary: PrimaryTabListMobile,

package/tabs/modern/components/tabs/Component.responsive.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/modern';
-import '../../index.module-c7314bc9.js';
+import '../../index.module-4046a518.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-10472f29.js';
+import '../../index.module-e2d9e659.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-c7314bc9.js';
+import '../index.module-4046a518.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-10472f29.js';
+import '../index.module-e2d9e659.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-c7314bc9.js';
+import './index.module-4046a518.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-10472f29.js';
+import './index.module-e2d9e659.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-c7314bc9.js';
+import '../index.module-4046a518.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-10472f29.js';
+import '../index.module-e2d9e659.js';
 import '../components/tabs/Component.js';

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,8 @@
-.backdrop__backdrop_6tl05 {
+.card-image__cardImage_slphc {
+    background: #e7e8ea;
+} .card-image__loaded_slphc {
+    background: transparent
+}.backdrop__backdrop_6tl05 {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_6tl05,
 .backdrop__enter_6tl05 {
@@ -15,10 +19,6 @@
     background-color: transparent;
 } .backdrop__transparent_6tl05 {
     background-color: transparent;
-}.card-image__cardImage_slphc {
-    background: #e7e8ea;
-} .card-image__loaded_slphc {
-    background: transparent
 }.badge__component_1p5k0.badge__background-accent_1p5k0 {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -308,31 +308,7 @@
         background: #f83a2a;
     } .slider__component_1kp4r .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_1ar8j {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_1ar8j {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_1wx31 {
-    color: transparent
-} .skeleton__component_1wx31:before {
-    background: transparent;
-}
-.skeleton__component_1u9kq {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_1u9kq {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.segmented-control__wrapper_aytl1 {
+    }.segmented-control__wrapper_aytl1 {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_aytl1.segmented-control__selected_aytl1 {
     color: rgba(255, 255, 255, 0.94);
@@ -366,7 +342,31 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_thgve:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.spinner__component_4wtms {
+    }.skeleton__component_1ar8j {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_1ar8j {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_1wx31 {
+    color: transparent
+} .skeleton__component_1wx31:before {
+    background: transparent;
+}
+.skeleton__component_1u9kq {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_1u9kq {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.spinner__component_4wtms {
     color: rgba(255, 255, 255, 0.94);
 }
 @keyframes spinner__spin_animation_13cji {
@@ -459,4 +459,143 @@
 .status-badge__neutral-operation_1vat8,
 .status-badge__neutral-cross_1vat8 {
     background-color: #898991;
-}
+}.underlay__background-accent_1u772 {
+            background-color: #ef3124;
+        } .underlay__background-info_1u772 {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_1u772 {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_1u772 {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_1u772 {
+            background-color: #392523;
+        } .underlay__background-primary_1u772 {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_1u772 {
+            background-color: #fff;
+        } .underlay__background-secondary_1u772 {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_1u772 {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_1u772 {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_1u772 {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_1u772 {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_1u772 {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_1u772 {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_1u772 {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_1u772 {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_1u772 {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_1u772 {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_1u772 {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_1u772 {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_1u772 {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1u772 {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_1u772 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_1u772 {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-m_1u772 {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-l_1u772 {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xl_1u772 {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xs-hard_1u772 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_1u772 {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard_1u772 {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard_1u772 {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard_1u772 {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xs-up_1u772 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_1u772 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_1u772 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_1u772 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_1u772 {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+    } .underlay__shadow-xs-hard-up_1u772 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard-up_1u772 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard-up_1u772 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard-up_1u772 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard-up_1u772 {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+    } .underlay__border-color-accent_1u772 {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_1u772 {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_1u772 {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_1u772 {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_1u772 {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_1u772 {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_1u772 {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_1u772 {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_1u772 {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_1u772 {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_1u772 {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_1u772 {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_1u772 {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_1u772 {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_1u772 {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_1u772 {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_1u772 {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1u772 {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_1u772 {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1u772 {
+        border-color: rgba(15, 25, 55, 0.1);
+    }