@alphakits/ui 1.31.5 → 2.0.1

package/dist/form-control/component.d.ts

@@ -1,44 +1,149 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes, ReactNode } from "react";
-type FormControlProps = HTMLAttributes<HTMLDivElement> & {
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+export declare type FormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Заблокированное состояние
+     */
     disabled?: boolean;
+    /**
+     * Заполненное состояние
+     */
     filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
     focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
     error?: string | boolean;
+    /**
+     * Текст подсказки
+     */
     hint?: string;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean;
+    /**
+     * Лейбл компонента
+     */
     label?: ReactNode;
+    /**
+     * Слот слева
+     */
     leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
     rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
     bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
     fieldClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
     labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
     addonsClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
     children?: ReactNode;
 };
-declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
     size?: "s" | "xs" | "m" | "l" | "xl" | undefined;
+    /**
+     * Заблокированное состояние
+     */
     disabled?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
     filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
     focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
     error?: string | boolean | undefined;
+    /**
+     * Текст подсказки
+     */
     hint?: string | undefined;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean | undefined;
+    /**
+     * Лейбл компонента
+     */
     label?: ReactNode;
+    /**
+     * Слот слева
+     */
     leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
     rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
     bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
     className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
     fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
     labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
     addonsClassName?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
     children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/dist/form-control/component.js

@@ -1 +1,71 @@
-import{__rest as e,__assign as d}from"tslib";import l from"react";import a from"classnames";var s={component:"index-module_component__3tlVs",inner:"index-module_inner__pSH0W",inputWrapper:"index-module_inputWrapper__JbZMU",input:"index-module_input__3avDJ",label:"index-module_label__3Xqxs",labelInner:"index-module_labelInner__16eLo",addons:"index-module_addons__JTuuA",leftAddons:"index-module_leftAddons__qVHwS",rightAddons:"index-module_rightAddons__17UmI",sub:"index-module_sub__QrA1g",hint:"index-module_hint__3jUwU",block:"index-module_block__uxEL1",s:"index-module_s__3jjVa",hasLabel:"index-module_hasLabel__1bQX4",m:"index-module_m__1XLCq",l:"index-module_l__DgrRo",hasLeftAddons:"index-module_hasLeftAddons__1rq97",hasRightAddons:"index-module_hasRightAddons__1FSGe",disabled:"index-module_disabled__3UP5h",focused:"index-module_focused__oVHl9",hasError:"index-module_hasError__2E_Qj",filled:"index-module_filled__3eIMD",error:"index-module_error__NqT31"},n=l.forwardRef((function(n,o){var r,i,t=n.block,_=void 0!==t&&t,m=n.size,u=void 0===m?"s":m,c=n.className,b=n.required,f=n.fieldClassName,h=n.labelClassName,x=n.addonsClassName,p=n.disabled,A=n.focused,N=n.filled,E=n.error,v=n.hint,g=n.label,L=n.leftAddons,q=n.rightAddons,C=n.bottomAddons,I=n.children,k=n.dataTestId,R=e(n,["block","size","className","required","fieldClassName","labelClassName","addonsClassName","disabled","focused","filled","error","hint","label","leftAddons","rightAddons","bottomAddons","children","dataTestId"]),U="string"==typeof E?E:"";return l.createElement("div",{"data-test-id":k,className:a(s.component,c,s[u],(r={},r[s.block]=_,r[s.hasLeftAddons]=L,r[s.hasRightAddons]=q||E,r))},l.createElement("div",d({},R,{className:a(f,s.inner,(i={},i[s.focused]=A,i[s.disabled]=p,i[s.filled]=N,i[s.hasError]=E,i[s.hasLabel]=g,i)),ref:o}),L&&l.createElement("div",{className:a(s.addons,s.leftAddons,x)},L),l.createElement("div",{className:s.inputWrapper},g&&l.createElement("div",{className:a(s.label,h)},l.createElement("span",{className:s.labelInner},b?g+" *":g)),l.createElement("div",{className:s.input},I)),q&&l.createElement("div",{className:a(s.addons,s.rightAddons,x)},q)),C,U&&l.createElement("span",{"data-attribute":"form-error",className:a(s.sub,s.error)},U),v&&!U&&l.createElement("span",{className:a(s.sub,s.hint)},v))}));export{n as FormControl};
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import k from "react";
+import e from "classnames";
+import s from "./index.module.css.js";
+const M = k.forwardRef(
+  ({
+    block: m = !1,
+    size: p = "s",
+    className: h,
+    required: f,
+    fieldClassName: N,
+    labelClassName: u,
+    addonsClassName: o,
+    disabled: v,
+    focused: b,
+    filled: x,
+    error: r,
+    hint: t,
+    label: i,
+    leftAddons: n,
+    rightAddons: c,
+    bottomAddons: R,
+    children: g,
+    dataTestId: j,
+    ...y
+  }, L) => {
+    const d = typeof r == "string" ? r : "";
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        "data-test-id": j,
+        className: e(s.component, h, s[p], {
+          [s.block]: m,
+          [s.hasLeftAddons]: n,
+          [s.hasRightAddons]: c || r
+        }),
+        children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              ...y,
+              className: e(N, s.inner, {
+                [s.focused]: b,
+                [s.disabled]: v,
+                [s.filled]: x,
+                [s.hasError]: r,
+                [s.hasLabel]: i
+              }),
+              ref: L,
+              children: [
+                n && /* @__PURE__ */ a("div", { className: e(s.addons, s.leftAddons, o), children: n }),
+                /* @__PURE__ */ l("div", { className: s.inputWrapper, children: [
+                  i && /* @__PURE__ */ a("div", { className: e(s.label, u), children: /* @__PURE__ */ a("span", { className: s.labelInner, children: f ? `${i} *` : i }) }),
+                  /* @__PURE__ */ a("div", { className: s.input, children: g })
+                ] }),
+                c && /* @__PURE__ */ a("div", { className: e(s.addons, s.rightAddons, o), children: c })
+              ]
+            }
+          ),
+          R,
+          d && /* @__PURE__ */ a("span", { "data-attribute": "form-error", className: e(s.sub, s.error), children: d }),
+          t && !d && /* @__PURE__ */ a("span", { className: e(s.sub, s.hint), children: t })
+        ]
+      }
+    );
+  }
+);
+export {
+  M as FormControl
+};
+//# sourceMappingURL=component.js.map

