@redneckz/wildless-cms-uni-blocks 0.14.80 → 0.14.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/bundle.umd.js +4 -19
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/bundle/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/bundle/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/bundle/hooks/useActiveRoute.d.ts +3 -2
- package/dist/components/StickyBottomMenu/StickyBottomMenu.mobile.js +11 -18
- package/dist/components/StickyBottomMenu/StickyBottomMenu.mobile.js.map +1 -1
- package/dist/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js +8 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js.map +1 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuItem.js +15 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuItem.js.map +1 -0
- package/dist/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/dist/hooks/useActiveRoute.d.ts +3 -2
- package/dist/hooks/useActiveRoute.js.map +1 -1
- package/dist/ui-kit/YandexMap/YandexMap.js +1 -2
- package/dist/ui-kit/YandexMap/YandexMap.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/StickyBottomMenu/StickyBottomMenu.mobile.js +12 -19
- package/lib/components/StickyBottomMenu/StickyBottomMenu.mobile.js.map +1 -1
- package/lib/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js +6 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js.map +1 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuItem.js +13 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuItem.js.map +1 -0
- package/lib/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/lib/hooks/useActiveRoute.d.ts +3 -2
- package/lib/hooks/useActiveRoute.js.map +1 -1
- package/lib/ui-kit/YandexMap/YandexMap.js +1 -2
- package/lib/ui-kit/YandexMap/YandexMap.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +18 -54
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/mobile/bundle/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/mobile/bundle/hooks/useActiveRoute.d.ts +3 -2
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenu.js +11 -18
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenu.js.map +1 -1
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js +8 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuBurger.js.map +1 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.js +15 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuItem.js.map +1 -0
- package/mobile/dist/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/mobile/dist/hooks/useActiveRoute.d.ts +3 -2
- package/mobile/dist/hooks/useActiveRoute.js.map +1 -1
- package/mobile/dist/ui-kit/YandexMap/YandexMap.js +1 -2
- package/mobile/dist/ui-kit/YandexMap/YandexMap.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js +12 -19
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js.map +1 -1
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts +6 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js +6 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js.map +1 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.d.ts +8 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.js +13 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuItem.js.map +1 -0
- package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuProps.d.ts +1 -4
- package/mobile/lib/hooks/useActiveRoute.d.ts +3 -2
- package/mobile/lib/hooks/useActiveRoute.js.map +1 -1
- package/mobile/lib/ui-kit/YandexMap/YandexMap.js +1 -2
- package/mobile/lib/ui-kit/YandexMap/YandexMap.js.map +1 -1
- package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx +28 -23
- package/mobile/src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx +21 -0
- package/mobile/src/components/StickyBottomMenu/StickyBottomMenuItem.tsx +42 -0
- package/mobile/src/components/StickyBottomMenu/StickyBottomMenuProps.tsx +1 -5
- package/mobile/src/hooks/useActiveRoute.ts +3 -4
- package/mobile/src/ui-kit/YandexMap/YandexMap.tsx +0 -4
- package/package.json +1 -1
- package/src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx +28 -23
- package/src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx +21 -0
- package/src/components/StickyBottomMenu/StickyBottomMenuItem.tsx +42 -0
- package/src/components/StickyBottomMenu/StickyBottomMenuProps.tsx +1 -5
- package/src/hooks/useActiveRoute.ts +3 -4
- package/src/ui-kit/YandexMap/YandexMap.tsx +0 -4
- package/bundle/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/bundle/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/bundle/ui-kit/YandexMap/renderOpenMap.d.ts +0 -2
- package/dist/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/dist/components/StickyBottomMenu/RenderItem.js +0 -25
- package/dist/components/StickyBottomMenu/RenderItem.js.map +0 -1
- package/dist/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/dist/components/StickyBottomMenu/RenderMenuItems.js +0 -11
- package/dist/components/StickyBottomMenu/RenderMenuItems.js.map +0 -1
- package/dist/ui-kit/YandexMap/renderOpenMap.d.ts +0 -2
- package/dist/ui-kit/YandexMap/renderOpenMap.js +0 -19
- package/dist/ui-kit/YandexMap/renderOpenMap.js.map +0 -1
- package/lib/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/lib/components/StickyBottomMenu/RenderItem.js +0 -23
- package/lib/components/StickyBottomMenu/RenderItem.js.map +0 -1
- package/lib/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/lib/components/StickyBottomMenu/RenderMenuItems.js +0 -9
- package/lib/components/StickyBottomMenu/RenderMenuItems.js.map +0 -1
- package/lib/ui-kit/YandexMap/renderOpenMap.d.ts +0 -1
- package/lib/ui-kit/YandexMap/renderOpenMap.js +0 -16
- package/lib/ui-kit/YandexMap/renderOpenMap.js.map +0 -1
- package/mobile/bundle/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/mobile/bundle/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/mobile/bundle/ui-kit/YandexMap/renderOpenMap.d.ts +0 -2
- package/mobile/dist/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/mobile/dist/components/StickyBottomMenu/RenderItem.js +0 -25
- package/mobile/dist/components/StickyBottomMenu/RenderItem.js.map +0 -1
- package/mobile/dist/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/mobile/dist/components/StickyBottomMenu/RenderMenuItems.js +0 -11
- package/mobile/dist/components/StickyBottomMenu/RenderMenuItems.js.map +0 -1
- package/mobile/dist/ui-kit/YandexMap/renderOpenMap.d.ts +0 -2
- package/mobile/dist/ui-kit/YandexMap/renderOpenMap.js +0 -19
- package/mobile/dist/ui-kit/YandexMap/renderOpenMap.js.map +0 -1
- package/mobile/lib/components/StickyBottomMenu/RenderItem.d.ts +0 -8
- package/mobile/lib/components/StickyBottomMenu/RenderItem.js +0 -23
- package/mobile/lib/components/StickyBottomMenu/RenderItem.js.map +0 -1
- package/mobile/lib/components/StickyBottomMenu/RenderMenuItems.d.ts +0 -7
- package/mobile/lib/components/StickyBottomMenu/RenderMenuItems.js +0 -9
- package/mobile/lib/components/StickyBottomMenu/RenderMenuItems.js.map +0 -1
- package/mobile/lib/ui-kit/YandexMap/renderOpenMap.d.ts +0 -2
- package/mobile/lib/ui-kit/YandexMap/renderOpenMap.js +0 -16
- package/mobile/lib/ui-kit/YandexMap/renderOpenMap.js.map +0 -1
- package/mobile/src/components/StickyBottomMenu/RenderItem.tsx +0 -51
- package/mobile/src/components/StickyBottomMenu/RenderMenuItems.tsx +0 -21
- package/mobile/src/ui-kit/YandexMap/renderOpenMap.tsx +0 -26
- package/src/components/StickyBottomMenu/RenderItem.tsx +0 -51
- package/src/components/StickyBottomMenu/RenderMenuItems.tsx +0 -21
- package/src/ui-kit/YandexMap/renderOpenMap.tsx +0 -26
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MenuItem } from './StickyBottomMenuContent';
|
|
2
|
+
interface StickyBottomMenuItemProps {
|
|
3
|
+
isActive?: boolean;
|
|
4
|
+
item?: MenuItem;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
|
|
8
|
+
export {};
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
|
|
3
|
-
export interface MenuItemProps extends MenuItem {
|
|
4
|
-
isActive?: boolean;
|
|
5
|
-
}
|
|
6
3
|
export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
|
|
7
|
-
menuItems?:
|
|
4
|
+
menuItems?: MenuItem[];
|
|
8
5
|
}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function useActiveRoute<T extends {
|
|
2
|
+
href?: string;
|
|
3
|
+
}>(items?: T[] | undefined): [number, T];
|
|
@@ -2,30 +2,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.StickyBottomMenu = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
-
const
|
|
5
|
+
const useActiveRoute_1 = require("../../hooks/useActiveRoute");
|
|
6
6
|
const useSWRResource_1 = require("../../hooks/useSWRResource");
|
|
7
7
|
const ProjectSettings_1 = require("../../ProjectSettings");
|
|
8
8
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
9
|
-
const
|
|
9
|
+
const StickyBottomMenuBurger_1 = require("./StickyBottomMenuBurger");
|
|
10
|
+
const StickyBottomMenuItem_1 = require("./StickyBottomMenuItem");
|
|
10
11
|
const useBurgerMenuDialog_1 = require("./useBurgerMenuDialog");
|
|
12
|
+
const EMPTY_MENU = [];
|
|
11
13
|
exports.StickyBottomMenu = (0, uni_jsx_1.JSX)(({ ...rest }) => {
|
|
12
|
-
const {
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
title: 'Меню',
|
|
16
|
-
icon: {
|
|
17
|
-
icon: 'BurgerIcon',
|
|
18
|
-
iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
|
|
19
|
-
},
|
|
20
|
-
isActive: isBurgerMenuDialogOpen,
|
|
21
|
-
};
|
|
14
|
+
const [isBurgerMenuDialogOpen, { toggle, close }] = (0, useBurgerMenuDialog_1.useBurgerMenuDialog)();
|
|
15
|
+
const { menuItems = EMPTY_MENU } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
|
|
16
|
+
const [, activeItem] = (0, useActiveRoute_1.useActiveRoute)(menuItems);
|
|
22
17
|
const middleIdx = Math.floor(menuItems.length / 2);
|
|
23
|
-
const
|
|
24
|
-
|
|
25
|
-
burgerMenu,
|
|
26
|
-
...menuItems.slice(middleIdx),
|
|
27
|
-
], [menuItems, middleIdx, burgerMenu]);
|
|
18
|
+
const leftItems = menuItems.slice(0, middleIdx);
|
|
19
|
+
const rightItems = menuItems.slice(middleIdx);
|
|
28
20
|
/* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: (0, jsx_runtime_1.jsx)(
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: (0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: (0, jsx_runtime_1.jsxs)("div", { className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(activeItem, close)), (0, jsx_runtime_1.jsx)(StickyBottomMenuBurger_1.StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(activeItem, close))] }) }) }));
|
|
30
22
|
});
|
|
23
|
+
const renderMenuItem = (activeItem, close) => (_, i) => ((0, jsx_runtime_1.jsx)(StickyBottomMenuItem_1.StickyBottomMenuItem, { isActive: _ === activeItem, item: _, onClick: close }, _.href || String(i)));
|
|
31
24
|
//# sourceMappingURL=StickyBottomMenu.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC
|
|
1
|
+
{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+DAA4D;AAC5D,+DAA4D;AAC5D,2DAAwD;AACxD,4DAAyD;AACzD,qEAAkE;AAElE,iEAA8D;AAE9D,+DAA4D;AAE5D,MAAM,UAAU,GAAG,EAAE,CAAC;AAET,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,yCAAmB,GAAE,CAAC;IAE1E,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,IAAA,+BAAc,EAC/C,iCAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,+BAAc,EAAC,SAAS,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,uFAAuF;IACvF,OAAO,CACL,gCAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,uBAAC,2BAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,iCAAK,SAAS,EAAC,iEAAiE,aAC7E,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EACjD,uBAAC,+CAAsB,IAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,GAAI,EAC5E,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAC9C,GACO,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,UAAoB,EAAE,KAAiB,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,CAAS,EAAE,EAAE,CAC7F,CACE,uBAAC,2CAAoB,IAEnB,QAAQ,EAAE,CAAC,KAAK,UAAU,EAC1B,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,KAAK,IAHT,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAIxB,CACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.StickyBottomMenuBurger = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
6
|
+
const style_1 = require("../../utils/style");
|
|
7
|
+
exports.StickyBottomMenuBurger = (0, uni_jsx_1.JSX)(({ isActive, onClick }) => ((0, jsx_runtime_1.jsxs)("button", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), onClick: onClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6", name: "BurgerIcon", iconVersion: isActive ? 'color' : 'black' }), "\u041C\u0435\u043D\u044E"] })));
|
|
8
|
+
//# sourceMappingURL=StickyBottomMenuBurger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAO7B,QAAA,sBAAsB,GAAG,IAAA,aAAG,EAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,oCACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,aAEhB,uBAAC,WAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MenuItem } from './StickyBottomMenuContent';
|
|
2
|
+
interface StickyBottomMenuItemProps {
|
|
3
|
+
isActive?: boolean;
|
|
4
|
+
item?: MenuItem;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.StickyBottomMenuItem = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const useLink_1 = require("../../hooks/useLink");
|
|
6
|
+
const ProjectSettings_1 = require("../../ProjectSettings");
|
|
7
|
+
const Icon_1 = require("../../ui-kit/Icon/Icon");
|
|
8
|
+
const style_1 = require("../../utils/style");
|
|
9
|
+
exports.StickyBottomMenuItem = (0, uni_jsx_1.JSX)(({ isActive, item, onClick }) => {
|
|
10
|
+
const isAnotherPortal = !ProjectSettings_1.projectSettings?.BASE_PATH || !item?.href?.startsWith(ProjectSettings_1.projectSettings.BASE_PATH);
|
|
11
|
+
const link = (0, useLink_1.useLink)({ isRemote: isAnotherPortal });
|
|
12
|
+
const { href, onClick: handleClick } = link({ href: item?.href, onClick });
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)("a", { className: (0, style_1.style)(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), href: href, target: "_self", title: item?.title || '', onClick: handleClick, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "w-6 h-6", name: item?.icon?.icon, iconVersion: isActive ? 'color' : 'black' }), item?.title || ''] }));
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=StickyBottomMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyBottomMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,2DAAwD;AACxD,iDAA8C;AAC9C,6CAA0C;AAS7B,QAAA,oBAAoB,GAAG,IAAA,aAAG,EACrC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9B,MAAM,eAAe,GACnB,CAAC,iCAAe,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,iCAAe,CAAC,SAAS,CAAC,CAAC;IAEpF,MAAM,IAAI,GAAG,IAAA,iBAAO,EAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,aAAK,EACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,WAAW,aAEpB,uBAAC,WAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACzC,EACD,IAAI,EAAE,KAAK,IAAI,EAAE,IAChB,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
|
|
3
|
-
export interface MenuItemProps extends MenuItem {
|
|
4
|
-
isActive?: boolean;
|
|
5
|
-
}
|
|
6
3
|
export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
|
|
7
|
-
menuItems?:
|
|
4
|
+
menuItems?: MenuItem[];
|
|
8
5
|
}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function useActiveRoute<T extends {
|
|
2
|
+
href?: string;
|
|
3
|
+
}>(items?: T[] | undefined): [number, T];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":";;AAAA,0EAAuE;
|
|
1
|
+
{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":";;AAAA,0EAAuE;AACvE,2CAAwC;AAExC,SAAgB,cAAc,CAC5B,QAAyB,EAAE;IAE3B,MAAM,MAAM,GAAG,IAAA,qBAAS,GAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,IAAA,iCAAe,EAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC;AAPD,wCAOC"}
|
|
@@ -8,7 +8,6 @@ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
|
8
8
|
const style_1 = require("../../utils/style");
|
|
9
9
|
const Icon_1 = require("../Icon/Icon");
|
|
10
10
|
const renderClusterer_1 = require("./renderClusterer");
|
|
11
|
-
const renderOpenMap_1 = require("./renderOpenMap");
|
|
12
11
|
const renderUserGeolocation_1 = require("./renderUserGeolocation");
|
|
13
12
|
const useYandexMaps_1 = require("./useYandexMaps");
|
|
14
13
|
const ZoomButton_1 = require("./ZoomButton");
|
|
@@ -69,7 +68,7 @@ exports.YandexMap = (0, uni_jsx_1.JSX)(({ points, className = '', zoom = 5 }) =>
|
|
|
69
68
|
setIsFullScreen(container.isFullscreen());
|
|
70
69
|
};
|
|
71
70
|
const zIndex = isFullScreen ? 'z-[100000]' : 'z-10';
|
|
72
|
-
return ((0, jsx_runtime_1.jsxs)("div", { id: "map", className: (0, style_1.style)(!isFullScreen && 'relative', 'w-full', className), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)(
|
|
71
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: "map", className: (0, style_1.style)(!isFullScreen && 'relative', 'w-full', className), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, style_1.style)(Object.values(FULLSCREEN_STYLES), zIndex, 'right-2 top-4 bg-white'), onClick: toggleFullscreen, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), (0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md', zIndex), children: [(0, jsx_runtime_1.jsx)(ZoomButton_1.ZoomButton, { yandexMaps: map }), (0, jsx_runtime_1.jsx)(ZoomButton_1.ZoomButton, { yandexMaps: map, direction: "out" })] }), (0, renderUserGeolocation_1.renderUserGeolocation)(map.current, yandexMaps, (0, style_1.style)('right-2 top-80', zIndex))] }));
|
|
73
72
|
});
|
|
74
73
|
const getCenterPoint = (points) => [
|
|
75
74
|
getArraySumAndAverage(mapByIndex(points, 0)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YandexMap.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/YandexMap.tsx"],"names":[],"mappings":";;;AAAA,6DAA6D;AAC7D,cAAc;AACd,+CAAwC;AACxC,uDAA0E;AAE1E,6CAA0C;AAC1C,uCAAoC;AACpC,uDAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"YandexMap.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/YandexMap.tsx"],"names":[],"mappings":";;;AAAA,6DAA6D;AAC7D,cAAc;AACd,+CAAwC;AACxC,uDAA0E;AAE1E,6CAA0C;AAC1C,uCAAoC;AACpC,uDAAoD;AACpD,mEAAgE;AAChE,mDAAgD;AAChD,6CAA0C;AAQ1C,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,uCAAuC;IAC/C,QAAQ,EAAE,2CAA2C;IACrD,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,wCAAwC;IAC/C,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,0BAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAErD,oHAAoH;AACpH,sDAAsD;AACtD,0DAA0D;AAC1D,6EAA6E;AAChE,QAAA,SAAS,GAAG,IAAA,aAAG,EAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE;IACpF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEnD,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE;YACjB,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE;gBACrB,kEAAkE;gBAClE,IAAI,GAAG,CAAC,OAAO,EAAE;oBACf,OAAO;iBACR;gBAED,GAAG,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE;oBACtC,MAAM,EAAE,YAAY;oBACpB,IAAI;oBACJ,QAAQ,EAAE,EAAE;oBACZ,oBAAoB,EAAE,IAAI;iBAC3B,CAAC,CAAC;gBAEH,IAAA,iCAAe,EAAC,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,GAAG,CAAC,OAAO,IAAI,UAAU,EAAE;YAC7B,IAAA,iCAAe,EAAC,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAEjD,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE;gBACnB,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;aAC9C;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAElD,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,YAAY,EAAE;YACjB,SAAS,CAAC,eAAe,EAAE,CAAC;SAC7B;aAAM;YACL,SAAS,CAAC,cAAc,EAAE,CAAC;SAC5B;QACD,eAAe,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;IAEpD,OAAO,CACL,iCAAK,EAAE,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,aAAK,EAAC,CAAC,YAAY,IAAI,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,aAC9E,gCACE,SAAS,EAAE,IAAA,aAAK,EAAC,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,wBAAwB,CAAC,EACpF,OAAO,EAAE,gBAAgB,YAEzB,uBAAC,WAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACjD,EACN,iCACE,SAAS,EAAE,IAAA,aAAK,EACd,wFAAwF,EACxF,MAAM,CACP,aAED,uBAAC,uBAAU,IAAC,UAAU,EAAE,GAAG,GAAI,EAC/B,uBAAC,uBAAU,IAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,GAAG,IAC3C,EACL,IAAA,6CAAqB,EAAC,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,IAAA,aAAK,EAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,IAC5E,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,MAAkB,EAAE,EAAE,CAAC;IAC7C,qBAAqB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,qBAAqB,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,GAAe,EAAE,KAAa,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAEhF,MAAM,qBAAqB,GAAG,CAAC,GAAe,EAAE,EAAE,CAChD,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC"}
|
package/lib/common.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import "../fonts/ubuntu/ubuntu.css";@import "../fonts/mohave/mohave.css";html{scroll-behavior:smooth}*{--color-green:78,190,81;--color-green-light:131,184,62;--color-green-more-light:219,242,219;--color-green-dark:66,171,68;--color-green-more-dark:39,148,41;--color-yellow:221,182,61;--color-gray:201,202,204}[data-theme=pc]{--color-primary-main:var(--color-green-dark);--color-primary-divider:235,237,240;--color-primary-hover:36,131,65;--color-primary-active:36,95,52;--color-secondary-hover:36,131,65;--color-secondary-active:36,95,52;--color-secondary-text:125,126,127;--color-secondary-light:245,247,249;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}[data-theme=bc]{--color-primary-main:var(--color-green-light);--color-primary-hover:92,146,29;--color-primary-active:60,94,16;--color-secondary-hover:92,146,29;--color-secondary-active:60,94,16;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}[data-theme=eo]{--color-primary-main:var(--color-yellow);--color-primary-hover:187,151,39;--color-primary-active:126,99,12;--color-secondary-hover:187,151,39;--color-secondary-active:126,99,12;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}.container{margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}.container{max-width:100%}@media (min-width:640px){.container{max-width:none}}@media (min-width:768px){.container{max-width:none}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}[data-theme=eo] .md-container ul{list-style-type:none}[data-theme=eo] .md-container ul>li:before{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity));content:"🗸";font-weight:700;margin-right:.75rem}.md-container{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5rem;overflow:auto}.md-container p.h1{font-size:3.125rem;font-weight:400;line-height:3.25rem}.md-container blockquote{font-size:.9375rem;font-weight:300;line-height:1.25rem}.group[data-ver=primary] .md-container blockquote{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.md-container p.h2{font-size:2.5rem;font-weight:400;line-height:3rem}.md-container p.h3{font-size:2rem;font-weight:400;line-height:2.5rem}.md-container p.h4{font-size:1.75rem;font-weight:400;line-height:2.25rem}.md-container p.h5{font-size:1.5rem;font-weight:400;line-height:2.125rem}.md-container p.h6{font-size:1.25rem;font-weight:400;line-height:1.75rem}.md-container p{font-size:1rem;font-weight:300;line-height:1.5rem}.md-container ul{list-style-position:inside;list-style-type:disc}.md-container ol{list-style-position:inside;list-style-type:decimal}.md-container li{font-size:1rem;font-weight:300;line-height:1.5rem}.md-container li>p{display:inline}.md-container a{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity));font-weight:400}.md-container strong{font-weight:400}.secondary.md-container table{text-align:left;width:100%}.md-container table thead,.secondary.md-container table thead{color:rgb(var(--color-secondary-text))}.secondary.md-container table td,.secondary.md-container table th{padding:8px 14px 5px}.secondary.md-container table tbody tr:nth-child(2n-1){background-color:rgb(var(--color-secondary-light))}.secondary.md-container ul li{color:#7d7e7f}.md-container table{text-align:left;width:100%}.md-container table td,.md-container table th{font-size:18px;min-width:116px;padding:12px 8px 12px 0}.md-container table tr{border-bottom:1px solid rgb(var(--color-primary-divider))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{bottom:0;top:0}.inset-0,.inset-x-0{left:0;right:0}.left-3{left:.75rem}.right-3{right:.75rem}.top-10{top:2.5rem}.bottom-2{bottom:.5rem}.top-\[calc\(50\%-24px\)\]{top:calc(50% - 24px)}.top-0{top:0}.bottom-0{bottom:0}.left-1{left:.25rem}.left-0{left:0}.right-1{right:.25rem}.right-0{right:0}.-right-4{right:-1rem}.top-9{top:2.25rem}.right-12{right:3rem}.top-6{top:1.5rem}.right-8{right:2rem}.top-3{top:.75rem}.right-4{right:1rem}.-bottom-1\.5{bottom:-.375rem}.-left-1\.5{left:-.375rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-bottom-3{bottom:-.75rem}.-left-3{left:-.75rem}.top-28{top:7rem}.top-12{top:3rem}.right-7{right:1.75rem}.top-4{top:1rem}.left-12{left:3rem}.top-16{top:4rem}.right-3xl{right:2rem}.top-1{top:.25rem}.top-11{top:2.75rem}.bottom-4{bottom:1rem}.top-20{top:5rem}.-bottom-\[3px\]{bottom:-3px}.top-0\.5{top:.125rem}.left-1\/2{left:50%}.left-\[5\%\]{left:5%}.left-4{left:1rem}.left-6{left:1.5rem}.right-6{right:1.5rem}.left-2{left:.5rem}.right-2{right:.5rem}.top-52{top:13rem}.top-80{top:20rem}.z-40{z-index:40}.z-10{z-index:10}.z-\[100\]{z-index:100}.z-20{z-index:20}.z-50{z-index:50}.z-\[100000\]{z-index:100000}.order-4{order:4}.order-1{order:1}.order-6{order:6}.order-2{order:2}.order-5{order:5}.order-3{order:3}.col-span-12{grid-column:span 12/span 12}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-2{grid-column:span 2/span 2}.col-span-10{grid-column:span 10/span 10}.col-span-3{grid-column:span 3/span 3}.col-span-8{grid-column:span 8/span 8}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.m-auto{margin:auto}.m-2xl{margin:1.75rem}.m-4xl{margin:2.25rem}.m-0{margin:0}.m-4{margin:1rem}.m-xl{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-2xl{margin-left:1.75rem;margin-right:1.75rem}.my-xs{margin-bottom:.5rem;margin-top:.5rem}.my-2xs{margin-bottom:.25rem;margin-top:.25rem}.mx-3xl{margin-left:2rem;margin-right:2rem}.-mx-5xl{margin-left:-2.5rem;margin-right:-2.5rem}.my-0{margin-bottom:0;margin-top:0}.mx-2xs{margin-left:.25rem;margin-right:.25rem}.my-auto{margin-bottom:auto;margin-top:auto}.my-lg{margin-bottom:1.25rem;margin-top:1.25rem}.mx-lg{margin-left:1.25rem;margin-right:1.25rem}.mb-m{margin-bottom:1rem}.mb-2,.mb-xs{margin-bottom:.5rem}.mb-2xs{margin-bottom:.25rem}.mb-s{margin-bottom:.75rem}.mt-xl{margin-top:1.5rem}.mb-xl{margin-bottom:1.5rem}.-mb-10{margin-bottom:-2.5rem}.-mb-6{margin-bottom:-1.5rem}.mb-lg{margin-bottom:1.25rem}.-mt-m{margin-top:-1rem}.mt-2{margin-top:.5rem}.mt-lg{margin-top:1.25rem}.mt-m{margin-top:1rem}.mr-xs{margin-right:.5rem}.ml-s{margin-left:.75rem}.ml-2xs{margin-left:.25rem}.mt-2xs{margin-top:.25rem}.mb-4xl{margin-bottom:2.25rem}.mt-auto{margin-top:auto}.mt-xs{margin-top:.5rem}.mb-3xl{margin-bottom:2rem}.mb-2xl{margin-bottom:1.75rem}.-mr-24{margin-right:-6rem}.mr-2xs{margin-right:.25rem}.mr-3xl{margin-right:2rem}.ml-auto{margin-left:auto}.mt-s{margin-top:.75rem}.ml-4xl{margin-left:2.25rem}.-mt-xs{margin-top:-.5rem}.-mb-m{margin-bottom:-1rem}.mr-s{margin-right:.75rem}.mb-5{margin-bottom:1.25rem}.mb-3{margin-bottom:.75rem}.mb-3xs{margin-bottom:.125rem}.ml-px{margin-left:1px}.mr-3xs{margin-right:.125rem}.-mt-3xs{margin-top:-.125rem}.ml-xs{margin-left:.5rem}.ml-m{margin-left:1rem}.mr-m{margin-right:1rem}.mt-3xl{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.\!block{display:block!important}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-2{height:.5rem}.h-full{height:100%}.h-11{height:2.75rem}.h-6{height:1.5rem}.h-32{height:8rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-\[485px\]{height:485px}.h-96{height:24rem}.h-\[300px\]{height:300px}.h-16{height:4rem}.h-8{height:2rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-52{height:13rem}.h-\[3px\]{height:3px}.h-px{height:1px}.h-12{height:3rem}.h-24{height:6rem}.h-4{height:1rem}.h-\[600px\]{height:600px}.h-9{height:2.25rem}.h-28{height:7rem}.h-7{height:1.75rem}.h-\[640px\]{height:640px}.h-0\.5{height:.125rem}.h-0{height:0}.h-auto{height:auto}.h-\[74px\]{height:74px}.h-3{height:.75rem}.h-5{height:1.25rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.max-h-full{max-height:100%}.max-h-0{max-height:0}.max-h-12{max-height:3rem}.max-h-64{max-height:16rem}.min-h-24{min-height:6rem}.min-h-20{min-height:5rem}.min-h-6{min-height:1.5rem}.min-h-16{min-height:4rem}.min-h-28{min-height:7rem}.min-h-80{min-height:20rem}.min-h-11{min-height:2.75rem}.min-h-12,.min-h-6xl{min-height:3rem}.min-h-full{min-height:100%}.min-h-4{min-height:1rem}.w-full{width:100%}.w-auto{width:auto}.w-11{width:2.75rem}.w-96{width:24rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-64{width:16rem}.w-20{width:5rem}.w-14{width:3.5rem}.w-\[440px\]{width:440px}.w-\[340px\]{width:340px}.w-\[1007px\]{width:1007px}.w-\[350px\]{width:350px}.w-1\/3{width:33.333333%}.w-16{width:4rem}.w-80{width:20rem}.w-52{width:13rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-\[3px\]{width:3px}.w-12{width:3rem}.w-32{width:8rem}.w-60{width:15rem}.w-px{width:1px}.w-9{width:2.25rem}.w-4{width:1rem}.w-24{width:6rem}.w-72{width:18rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-\[1280px\]{width:1280px}.w-56{width:14rem}.w-2{width:.5rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/4{width:25%}.w-1\/2{width:50%}.min-w-12{min-width:3rem}.min-w-6{min-width:1.5rem}.min-w-80{min-width:20rem}.min-w-full{min-width:100%}.min-w-\[16rem\]{min-width:16rem}.min-w-16{min-width:4rem}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.min-w-72{min-width:18rem}.min-w-11{min-width:2.75rem}.min-w-32{min-width:8rem}.min-w-24{min-width:6rem}.min-w-\[80\%\]{min-width:80%}.min-w-\[350px\]{min-width:350px}.min-w-0{min-width:0}.min-w-56{min-width:14rem}.min-w-4{min-width:1rem}.min-w-20{min-width:5rem}.max-w-\[978px\]{max-width:978px}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.max-w-\[292px\]{max-width:292px}.max-w-\[657px\]{max-width:657px}.max-w-\[180px\]{max-width:180px}.max-w-\[300px\]{max-width:300px}.max-w-none{max-width:none}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.shrink-1\/2{flex-shrink:0.5}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.basis-1\/2{flex-basis:50%}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.origin-top{transform-origin:top}.rotate-180{--tw-rotate:180deg}.-rotate-90,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes expansion{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-expansion{animation:expansion .3s ease-out}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-always{scroll-snap-stop:always}.scroll-mt-12{scroll-margin-top:3rem}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.columns-1{-moz-columns:1;column-count:1}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-\[max-content_1fr\]{grid-auto-rows:max-content 1fr}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-stretch{justify-items:stretch}.gap-3{gap:.75rem}.gap-m{gap:1rem}.gap-lg{gap:1.25rem}.gap-xl{gap:1.5rem}.gap-s{gap:.75rem}.gap-5xl{gap:2.5rem}.gap-3xl{gap:2rem}.gap-1,.gap-2xs{gap:.25rem}.gap-2xl{gap:1.75rem}.gap-xs{gap:.5rem}.gap-4{gap:1rem}.gap-6xl{gap:3rem}.gap-4xl{gap:2.25rem}.gap-3xs{gap:.125rem}.gap-2{gap:.5rem}.gap-x-m{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4xl{row-gap:2.25rem}.gap-y-4,.gap-y-m{row-gap:1rem}.gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.gap-y-xl{row-gap:1.5rem}.gap-y-2xl{row-gap:1.75rem}.gap-x-lg{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-xs{row-gap:.5rem}.gap-x-6xl{-moz-column-gap:3rem;column-gap:3rem}.gap-y-3xl{row-gap:2rem}.gap-x-s{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-x-5xl{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-s{row-gap:.75rem}.gap-x-2xs{-moz-column-gap:.25rem;column-gap:.25rem}.space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-m>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-s>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-m>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1px*var(--tw-space-y-reverse));margin-top:calc(1px*(1 - var(--tw-space-y-reverse)))}.space-y-2xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-xl>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-3xl>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-2xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.75rem*var(--tw-space-y-reverse));margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.25rem*var(--tw-space-y-reverse));margin-top:calc(2.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-y-6xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-md{border-radius:.375rem}.rounded-icon{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-tl-3xl{border-top-left-radius:1.5rem}.border{border-width:1px}.border-0{border-width:0}.border-4{border-width:4px}.border-2{border-width:2px}.border-y-0{border-bottom-width:0;border-top-width:0}.border-y{border-bottom-width:1px;border-top-width:1px}.border-x-0{border-left-width:0;border-right-width:0}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-t-0{border-top-width:0}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-primary-main{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.border-green-more-dark{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-dark),var(--tw-border-opacity))}.border-main{--tw-border-opacity:1;border-color:rgba(240,244,240,var(--tw-border-opacity))}.border-yellow-light{--tw-border-opacity:1;border-color:rgba(206,200,51,var(--tw-border-opacity))}.border-green-more-light{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-light),var(--tw-border-opacity))}.border-error\/30{border-color:rgba(242,48,48,.3)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.border-error{--tw-border-opacity:1;border-color:rgba(242,48,48,var(--tw-border-opacity))}.border-y-main-divider{border-top-color:rgba(235,237,240,var(--tw-border-opacity))}.border-b-main-divider,.border-y-main-divider{--tw-border-opacity:1;border-bottom-color:rgba(235,237,240,var(--tw-border-opacity))}.border-opacity-50{--tw-border-opacity:0.5}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-ok{background-color:#edf5e1 ;}.bg-fail{background-color:#ffebeb ;}.bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.\!bg-transparent{background-color:transparent!important}.bg-green-light{--tw-bg-opacity:1;background-color:rgba(var(--color-green-light),var(--tw-bg-opacity))}.bg-yellow-light{--tw-bg-opacity:1;background-color:rgba(206,200,51,var(--tw-bg-opacity))}.bg-green-dark{--tw-bg-opacity:1;background-color:rgba(var(--color-green-dark),var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgba(var(--color-green),var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-main{--tw-bg-opacity:1;background-color:rgba(240,244,240,var(--tw-bg-opacity))}.bg-primary-text{--tw-bg-opacity:1;background-color:rgba(28,28,28,var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-main-divider\/20{background-color:rgba(235,237,240,.2)}.bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.bg-yellow{--tw-bg-opacity:1;background-color:rgba(var(--color-yellow),var(--tw-bg-opacity))}.bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.bg-green-more-light{--tw-bg-opacity:1;background-color:rgba(var(--color-green-more-light),var(--tw-bg-opacity))}.bg-error\/30{background-color:rgba(242,48,48,.3)}.bg-white\/10{background-color:hsla(0,0%,100%,.1) ;}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-main-gray{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-primary-active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.bg-main-disabled{--tw-bg-opacity:1;background-color:rgba(187,187,187,var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-opacity-from-white{background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,.7) 25%,hsla(0,0%,100%,0) 80%);}.bg-opacity-to-white{background-image:linear-gradient(270deg,#fff 34.89%,hsla(0,0%,100%,0) 92.52%);}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-main-gradient-start{--tw-gradient-from:rgba(var(--color-gradient-from),1);--tw-gradient-to:rgba(var(--color-gradient-from),0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-main-gradient-end{--tw-gradient-to:rgba(var(--color-gradient-to),1)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-fill{-o-object-fit:fill;object-fit:fill}.p-6xl{padding:3rem}.p-3xl{padding:2rem}.p-xl{padding:1.5rem}.p-m{padding:1rem}.p-xs{padding:.5rem}.p-0{padding:0}.p-lg{padding:1.25rem}.p-s{padding:.75rem}.p-4xl{padding:2.25rem}.p-2xl{padding:1.75rem}.p-2xs{padding:.25rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-5{padding:1.25rem}.px-xl{padding-left:1.5rem;padding-right:1.5rem}.py-lg{padding-bottom:1.25rem;padding-top:1.25rem}.py-xs{padding-bottom:.5rem;padding-top:.5rem}.py-s{padding-bottom:.75rem;padding-top:.75rem}.py-2xl{padding-bottom:1.75rem;padding-top:1.75rem}.px-lg{padding-left:1.25rem;padding-right:1.25rem}.py-2xs{padding-bottom:.25rem;padding-top:.25rem}.px-20{padding-left:5rem;padding-right:5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-0{padding-left:0;padding-right:0}.px-m{padding-left:1rem;padding-right:1rem}.px-6xl{padding-left:3rem;padding-right:3rem}.px-s{padding-left:.75rem;padding-right:.75rem}.px-5xl{padding-left:2.5rem;padding-right:2.5rem}.px-xs{padding-left:.5rem;padding-right:.5rem}.py-xl{padding-bottom:1.5rem;padding-top:1.5rem}.py-6xl{padding-bottom:3rem;padding-top:3rem}.px-24{padding-left:6rem;padding-right:6rem}.px-16{padding-left:4rem;padding-right:4rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-32{padding-left:8rem;padding-right:8rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-m{padding-bottom:1rem;padding-top:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4xl{padding-left:2.25rem;padding-right:2.25rem}.pb-lg{padding-bottom:1.25rem}.pb-2xs{padding-bottom:.25rem}.pb-3xl{padding-bottom:2rem}.pl-s{padding-left:.75rem}.pt-4xl{padding-top:2.25rem}.pr-xl{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pb-4{padding-bottom:1rem}.pt-3xl{padding-top:2rem}.pr-xs{padding-right:.5rem}.pb-s{padding-bottom:.75rem}.pt-m{padding-top:1rem}.pt-xs{padding-top:.5rem}.pt-lg{padding-top:1.25rem}.pr-6xl{padding-right:3rem}.pt-xl{padding-top:1.5rem}.pl-5xl{padding-left:2.5rem}.pt-2xl{padding-top:1.75rem}.pb-24{padding-bottom:6rem}.pb-xs{padding-bottom:.5rem}.pr-s{padding-right:.75rem}.pb-m{padding-bottom:1rem}.pb-6xl{padding-bottom:3rem}.pl-3xl{padding-left:2rem}.pr-lg{padding-right:1.25rem}.pb-xl{padding-bottom:1.5rem}.pt-6xl{padding-top:3rem}.pb-2xl{padding-bottom:1.75rem}.pr-m{padding-right:1rem}.pl-6xl{padding-left:3rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-xl{padding-left:1.5rem}.pt-0{padding-top:0}.pl-xs{padding-left:.5rem}.pr-3xl{padding-right:2rem}.pl-m{padding-left:1rem}.pb-20{padding-bottom:5rem}.pt-2xs{padding-top:.25rem}.pr-5xl{padding-right:2.5rem}.pt-3xs{padding-top:.125rem}.text-left{text-align:left}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-sans{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mohave{font-family:Mohave,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-m{font-size:.9375rem;font-weight:400;line-height:1.25rem}.text-xs{font-size:.75rem;font-weight:400;line-height:1.125rem}.text-s{font-size:.875rem;font-weight:400;line-height:1.25rem}.text-l{font-size:1rem;font-weight:400;line-height:1.5rem}.text-title-large{font-size:7.5rem;line-height:10rem}.text-h2{font-size:2.5rem;font-weight:400;line-height:3rem}.text-h6{font-size:1.25rem;font-weight:400;line-height:1.75rem}.text-xl{font-size:1.125rem;font-weight:400;line-height:1.5rem}.text-h3{font-size:2rem;font-weight:400;line-height:2.5rem}.text-title-huge{font-size:12.5rem;line-height:15.625rem}.text-7xl{font-size:4.5rem;line-height:1}.text-h5{font-size:1.5rem;font-weight:400;line-height:2.125rem}.text-h4{font-size:1.75rem;font-weight:400;line-height:2.25rem}.text-h0{font-size:3.5rem;font-weight:400;line-height:3.5rem}.text-h1{font-size:3.125rem;font-weight:400;line-height:3.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.leading-\[18px\]{line-height:18px}.leading-5{line-height:1.25rem}.tracking-\[-15px\]{letter-spacing:-15px}.text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgba(242,48,48,var(--tw-text-opacity))}.text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.text-secondary-text\/80{color:hsla(210,1%,49%,.8)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-secondary-light{--tw-text-opacity:1;color:rgba(245,247,249,var(--tw-text-opacity))}.text-yellow{--tw-text-opacity:1;color:rgba(var(--color-yellow),var(--tw-text-opacity))}.text-green-dark{--tw-text-opacity:1;color:rgba(var(--color-green-dark),var(--tw-text-opacity))}.text-slate-600\/50{color:rgba(71,85,105,.5)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-main-disabled{--tw-text-opacity:1;color:rgba(187,187,187,var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgba(var(--color-gray),var(--tw-text-opacity))}.text-main{--tw-text-opacity:1;color:rgba(240,244,240,var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgba(var(--color-green),var(--tw-text-opacity))}.no-underline{text-decoration-line:none}.opacity-80{opacity:.8}.opacity-30{opacity:.3}.opacity-0{opacity:0}.opacity-20{opacity:.2}.shadow-main-black{--tw-shadow:0 4px 25px rgba(0,0,0,.07);--tw-shadow-colored:0 4px 25px var(--tw-shadow-color)}.shadow-dark-blue,.shadow-main-black{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-dark-blue{--tw-shadow:0 18px 36px -4px rgba(24,39,75,.42) ;;--tw-shadow-colored:0 18px 36px -4px var(--tw-shadow-color)}.shadow-\[0_8px_32px_0px_\#00000014\]{--tw-shadow:0 8px 32px 0px #00000014;--tw-shadow-colored:0 8px 32px 0px var(--tw-shadow-color)}.shadow-\[0_8px_32px_0px_\#00000014\],.shadow-blue-gray{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-gray{--tw-shadow:0 14px 36px -4px rgba(21,40,90,.24) ;;--tw-shadow-colored:0 14px 36px -4px var(--tw-shadow-color)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-0{outline-width:0}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-height{transition-duration:.15s;transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\@container{container-type:inline-size}.\@container-normal{container-type:normal}.rotate-180{transform:rotate(180deg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.horizontal-list{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory}.horizontal-list,.vertical-list{-webkit-overflow-scrolling:touch}.vertical-list{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.gradient-color-text{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(180deg,#42ab44,#f6db7d);-webkit-background-clip:text}.gradient-color-text-on-green{background:linear-gradient(180deg,#cec833,#7dae3c);-webkit-background-clip:text}.gradient-color-text-on-green,.gradient-color-text-on-yellow{-webkit-text-fill-color:transparent;text-fill-color:transparent;opacity:.5}.gradient-color-text-on-yellow{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,#cec833,#7dae3c);-webkit-background-clip:text}input[type=range].slider{-webkit-appearance:none;background:transparent;background-image:linear-gradient(rgb(var(--color-primary-main)),rgb(var(--color-primary-main)));background-repeat:no-repeat;border-radius:5px;height:4px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:18px;width:18px}input[type=range].slider::-moz-range-thumb{background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:12px;width:12px}input[type=range].slider::-ms-thumb{background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:18px;width:18px}input[type=range].slider:disabled{background-image:linear-gradient(rgb(var(--color-gray)),rgb(var(--color-gray)));cursor:default;pointer-events:none}input[type=range].slider:disabled::-webkit-slider-thumb{background:rgb(var(--color-gray))}input[type=range].slider:disabled::-moz-range-thumb{background:rgb(var(--color-gray))}input[type=range].slider:disabled::-ms-thumb{background:rgb(var(--color-gray))}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[class$=-copyrights-pane],[class$=-map-copyrights-promo]{display:none}.after\:block:after{content:var(--tw-content);display:block}.after\:h-2\.5:after{content:var(--tw-content);height:.625rem}.after\:h-2:after{content:var(--tw-content);height:.5rem}.after\:w-2\.5:after{content:var(--tw-content);width:.625rem}.after\:w-2:after{content:var(--tw-content);width:.5rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.first\:pt-2xl:first-child{padding-top:1.75rem}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.last\:border-r-0:last-child{border-right-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-2xl:last-child{padding-bottom:1.75rem}.last\:pr-3xl:last-child{padding-right:2rem}.odd\:bg-main-divider:nth-child(odd){--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.visited\:text-secondary-text:visited{color:rgba(125,126,127,var(--tw-text-opacity))}.checked\:border-2:checked{border-width:2px}.checked\:\!border-primary-main:checked{--tw-border-opacity:1!important;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))!important}.checked\:after\:bg-primary-main:checked:after{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity));content:var(--tw-content)}.hover\:border-primary-hover:hover{border-color:#868686}.hover\:border-primary-main:hover{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.hover\:bg-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-hover),var(--tw-bg-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.hover\:bg-gray:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-main-divider:hover{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.hover\:bg-green-more-dark:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-green-more-dark),var(--tw-bg-opacity))}.hover\:py-xl:hover{padding-bottom:1.5rem;padding-top:1.5rem}.hover\:text-primary-main:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.hover\:text-primary-active:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-active),var(--tw-text-opacity))}.hover\:text-primary-hover:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-60:hover{opacity:.6}.focus\:border:focus{border-width:1px}.focus\:border-0:focus{border-width:0}.focus\:border-primary-text:focus{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.focus\:border-black:focus{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.focus\:checked\:border-primary-main:checked:focus{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.active\:border-black:active{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.active\:border-primary-text:active{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.active\:bg-secondary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-active),var(--tw-bg-opacity))}.active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.active\:bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\:text-primary-main:active{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.active\:focus\:border-primary-text:focus:active{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.disabled\:border-gray:disabled{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.disabled\:bg-main-divider:disabled{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.group:last-child .group-last\:last\:pb-0:last-child{padding-bottom:0}.group\/box:hover .group-hover\/box\:border-primary-hover{border-color:#868686}.group\/btn:hover .group-hover\/btn\:bg-primary-hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.group\/link:hover .group-hover\/link\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group\/btn:hover .group-hover\/btn\:text-primary-hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}.group\/btn:hover .group-hover\/btn\:text-primary-main,.group\/button:hover .group-hover\/button\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group\/link:hover .group-hover\/link\:brightness-100{--tw-brightness:brightness(1)}.group\/btn:hover .group-hover\/btn\:brightness-0,.group\/link:hover .group-hover\/link\:brightness-100{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/btn:hover .group-hover\/btn\:brightness-0{--tw-brightness:brightness(0)}.group\/btn:hover .group-hover\/btn\:invert-0{--tw-invert:invert(0)}.group\/btn:hover .group-hover\/btn\:invert,.group\/btn:hover .group-hover\/btn\:invert-0{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/btn:hover .group-hover\/btn\:invert{--tw-invert:invert(100%)}.group[data-ver=primary] .group-data-primary\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.group[data-ver=primary] .group-data-primary\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.group[data-ver=primary] .group-data-primary\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:border-white\/50{border-color:hsla(0,0%,100%,.5)}.group[data-ver=secondary] .group-data-secondary\:bg-primary-main\/10{background-color:rgba(var(--color-primary-main),.1)}.group[data-ver=secondary] .group-data-secondary\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group[data-ver=secondary] .group-data-secondary\:bg-white\/30{background-color:hsla(0,0%,100%,.3)}.group[data-ver=secondary] .group-data-secondary\:bg-white\/20{background-color:hsla(0,0%,100%,.2)}.group[data-ver=secondary] .group-data-secondary\:bg-none{background-image:none}.group[data-ver=secondary] .group-data-secondary\:text-white\/80{color:hsla(0,0%,100%,.8)}.group[data-ver=secondary] .group-data-secondary\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.group[data-ver=secondary] .group-data-secondary\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.group[data-ver=gray] .group-data-gray\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.group[data-ver=gray] .group-data-gray\:border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.group[data-ver=gray] .group-data-gray\:bg-main-divider\/50{background-color:rgba(235,237,240,.5)}.group[data-ver=gray] .group-data-gray\:text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.group[data-ver=transparent] .group-data-transparent\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.group[data-ver=transparent] .group-data-transparent\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group[data-ver=transparent] .group-data-transparent\:bg-transparent{background-color:transparent}.group[data-ver=transparent] .group-data-transparent\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=transparent] .group-data-transparent\:hover\:text-primary-hover:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}@container (min-width: 24rem){.\@sm\:h-full{height:100%}}@container (min-width: 28rem){.\@md\:flex{display:flex}.\@md\:max-w-\[500px\]{max-width:500px}.\@md\:basis-1\/2{flex-basis:50%}.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:flex-row{flex-direction:row}.\@md\:justify-center{justify-content:center}}@container (min-width: 32rem){.\@lg\:left-8{left:2rem}.\@lg\:right-8{right:2rem}.\@lg\:block{display:block}.\@lg\:min-w-\[50\%\]{min-width:50%}.\@lg\:min-w-\[33\.3\%\]{min-width:33.3%}.\@lg\:min-w-\[25\%\]{min-width:25%}.\@lg\:basis-auto{flex-basis:auto}}@container (min-width: 36rem){.\@xl\:-order-1{order:-1}.\@xl\:order-none{order:0}.\@xl\:col-start-2{grid-column-start:2}.\@xl\:row-span-2{grid-row:span 2/span 2}.\@xl\:mb-0{margin-bottom:0}.\@xl\:mb-2xl{margin-bottom:1.75rem}.\@xl\:mt-s{margin-top:.75rem}.\@xl\:mb-4{margin-bottom:1rem}.\@xl\:-mb-4{margin-bottom:-1rem}.\@xl\:mt-0{margin-top:0}.\@xl\:block{display:block}.\@xl\:inline{display:inline}.\@xl\:flex{display:flex}.\@xl\:grid{display:grid}.\@xl\:hidden{display:none}.\@xl\:h-60{height:15rem}.\@xl\:w-auto{width:auto}.\@xl\:w-1\/2{width:50%}.\@xl\:w-\[48\%\]{width:48%}.\@xl\:w-96{width:24rem}.\@xl\:max-w-md{max-width:28rem}.\@xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@xl\:flex-row{flex-direction:row}.\@xl\:flex-col{flex-direction:column}.\@xl\:flex-nowrap{flex-wrap:nowrap}.\@xl\:items-start{align-items:flex-start}.\@xl\:items-center{align-items:center}.\@xl\:justify-between{justify-content:space-between}.\@xl\:gap-lg{gap:1.25rem}.\@xl\:gap-xl{gap:1.5rem}.\@xl\:gap-x-lg{-moz-column-gap:1.25rem;column-gap:1.25rem}.\@xl\:space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.\@xl\:self-start{align-self:flex-start}.\@xl\:self-end{align-self:flex-end}.\@xl\:self-center{align-self:center}.\@xl\:justify-self-end{justify-self:end}.\@xl\:border-none{border-style:none}.\@xl\:p-3xl{padding:2rem}.\@xl\:py-0{padding-bottom:0;padding-top:0}.\@xl\:pb-4xl{padding-bottom:2.25rem}.\@xl\:pb-0{padding-bottom:0}.\@xl\:text-center{text-align:center}.\@xl\:text-h3{font-size:2rem;font-weight:400;line-height:2.5rem}}@container (min-width: 56rem){.\@4xl\:ml-s{margin-left:.75rem}.\@4xl\:block{display:block}.\@4xl\:w-72{width:18rem}.\@4xl\:flex-row{flex-direction:row}.\@4xl\:gap-lg{gap:1.25rem}.\@4xl\:gap-0{gap:0}.\@4xl\:space-y-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.\@4xl\:border-b{border-bottom-width:1px}.\@4xl\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.\@4xl\:bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.\@4xl\:pt-lg{padding-top:1.25rem}}@container (min-width: 64rem){.\@5xl\:block{display:block}.\@5xl\:grid{display:grid}.\@5xl\:hidden{display:none}.\@5xl\:h-auto{height:auto}.\@5xl\:w-40{width:10rem}.\@5xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@5xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\@5xl\:flex-row{flex-direction:row}.\@5xl\:gap-2xs{gap:.25rem}.\@5xl\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@container (min-width: 72rem){.\@6xl\:min-w-\[672px\]{min-width:672px}.\@6xl\:flex-row{flex-direction:row}}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-6xl{margin-top:3rem}.sm\:ml-0{margin-left:0}.sm\:mb-2xs{margin-bottom:.25rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-16{height:4rem}.sm\:h-12{height:3rem}.sm\:w-96{width:24rem}.sm\:w-24{width:6rem}.sm\:w-12{width:3rem}.sm\:min-w-64{min-width:16rem}.sm\:min-w-96{min-width:24rem}.sm\:min-w-\[515px\]{min-width:515px}.sm\:min-w-12{min-width:3rem}.sm\:max-w-md{max-width:28rem}.sm\:flex-1{flex:1 1 0%}.sm\:columns-5{-moz-columns:5;column-count:5}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0}.sm\:gap-m{gap:1rem}.sm\:gap-xs{gap:.5rem}.sm\:gap-xl{gap:1.5rem}.sm\:gap-y-s{row-gap:.75rem}.sm\:space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-s>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:whitespace-normal{white-space:normal}.sm\:rounded-md{border-radius:.375rem}.sm\:border{border-width:1px}.sm\:border-t{border-top-width:1px}.sm\:border-solid{border-style:solid}.sm\:border-green-more-light{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-light),var(--tw-border-opacity))}.sm\:border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.sm\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.sm\:border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.sm\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.sm\:bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.sm\:p-m{padding:1rem}.sm\:p-5xl{padding:2.5rem}.sm\:py-m{padding-bottom:1rem;padding-top:1rem}.sm\:px-lg{padding-left:1.25rem;padding-right:1.25rem}.sm\:pt-16{padding-top:4rem}.sm\:pl-6xl{padding-left:3rem}.sm\:pb-4xl{padding-bottom:2.25rem}.sm\:text-title-extra{font-size:15.625rem;line-height:14.687rem}.sm\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.sm\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@media (min-width:1280px){.xl\:block{display:block}.xl\:min-w-\[20rem\]{min-width:20rem}.xl\:max-w-\[468px\]{max-width:468px}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-center{justify-content:center}.xl\:self-center{align-self:center}.xl\:rounded-md{border-radius:.375rem}.xl\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.xl\:pb-4xl{padding-bottom:2.25rem}}.\[\&\>\*\]\:p-0>*{padding:0}.\[\&\>\*\]\:pb-m>*{padding-bottom:1rem}
|
|
1
|
+
@import "../fonts/ubuntu/ubuntu.css";@import "../fonts/mohave/mohave.css";html{scroll-behavior:smooth}*{--color-green:78,190,81;--color-green-light:131,184,62;--color-green-more-light:219,242,219;--color-green-dark:66,171,68;--color-green-more-dark:39,148,41;--color-yellow:221,182,61;--color-gray:201,202,204}[data-theme=pc]{--color-primary-main:var(--color-green-dark);--color-primary-divider:235,237,240;--color-primary-hover:36,131,65;--color-primary-active:36,95,52;--color-secondary-hover:36,131,65;--color-secondary-active:36,95,52;--color-secondary-text:125,126,127;--color-secondary-light:245,247,249;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}[data-theme=bc]{--color-primary-main:var(--color-green-light);--color-primary-hover:92,146,29;--color-primary-active:60,94,16;--color-secondary-hover:92,146,29;--color-secondary-active:60,94,16;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}[data-theme=eo]{--color-primary-main:var(--color-yellow);--color-primary-hover:187,151,39;--color-primary-active:126,99,12;--color-secondary-hover:187,151,39;--color-secondary-active:126,99,12;--color-gradient-from:141,189,76;--color-gradient-to:69,172,69}.container{margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}.container{max-width:100%}@media (min-width:640px){.container{max-width:none}}@media (min-width:768px){.container{max-width:none}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}[data-theme=eo] .md-container ul{list-style-type:none}[data-theme=eo] .md-container ul>li:before{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity));content:"🗸";font-weight:700;margin-right:.75rem}.md-container{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5rem;overflow:auto}.md-container p.h1{font-size:3.125rem;font-weight:400;line-height:3.25rem}.md-container blockquote{font-size:.9375rem;font-weight:300;line-height:1.25rem}.group[data-ver=primary] .md-container blockquote{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.md-container p.h2{font-size:2.5rem;font-weight:400;line-height:3rem}.md-container p.h3{font-size:2rem;font-weight:400;line-height:2.5rem}.md-container p.h4{font-size:1.75rem;font-weight:400;line-height:2.25rem}.md-container p.h5{font-size:1.5rem;font-weight:400;line-height:2.125rem}.md-container p.h6{font-size:1.25rem;font-weight:400;line-height:1.75rem}.md-container p{font-size:1rem;font-weight:300;line-height:1.5rem}.md-container ul{list-style-position:inside;list-style-type:disc}.md-container ol{list-style-position:inside;list-style-type:decimal}.md-container li{font-size:1rem;font-weight:300;line-height:1.5rem}.md-container li>p{display:inline}.md-container a{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity));font-weight:400}.md-container strong{font-weight:400}.secondary.md-container table{text-align:left;width:100%}.md-container table thead,.secondary.md-container table thead{color:rgb(var(--color-secondary-text))}.secondary.md-container table td,.secondary.md-container table th{padding:8px 14px 5px}.secondary.md-container table tbody tr:nth-child(2n-1){background-color:rgb(var(--color-secondary-light))}.secondary.md-container ul li{color:#7d7e7f}.md-container table{text-align:left;width:100%}.md-container table td,.md-container table th{font-size:18px;min-width:116px;padding:12px 8px 12px 0}.md-container table tr{border-bottom:1px solid rgb(var(--color-primary-divider))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.\!visible{visibility:visible!important}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{bottom:0;top:0}.inset-0,.inset-x-0{left:0;right:0}.left-3{left:.75rem}.right-3{right:.75rem}.top-10{top:2.5rem}.bottom-2{bottom:.5rem}.top-\[calc\(50\%-24px\)\]{top:calc(50% - 24px)}.top-0{top:0}.bottom-0{bottom:0}.left-1{left:.25rem}.left-0{left:0}.right-1{right:.25rem}.right-0{right:0}.-right-4{right:-1rem}.top-9{top:2.25rem}.right-12{right:3rem}.top-6{top:1.5rem}.right-8{right:2rem}.top-3{top:.75rem}.right-4{right:1rem}.-bottom-1\.5{bottom:-.375rem}.-left-1\.5{left:-.375rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-bottom-3{bottom:-.75rem}.-left-3{left:-.75rem}.top-28{top:7rem}.top-12{top:3rem}.right-7{right:1.75rem}.top-4{top:1rem}.left-12{left:3rem}.top-16{top:4rem}.right-3xl{right:2rem}.top-1{top:.25rem}.top-11{top:2.75rem}.bottom-4{bottom:1rem}.top-20{top:5rem}.-bottom-\[3px\]{bottom:-3px}.top-0\.5{top:.125rem}.left-1\/2{left:50%}.left-\[5\%\]{left:5%}.left-4{left:1rem}.left-6{left:1.5rem}.right-6{right:1.5rem}.right-2{right:.5rem}.top-52{top:13rem}.top-80{top:20rem}.z-40{z-index:40}.z-10{z-index:10}.z-\[100\]{z-index:100}.z-20{z-index:20}.z-50{z-index:50}.z-\[100000\]{z-index:100000}.order-4{order:4}.order-1{order:1}.order-6{order:6}.order-2{order:2}.order-5{order:5}.order-3{order:3}.col-span-12{grid-column:span 12/span 12}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-2{grid-column:span 2/span 2}.col-span-10{grid-column:span 10/span 10}.col-span-3{grid-column:span 3/span 3}.col-span-8{grid-column:span 8/span 8}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.m-auto{margin:auto}.m-2xl{margin:1.75rem}.m-4xl{margin:2.25rem}.m-0{margin:0}.m-4{margin:1rem}.m-xl{margin:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-2xl{margin-left:1.75rem;margin-right:1.75rem}.my-xs{margin-bottom:.5rem;margin-top:.5rem}.my-2xs{margin-bottom:.25rem;margin-top:.25rem}.mx-3xl{margin-left:2rem;margin-right:2rem}.-mx-5xl{margin-left:-2.5rem;margin-right:-2.5rem}.my-0{margin-bottom:0;margin-top:0}.mx-2xs{margin-left:.25rem;margin-right:.25rem}.my-auto{margin-bottom:auto;margin-top:auto}.my-lg{margin-bottom:1.25rem;margin-top:1.25rem}.mx-lg{margin-left:1.25rem;margin-right:1.25rem}.mb-m{margin-bottom:1rem}.mb-2,.mb-xs{margin-bottom:.5rem}.mb-2xs{margin-bottom:.25rem}.mb-s{margin-bottom:.75rem}.mt-xl{margin-top:1.5rem}.mb-xl{margin-bottom:1.5rem}.-mb-10{margin-bottom:-2.5rem}.-mb-6{margin-bottom:-1.5rem}.mb-lg{margin-bottom:1.25rem}.-mt-m{margin-top:-1rem}.mt-2{margin-top:.5rem}.mt-lg{margin-top:1.25rem}.mt-m{margin-top:1rem}.mr-xs{margin-right:.5rem}.ml-s{margin-left:.75rem}.ml-2xs{margin-left:.25rem}.mt-2xs{margin-top:.25rem}.mb-4xl{margin-bottom:2.25rem}.mt-auto{margin-top:auto}.mt-xs{margin-top:.5rem}.mb-3xl{margin-bottom:2rem}.mb-2xl{margin-bottom:1.75rem}.-mr-24{margin-right:-6rem}.mr-2xs{margin-right:.25rem}.mr-3xl{margin-right:2rem}.ml-auto{margin-left:auto}.mt-s{margin-top:.75rem}.ml-4xl{margin-left:2.25rem}.-mt-xs{margin-top:-.5rem}.-mb-m{margin-bottom:-1rem}.mr-s{margin-right:.75rem}.mb-5{margin-bottom:1.25rem}.mb-3{margin-bottom:.75rem}.mb-3xs{margin-bottom:.125rem}.ml-px{margin-left:1px}.mr-3xs{margin-right:.125rem}.-mt-3xs{margin-top:-.125rem}.ml-xs{margin-left:.5rem}.ml-m{margin-left:1rem}.mr-m{margin-right:1rem}.mt-3xl{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.\!block{display:block!important}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-2{height:.5rem}.h-full{height:100%}.h-11{height:2.75rem}.h-6{height:1.5rem}.h-32{height:8rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-\[485px\]{height:485px}.h-96{height:24rem}.h-\[300px\]{height:300px}.h-16{height:4rem}.h-8{height:2rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-52{height:13rem}.h-\[3px\]{height:3px}.h-px{height:1px}.h-12{height:3rem}.h-24{height:6rem}.h-4{height:1rem}.h-\[600px\]{height:600px}.h-9{height:2.25rem}.h-28{height:7rem}.h-7{height:1.75rem}.h-\[640px\]{height:640px}.h-0\.5{height:.125rem}.h-0{height:0}.h-auto{height:auto}.h-\[74px\]{height:74px}.h-3{height:.75rem}.h-5{height:1.25rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.max-h-full{max-height:100%}.max-h-0{max-height:0}.max-h-12{max-height:3rem}.max-h-64{max-height:16rem}.min-h-24{min-height:6rem}.min-h-20{min-height:5rem}.min-h-6{min-height:1.5rem}.min-h-16{min-height:4rem}.min-h-28{min-height:7rem}.min-h-80{min-height:20rem}.min-h-11{min-height:2.75rem}.min-h-12,.min-h-6xl{min-height:3rem}.min-h-full{min-height:100%}.min-h-4{min-height:1rem}.w-full{width:100%}.w-auto{width:auto}.w-11{width:2.75rem}.w-96{width:24rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-64{width:16rem}.w-20{width:5rem}.w-14{width:3.5rem}.w-\[440px\]{width:440px}.w-\[340px\]{width:340px}.w-\[1007px\]{width:1007px}.w-\[350px\]{width:350px}.w-1\/3{width:33.333333%}.w-16{width:4rem}.w-80{width:20rem}.w-52{width:13rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-\[3px\]{width:3px}.w-12{width:3rem}.w-32{width:8rem}.w-60{width:15rem}.w-px{width:1px}.w-9{width:2.25rem}.w-4{width:1rem}.w-24{width:6rem}.w-72{width:18rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-\[1280px\]{width:1280px}.w-56{width:14rem}.w-2{width:.5rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/4{width:25%}.min-w-12{min-width:3rem}.min-w-6{min-width:1.5rem}.min-w-80{min-width:20rem}.min-w-full{min-width:100%}.min-w-\[16rem\]{min-width:16rem}.min-w-16{min-width:4rem}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.min-w-72{min-width:18rem}.min-w-11{min-width:2.75rem}.min-w-32{min-width:8rem}.min-w-24{min-width:6rem}.min-w-\[80\%\]{min-width:80%}.min-w-\[350px\]{min-width:350px}.min-w-0{min-width:0}.min-w-56{min-width:14rem}.min-w-4{min-width:1rem}.min-w-20{min-width:5rem}.max-w-\[978px\]{max-width:978px}.max-w-\[560px\]{max-width:560px}.max-w-full{max-width:100%}.max-w-\[292px\]{max-width:292px}.max-w-\[657px\]{max-width:657px}.max-w-\[180px\]{max-width:180px}.max-w-\[300px\]{max-width:300px}.max-w-none{max-width:none}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.shrink-1\/2{flex-shrink:0.5}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.basis-1\/2{flex-basis:50%}.basis-0{flex-basis:0px}.basis-auto{flex-basis:auto}.origin-top{transform-origin:top}.rotate-180{--tw-rotate:180deg}.-rotate-90,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate:-90deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes expansion{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animate-expansion{animation:expansion .3s ease-out}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.snap-always{scroll-snap-stop:always}.scroll-mt-12{scroll-margin-top:3rem}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.columns-1{-moz-columns:1;column-count:1}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-\[max-content_1fr\]{grid-auto-rows:max-content 1fr}.auto-rows-auto{grid-auto-rows:auto}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[max-content_1fr\]{grid-template-columns:max-content 1fr}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-stretch{justify-items:stretch}.gap-3{gap:.75rem}.gap-m{gap:1rem}.gap-lg{gap:1.25rem}.gap-xl{gap:1.5rem}.gap-s{gap:.75rem}.gap-5xl{gap:2.5rem}.gap-3xl{gap:2rem}.gap-1,.gap-2xs{gap:.25rem}.gap-2xl{gap:1.75rem}.gap-xs{gap:.5rem}.gap-4{gap:1rem}.gap-6xl{gap:3rem}.gap-4xl{gap:2.25rem}.gap-3xs{gap:.125rem}.gap-2{gap:.5rem}.gap-x-m{-moz-column-gap:1rem;column-gap:1rem}.gap-y-4xl{row-gap:2.25rem}.gap-y-4,.gap-y-m{row-gap:1rem}.gap-x-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.gap-y-xl{row-gap:1.5rem}.gap-y-2xl{row-gap:1.75rem}.gap-x-lg{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-xs{row-gap:.5rem}.gap-x-6xl{-moz-column-gap:3rem;column-gap:3rem}.gap-y-3xl{row-gap:2rem}.gap-x-s{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-x-5xl{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-s{row-gap:.75rem}.gap-x-2xs{-moz-column-gap:.25rem;column-gap:.25rem}.space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-m>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-s>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-x-m>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1px*var(--tw-space-y-reverse));margin-top:calc(1px*(1 - var(--tw-space-y-reverse)))}.space-y-2xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-x-xl>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-x-3xl>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-2xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.75rem*var(--tw-space-y-reverse));margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2.25rem*var(--tw-space-y-reverse));margin-top:calc(2.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-3xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.space-y-6xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(3rem*var(--tw-space-y-reverse));margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-ellipsis,.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-md{border-radius:.375rem}.rounded-icon{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-tl-3xl{border-top-left-radius:1.5rem}.border{border-width:1px}.border-0{border-width:0}.border-4{border-width:4px}.border-2{border-width:2px}.border-y-0{border-bottom-width:0;border-top-width:0}.border-y{border-bottom-width:1px;border-top-width:1px}.border-x-0{border-left-width:0;border-right-width:0}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-t-0{border-top-width:0}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-primary-main{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.border-green-more-dark{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-dark),var(--tw-border-opacity))}.border-main{--tw-border-opacity:1;border-color:rgba(240,244,240,var(--tw-border-opacity))}.border-yellow-light{--tw-border-opacity:1;border-color:rgba(206,200,51,var(--tw-border-opacity))}.border-green-more-light{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-light),var(--tw-border-opacity))}.border-error\/30{border-color:rgba(242,48,48,.3)}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.border-error{--tw-border-opacity:1;border-color:rgba(242,48,48,var(--tw-border-opacity))}.border-y-main-divider{border-top-color:rgba(235,237,240,var(--tw-border-opacity))}.border-b-main-divider,.border-y-main-divider{--tw-border-opacity:1;border-bottom-color:rgba(235,237,240,var(--tw-border-opacity))}.border-opacity-50{--tw-border-opacity:0.5}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-ok{background-color:#edf5e1 ;}.bg-fail{background-color:#ffebeb ;}.bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.\!bg-transparent{background-color:transparent!important}.bg-green-light{--tw-bg-opacity:1;background-color:rgba(var(--color-green-light),var(--tw-bg-opacity))}.bg-yellow-light{--tw-bg-opacity:1;background-color:rgba(206,200,51,var(--tw-bg-opacity))}.bg-green-dark{--tw-bg-opacity:1;background-color:rgba(var(--color-green-dark),var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgba(var(--color-green),var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-main{--tw-bg-opacity:1;background-color:rgba(240,244,240,var(--tw-bg-opacity))}.bg-primary-text{--tw-bg-opacity:1;background-color:rgba(28,28,28,var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-main-divider\/20{background-color:rgba(235,237,240,.2)}.bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.bg-yellow{--tw-bg-opacity:1;background-color:rgba(var(--color-yellow),var(--tw-bg-opacity))}.bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.bg-green-more-light{--tw-bg-opacity:1;background-color:rgba(var(--color-green-more-light),var(--tw-bg-opacity))}.bg-error\/30{background-color:rgba(242,48,48,.3)}.bg-white\/10{background-color:hsla(0,0%,100%,.1) ;}.bg-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-main-gray{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.bg-primary-active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.bg-main-disabled{--tw-bg-opacity:1;background-color:rgba(187,187,187,var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-opacity-from-white{background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,.7) 25%,hsla(0,0%,100%,0) 80%);}.bg-opacity-to-white{background-image:linear-gradient(270deg,#fff 34.89%,hsla(0,0%,100%,0) 92.52%);}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-main-gradient-start{--tw-gradient-from:rgba(var(--color-gradient-from),1);--tw-gradient-to:rgba(var(--color-gradient-from),0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-main-gradient-end{--tw-gradient-to:rgba(var(--color-gradient-to),1)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-fill{-o-object-fit:fill;object-fit:fill}.p-6xl{padding:3rem}.p-3xl{padding:2rem}.p-xl{padding:1.5rem}.p-m{padding:1rem}.p-xs{padding:.5rem}.p-0{padding:0}.p-lg{padding:1.25rem}.p-s{padding:.75rem}.p-4xl{padding:2.25rem}.p-2xl{padding:1.75rem}.p-2xs{padding:.25rem}.p-2\.5{padding:.625rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.p-5{padding:1.25rem}.px-xl{padding-left:1.5rem;padding-right:1.5rem}.py-lg{padding-bottom:1.25rem;padding-top:1.25rem}.py-xs{padding-bottom:.5rem;padding-top:.5rem}.py-s{padding-bottom:.75rem;padding-top:.75rem}.py-2xl{padding-bottom:1.75rem;padding-top:1.75rem}.px-lg{padding-left:1.25rem;padding-right:1.25rem}.py-2xs{padding-bottom:.25rem;padding-top:.25rem}.px-20{padding-left:5rem;padding-right:5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-0{padding-left:0;padding-right:0}.px-m{padding-left:1rem;padding-right:1rem}.px-6xl{padding-left:3rem;padding-right:3rem}.px-s{padding-left:.75rem;padding-right:.75rem}.px-5xl{padding-left:2.5rem;padding-right:2.5rem}.px-xs{padding-left:.5rem;padding-right:.5rem}.py-xl{padding-bottom:1.5rem;padding-top:1.5rem}.py-6xl{padding-bottom:3rem;padding-top:3rem}.px-24{padding-left:6rem;padding-right:6rem}.px-16{padding-left:4rem;padding-right:4rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-32{padding-left:8rem;padding-right:8rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-m{padding-bottom:1rem;padding-top:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.pb-lg{padding-bottom:1.25rem}.pb-2xs{padding-bottom:.25rem}.pb-3xl{padding-bottom:2rem}.pl-s{padding-left:.75rem}.pt-4xl{padding-top:2.25rem}.pr-xl{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pb-4{padding-bottom:1rem}.pt-3xl{padding-top:2rem}.pr-xs{padding-right:.5rem}.pb-s{padding-bottom:.75rem}.pt-m{padding-top:1rem}.pt-xs{padding-top:.5rem}.pt-lg{padding-top:1.25rem}.pr-6xl{padding-right:3rem}.pt-xl{padding-top:1.5rem}.pl-5xl{padding-left:2.5rem}.pt-2xl{padding-top:1.75rem}.pb-24{padding-bottom:6rem}.pb-xs{padding-bottom:.5rem}.pr-s{padding-right:.75rem}.pb-m{padding-bottom:1rem}.pb-6xl{padding-bottom:3rem}.pl-3xl{padding-left:2rem}.pr-lg{padding-right:1.25rem}.pb-xl{padding-bottom:1.5rem}.pt-6xl{padding-top:3rem}.pb-2xl{padding-bottom:1.75rem}.pr-m{padding-right:1rem}.pl-6xl{padding-left:3rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-xl{padding-left:1.5rem}.pt-0{padding-top:0}.pl-xs{padding-left:.5rem}.pr-3xl{padding-right:2rem}.pl-m{padding-left:1rem}.pb-20{padding-bottom:5rem}.pt-2xs{padding-top:.25rem}.pr-5xl{padding-right:2.5rem}.pt-3xs{padding-top:.125rem}.text-left{text-align:left}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-sans{font-family:Ubuntu,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-mohave{font-family:Mohave,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-m{font-size:.9375rem;font-weight:400;line-height:1.25rem}.text-xs{font-size:.75rem;font-weight:400;line-height:1.125rem}.text-s{font-size:.875rem;font-weight:400;line-height:1.25rem}.text-l{font-size:1rem;font-weight:400;line-height:1.5rem}.text-title-large{font-size:7.5rem;line-height:10rem}.text-h2{font-size:2.5rem;font-weight:400;line-height:3rem}.text-h6{font-size:1.25rem;font-weight:400;line-height:1.75rem}.text-xl{font-size:1.125rem;font-weight:400;line-height:1.5rem}.text-h3{font-size:2rem;font-weight:400;line-height:2.5rem}.text-title-huge{font-size:12.5rem;line-height:15.625rem}.text-7xl{font-size:4.5rem;line-height:1}.text-h5{font-size:1.5rem;font-weight:400;line-height:2.125rem}.text-h4{font-size:1.75rem;font-weight:400;line-height:2.25rem}.text-h0{font-size:3.5rem;font-weight:400;line-height:3.5rem}.text-h1{font-size:3.125rem;font-weight:400;line-height:3.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.leading-\[18px\]{line-height:18px}.leading-5{line-height:1.25rem}.tracking-\[-15px\]{letter-spacing:-15px}.text-primary-text{--tw-text-opacity:1;color:rgba(28,28,28,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgba(242,48,48,var(--tw-text-opacity))}.text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.text-secondary-text\/80{color:hsla(210,1%,49%,.8)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-secondary-light{--tw-text-opacity:1;color:rgba(245,247,249,var(--tw-text-opacity))}.text-yellow{--tw-text-opacity:1;color:rgba(var(--color-yellow),var(--tw-text-opacity))}.text-green-dark{--tw-text-opacity:1;color:rgba(var(--color-green-dark),var(--tw-text-opacity))}.text-slate-600\/50{color:rgba(71,85,105,.5)}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-main-disabled{--tw-text-opacity:1;color:rgba(187,187,187,var(--tw-text-opacity))}.text-gray{--tw-text-opacity:1;color:rgba(var(--color-gray),var(--tw-text-opacity))}.text-main{--tw-text-opacity:1;color:rgba(240,244,240,var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgba(var(--color-green),var(--tw-text-opacity))}.no-underline{text-decoration-line:none}.opacity-80{opacity:.8}.opacity-30{opacity:.3}.opacity-0{opacity:0}.opacity-20{opacity:.2}.shadow-main-black{--tw-shadow:0 4px 25px rgba(0,0,0,.07);--tw-shadow-colored:0 4px 25px var(--tw-shadow-color)}.shadow-dark-blue,.shadow-main-black{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-dark-blue{--tw-shadow:0 18px 36px -4px rgba(24,39,75,.42) ;;--tw-shadow-colored:0 18px 36px -4px var(--tw-shadow-color)}.shadow-\[0_8px_32px_0px_\#00000014\]{--tw-shadow:0 8px 32px 0px #00000014;--tw-shadow-colored:0 8px 32px 0px var(--tw-shadow-color)}.shadow-\[0_8px_32px_0px_\#00000014\],.shadow-blue-gray{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-blue-gray{--tw-shadow:0 14px 36px -4px rgba(21,40,90,.24) ;;--tw-shadow-colored:0 14px 36px -4px var(--tw-shadow-color)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline-0{outline-width:0}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-height{transition-duration:.15s;transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\@container{container-type:inline-size}.\@container-normal{container-type:normal}.rotate-180{transform:rotate(180deg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.horizontal-list{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory}.horizontal-list,.vertical-list{-webkit-overflow-scrolling:touch}.vertical-list{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.gradient-color-text{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(180deg,#42ab44,#f6db7d);-webkit-background-clip:text}.gradient-color-text-on-green{background:linear-gradient(180deg,#cec833,#7dae3c);-webkit-background-clip:text}.gradient-color-text-on-green,.gradient-color-text-on-yellow{-webkit-text-fill-color:transparent;text-fill-color:transparent;opacity:.5}.gradient-color-text-on-yellow{background:linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)),linear-gradient(180deg,#cec833,#7dae3c);-webkit-background-clip:text}input[type=range].slider{-webkit-appearance:none;background:transparent;background-image:linear-gradient(rgb(var(--color-primary-main)),rgb(var(--color-primary-main)));background-repeat:no-repeat;border-radius:5px;height:4px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:18px;width:18px}input[type=range].slider::-moz-range-thumb{background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:12px;width:12px}input[type=range].slider::-ms-thumb{background:rgb(var(--color-primary-main));border-radius:50%;box-shadow:none;cursor:pointer;height:18px;width:18px}input[type=range].slider:disabled{background-image:linear-gradient(rgb(var(--color-gray)),rgb(var(--color-gray)));cursor:default;pointer-events:none}input[type=range].slider:disabled::-webkit-slider-thumb{background:rgb(var(--color-gray))}input[type=range].slider:disabled::-moz-range-thumb{background:rgb(var(--color-gray))}input[type=range].slider:disabled::-ms-thumb{background:rgb(var(--color-gray))}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[class$=-copyrights-pane],[class$=-map-copyrights-promo]{display:none}.after\:block:after{content:var(--tw-content);display:block}.after\:h-2\.5:after{content:var(--tw-content);height:.625rem}.after\:h-2:after{content:var(--tw-content);height:.5rem}.after\:w-2\.5:after{content:var(--tw-content);width:.625rem}.after\:w-2:after{content:var(--tw-content);width:.5rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.first\:pt-2xl:first-child{padding-top:1.75rem}.last\:mb-0:last-child{margin-bottom:0}.last\:border-0:last-child{border-width:0}.last\:border-r-0:last-child{border-right-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-2xl:last-child{padding-bottom:1.75rem}.last\:pr-3xl:last-child{padding-right:2rem}.odd\:bg-main-divider:nth-child(odd){--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.visited\:text-secondary-text:visited{color:rgba(125,126,127,var(--tw-text-opacity))}.checked\:border-2:checked{border-width:2px}.checked\:\!border-primary-main:checked{--tw-border-opacity:1!important;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))!important}.checked\:after\:bg-primary-main:checked:after{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity));content:var(--tw-content)}.hover\:border-primary-hover:hover{border-color:#868686}.hover\:border-primary-main:hover{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.hover\:bg-secondary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-hover),var(--tw-bg-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.hover\:bg-gray:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-main-divider:hover{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.hover\:bg-green-more-dark:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-green-more-dark),var(--tw-bg-opacity))}.hover\:py-xl:hover{padding-bottom:1.5rem;padding-top:1.5rem}.hover\:text-primary-main:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.hover\:text-primary-active:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-active),var(--tw-text-opacity))}.hover\:text-primary-hover:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-60:hover{opacity:.6}.focus\:border:focus{border-width:1px}.focus\:border-0:focus{border-width:0}.focus\:border-primary-text:focus{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.focus\:border-black:focus{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.focus\:checked\:border-primary-main:checked:focus{--tw-border-opacity:1;border-color:rgba(var(--color-primary-main),var(--tw-border-opacity))}.active\:border-black:active{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.active\:border-primary-text:active{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.active\:bg-secondary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-secondary-active),var(--tw-bg-opacity))}.active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.active\:bg-white:active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.active\:text-primary-main:active{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.active\:focus\:border-primary-text:focus:active{--tw-border-opacity:1;border-color:rgba(28,28,28,var(--tw-border-opacity))}.disabled\:border-gray:disabled{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.disabled\:bg-main-divider:disabled{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.group:last-child .group-last\:last\:pb-0:last-child{padding-bottom:0}.group\/box:hover .group-hover\/box\:border-primary-hover{border-color:#868686}.group\/btn:hover .group-hover\/btn\:bg-primary-hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.group\/link:hover .group-hover\/link\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group\/btn:hover .group-hover\/btn\:text-primary-hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}.group\/btn:hover .group-hover\/btn\:text-primary-main,.group\/button:hover .group-hover\/button\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group\/link:hover .group-hover\/link\:brightness-100{--tw-brightness:brightness(1)}.group\/btn:hover .group-hover\/btn\:brightness-0,.group\/link:hover .group-hover\/link\:brightness-100{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/btn:hover .group-hover\/btn\:brightness-0{--tw-brightness:brightness(0)}.group\/btn:hover .group-hover\/btn\:invert-0{--tw-invert:invert(0)}.group\/btn:hover .group-hover\/btn\:invert,.group\/btn:hover .group-hover\/btn\:invert-0{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group\/btn:hover .group-hover\/btn\:invert{--tw-invert:invert(100%)}.group[data-ver=primary] .group-data-primary\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.group[data-ver=primary] .group-data-primary\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:bg-secondary-light{--tw-bg-opacity:1;background-color:rgba(245,247,249,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:bg-secondary-text{--tw-bg-opacity:1;background-color:rgba(125,126,127,var(--tw-bg-opacity))}.group[data-ver=primary] .group-data-primary\:text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.group[data-ver=primary] .group-data-primary\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:border-white\/50{border-color:hsla(0,0%,100%,.5)}.group[data-ver=secondary] .group-data-secondary\:bg-primary-main\/10{background-color:rgba(var(--color-primary-main),.1)}.group[data-ver=secondary] .group-data-secondary\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group[data-ver=secondary] .group-data-secondary\:bg-white\/30{background-color:hsla(0,0%,100%,.3)}.group[data-ver=secondary] .group-data-secondary\:bg-white\/20{background-color:hsla(0,0%,100%,.2)}.group[data-ver=secondary] .group-data-secondary\:bg-none{background-image:none}.group[data-ver=secondary] .group-data-secondary\:text-white\/80{color:hsla(0,0%,100%,.8)}.group[data-ver=secondary] .group-data-secondary\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-hover),var(--tw-bg-opacity))}.group[data-ver=secondary] .group-data-secondary\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=secondary] .group-data-secondary\:active\:bg-primary-active:active{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-active),var(--tw-bg-opacity))}.group[data-ver=gray] .group-data-gray\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.group[data-ver=gray] .group-data-gray\:border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.group[data-ver=gray] .group-data-gray\:bg-main-divider\/50{background-color:rgba(235,237,240,.5)}.group[data-ver=gray] .group-data-gray\:text-secondary-text{--tw-text-opacity:1;color:rgba(125,126,127,var(--tw-text-opacity))}.group[data-ver=transparent] .group-data-transparent\:border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.group[data-ver=transparent] .group-data-transparent\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.group[data-ver=transparent] .group-data-transparent\:bg-transparent{background-color:transparent}.group[data-ver=transparent] .group-data-transparent\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group[data-ver=transparent] .group-data-transparent\:hover\:text-primary-hover:hover{--tw-text-opacity:1;color:rgba(var(--color-primary-hover),var(--tw-text-opacity))}@container (min-width: 24rem){.\@sm\:h-full{height:100%}}@container (min-width: 28rem){.\@md\:flex{display:flex}.\@md\:max-w-\[500px\]{max-width:500px}.\@md\:basis-1\/2{flex-basis:50%}.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:flex-row{flex-direction:row}.\@md\:justify-center{justify-content:center}}@container (min-width: 32rem){.\@lg\:left-8{left:2rem}.\@lg\:right-8{right:2rem}.\@lg\:block{display:block}.\@lg\:min-w-\[50\%\]{min-width:50%}.\@lg\:min-w-\[33\.3\%\]{min-width:33.3%}.\@lg\:min-w-\[25\%\]{min-width:25%}.\@lg\:basis-auto{flex-basis:auto}}@container (min-width: 36rem){.\@xl\:-order-1{order:-1}.\@xl\:order-none{order:0}.\@xl\:col-start-2{grid-column-start:2}.\@xl\:row-span-2{grid-row:span 2/span 2}.\@xl\:mb-0{margin-bottom:0}.\@xl\:mb-2xl{margin-bottom:1.75rem}.\@xl\:mt-s{margin-top:.75rem}.\@xl\:mb-4{margin-bottom:1rem}.\@xl\:-mb-4{margin-bottom:-1rem}.\@xl\:mt-0{margin-top:0}.\@xl\:block{display:block}.\@xl\:inline{display:inline}.\@xl\:flex{display:flex}.\@xl\:grid{display:grid}.\@xl\:hidden{display:none}.\@xl\:h-60{height:15rem}.\@xl\:w-auto{width:auto}.\@xl\:w-1\/2{width:50%}.\@xl\:w-\[48\%\]{width:48%}.\@xl\:w-96{width:24rem}.\@xl\:max-w-md{max-width:28rem}.\@xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@xl\:flex-row{flex-direction:row}.\@xl\:flex-col{flex-direction:column}.\@xl\:flex-nowrap{flex-wrap:nowrap}.\@xl\:items-start{align-items:flex-start}.\@xl\:items-center{align-items:center}.\@xl\:justify-between{justify-content:space-between}.\@xl\:gap-lg{gap:1.25rem}.\@xl\:gap-xl{gap:1.5rem}.\@xl\:gap-x-lg{-moz-column-gap:1.25rem;column-gap:1.25rem}.\@xl\:space-y-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.\@xl\:self-start{align-self:flex-start}.\@xl\:self-end{align-self:flex-end}.\@xl\:self-center{align-self:center}.\@xl\:justify-self-end{justify-self:end}.\@xl\:border-none{border-style:none}.\@xl\:p-3xl{padding:2rem}.\@xl\:py-0{padding-bottom:0;padding-top:0}.\@xl\:pb-4xl{padding-bottom:2.25rem}.\@xl\:pb-0{padding-bottom:0}.\@xl\:text-center{text-align:center}.\@xl\:text-h3{font-size:2rem;font-weight:400;line-height:2.5rem}}@container (min-width: 56rem){.\@4xl\:ml-s{margin-left:.75rem}.\@4xl\:block{display:block}.\@4xl\:w-72{width:18rem}.\@4xl\:flex-row{flex-direction:row}.\@4xl\:gap-lg{gap:1.25rem}.\@4xl\:gap-0{gap:0}.\@4xl\:space-y-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.\@4xl\:border-b{border-bottom-width:1px}.\@4xl\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.\@4xl\:bg-gray{--tw-bg-opacity:1;background-color:rgba(var(--color-gray),var(--tw-bg-opacity))}.\@4xl\:pt-lg{padding-top:1.25rem}}@container (min-width: 64rem){.\@5xl\:block{display:block}.\@5xl\:grid{display:grid}.\@5xl\:hidden{display:none}.\@5xl\:h-auto{height:auto}.\@5xl\:w-40{width:10rem}.\@5xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@5xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\@5xl\:flex-row{flex-direction:row}.\@5xl\:gap-2xs{gap:.25rem}.\@5xl\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@container (min-width: 72rem){.\@6xl\:min-w-\[672px\]{min-width:672px}.\@6xl\:flex-row{flex-direction:row}}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-6xl{margin-top:3rem}.sm\:ml-0{margin-left:0}.sm\:mb-2xs{margin-bottom:.25rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-16{height:4rem}.sm\:h-12{height:3rem}.sm\:w-96{width:24rem}.sm\:w-24{width:6rem}.sm\:w-12{width:3rem}.sm\:min-w-64{min-width:16rem}.sm\:min-w-96{min-width:24rem}.sm\:min-w-\[515px\]{min-width:515px}.sm\:min-w-12{min-width:3rem}.sm\:max-w-md{max-width:28rem}.sm\:flex-1{flex:1 1 0%}.sm\:columns-5{-moz-columns:5;column-count:5}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-0{gap:0}.sm\:gap-m{gap:1rem}.sm\:gap-xs{gap:.5rem}.sm\:gap-xl{gap:1.5rem}.sm\:gap-y-s{row-gap:.75rem}.sm\:space-y-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-s>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sm\:whitespace-normal{white-space:normal}.sm\:rounded-md{border-radius:.375rem}.sm\:border{border-width:1px}.sm\:border-t{border-top-width:1px}.sm\:border-solid{border-style:solid}.sm\:border-green-more-light{--tw-border-opacity:1;border-color:rgba(var(--color-green-more-light),var(--tw-border-opacity))}.sm\:border-gray{--tw-border-opacity:1;border-color:rgba(var(--color-gray),var(--tw-border-opacity))}.sm\:border-main-divider{--tw-border-opacity:1;border-color:rgba(235,237,240,var(--tw-border-opacity))}.sm\:border-green{--tw-border-opacity:1;border-color:rgba(var(--color-green),var(--tw-border-opacity))}.sm\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.sm\:bg-primary-main{--tw-bg-opacity:1;background-color:rgba(var(--color-primary-main),var(--tw-bg-opacity))}.sm\:p-m{padding:1rem}.sm\:p-5xl{padding:2.5rem}.sm\:py-m{padding-bottom:1rem;padding-top:1rem}.sm\:px-lg{padding-left:1.25rem;padding-right:1.25rem}.sm\:pt-16{padding-top:4rem}.sm\:pl-6xl{padding-left:3rem}.sm\:pb-4xl{padding-bottom:2.25rem}.sm\:text-title-extra{font-size:15.625rem;line-height:14.687rem}.sm\:text-primary-main{--tw-text-opacity:1;color:rgba(var(--color-primary-main),var(--tw-text-opacity))}.sm\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}@media (min-width:768px){.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}}@media (min-width:1280px){.xl\:block{display:block}.xl\:min-w-\[20rem\]{min-width:20rem}.xl\:max-w-\[468px\]{max-width:468px}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:justify-center{justify-content:center}.xl\:self-center{align-self:center}.xl\:rounded-md{border-radius:.375rem}.xl\:bg-main-divider{--tw-bg-opacity:1;background-color:rgba(235,237,240,var(--tw-bg-opacity))}.xl\:pb-4xl{padding-bottom:2.25rem}}.\[\&\>\*\]\:p-0>*{padding:0}.\[\&\>\*\]\:pb-m>*{padding-bottom:1rem}
|
|
@@ -1,29 +1,22 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import {
|
|
3
|
+
import { useActiveRoute } from '../../hooks/useActiveRoute.js';
|
|
4
4
|
import { useSWRResource } from '../../hooks/useSWRResource.js';
|
|
5
5
|
import { projectSettings } from '../../ProjectSettings.js';
|
|
6
6
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
|
|
7
|
-
import {
|
|
7
|
+
import { StickyBottomMenuBurger } from './StickyBottomMenuBurger.js';
|
|
8
|
+
import { StickyBottomMenuItem } from './StickyBottomMenuItem.js';
|
|
8
9
|
import { useBurgerMenuDialog } from './useBurgerMenuDialog.js';
|
|
10
|
+
const EMPTY_MENU = [];
|
|
9
11
|
export const StickyBottomMenu = JSX(({ ...rest }) => {
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
title: 'Меню',
|
|
14
|
-
icon: {
|
|
15
|
-
icon: 'BurgerIcon',
|
|
16
|
-
iconVersion: isBurgerMenuDialogOpen ? 'color' : 'black',
|
|
17
|
-
},
|
|
18
|
-
isActive: isBurgerMenuDialogOpen,
|
|
19
|
-
};
|
|
12
|
+
const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog();
|
|
13
|
+
const { menuItems = EMPTY_MENU } = useSWRResource(projectSettings.STICKY_MOBILE_MENU || 'sticky-mobile-menu', { fallback: rest.options?.page?.fallback, folderName: 'portal-resources', setBasePath: true });
|
|
14
|
+
const [, activeItem] = useActiveRoute(menuItems);
|
|
20
15
|
const middleIdx = Math.floor(menuItems.length / 2);
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
burgerMenu,
|
|
24
|
-
...menuItems.slice(middleIdx),
|
|
25
|
-
], [menuItems, middleIdx, burgerMenu]);
|
|
16
|
+
const leftItems = menuItems.slice(0, middleIdx);
|
|
17
|
+
const rightItems = menuItems.slice(middleIdx);
|
|
26
18
|
/* Attribute [data-component] need for correct render in wcms editor. Do not remove. */
|
|
27
|
-
return (_jsx("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: _jsx(BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: _jsx(
|
|
19
|
+
return (_jsx("div", { className: "w-full mb-5", "data-component": "sticky-bottom-menu-container", children: _jsx(BlockWrapper, { className: "@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]", padding: "p-0", children: _jsxs("div", { className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(activeItem, close)), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(activeItem, close))] }) }) }));
|
|
28
20
|
});
|
|
21
|
+
const renderMenuItem = (activeItem, close) => (_, i) => (_jsx(StickyBottomMenuItem, { isActive: _ === activeItem, item: _, onClick: close }, _.href || String(i)));
|
|
29
22
|
//# sourceMappingURL=StickyBottomMenu.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"StickyBottomMenu.mobile.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,UAAU,GAAG,EAAE,CAAC;AAEtB,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAwB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzE,MAAM,CAAC,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,mBAAmB,EAAE,CAAC;IAE1E,MAAM,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,cAAc,CAC/C,eAAe,CAAC,kBAAkB,IAAI,oBAAoB,EAC1D,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,WAAW,EAAE,IAAI,EAAE,CAC9F,CAAC;IAEF,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9C,uFAAuF;IACvF,OAAO,CACL,cAAK,SAAS,EAAC,aAAa,oBAAgB,8BAA8B,YACxE,KAAC,YAAY,IACX,SAAS,EAAC,6FAA6F,EACvG,OAAO,EAAC,KAAK,YAEb,eAAK,SAAS,EAAC,iEAAiE,aAC7E,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,EACjD,KAAC,sBAAsB,IAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAE,MAAM,GAAI,EAC5E,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAC9C,GACO,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,CAAC,UAAoB,EAAE,KAAiB,EAAE,EAAE,CAAC,CAAC,CAAW,EAAE,CAAS,EAAE,EAAE,CAC7F,CACE,KAAC,oBAAoB,IAEnB,QAAQ,EAAE,CAAC,KAAK,UAAU,EAC1B,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,KAAK,IAHT,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,CAAC,CAAC,CAIxB,CACH,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
4
|
+
import { style } from '../../utils/style.js';
|
|
5
|
+
export const StickyBottomMenuBurger = JSX(({ isActive, onClick }) => (_jsxs("button", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), onClick: onClick, children: [_jsx(Icon, { className: "w-6 h-6", name: "BurgerIcon", iconVersion: isActive ? 'color' : 'black' }), "\u041C\u0435\u043D\u044E"] })));
|
|
6
|
+
//# sourceMappingURL=StickyBottomMenuBurger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,kBACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,aAEhB,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MenuItem } from './StickyBottomMenuContent';
|
|
2
|
+
interface StickyBottomMenuItemProps {
|
|
3
|
+
isActive?: boolean;
|
|
4
|
+
item?: MenuItem;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const StickyBottomMenuItem: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuItemProps, any, any>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { useLink } from '../../hooks/useLink.js';
|
|
4
|
+
import { projectSettings } from '../../ProjectSettings.js';
|
|
5
|
+
import { Icon } from '../../ui-kit/Icon/Icon.js';
|
|
6
|
+
import { style } from '../../utils/style.js';
|
|
7
|
+
export const StickyBottomMenuItem = JSX(({ isActive, item, onClick }) => {
|
|
8
|
+
const isAnotherPortal = !projectSettings?.BASE_PATH || !item?.href?.startsWith(projectSettings.BASE_PATH);
|
|
9
|
+
const link = useLink({ isRemote: isAnotherPortal });
|
|
10
|
+
const { href, onClick: handleClick } = link({ href: item?.href, onClick });
|
|
11
|
+
return (_jsxs("a", { className: style(isActive ? 'text-primary-main' : 'text-primary-text', `w-10 m-4 flex justify-center items-center flex-col text-xs cursor-pointer`), href: href, target: "_self", title: item?.title || '', onClick: handleClick, children: [_jsx(Icon, { className: "w-6 h-6", name: item?.icon?.icon, iconVersion: isActive ? 'color' : 'black' }), item?.title || ''] }));
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=StickyBottomMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyBottomMenuItem.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9B,MAAM,eAAe,GACnB,CAAC,eAAe,EAAE,SAAS,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAEpF,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAAC;IACpD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAE3E,OAAO,CACL,aACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,EACxB,OAAO,EAAE,WAAW,aAEpB,KAAC,IAAI,IACH,SAAS,EAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EACtB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GACzC,EACD,IAAI,EAAE,KAAK,IAAI,EAAE,IAChB,CACL,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { type UniBlockProps } from '../../model/JSXBlock';
|
|
2
2
|
import { type MenuItem, type StickyBottomMenuContent } from './StickyBottomMenuContent';
|
|
3
|
-
export interface MenuItemProps extends MenuItem {
|
|
4
|
-
isActive?: boolean;
|
|
5
|
-
}
|
|
6
3
|
export interface StickyBottomMenuProps extends StickyBottomMenuContent, UniBlockProps {
|
|
7
|
-
menuItems?:
|
|
4
|
+
menuItems?: MenuItem[];
|
|
8
5
|
}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function useActiveRoute<T extends {
|
|
2
|
+
href?: string;
|
|
3
|
+
}>(items?: T[] | undefined): [number, T];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"useActiveRoute.js","sourceRoot":"","sources":["../../src/hooks/useActiveRoute.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,UAAU,cAAc,CAC5B,QAAyB,EAAE;IAE3B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE7D,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC"}
|