package/dist/form-control/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/form-control/component.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type FormControlProps = HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm' | 'l' | 'xl' | 'xs';\n\n    /**\n     * Заблокированное состояние\n     */\n    disabled?: boolean;\n\n    /**\n     * Заполненное состояние\n     */\n    filled?: boolean;\n\n    /**\n     * Выбранное (фокус) состояние\n     */\n    focused?: boolean;\n\n    /**\n     * Отображение ошибки\n     */\n    error?: string | boolean;\n\n    /**\n     * Текст подсказки\n     */\n    hint?: string;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Лейбл компонента\n     */\n    label?: ReactNode;\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: ReactNode;\n\n    /**\n     * Слот под полем\n     */\n    bottomAddons?: ReactNode;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дополнительный класс для поля\n     */\n    fieldClassName?: string;\n\n    /**\n     * Дополнительный класс для лейбла\n     */\n    labelClassName?: string;\n\n    /**\n     * Дополнительный класс для аддонов\n     */\n    addonsClassName?: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Компонент поля (инпут, textarea и пр.)\n     */\n    children?: ReactNode;\n};\n\nexport const FormControl = React.forwardRef<HTMLDivElement, FormControlProps>(\n    (\n        {\n            block = false,\n            size = 's',\n            className,\n            required,\n            fieldClassName,\n            labelClassName,\n            addonsClassName,\n            disabled,\n            focused,\n            filled,\n            error,\n            hint,\n            label,\n            leftAddons,\n            rightAddons,\n            bottomAddons,\n            children,\n            dataTestId,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const errorMessage = typeof error === 'string' ? error : '';\n\n        return (\n            <div\n                data-test-id={ dataTestId }\n                className={ cn(styles.component, className, styles[size], {\n                    [styles.block]: block,\n                    [styles.hasLeftAddons]: leftAddons,\n                    [styles.hasRightAddons]: rightAddons || error,\n                }) }\n            >\n                <div\n                    { ...restProps }\n                    className={ cn(fieldClassName, styles.inner, {\n                        [styles.focused]: focused,\n                        [styles.disabled]: disabled,\n                        [styles.filled]: filled,\n                        [styles.hasError]: error,\n                        [styles.hasLabel]: label,\n                    }) }\n                    ref={ ref }\n                >\n                    { leftAddons && (\n                        <div className={ cn(styles.addons, styles.leftAddons, addonsClassName) }>\n                            { leftAddons }\n                        </div>\n                    ) }\n\n                    <div className={ styles.inputWrapper }>\n                        { label && (\n                            <div className={ cn(styles.label, labelClassName) }>\n                                <span className={ styles.labelInner }>\n                                    { required ? `${label} *` : label }\n                                </span>\n                            </div>\n                        ) }\n\n                        <div className={ styles.input }>{ children }</div>\n                    </div>\n\n                    { rightAddons && (\n                        <div className={ cn(styles.addons, styles.rightAddons, addonsClassName) }>\n                            { rightAddons }\n                        </div>\n                    ) }\n                </div>\n\n                { bottomAddons }\n\n                { errorMessage && (\n                    <span data-attribute=\"form-error\" className={ cn(styles.sub, styles.error) }>{ errorMessage }</span>\n                ) }\n\n                { hint && !errorMessage && (\n                    <span className={ cn(styles.sub, styles.hint) }>{ hint }</span>\n                ) }\n            </div>\n        );\n    },\n);\n"],"names":["FormControl","React","block","size","className","required","fieldClassName","labelClassName","addonsClassName","disabled","focused","filled","error","hint","label","leftAddons","rightAddons","bottomAddons","children","dataTestId","restProps","ref","errorMessage","jsxs","cn","styles","jsx"],"mappings":";;;;AAiGO,MAAMA,IAAcC,EAAM;AAAA,EAC7B,CACI;AAAA,IACI,OAAAC,IAAQ;AAAA,IACR,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAe,OAAOV,KAAU,WAAWA,IAAQ;AAEzD,WACI,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAeJ;AAAA,QACf,WAAYK,EAAGC,EAAO,WAAWrB,GAAWqB,EAAOtB,CAAI,GAAG;AAAA,UACtD,CAACsB,EAAO,KAAK,GAAGvB;AAAA,UAChB,CAACuB,EAAO,aAAa,GAAGV;AAAA,UACxB,CAACU,EAAO,cAAc,GAAGT,KAAeJ;AAAA,QAAA,CAC3C;AAAA,QAED,UAAA;AAAA,UAAA,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACK,GAAGH;AAAA,cACL,WAAYI,EAAGlB,GAAgBmB,EAAO,OAAO;AAAA,gBACzC,CAACA,EAAO,OAAO,GAAGf;AAAA,gBAClB,CAACe,EAAO,QAAQ,GAAGhB;AAAA,gBACnB,CAACgB,EAAO,MAAM,GAAGd;AAAA,gBACjB,CAACc,EAAO,QAAQ,GAAGb;AAAA,gBACnB,CAACa,EAAO,QAAQ,GAAGX;AAAA,cAAA,CACtB;AAAA,cACD,KAAAO;AAAA,cAEE,UAAA;AAAA,gBAAAN,KACE,gBAAAW,EAAC,OAAA,EAAI,WAAYF,EAAGC,EAAO,QAAQA,EAAO,YAAYjB,CAAe,GAC/D,UAAAO,EAAA,CACN;AAAA,gBAGJ,gBAAAQ,EAAC,OAAA,EAAI,WAAYE,EAAO,cAClB,UAAA;AAAA,kBAAAX,uBACG,OAAA,EAAI,WAAYU,EAAGC,EAAO,OAAOlB,CAAc,GAC5C,UAAA,gBAAAmB,EAAC,QAAA,EAAK,WAAYD,EAAO,YACnB,UAAApB,IAAW,GAAGS,CAAK,OAAOA,GAChC,EAAA,CACJ;AAAA,kBAGJ,gBAAAY,EAAC,OAAA,EAAI,WAAYD,EAAO,OAAU,UAAAP,EAAA,CAAU;AAAA,gBAAA,GAChD;AAAA,gBAEEF,KACE,gBAAAU,EAAC,OAAA,EAAI,WAAYF,EAAGC,EAAO,QAAQA,EAAO,aAAajB,CAAe,GAChE,UAAAQ,EAAA,CACN;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAINC;AAAA,UAEAK,KACE,gBAAAI,EAAC,QAAA,EAAK,kBAAe,cAAa,WAAYF,EAAGC,EAAO,KAAKA,EAAO,KAAK,GAAM,UAAAH,EAAA,CAAc;AAAA,UAG/FT,KAAQ,CAACS,KACP,gBAAAI,EAAC,QAAA,EAAK,WAAYF,EAAGC,EAAO,KAAKA,EAAO,IAAI,GAAM,UAAAZ,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIxE;AACJ;"}

package/dist/form-control/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/form-control/index.js

@@ -1 +1,5 @@
-export{FormControl}from"./component.js";import"tslib";import"react";import"classnames";
+import { FormControl as m } from "./component.js";
+export {
+  m as FormControl
+};
+//# sourceMappingURL=index.js.map

package/dist/form-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/form-control/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--form-control-s-min-height: 48px;--form-control-m-min-height: 60px;--form-control-l-min-height: 72px;--form-control-border-radius: 4px 4px 0 0;--form-control-border-bottom: 1px solid var(--color-border-primary);--form-control-bg-color: var(--color-bg-secondary);--form-control-bg-backdrop-filter: unset;--form-control-color: var(--color-text-primary);--form-control-label-color: var(--color-text-secondary);--form-control-hint-color: var(--color-text-secondary);--form-control-paddings: 0 var(--gap-s);--form-control-l-paddings: 0 var(--gap-m);--form-control-labeled-s-paddings: 23px var(--gap-s) 5px;--form-control-labeled-m-paddings: 28px var(--gap-s) 8px;--form-control-labeled-l-paddings: 38px var(--gap-m) 14px;--form-control-disabled-bg-color: color-mix(in srgb, var(--color-bg-primary-inverted) 85%, white);--form-control-disabled-border-bottom: 1px solid var(--color-border-primary);--form-control-disabled-opacity: .5;--form-control-disabled-color: var(--color-text-secondary);--form-control-focus-border-bottom: 1px solid var(--color-border-accent);--form-control-hover-bg-color: color-mix(in srgb, var(--form-control-bg-color) 95%, black);--form-control-error-color: var(--color-text-negative);--form-control-error-label-color: var(--color-text-negative);--form-control-error-shadow: none;--form-control-error-border-bottom: 1px solid var(--form-control-error-color);--form-control-font-family: var(--font-family)}.index-module_component__88xUs{font-family:var(--form-control-font-family);width:max-content;color:var(--form-control-color)}.index-module_inner__5E-18{display:flex;position:relative;min-height:100%;background-color:var(--form-control-bg-color);backdrop-filter:var(--form-control-bg-backdrop-filter);border-radius:var(--form-control-border-radius);transition:background .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none;transform:translateZ(0)}.index-module_inner__5E-18:before{content:"";display:block;position:absolute;width:100%;bottom:0;height:0;border-bottom:var(--form-control-border-bottom);transition:transform .2s ease,border .2s ease;transform-origin:bottom}.index-module_inputWrapper__EYDad{flex-grow:1;position:relative;overflow:hidden}.index-module_input__28cIX{height:100%;display:flex;align-items:center;position:relative}.index-module_input__28cIX>*{padding:var(--form-control-paddings)}.index-module_label__38axD{position:absolute;display:flex;align-items:center;left:var(--gap-s);right:0;transform-origin:left top;transform:translateY(-50%);transition-duration:.2s;transition-property:color,transform;transition-timing-function:cubic-bezier(.25,.1,.25,1);color:var(--form-control-label-color)}.index-module_labelInner__EJhNP{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-module_addons__lhT1R{display:flex;flex-shrink:0;align-items:center}.index-module_leftAddons__LEkge{padding-left:var(--gap-s)}.index-module_rightAddons__zsPCo{padding-right:var(--gap-s)}.index-module_sub__i9z6r{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;margin-top:var(--gap-2xs)}.index-module_hint__RpKM-{color:var(--form-control-hint-color)}.index-module_block__flzeK{width:100%}.index-module_s__prKUx .index-module_inner__5E-18{min-height:48px}.index-module_s__prKUx .index-module_hasLabel__ZoVEF .index-module_input__28cIX>*{padding:var(--form-control-labeled-s-paddings)}.index-module_s__prKUx .index-module_label__38axD{top:calc(var(--form-control-s-min-height) / 2 + 1px)}.index-module_m__WsWRp .index-module_inner__5E-18{min-height:var(--form-control-m-min-height)}.index-module_m__WsWRp .index-module_hasLabel__ZoVEF .index-module_input__28cIX>*{padding:var(--form-control-labeled-m-paddings)}.index-module_m__WsWRp .index-module_label__38axD{top:calc(var(--form-control-m-min-height) / 2)}.index-module_l__GgDaN .index-module_inner__5E-18{min-height:72px}.index-module_l__GgDaN .index-module_label__38axD{left:var(--gap-m)}.index-module_l__GgDaN .index-module_input__28cIX>*{padding:var(--form-control-l-paddings)}.index-module_l__GgDaN .index-module_hasLabel__ZoVEF .index-module_input__28cIX>*{padding:var(--form-control-labeled-l-paddings)}.index-module_l__GgDaN .index-module_leftAddons__LEkge{padding-left:var(--gap-m)}.index-module_l__GgDaN .index-module_rightAddons__zsPCo{padding-right:var(--gap-m)}.index-module_l__GgDaN.index-module_hasLeftAddons__SCMwi .index-module_label__38axD{left:var(--gap-s)}.index-module_l__GgDaN.index-module_hasLeftAddons__SCMwi .index-module_input__28cIX>*{padding-left:var(--gap-s)}.index-module_l__GgDaN.index-module_hasRightAddons__-5ME3 .index-module_input__28cIX>*{padding-right:var(--gap-s)}.index-module_l__GgDaN .index-module_sub__i9z6r{margin-top:var(--gap-xs)}.index-module_l__GgDaN .index-module_label__38axD{top:calc(var(--form-control-l-min-height) / 2 - 1px)}.index-module_disabled__xb0nE{opacity:var(--form-control-disabled-opacity)}.index-module_disabled__xb0nE:before{border-bottom:var(--form-control-disabled-border-bottom)}.index-module_focused__gP4eM:not(.index-module_disabled__xb0nE):not(.index-module_hasError__YIyAz):before{border-bottom:var(--form-control-focus-border-bottom);transform:scaleY(2)}.index-module_filled__eiB1o .index-module_label__38axD{transform:translateY(-100%) scale(.875);color:var(--form-control-label-color)}.index-module_inner__5E-18:not(.index-module_disabled__xb0nE):hover{background-color:var(--form-control-hover-bg-color)}.index-module_error__kbem3{color:var(--form-control-error-color)}.index-module_hasError__YIyAz .index-module_label__38axD{color:var(--form-control-error-label-color)}.index-module_hasError__YIyAz{box-shadow:var(--form-control-error-shadow)}.index-module_hasError__YIyAz:before{border-bottom:var(--form-control-error-border-bottom);transform:scaleY(2)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.index-module_component__88xUs{float:left;clear:left}.index-module_inner__5E-18:after{min-height:inherit;font-size:0;content:""}}

package/dist/form-control/index.module.css.js

@@ -0,0 +1,53 @@
+import './index.module.css';
+const e = "index-module_component__88xUs", d = "index-module_inner__5E-18", n = "index-module_inputWrapper__EYDad", o = "index-module_input__28cIX", s = "index-module_label__38axD", _ = "index-module_labelInner__EJhNP", l = "index-module_addons__lhT1R", t = "index-module_leftAddons__LEkge", i = "index-module_rightAddons__zsPCo", r = "index-module_sub__i9z6r", u = "index-module_hint__RpKM-", a = "index-module_block__flzeK", c = "index-module_s__prKUx", m = "index-module_hasLabel__ZoVEF", x = "index-module_m__WsWRp", h = "index-module_l__GgDaN", b = "index-module_hasLeftAddons__SCMwi", p = "index-module_hasRightAddons__-5ME3", f = "index-module_disabled__xb0nE", A = "index-module_focused__gP4eM", E = "index-module_hasError__YIyAz", g = "index-module_filled__eiB1o", L = "index-module_error__kbem3", R = {
+  component: e,
+  inner: d,
+  inputWrapper: n,
+  input: o,
+  label: s,
+  labelInner: _,
+  addons: l,
+  leftAddons: t,
+  rightAddons: i,
+  sub: r,
+  hint: u,
+  block: a,
+  s: c,
+  hasLabel: m,
+  m: x,
+  l: h,
+  hasLeftAddons: b,
+  hasRightAddons: p,
+  disabled: f,
+  focused: A,
+  hasError: E,
+  filled: g,
+  error: L
+};
+export {
+  l as addons,
+  a as block,
+  e as component,
+  R as default,
+  f as disabled,
+  L as error,
+  g as filled,
+  A as focused,
+  E as hasError,
+  m as hasLabel,
+  b as hasLeftAddons,
+  p as hasRightAddons,
+  u as hint,
+  d as inner,
+  o as input,
+  n as inputWrapper,
+  h as l,
+  s as label,
+  _ as labelInner,
+  t as leftAddons,
+  x as m,
+  i as rightAddons,
+  c as s,
+  r as sub
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/form-control/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/formik/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Re-exports Formik primitives under `@alphakits/ui/formik` for a single import surface.
+ */
+export { Formik, Form, Field, FieldArray, FastField, ErrorMessage, useFormik, useFormikContext, useField, connect, withFormik, } from 'formik';
+export type { FormikProps, FormikValues, FormikErrors, FormikTouched, FieldProps, FieldArrayRenderProps, FormikConfig, } from 'formik';

package/dist/formik/index.js

@@ -0,0 +1,15 @@
+import { ErrorMessage as o, FastField as F, Field as i, FieldArray as m, Form as s, Formik as t, connect as d, useField as k, useFormik as l, useFormikContext as a, withFormik as n } from "formik";
+export {
+  o as ErrorMessage,
+  F as FastField,
+  i as Field,
+  m as FieldArray,
+  s as Form,
+  t as Formik,
+  d as connect,
+  k as useField,
+  l as useFormik,
+  a as useFormikContext,
+  n as withFormik
+};
+//# sourceMappingURL=index.js.map

package/dist/formik/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/grid/col/component.d.ts

@@ -1,16 +1,52 @@
-/// <reference types="react" />
-import React from 'react';
-import { ElementType } from "react";
-import { ResponsivePropertyType } from "../typings";
-type ColProps = {
+import { default as React, ElementType } from 'react';
+import { ResponsivePropertyType } from '../typings';
+export declare type ColProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Управление выравниванием колонок по вертикальной оси
+     */
     align?: 'top' | 'middle' | 'bottom';
+    /**
+     * Управление шириной колонки.
+     * Возможные значения: `[1..12, available, auto]`
+     * или `{ mobile: [1..12], tablet: [1..12], desktop: [1..12] }`
+     * или `{ mobile: { s: [1..12], m: [1..12], l: [1..12] },
+     * tablet: { s: [1..12], m: [1..12] },
+     * desktop: { s: [1..12], m: [1..12], l: [1..12], xl: [1..12] } }`.
+     */
     width?: ResponsivePropertyType;
+    /**
+     * Управлние смещением колонки.
+     * Возможные значения: `[1..11]`
+     * или `{ mobile: [1..11], tablet: [1..11], desktop: [1..11] }`
+     * или `{ mobile: { s: [1..11], m: [1..11], l: [1..11] },
+     * tablet: { s: [1..11], m: [1..11] },
+     * desktop: { s: [1..11], m: [1..11], l: [1..11], xl: [1..11] } }`.
+     */
     offset?: ResponsivePropertyType;
+    /**
+     * Управление порядком колонок.
+     * Возможные значения: `[1..12, first, last]`
+     * или `{ mobile: [1..last], tablet: [1..last], desktop: [1..last] }`
+     * или `{ mobile: { s: [1..last], m: [1..last], l: [1..last] },
+     * tablet: { s: [1..last], m: [1..last] },
+     * desktop: { s: [1..last], m: [1..last], l: [1..last], xl: [1..last] } }`.
+     */
     order?: ResponsivePropertyType;
+    /**
+     * Html тег компонента.
+     */
     tag?: ElementType;
+    /**
+     * Контент
+     */
     children?: React.ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 } & React.HTMLAttributes<HTMLOrSVGElement>;
-declare const Col: React.FC<ColProps>;
-export { ColProps, Col };
+export declare const Col: React.FC<ColProps>;

package/dist/grid/col/component.js

@@ -1 +1,39 @@
-import{__spreadArray as e}from"tslib";import d,{useMemo as o}from"react";import t from"classnames";import{createClassNames as i}from"../utils/index.js";import{g as r}from"../../gutters.module-9ed4416a.js";var l={component:"index-module_component__3zsDE","width-auto":"index-module_width-auto__2dsst","width-available":"index-module_width-available__1wbRK","width-":"index-module_width-__7yG3C","align-top":"index-module_align-top__1fDlN","align-middle":"index-module_align-middle__319PI","align-bottom":"index-module_align-bottom__xTcSD","offset-":"index-module_offset-__2268z","order-first":"index-module_order-first__3EDEm","order-last":"index-module_order-last__3xG3b","order-":"index-module_order-__1CSKI"},a=function(a){var n=a.tag,m=void 0===n?"div":n,_=a.className,s=a.align,u=a.order,f=a.offset,x=a.width,c=a.children,p=a.dataTestId,g=o((function(){return i({order:u,offset:f,width:x},l)}),[u,f,x]);return d.createElement(m,{className:t.apply(void 0,e(e([r.col,l.component,s&&l["align-"+s]],g),[_])),"data-test-id":p},c)};export{a as Col};
+import { jsx as l } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import f from "classnames";
+import { createClassNames as u } from "../utils/index.js";
+import N from "../gutters.module.css.js";
+import o from "./index.module.css.js";
+const v = ({
+  tag: e = "div",
+  className: a,
+  align: t,
+  order: m,
+  offset: s,
+  width: r,
+  children: c,
+  dataTestId: p
+}) => {
+  const i = n(
+    () => u({ order: m, offset: s, width: r }, o),
+    [m, s, r]
+  );
+  return /* @__PURE__ */ l(
+    e,
+    {
+      className: f(
+        N.col,
+        o.component,
+        t && o[`align-${t}`],
+        ...i,
+        a
+      ),
+      "data-test-id": p,
+      children: c
+    }
+  );
+};
+export {
+  v as Col
+};
+//# sourceMappingURL=component.js.map

package/dist/grid/col/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/grid/col/component.tsx"],"sourcesContent":["import React, { ElementType, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport { ResponsivePropertyType } from '../typings';\nimport { createClassNames } from '../utils';\n\nimport guttersStyles from '../gutters.module.css';\nimport styles from './index.module.css';\n\nexport type ColProps = {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Управление выравниванием колонок по вертикальной оси\n     */\n    align?: 'top' | 'middle' | 'bottom';\n\n    /**\n     * Управление шириной колонки.\n     * Возможные значения: `[1..12, available, auto]`\n     * или `{ mobile: [1..12], tablet: [1..12], desktop: [1..12] }`\n     * или `{ mobile: { s: [1..12], m: [1..12], l: [1..12] },\n     * tablet: { s: [1..12], m: [1..12] },\n     * desktop: { s: [1..12], m: [1..12], l: [1..12], xl: [1..12] } }`.\n     */\n    width?: ResponsivePropertyType;\n\n    /**\n     * Управлние смещением колонки.\n     * Возможные значения: `[1..11]`\n     * или `{ mobile: [1..11], tablet: [1..11], desktop: [1..11] }`\n     * или `{ mobile: { s: [1..11], m: [1..11], l: [1..11] },\n     * tablet: { s: [1..11], m: [1..11] },\n     * desktop: { s: [1..11], m: [1..11], l: [1..11], xl: [1..11] } }`.\n     */\n    offset?: ResponsivePropertyType;\n\n    /**\n     * Управление порядком колонок.\n     * Возможные значения: `[1..12, first, last]`\n     * или `{ mobile: [1..last], tablet: [1..last], desktop: [1..last] }`\n     * или `{ mobile: { s: [1..last], m: [1..last], l: [1..last] },\n     * tablet: { s: [1..last], m: [1..last] },\n     * desktop: { s: [1..last], m: [1..last], l: [1..last], xl: [1..last] } }`.\n     */\n    order?: ResponsivePropertyType;\n\n    /**\n     * Html тег компонента.\n     */\n    tag?: ElementType;\n\n    /**\n     * Контент\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n} & React.HTMLAttributes<HTMLOrSVGElement>;\n\nexport const Col: React.FC<ColProps> = ({\n    tag: Component = 'div',\n    className,\n    align,\n    order,\n    offset,\n    width,\n    children,\n    dataTestId,\n}) => {\n    const classNames = useMemo(\n        () => createClassNames({ order, offset, width }, styles),\n        [order, offset, width],\n    );\n\n    return (\n        <Component\n            className={ cn(\n                guttersStyles.col,\n                styles.component,\n                align && styles[`align-${align}`],\n                ...classNames,\n                className,\n            ) }\n            data-test-id={ dataTestId }\n        >\n            { children }\n        </Component>\n    );\n};\n"],"names":["Col","Component","className","align","order","offset","width","children","dataTestId","classNames","useMemo","createClassNames","styles","jsx","cn","guttersStyles"],"mappings":";;;;;;AAkEO,MAAMA,IAA0B,CAAC;AAAA,EACpC,KAAKC,IAAY;AAAA,EACjB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACJ,MAAM;AACF,QAAMC,IAAaC;AAAA,IACf,MAAMC,EAAiB,EAAE,OAAAP,GAAO,QAAAC,GAAQ,OAAAC,EAAA,GAASM,CAAM;AAAA,IACvD,CAACR,GAAOC,GAAQC,CAAK;AAAA,EAAA;AAGzB,SACI,gBAAAO;AAAA,IAACZ;AAAA,IAAA;AAAA,MACG,WAAYa;AAAA,QACRC,EAAc;AAAA,QACdH,EAAO;AAAA,QACPT,KAASS,EAAO,SAAST,CAAK,EAAE;AAAA,QAChC,GAAGM;AAAA,QACHP;AAAA,MAAA;AAAA,MAEJ,gBAAeM;AAAA,MAEb,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/grid/col/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/grid/col/index.js

@@ -1 +1,5 @@
-export{Col}from"./component.js";import"tslib";import"react";import"classnames";import"../utils/index.js";import"../../gutters.module-9ed4416a.js";
+import { Col as e } from "./component.js";
+export {
+  e as Col
+};
+//# sourceMappingURL=index.js.map

package/dist/grid/col/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/grid/col/index.module.css

@@ -0,0 +1 @@
+:root{--grid-col-width: calc(100% / 12)}.index-module_component__-XQFp{max-width:100%;min-height:1px;flex-basis:0;flex-grow:1;box-sizing:border-box}.index-module_width-auto__JyCVC{flex:0 0 auto;width:auto;max-width:none}.index-module_width-available__LKvcS{flex-basis:auto;min-height:auto;height:auto}.index-module_width-1__CFlzj{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-2__m6av3{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-3__rchJQ{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-4__5A5vh{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-5__anXLv{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-6__8D42f{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-7__yE0BA{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-8__XOAgc{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-9__eLTzr{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-10__r0U7E{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-11__jZHvx{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-12__ILXpg{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_align-top__6PzoW{align-self:flex-start}.index-module_align-middle__-vUMC{align-self:center}.index-module_align-bottom__aj1Pt{align-self:flex-end}.index-module_offset-1__lEeUp{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-2__biKbg{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-3__epTUv{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-4__wVOyN{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-5__Ownzg{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-6__bYUhn{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-7__fQjIH{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-8__-Nv4c{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-9__-G5aU{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-10__GC-Ky{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-11__g9ekA{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-first__JqKoR{order:-1}.index-module_order-last__ikmYk{order:13}.index-module_order-1__ygBXC{order:1}.index-module_order-2__1szAh{order:2}.index-module_order-3__yrgee{order:3}.index-module_order-4__Cqb21{order:4}.index-module_order-5__Sh1UQ{order:5}.index-module_order-6__x8uKn{order:6}.index-module_order-7__e1giB{order:7}.index-module_order-8__jSGMg{order:8}.index-module_order-9__DFfy3{order:9}.index-module_order-10__PbCHS{order:10}.index-module_order-11__1ztfh{order:11}.index-module_order-12__WUXvt{order:12}@media(--mobile){.index-module_width-mobile-auto__1Ci-V{flex:0 0 auto;width:auto;max-width:none}.index-module_width-mobile-available__wkhRt{flex-basis:auto;min-height:auto;height:auto}.index-module_width-mobile-1__wLCd4{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-mobile-2__1zmyG{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-mobile-3__TPuhJ{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-mobile-4__izNFH{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-mobile-5__kPpJ4{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-mobile-6__6lp4a{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-mobile-7__d7Rl2{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-mobile-8__k3opS{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-mobile-9__E-AqA{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-mobile-10__-3EOv{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-mobile-11__qfi4X{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-mobile-12__00S53{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-mobile-1__QkCcg{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-mobile-2__5WNsY{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-mobile-3__ybmlb{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-mobile-4__HBkfe{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-mobile-5__OKm32{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-mobile-6__knIaa{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-mobile-7__OrRET{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-mobile-8__ByQKR{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-mobile-9__r-Kbe{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-mobile-10__UPMhP{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-mobile-11__a41jc{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-mobile-first__nAS5Z{order:-1}.index-module_order-mobile-last__YTHY-{order:13}.index-module_order-mobile-1__pFftE{order:1}.index-module_order-mobile-2__OL0Ca{order:2}.index-module_order-mobile-3__JKgrs{order:3}.index-module_order-mobile-4__v-Wh2{order:4}.index-module_order-mobile-5__i5IRf{order:5}.index-module_order-mobile-6__79qQz{order:6}.index-module_order-mobile-7__KtN76{order:7}.index-module_order-mobile-8__Ys3UJ{order:8}.index-module_order-mobile-9__2DcaN{order:9}.index-module_order-mobile-10__agKAv{order:10}.index-module_order-mobile-11__QwbVf{order:11}.index-module_order-mobile-12__JLZtZ{order:12}}@media(min-width:320px){.index-module_width-mobile-s-auto__1cPCV{flex:0 0 auto;width:auto;max-width:none}.index-module_width-mobile-s-available__C2CPT{flex-basis:auto;min-height:auto;height:auto}.index-module_width-mobile-s-1__b5phQ{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-mobile-s-2__2euqO{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-mobile-s-3__XJprn{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-mobile-s-4__RoRQV{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-mobile-s-5__BPI6j{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-mobile-s-6__UxuUo{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-mobile-s-7__zve1D{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-mobile-s-8__EasTp{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-mobile-s-9__xehWi{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-mobile-s-10__m31tv{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-mobile-s-11__Ya-D-{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-mobile-s-12__JsExy{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-mobile-s-1__bv7gL{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-mobile-s-2__zUHJg{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-mobile-s-3__lS5iH{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-mobile-s-4__6zOsy{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-mobile-s-5__aN47X{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-mobile-s-6__exMc4{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-mobile-s-7__BI7tW{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-mobile-s-8__juRAr{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-mobile-s-9__uqz9-{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-mobile-s-10__VaLPT{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-mobile-s-11__DtDHS{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-mobile-s-first__fHyfl{order:-1}.index-module_order-mobile-s-last__3oaH-{order:13}.index-module_order-mobile-s-1__VHFlR{order:1}.index-module_order-mobile-s-2__4aW-q{order:2}.index-module_order-mobile-s-3__--br-{order:3}.index-module_order-mobile-s-4__Q69PE{order:4}.index-module_order-mobile-s-5__WGafy{order:5}.index-module_order-mobile-s-6__xo0nk{order:6}.index-module_order-mobile-s-7__E7Tu8{order:7}.index-module_order-mobile-s-8__pWI8L{order:8}.index-module_order-mobile-s-9__GQFVM{order:9}.index-module_order-mobile-s-10__QSoAf{order:10}.index-module_order-mobile-s-11__Mh2Z6{order:11}.index-module_order-mobile-s-12__i67uU{order:12}}@media(min-width:375px){.index-module_width-mobile-m-auto__FnUn7{flex:0 0 auto;width:auto;max-width:none}.index-module_width-mobile-m-available__9BGvB{flex-basis:auto;min-height:auto;height:auto}.index-module_width-mobile-m-1__hdmh2{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-mobile-m-2__lXQdm{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-mobile-m-3__w5ita{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-mobile-m-4__CRZ3i{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-mobile-m-5__1g8so{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-mobile-m-6__vvlby{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-mobile-m-7__vmUHI{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-mobile-m-8__WB7MB{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-mobile-m-9__BH2Kd{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-mobile-m-10__3jOaa{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-mobile-m-11__48Djb{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-mobile-m-12__RBTOp{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-mobile-m-1__8siqN{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-mobile-m-2__yPKuD{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-mobile-m-3__fUBHZ{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-mobile-m-4__9PILK{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-mobile-m-5__mc24-{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-mobile-m-6__9vgxH{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-mobile-m-7__-ABtB{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-mobile-m-8__5ZJSB{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-mobile-m-9__sqlaj{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-mobile-m-10__lTaeF{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-mobile-m-11__1XAl4{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-mobile-m-first__2WUvr{order:-1}.index-module_order-mobile-m-last__ADXW2{order:13}.index-module_order-mobile-m-1__LkJ2p{order:1}.index-module_order-mobile-m-2__QK5xt{order:2}.index-module_order-mobile-m-3__-MdJY{order:3}.index-module_order-mobile-m-4__ZDZoc{order:4}.index-module_order-mobile-m-5__vy0vU{order:5}.index-module_order-mobile-m-6__a-75h{order:6}.index-module_order-mobile-m-7__QXVLz{order:7}.index-module_order-mobile-m-8__q-gVi{order:8}.index-module_order-mobile-m-9__lFNj-{order:9}.index-module_order-mobile-m-10__7rdGJ{order:10}.index-module_order-mobile-m-11__q1qPo{order:11}.index-module_order-mobile-m-12__jhoIw{order:12}}@media(min-width:412px){.index-module_width-mobile-l-auto__OQK73{flex:0 0 auto;width:auto;max-width:none}.index-module_width-mobile-l-available__hEQT4{flex-basis:auto;min-height:auto;height:auto}.index-module_width-mobile-l-1__-pMQW{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-mobile-l-2__R3xeF{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-mobile-l-3__YbrGe{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-mobile-l-4__yxjMQ{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-mobile-l-5__dDWyp{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-mobile-l-6__PlFMa{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-mobile-l-7__YwFf6{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-mobile-l-8__5c1pV{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-mobile-l-9__-Kl5n{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-mobile-l-10__4lRSQ{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-mobile-l-11__Cvc4N{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-mobile-l-12__1DKHo{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-mobile-l-1__oLSSc{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-mobile-l-2__ExsOc{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-mobile-l-3__N3Suj{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-mobile-l-4__xRQQx{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-mobile-l-5__UnWeK{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-mobile-l-6__X8hLH{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-mobile-l-7__hzOV6{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-mobile-l-8__dl-rL{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-mobile-l-9__d-SQj{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-mobile-l-10__iMtmZ{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-mobile-l-11__sth88{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-mobile-l-first__3pYmL{order:-1}.index-module_order-mobile-l-last__E5eV5{order:13}.index-module_order-mobile-l-1__wUNRS{order:1}.index-module_order-mobile-l-2__eieMJ{order:2}.index-module_order-mobile-l-3__Enjk4{order:3}.index-module_order-mobile-l-4__MFIj2{order:4}.index-module_order-mobile-l-5__KRPz4{order:5}.index-module_order-mobile-l-6__nIkw6{order:6}.index-module_order-mobile-l-7__PlyYs{order:7}.index-module_order-mobile-l-8__sXhiD{order:8}.index-module_order-mobile-l-9__XXSwd{order:9}.index-module_order-mobile-l-10__pWEHS{order:10}.index-module_order-mobile-l-11__-qa0e{order:11}.index-module_order-mobile-l-12__l-ZsX{order:12}}@media(--tablet){.index-module_width-tablet-auto__zhdi5{flex:0 0 auto;width:auto;max-width:none}.index-module_width-tablet-available__z6BiC{flex-basis:auto;min-height:auto;height:auto}.index-module_width-tablet-1__nFVTW{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-tablet-2__-POd8{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-tablet-3__DtDE2{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-tablet-4__VLR-V{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-tablet-5__l-3M6{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-tablet-6__790Mv{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-tablet-7__7sUX-{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-tablet-8__dEjsr{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-tablet-9__iyCi-{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-tablet-10__-RzW-{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-tablet-11__Y3m5i{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-tablet-12__tJPr6{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-tablet-1__JWANO{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-tablet-2__-rYtX{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-tablet-3__z-qqE{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-tablet-4__6QCWR{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-tablet-5__KDXfF{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-tablet-6__HZp-U{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-tablet-7__ERGDo{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-tablet-8__fm9XR{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-tablet-9__H6q9F{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-tablet-10__155AS{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-tablet-11__i9fpI{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-tablet-first__hbs-S{order:-1}.index-module_order-tablet-last__FsIr4{order:13}.index-module_order-tablet-1__rHWlT{order:1}.index-module_order-tablet-2__sAmGe{order:2}.index-module_order-tablet-3__66g-l{order:3}.index-module_order-tablet-4__S-5jn{order:4}.index-module_order-tablet-5__vqtXw{order:5}.index-module_order-tablet-6__wQCdm{order:6}.index-module_order-tablet-7__liP7z{order:7}.index-module_order-tablet-8__0lIUp{order:8}.index-module_order-tablet-9__aHQyi{order:9}.index-module_order-tablet-10__PenPc{order:10}.index-module_order-tablet-11__Kw40j{order:11}.index-module_order-tablet-12__EYUBA{order:12}}@media(min-width:600px){.index-module_width-tablet-s-auto__-iEER{flex:0 0 auto;width:auto;max-width:none}.index-module_width-tablet-s-available__NWS1N{flex-basis:auto;min-height:auto;height:auto}.index-module_width-tablet-s-1__g-ANG{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-tablet-s-2__VJmLw{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-tablet-s-3__29Plj{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-tablet-s-4__zXK-w{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-tablet-s-5__cEPfI{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-tablet-s-6__aG8uz{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-tablet-s-7__dxA0M{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-tablet-s-8__y9Vgh{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-tablet-s-9__miSjX{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-tablet-s-10__hjEaA{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-tablet-s-11__w6dYj{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-tablet-s-12__TeHJc{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-tablet-s-1__4s6Nh{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-tablet-s-2__qTIYa{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-tablet-s-3__CUImk{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-tablet-s-4__LPxRh{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-tablet-s-5__-gR9-{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-tablet-s-6__9LlMJ{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-tablet-s-7__Y-Fcv{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-tablet-s-8__SIWYo{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-tablet-s-9__MJ3de{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-tablet-s-10__rDdFf{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-tablet-s-11__4FNUw{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-tablet-s-first__P7NxB{order:-1}.index-module_order-tablet-s-last__sDGHa{order:13}.index-module_order-tablet-s-1__Z40bs{order:1}.index-module_order-tablet-s-2__o8eq5{order:2}.index-module_order-tablet-s-3__0wfCx{order:3}.index-module_order-tablet-s-4__1ywA1{order:4}.index-module_order-tablet-s-5__DBlTZ{order:5}.index-module_order-tablet-s-6__gSIKy{order:6}.index-module_order-tablet-s-7__d1nIr{order:7}.index-module_order-tablet-s-8__AKVKj{order:8}.index-module_order-tablet-s-9__Lgnik{order:9}.index-module_order-tablet-s-10__Pyc1t{order:10}.index-module_order-tablet-s-11__lNoyh{order:11}.index-module_order-tablet-s-12__lgK2u{order:12}}@media(min-width:768px){.index-module_width-tablet-m-auto__wQd8j{flex:0 0 auto;width:auto;max-width:none}.index-module_width-tablet-m-available__w0FeB{flex-basis:auto;min-height:auto;height:auto}.index-module_width-tablet-m-1__0-5BX{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-tablet-m-2__iL8IR{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-tablet-m-3__xAkV7{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-tablet-m-4__ZmRp-{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-tablet-m-5__nXchw{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-tablet-m-6__ZqF41{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-tablet-m-7__Hj-qW{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-tablet-m-8__TW35k{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-tablet-m-9__bVXsD{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-tablet-m-10__PUaPq{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-tablet-m-11__OLlLo{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-tablet-m-12__B-ysY{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-tablet-m-1__6b5Ex{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-tablet-m-2__YvyML{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-tablet-m-3__9DfYu{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-tablet-m-4__ff7nE{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-tablet-m-5__VWhG-{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-tablet-m-6__XnoET{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-tablet-m-7__vXe-v{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-tablet-m-8__3O32u{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-tablet-m-9__I2cr1{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-tablet-m-10__OzOYg{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-tablet-m-11__zAaqS{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-tablet-m-first__xjTjl{order:-1}.index-module_order-tablet-m-last__lioY6{order:13}.index-module_order-tablet-m-1__vd3jQ{order:1}.index-module_order-tablet-m-2__FiG3f{order:2}.index-module_order-tablet-m-3__RH-rq{order:3}.index-module_order-tablet-m-4__91hfX{order:4}.index-module_order-tablet-m-5__IM39b{order:5}.index-module_order-tablet-m-6__d-Qos{order:6}.index-module_order-tablet-m-7__lemwE{order:7}.index-module_order-tablet-m-8__-TTav{order:8}.index-module_order-tablet-m-9__4MNGN{order:9}.index-module_order-tablet-m-10__AC6vg{order:10}.index-module_order-tablet-m-11__DOkWA{order:11}.index-module_order-tablet-m-12__dVEoL{order:12}}@media(--desktop){.index-module_width-desktop-auto__nkamo{flex:0 0 auto;width:auto;max-width:none}.index-module_width-desktop-available__4KM0R{flex-basis:auto;min-height:auto;height:auto}.index-module_width-desktop-1__CYJyJ{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-desktop-2__s1NmS{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-desktop-3__WgsdN{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-desktop-4__-boq7{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-desktop-5__Dw8xm{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-desktop-6__VDJI-{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-desktop-7__7zPEg{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-desktop-8__LZvTD{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-desktop-9__Cahdi{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-desktop-10__sNfdH{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-desktop-11__Bb8xn{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-desktop-12__5YntG{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-desktop-1__YBi6I{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-desktop-2__6JZ9l{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-desktop-3__Yg0wN{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-desktop-4__uPmLE{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-desktop-5__QsDAm{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-desktop-6__Z-e3V{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-desktop-7__0c4-m{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-desktop-8__5NVjM{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-desktop-9__hi2o9{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-desktop-10__VFNaH{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-desktop-11__shWB5{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-desktop-first__Wu-2-{order:-1}.index-module_order-desktop-last__8cEFc{order:13}.index-module_order-desktop-1__cuA65{order:1}.index-module_order-desktop-2__V4yVx{order:2}.index-module_order-desktop-3__wO5yd{order:3}.index-module_order-desktop-4__-hLYp{order:4}.index-module_order-desktop-5__c06iR{order:5}.index-module_order-desktop-6__bPP--{order:6}.index-module_order-desktop-7__r32MO{order:7}.index-module_order-desktop-8__9Xxv3{order:8}.index-module_order-desktop-9__3UwGi{order:9}.index-module_order-desktop-10__UbBMr{order:10}.index-module_order-desktop-11__2LE8H{order:11}.index-module_order-desktop-12__pmzs-{order:12}}@media(min-width:1024px){.index-module_width-desktop-s-auto__mKcDZ{flex:0 0 auto;width:auto;max-width:none}.index-module_width-desktop-s-available__ofpQj{flex-basis:auto;min-height:auto;height:auto}.index-module_width-desktop-s-1__Gg5Dw{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-desktop-s-2__Kwpcx{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-desktop-s-3__pwhcH{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-desktop-s-4__mavAW{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-desktop-s-5__nT1EB{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-desktop-s-6__1-PFb{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-desktop-s-7__1orDx{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-desktop-s-8__3OZxu{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-desktop-s-9__1RFzs{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-desktop-s-10__kEGvp{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-desktop-s-11__R7SU2{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-desktop-s-12__dC1Ku{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-desktop-s-1__UbRiy{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-desktop-s-2__1tSHu{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-desktop-s-3__pG9-v{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-desktop-s-4__b4vGC{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-desktop-s-5__4Djlr{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-desktop-s-6__s4UMx{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-desktop-s-7__1JSBI{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-desktop-s-8__OwbaK{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-desktop-s-9__2WREM{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-desktop-s-10__EmZIR{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-desktop-s-11__3vb5Q{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-desktop-s-first__xTPnB{order:-1}.index-module_order-desktop-s-last__l8ePH{order:13}.index-module_order-desktop-s-1__jm5pf{order:1}.index-module_order-desktop-s-2__djyFs{order:2}.index-module_order-desktop-s-3__joQq2{order:3}.index-module_order-desktop-s-4__Ur2W2{order:4}.index-module_order-desktop-s-5__LRwoy{order:5}.index-module_order-desktop-s-6__58azp{order:6}.index-module_order-desktop-s-7__MwyFF{order:7}.index-module_order-desktop-s-8__RN86Q{order:8}.index-module_order-desktop-s-9__1pBr4{order:9}.index-module_order-desktop-s-10__klLb3{order:10}.index-module_order-desktop-s-11__ihqI0{order:11}.index-module_order-desktop-s-12__AtHIF{order:12}}@media(min-width:1280px){.index-module_width-desktop-m-auto__bD3v7{flex:0 0 auto;width:auto;max-width:none}.index-module_width-desktop-m-available__-scqQ{flex-basis:auto;min-height:auto;height:auto}.index-module_width-desktop-m-1__fHhsT{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-desktop-m-2__YiWdp{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-desktop-m-3__mbLJ0{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-desktop-m-4__cbin-{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-desktop-m-5__iyLm4{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-desktop-m-6__ShC-N{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-desktop-m-7__FtcVG{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-desktop-m-8__Mz3oP{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-desktop-m-9__WZ8K5{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-desktop-m-10__aqmOC{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-desktop-m-11__S6Sga{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-desktop-m-12__Lgajg{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-desktop-m-1__FN4Mc{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-desktop-m-2__kWCTq{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-desktop-m-3__OlWes{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-desktop-m-4__uGvRQ{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-desktop-m-5__5Y4Bl{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-desktop-m-6__NNo-j{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-desktop-m-7__aUcs1{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-desktop-m-8__daIhp{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-desktop-m-9__eY-rf{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-desktop-m-10__olXc5{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-desktop-m-11__aARkp{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-desktop-m-first__PK3bD{order:-1}.index-module_order-desktop-m-last__ohhXa{order:13}.index-module_order-desktop-m-1__Q9J9C{order:1}.index-module_order-desktop-m-2__2kNCI{order:2}.index-module_order-desktop-m-3__dhaiF{order:3}.index-module_order-desktop-m-4__VHBOu{order:4}.index-module_order-desktop-m-5__VdmIG{order:5}.index-module_order-desktop-m-6__rnVtT{order:6}.index-module_order-desktop-m-7__27TvK{order:7}.index-module_order-desktop-m-8__yGPHG{order:8}.index-module_order-desktop-m-9__F2iHy{order:9}.index-module_order-desktop-m-10__drEwO{order:10}.index-module_order-desktop-m-11__J39yk{order:11}.index-module_order-desktop-m-12__2GMYs{order:12}}@media(min-width:1440px){.index-module_width-desktop-l-auto__meKGQ{flex:0 0 auto;width:auto;max-width:none}.index-module_width-desktop-l-available__Oui0g{flex-basis:auto;min-height:auto;height:auto}.index-module_width-desktop-l-1__uDcRt{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-desktop-l-2__HVz4a{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-desktop-l-3__9EKlZ{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-desktop-l-4__-UUbm{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-desktop-l-5__cnclr{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-desktop-l-6__b5Qgt{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-desktop-l-7__PXY1l{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-desktop-l-8__X7dFc{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-desktop-l-9__eaW2H{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-desktop-l-10__he55X{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-desktop-l-11__4CJxO{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-desktop-l-12__ZAqfA{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-desktop-l-1__PvO6H{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-desktop-l-2__4O7RQ{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-desktop-l-3__fZxC6{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-desktop-l-4__53T2G{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-desktop-l-5__O-fhM{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-desktop-l-6__O51EW{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-desktop-l-7__1n-Ft{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-desktop-l-8__id3XQ{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-desktop-l-9__ssNTi{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-desktop-l-10__Njne9{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-desktop-l-11__edywa{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-desktop-l-first__tdv2a{order:-1}.index-module_order-desktop-l-last__CA8zv{order:13}.index-module_order-desktop-l-1__64lHt{order:1}.index-module_order-desktop-l-2__vDBwU{order:2}.index-module_order-desktop-l-3__VVqIF{order:3}.index-module_order-desktop-l-4__7AEiT{order:4}.index-module_order-desktop-l-5__-w-5c{order:5}.index-module_order-desktop-l-6__ZzINF{order:6}.index-module_order-desktop-l-7__7dcS4{order:7}.index-module_order-desktop-l-8__eJPqD{order:8}.index-module_order-desktop-l-9__uNC-S{order:9}.index-module_order-desktop-l-10__Zmth3{order:10}.index-module_order-desktop-l-11__5wuqJ{order:11}.index-module_order-desktop-l-12__Q0yBM{order:12}}@media(min-width:1920px){.index-module_width-desktop-xl-auto__lYJBO{flex:0 0 auto;width:auto;max-width:none}.index-module_width-desktop-xl-available__Tx3da{flex-basis:auto;min-height:auto;height:auto}.index-module_width-desktop-xl-1__TEJXA{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.index-module_width-desktop-xl-2__stnpq{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.index-module_width-desktop-xl-3__AYfqN{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.index-module_width-desktop-xl-4__uqklV{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.index-module_width-desktop-xl-5__cz40q{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.index-module_width-desktop-xl-6__CYrFZ{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.index-module_width-desktop-xl-7__wqYwW{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.index-module_width-desktop-xl-8__0iiyc{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.index-module_width-desktop-xl-9__MYrcR{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.index-module_width-desktop-xl-10__MRZQt{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.index-module_width-desktop-xl-11__aOO8j{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.index-module_width-desktop-xl-12__hxHid{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.index-module_offset-desktop-xl-1__E8h--{margin-left:calc(var(--grid-col-width) * 1)}.index-module_offset-desktop-xl-2__Q2Bkz{margin-left:calc(var(--grid-col-width) * 2)}.index-module_offset-desktop-xl-3__OmSyQ{margin-left:calc(var(--grid-col-width) * 3)}.index-module_offset-desktop-xl-4__psEr9{margin-left:calc(var(--grid-col-width) * 4)}.index-module_offset-desktop-xl-5__TfixZ{margin-left:calc(var(--grid-col-width) * 5)}.index-module_offset-desktop-xl-6__5vmWc{margin-left:calc(var(--grid-col-width) * 6)}.index-module_offset-desktop-xl-7__ya2GK{margin-left:calc(var(--grid-col-width) * 7)}.index-module_offset-desktop-xl-8__KJ2Gw{margin-left:calc(var(--grid-col-width) * 8)}.index-module_offset-desktop-xl-9__jvFnX{margin-left:calc(var(--grid-col-width) * 9)}.index-module_offset-desktop-xl-10__2z8s-{margin-left:calc(var(--grid-col-width) * 10)}.index-module_offset-desktop-xl-11__spg3M{margin-left:calc(var(--grid-col-width) * 11)}.index-module_order-desktop-xl-first__BWzk4{order:-1}.index-module_order-desktop-xl-last__XrX0T{order:13}.index-module_order-desktop-xl-1__lhOag{order:1}.index-module_order-desktop-xl-2__xQRQm{order:2}.index-module_order-desktop-xl-3__J8v7D{order:3}.index-module_order-desktop-xl-4__Pg-Pd{order:4}.index-module_order-desktop-xl-5__J6DRi{order:5}.index-module_order-desktop-xl-6__5sJYg{order:6}.index-module_order-desktop-xl-7__BpYHS{order:7}.index-module_order-desktop-xl-8__PPvBT{order:8}.index-module_order-desktop-xl-9__1D1-m{order:9}.index-module_order-desktop-xl-10__RWg-D{order:10}.index-module_order-desktop-xl-11__J74m6{order:11}.index-module_order-desktop-xl-12__d4hh6{order:12}}