@alphakits/ui 2.0.13 → 2.2.0

package/dist/form/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/form/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../button';\nimport { FlexColumns } from '../flex-columns';\nimport { Input } from '../input';\nimport { ModalContext } from '../modal';\nimport { showError, showSuccess } from '../utils';\n\nimport { RestForm } from './templates/rest-form';\n\ntype FooResponseObject = {\n    baz: string;\n    bar?: string;\n};\n\ntype FooResponseObjectOther = {\n    buz: string;\n    bur?: string;\n};\n\nconst initialValues: FooResponseObject = { baz: '', bar: '' };\nconst initialValuesOther: FooResponseObjectOther = { buz: '', bur: '' };\n\nconst CFormOther = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 827368276387 }\n            initialValues={ initialValuesOther }\n            customValidationFields={ ['bur'] }\n            save={ save }\n            remove={ remove }\n            title=\"custom title other\"\n            loading={ loading }\n            submitButtonText=\"submit\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"buz\"\n                        value={ values.buz }\n                        onChange={ handleChange('buz') }\n                        error={ touched.buz && errors.buz }\n                    />\n                    <Input\n                        label=\"bur\"\n                        value={ values.bur }\n                        onChange={ handleChange('bur') }\n                        error={ touched.bur && errors.bur }\n                    />\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nconst CForm = (props: any) => {\n    const [loading, setLoading] = React.useState(true);\n    const [updating, setUpdating] = React.useState(false);\n    const [removing, setRemoving] = React.useState(false);\n\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModalOther = openModal(CFormOther);\n\n    React.useEffect(() => {\n        setTimeout(() => setLoading(false), 500);\n    }, []);\n\n    const save = (): Promise<void> => new Promise((resolve) => {\n        setUpdating(true);\n        setTimeout(() => {\n            resolve();\n            setUpdating(false);\n            showSuccess('', 'Saved');\n        }, 3000);\n    });\n\n    const remove = (): Promise<void> => new Promise((resolve) => {\n        setRemoving(true);\n        setTimeout(() => {\n            resolve();\n            setRemoving(false);\n            showError('Some error from server', 'Error');\n        }, 3000);\n    });\n\n    return (\n        <RestForm\n            recordId={ 8273682763 }\n            initialValues={ initialValues }\n            customValidationFields={ ['bar'] }\n            save={ save }\n            remove={ remove }\n            title=\"Настройки\"\n            subtitle=\"Подпись к заголовку\"\n            back={ () => {} }\n            softError=\"Some error\"\n            loading={ loading }\n            submitButtonText=\"csdcds\"\n            updating={ updating }\n            removing={ removing }\n            close={ props?.close }\n            t={ (s) => s }\n        >\n            { ({\n                values, touched, errors, handleChange,\n            }) => (\n                <FlexColumns columns={ 1 } gr={ 16 } gc={ 0 }>\n                    <Input\n                        label=\"baz\"\n                        value={ values.baz }\n                        onChange={ handleChange('baz') }\n                        error={ touched.baz && errors.baz }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n                    <Input\n                        label=\"bar\"\n                        value={ values.bar }\n                        onChange={ handleChange('bar') }\n                        error={ touched.bar && errors.bar }\n                    />\n\n                    <Button onClick={ openCrudModalOther }>openCrudModalOther</Button>\n                </FlexColumns>\n            ) }\n\n        </RestForm>\n    );\n};\n\nexport const Component = () => {\n    const { openModal } = React.useContext(ModalContext);\n    const openCrudModal = openModal(CForm);\n    // const openFiltersForm = openModal(FForm);\n\n    return (\n        <React.Fragment>\n            { /* <Button onClick={ openFiltersForm }>open filters modal</Button> */ }\n            <Button onClick={ openCrudModal }>open crud modal</Button>\n        </React.Fragment>\n    );\n};\n"],"names":["initialValues","initialValuesOther","CFormOther","props","loading","setLoading","React","updating","setUpdating","removing","setRemoving","jsx","RestForm","resolve","showSuccess","showError","s","values","touched","errors","handleChange","FlexColumns","Input","CForm","openModal","ModalContext","openCrudModalOther","Button","Component","openCrudModal"],"mappings":"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"}

package/dist/form/components/form-loading/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/components/form-loading/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { FlexColumns } from '../../../flex-columns';\nimport { Skeleton } from '../../../skeleton';\n\nimport styles from './index.module.css';\n\nexport const FormLoading: React.FC = () => (\n    <FlexColumns columns={ 1 } gr={ 16 } className={ styles.content }>\n        <div className={ styles.header }>\n            <Skeleton visible={ true } className={ styles.title } />\n            <Skeleton visible={ true } className={ styles.addon } />\n        </div>\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n        <Skeleton visible={ true } className={ styles.input } />\n\n        <div className={ styles.buttons }>\n            <Skeleton visible={ true } className={ styles.button } />\n            <Skeleton visible={ true } className={ styles.button } />\n        </div>\n    </FlexColumns>\n);\n"],"names":["FormLoading","jsxs","FlexColumns","styles","jsx","Skeleton"],"mappings":";;;;AAOO,MAAMA,IAAwB,MACjC,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,IAAK,WAAYC,EAAO,SACpD,UAAA;AAAA,EAAA,gBAAAF,EAAC,OAAA,EAAI,WAAYE,EAAO,QACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,sBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,MAAA,CAAQ;AAAA,EAAA,GAC1D;AAAA,oBACCE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,oBACrDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAQ;AAAA,EAEtD,gBAAAF,EAAC,OAAA,EAAI,WAAYE,EAAO,SACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,QAAS;AAAA,sBACtDE,GAAA,EAAS,SAAU,IAAO,WAAYF,EAAO,OAAA,CAAS;AAAA,EAAA,EAAA,CAC3D;AAAA,EAAA,CACJ;"}

package/dist/form/components/form-loading/index.module.css.js.map

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

package/dist/form/index.js.map

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

package/dist/form/templates/base-form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/base-form/index.tsx"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\nimport { FormLoading } from '../../components/form-loading';\n\nexport type Props<T extends FormikValues> = {\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    enableReinitialize?: boolean;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    t: TFunction;\n\n    save: (values: any) => any;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n};\n\nexport function BaseForm<T extends FormikValues>({\n    loading,\n    validate,\n    customValidationFields,\n    initialValues,\n    enableReinitialize,\n    save,\n    children,\n    t,\n}: PropsWithChildren<Props<T>>) {\n    if (loading) return <FormLoading />;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n                return children({ ...formikProps });\n            }}\n        </Formik>\n    );\n}\n"],"names":["BaseForm","loading","validate","customValidationFields","initialValues","enableReinitialize","save","children","t","jsx","FormLoading","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps"],"mappings":";;;AA4BO,SAASA,EAAiC;AAAA,EAC7C,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAAC;AACJ,GAAgC;AAC5B,MAAIP,EAAS,QAAO,gBAAAQ,EAACC,GAAA,CAAA,CAAY;AAEjC,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIP,EAAE,2BAA2B,IAEvDM,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAL;AAAA,IAACO;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkChB,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,UAAWC;AAAA,MAET,WAACa,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAEEZ,EAAS,EAAE,GAAGY,GAAa;AAAA,IACtC;AAAA,EAAA;AAGZ;"}

package/dist/form/templates/filters-form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/filters-form/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Formik, FormikProps, FormikValues } from 'formik';\n\nimport { Button } from '../../../button';\nimport { TFunction } from '../../../modal';\nimport { Sidepanel } from '../../../sidepanel';\nimport { getDefaultValues } from '../../utils/get-default-values';\n\ntype Props<T> = {\n    initialValues: Record<string, unknown> & T;\n    defaultValues: Record<string, unknown> & T;\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n    submitCallback: (values: T) => void;\n    close: () => void;\n    t: TFunction;\n};\n\ntype FiltersFormType = <T>(props: Props<T>) => React.ReactElement;\n\nexport const FiltersForm: FiltersFormType = ({\n    initialValues,\n    defaultValues,\n    children,\n    submitCallback,\n    close,\n    t,\n}) => {\n    const values = getDefaultValues(initialValues, defaultValues);\n\n    const onSubmit = (val: typeof initialValues) => {\n        submitCallback(val);\n        close();\n    };\n\n    return (\n        <Formik initialValues={values} onSubmit={onSubmit}>\n            {(props) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: props.values,\n                        errors: props.errors,\n                    });\n                }\n                return (\n                    <Sidepanel\n                        title={t('filters')}\n                        bottomAddons={\n                            <React.Fragment>\n                                <Button\n                                    view='primary'\n                                    size='s'\n                                    block={true}\n                                    dataTestId='buttonSave'\n                                    onClick={() => props.submitForm()}\n                                >\n                                    {t('save')}\n                                </Button>\n\n                                <Button\n                                    block={true}\n                                    view='secondary'\n                                    size='s'\n                                    dataTestId='buttonCancel'\n                                    onClick={close}\n                                >\n                                    {t('cancel')}\n                                </Button>\n                            </React.Fragment>\n                        }\n                    >\n                        {children(props)}\n                    </Sidepanel>\n                );\n            }}\n        </Formik>\n    );\n};\n"],"names":["FiltersForm","initialValues","defaultValues","children","submitCallback","close","values","getDefaultValues","Formik","val","props","jsx","Sidepanel","jsxs","React","Button"],"mappings":";;;;;;AAmBO,MAAMA,IAA+B,CAAC;AAAA,EACzC,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA;AACJ,MAAM;AACF,QAAMC,IAASC,EAAiBN,GAAeC,CAAa;AAO5D,2BACKM,GAAA,EAAO,eAAeF,GAAQ,UANlB,CAACG,MAA8B;AAC5C,IAAAL,EAAeK,CAAG,GAClBJ,EAAA;AAAA,EACJ,GAIS,WAACK,OACM,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,IACV,QAAQA,EAAM;AAAA,IACd,QAAQA,EAAM;AAAA,EAAA,CACjB,GAGD,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO,EAAE,SAAS;AAAA,MAClB,cACI,gBAAAC,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAO;AAAA,YACP,YAAW;AAAA,YACX,SAAS,MAAML,EAAM,WAAA;AAAA,YAEpB,YAAE,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGb,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP,MAAK;AAAA,YACL,MAAK;AAAA,YACL,YAAW;AAAA,YACX,SAASV;AAAA,YAER,YAAE,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACf,GACJ;AAAA,MAGH,YAASK,CAAK;AAAA,IAAA;AAAA,EAAA,IAI/B;AAER;"}

package/dist/form/templates/rest-form/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sources":["../../../../src/form/templates/rest-form/form.tsx"],"sourcesContent":["import React, {\n    useCallback, useContext, useEffect, useState,\n} from 'react';\nimport TrashM from '@alphakits/icons/dist/TrashM';\nimport { FormikProps, FormikValues } from 'formik';\n\nimport { Button } from '../../../button';\nimport { Flex } from '../../../flex';\nimport { FlexColumns } from '../../../flex-columns';\nimport { IconButton } from '../../../icon-button';\nimport { ModalContext } from '../../../modal';\nimport { Sidepanel } from '../../../sidepanel';\nimport { ToastPlate } from '../../../toast-plate';\n\nimport { Props } from '.';\n\ntype FormProps<T extends FormikValues> = Props<T> & FormikProps<T>;\n\nexport function Form<T extends FormikValues>({\n    recordId,\n    title,\n    subtitle,\n    headerBottomAddons,\n    initialValues,\n    submitButtonText,\n    customFooter,\n    loading,\n    updating,\n    removing,\n    customValidationFields,\n    validate,\n    save,\n    remove,\n    close,\n    back,\n    t,\n    children,\n    headerAddon,\n    error,\n    softError,\n    ...formProps\n}: FormProps<T>) {\n    const { setModalDirty, currentModalId } = useContext(ModalContext);\n    const [parentModalId] = useState(currentModalId);\n\n    const {\n        submitCount, handleSubmit, isValid, ...restFormikProps\n    } = formProps;\n    const showRemoveBtn = !!recordId && !!remove;\n\n    const submitForm = useCallback(\n        () => {\n            setModalDirty(parentModalId, false);\n            handleSubmit();\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [restFormikProps.dirty, parentModalId],\n    );\n\n    const handleRemove = useCallback(() => {\n        setModalDirty(parentModalId, false);\n\n        // eslint-disable-next-line no-restricted-globals\n        if (confirm(t('common:deleteConfirm'))) {\n            remove?.();\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [restFormikProps.dirty, parentModalId]);\n\n    useEffect(() => {\n        if (!loading) {\n            setModalDirty(parentModalId, restFormikProps.dirty);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [restFormikProps.dirty, loading, parentModalId]);\n\n    const needRenderHeaderAddons =\n        showRemoveBtn || !!headerAddon ? (\n            <React.Fragment>\n                { headerAddon }\n\n                { showRemoveBtn && (\n                    <IconButton\n                        dataTestId=\"removeTariffBtn\"\n                        size=\"m\"\n                        disabled={ updating }\n                        loading={ removing }\n                        onClick={ handleRemove }\n                        icon={ TrashM }\n                    />\n                ) }\n            </React.Fragment>\n        ) : null;\n\n    return (\n        <Sidepanel\n            headerRightAddons={ needRenderHeaderAddons }\n            title={ title }\n            subtitle={ subtitle }\n            loading={ updating || removing || loading }\n            headerBottomAddons={ (headerBottomAddons || !!softError || (!isValid && !!submitCount)) && (\n                <FlexColumns columns={ 1 } gr={ 8 }>\n                    { headerBottomAddons }\n\n                    { !!softError && <ToastPlate view=\"negative\">{ softError }</ToastPlate> }\n\n                    { !isValid && !!submitCount && (\n                        <ToastPlate view=\"negative\">\n                            Please correct errors before submitting form.\n                        </ToastPlate>\n                    ) }\n                </FlexColumns>\n            ) }\n            back={ back }\n            t={ t }\n            bottomAddons={ customFooter || (\n                <Flex gap=\"md\">\n                    <Button\n                        view=\"primary\"\n                        size=\"s\"\n                        block={ true }\n                        loading={ loading }\n                        disabled={ updating || removing }\n                        dataTestId=\"buttonSave\"\n                        onClick={ () => submitForm() }\n                    >\n                        { t(submitButtonText || 'save') }\n                    </Button>\n                    <Button\n                        block={ true }\n                        view=\"secondary\"\n                        size=\"s\"\n                        dataTestId=\"buttonCancel\"\n                        onClick={ close }\n                    >\n                        { t('cancel') }\n                    </Button>\n                </Flex>\n            ) }\n        >\n            { children({\n                submitCount,\n                isValid,\n                handleSubmit: submitForm,\n                initialValues,\n                ...restFormikProps,\n            }) }\n        </Sidepanel>\n    );\n}\n"],"names":["Form","recordId","title","subtitle","headerBottomAddons","initialValues","submitButtonText","customFooter","loading","updating","removing","customValidationFields","validate","save","remove","close","back","t","children","headerAddon","error","softError","formProps","setModalDirty","currentModalId","useContext","ModalContext","parentModalId","useState","submitCount","handleSubmit","isValid","restFormikProps","showRemoveBtn","submitForm","useCallback","handleRemove","useEffect","needRenderHeaderAddons","jsxs","React","jsx","IconButton","TrashM","Sidepanel","FlexColumns","ToastPlate","Flex","Button"],"mappings":"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"}

package/dist/form/templates/rest-form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/form/templates/rest-form/index.tsx"],"sourcesContent":["import React, {\n    PropsWithChildren,\n} from 'react';\nimport {\n    Formik, FormikErrors, FormikProps, FormikValues,\n} from 'formik';\n\nimport { TFunction } from '../../../modal';\n\nimport { Form } from './form';\n\nexport type Props<T extends FormikValues> = {\n    recordId?: number;\n\n    title: string;\n\n    subtitle?: string;\n\n    customFooter?: React.ReactNode;\n    enableReinitialize?: boolean;\n\n    headerBottomAddons?: React.ReactNode;\n\n    initialValues: T;\n\n    validate?: (values: T) => void | Record<string, unknown> | Promise<FormikErrors<T>>;\n\n    /** customValidationFields - значения полей которые необходимо валидировать */\n    customValidationFields?: Array<keyof T>;\n\n    /* Промис для основной кнопки \"сохранить\" */\n    save: (values: any) => any;\n\n    back?: () => void;\n\n    /* Промис для удаления записи */\n    remove?: () => any;\n\n    /* loading - показываем общий скелетон для формы */\n    loading?: boolean;\n\n    /* updating - показываем лоадинг для кнопки \"Сохранить\" */\n    updating?: boolean;\n\n    /* removing - показываем лоадинг для кнопки \"Удалить\" */\n    removing?: boolean;\n\n    /* Фатальная ошибка */\n    error?: string | null;\n\n    /* Ошибка, показывающася в алерте */\n    softError?: string | null;\n\n    /** Текст кнопки сохранить */\n    submitButtonText?: string;\n\n    children: (props: FormikProps<FormikValues & T>) => React.ReactNode;\n\n    close: () => void;\n\n    t: TFunction;\n\n    headerAddon?: React.ReactNode;\n};\n\nexport function RestForm<T extends FormikValues>({ enableReinitialize = true, ...props }: PropsWithChildren<Props<T>>) {\n    const {\n        loading, error, validate, customValidationFields, initialValues, save,\n    } = props;\n\n    if (error) return <div>Error </div>;\n\n    const customValidate = (fields: Array<keyof T>) => (values: T) =>\n        fields.reduce((acc, field) => {\n            const errors =\n                typeof values === 'object'\n                    ? (values as Record<keyof T, unknown>)\n                    : ({} as Record<keyof T, unknown>);\n\n            if (!errors[field]) acc[field] = props.t('validationErrors:Required');\n\n            return acc;\n        }, {} as Record<keyof T, unknown>);\n\n    const handleValidate = (validateFunc?: (values: T) => void, customFields?: Array<keyof T>) => {\n        if (validateFunc) return validateFunc;\n\n        if (customFields) return customValidate(customFields);\n\n        return undefined;\n    };\n\n    return (\n        <Formik\n            validate={ handleValidate(validate, customValidationFields) }\n            initialValues={ initialValues }\n            enableReinitialize={ enableReinitialize }\n            onSubmit={ save }\n        >\n            { (formikProps) => {\n                if (process.env.REACT_APP_STAGE !== 'prod') {\n                    console.debug({\n                        values: formikProps.values,\n                        errors: formikProps.errors,\n                    });\n                }\n\n                return (\n                <Form\n                    loading={ loading }\n                    { ...formikProps }\n                    { ...props }\n                />\n            ) }}\n        </Formik>\n    );\n}\n"],"names":["RestForm","enableReinitialize","props","loading","error","validate","customValidationFields","initialValues","save","jsx","customValidate","fields","values","acc","field","Formik","validateFunc","customFields","formikProps","Form"],"mappings":";;;AAiEO,SAASA,EAAiC,EAAE,oBAAAC,IAAqB,IAAM,GAAGC,KAAsC;AACnH,QAAM;AAAA,IACF,SAAAC;AAAA,IAAS,OAAAC;AAAA,IAAO,UAAAC;AAAA,IAAU,wBAAAC;AAAA,IAAwB,eAAAC;AAAA,IAAe,MAAAC;AAAA,EAAA,IACjEN;AAEJ,MAAIE,EAAO,QAAO,gBAAAK,EAAC,OAAA,EAAI,UAAA,UAAM;AAE7B,QAAMC,IAAiB,CAACC,MAA2B,CAACC,MAChDD,EAAO,OAAO,CAACE,GAAKC,QAEZ,OAAOF,KAAW,WACXA,IACA,CAAA,GAECE,CAAK,QAAOA,CAAK,IAAIZ,EAAM,EAAE,2BAA2B,IAE7DW,IACR,CAAA,CAA8B;AAUrC,SACI,gBAAAJ;AAAA,IAACM;AAAA,IAAA;AAAA,MACG,WAVe,CAACC,GAAoCC,MAAkC;AAC1F,YAAID,EAAc,QAAOA;AAEzB,YAAIC,EAAc,QAAOP,EAAeO,CAAY;AAAA,MAGxD,GAIkCZ,GAAUC,CAAsB;AAAA,MAC1D,eAAAC;AAAA,MACA,oBAAAN;AAAA,MACA,UAAWO;AAAA,MAET,WAACU,OACK,QAAQ,IAAI,oBAAoB,UAChC,QAAQ,MAAM;AAAA,QACV,QAAQA,EAAY;AAAA,QACpB,QAAQA,EAAY;AAAA,MAAA,CACvB,GAIL,gBAAAT;AAAA,QAACU;AAAA,QAAA;AAAA,UACG,SAAAhB;AAAA,UACE,GAAGe;AAAA,UACH,GAAGhB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEX;AAAA,EAAA;AAGd;"}

package/dist/form/utils/get-default-values.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-default-values.js","sources":["../../../src/form/utils/get-default-values.ts"],"sourcesContent":["export function getDefaultValues<T extends Record<string, unknown>, D extends Record<string, unknown>>(values: T, defaultValues: D): D {\n    return Object.entries(defaultValues).reduce((acc, [row, value]) => ({\n        [row]: values[row] || value,\n        ...acc,\n    }), {}) as D;\n}\n"],"names":["getDefaultValues","values","defaultValues","acc","row","value"],"mappings":"AAAO,SAASA,EAAuFC,GAAWC,GAAqB;AACnI,SAAO,OAAO,QAAQA,CAAa,EAAE,OAAO,CAACC,GAAK,CAACC,GAAKC,CAAK,OAAO;AAAA,IAChE,CAACD,CAAG,GAAGH,EAAOG,CAAG,KAAKC;AAAA,IACtB,GAAGF;AAAA,EAAA,IACH,CAAA,CAAE;AACV;"}

package/dist/form/utils/remove-undefined-from-object.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"remove-undefined-from-object.js","sources":["../../../src/form/utils/remove-undefined-from-object.ts"],"sourcesContent":["export function removeUndefinedFromObject(data: Record<string, unknown>) {\n    return Object.fromEntries(\n        Object.entries(data).filter(([, value]) => value !== undefined),\n    );\n}\n"],"names":["removeUndefinedFromObject","data","value"],"mappings":"AAAO,SAASA,EAA0BC,GAA+B;AACrE,SAAO,OAAO;AAAA,IACV,OAAO,QAAQA,CAAI,EAAE,OAAO,CAAC,GAAGC,CAAK,MAAMA,MAAU,MAAS;AAAA,EAAA;AAEtE;"}

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

@@ -1 +0,0 @@
-{"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.js.map

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

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

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

package/dist/formik/index.js.map

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

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

@@ -1,52 +0,0 @@
-import { default as React, ElementType } from 'react';
-import { ResponsivePropertyType } from '../typings';
-export 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>;
-export declare const Col: React.FC<ColProps>;

package/dist/grid/col/component.js

@@ -1,39 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-export * from './component';

package/dist/grid/col/index.js

@@ -1,5 +0,0 @@
-import { Col as e } from "./component.js";
-export {
-  e as Col
-};
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1 +0,0 @@
-:root{--grid-col-width: calc(100% / 12)}.component_-XQF{max-width:100%;min-height:1px;flex-basis:0;flex-grow:1;box-sizing:border-box}.width-auto_JyCV{flex:0 0 auto;width:auto;max-width:none}.width-available_LKvc{flex-basis:auto;min-height:auto;height:auto}.width-1_CFlz{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-2_m6av{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-3_rchJ{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-4_5A5v{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-5_anXL{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-6_8D42{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-7_yE0B{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-8_XOAg{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-9_eLTz{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-10_r0U7{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-11_jZHv{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-12_ILXp{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.align-top_6Pzo{align-self:flex-start}.align-middle_-vUM{align-self:center}.align-bottom_aj1P{align-self:flex-end}.offset-1_lEeU{margin-left:calc(var(--grid-col-width) * 1)}.offset-2_biKb{margin-left:calc(var(--grid-col-width) * 2)}.offset-3_epTU{margin-left:calc(var(--grid-col-width) * 3)}.offset-4_wVOy{margin-left:calc(var(--grid-col-width) * 4)}.offset-5_Ownz{margin-left:calc(var(--grid-col-width) * 5)}.offset-6_bYUh{margin-left:calc(var(--grid-col-width) * 6)}.offset-7_fQjI{margin-left:calc(var(--grid-col-width) * 7)}.offset-8_-Nv4{margin-left:calc(var(--grid-col-width) * 8)}.offset-9_-G5a{margin-left:calc(var(--grid-col-width) * 9)}.offset-10_GC-K{margin-left:calc(var(--grid-col-width) * 10)}.offset-11_g9ek{margin-left:calc(var(--grid-col-width) * 11)}.order-first_JqKo{order:-1}.order-last_ikmY{order:13}.order-1_ygBX{order:1}.order-2_1szA{order:2}.order-3_yrge{order:3}.order-4_Cqb2{order:4}.order-5_Sh1U{order:5}.order-6_x8uK{order:6}.order-7_e1gi{order:7}.order-8_jSGM{order:8}.order-9_DFfy{order:9}.order-10_PbCH{order:10}.order-11_1ztf{order:11}.order-12_WUXv{order:12}@media(--mobile){.width-mobile-auto_1Ci-{flex:0 0 auto;width:auto;max-width:none}.width-mobile-available_wkhR{flex-basis:auto;min-height:auto;height:auto}.width-mobile-1_wLCd{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-mobile-2_1zmy{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-mobile-3_TPuh{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-mobile-4_izNF{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-mobile-5_kPpJ{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-mobile-6_6lp4{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-mobile-7_d7Rl{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-mobile-8_k3op{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-mobile-9_E-Aq{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-mobile-10_-3EO{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-mobile-11_qfi4{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-mobile-12_00S5{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-mobile-1_QkCc{margin-left:calc(var(--grid-col-width) * 1)}.offset-mobile-2_5WNs{margin-left:calc(var(--grid-col-width) * 2)}.offset-mobile-3_ybml{margin-left:calc(var(--grid-col-width) * 3)}.offset-mobile-4_HBkf{margin-left:calc(var(--grid-col-width) * 4)}.offset-mobile-5_OKm3{margin-left:calc(var(--grid-col-width) * 5)}.offset-mobile-6_knIa{margin-left:calc(var(--grid-col-width) * 6)}.offset-mobile-7_OrRE{margin-left:calc(var(--grid-col-width) * 7)}.offset-mobile-8_ByQK{margin-left:calc(var(--grid-col-width) * 8)}.offset-mobile-9_r-Kb{margin-left:calc(var(--grid-col-width) * 9)}.offset-mobile-10_UPMh{margin-left:calc(var(--grid-col-width) * 10)}.offset-mobile-11_a41j{margin-left:calc(var(--grid-col-width) * 11)}.order-mobile-first_nAS5{order:-1}.order-mobile-last_YTHY{order:13}.order-mobile-1_pFft{order:1}.order-mobile-2_OL0C{order:2}.order-mobile-3_JKgr{order:3}.order-mobile-4_v-Wh{order:4}.order-mobile-5_i5IR{order:5}.order-mobile-6_79qQ{order:6}.order-mobile-7_KtN7{order:7}.order-mobile-8_Ys3U{order:8}.order-mobile-9_2Dca{order:9}.order-mobile-10_agKA{order:10}.order-mobile-11_QwbV{order:11}.order-mobile-12_JLZt{order:12}}@media(min-width:320px){.width-mobile-s-auto_1cPC{flex:0 0 auto;width:auto;max-width:none}.width-mobile-s-available_C2CP{flex-basis:auto;min-height:auto;height:auto}.width-mobile-s-1_b5ph{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-mobile-s-2_2euq{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-mobile-s-3_XJpr{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-mobile-s-4_RoRQ{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-mobile-s-5_BPI6{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-mobile-s-6_UxuU{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-mobile-s-7_zve1{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-mobile-s-8_EasT{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-mobile-s-9_xehW{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-mobile-s-10_m31t{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-mobile-s-11_Ya-D{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-mobile-s-12_JsEx{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-mobile-s-1_bv7g{margin-left:calc(var(--grid-col-width) * 1)}.offset-mobile-s-2_zUHJ{margin-left:calc(var(--grid-col-width) * 2)}.offset-mobile-s-3_lS5i{margin-left:calc(var(--grid-col-width) * 3)}.offset-mobile-s-4_6zOs{margin-left:calc(var(--grid-col-width) * 4)}.offset-mobile-s-5_aN47{margin-left:calc(var(--grid-col-width) * 5)}.offset-mobile-s-6_exMc{margin-left:calc(var(--grid-col-width) * 6)}.offset-mobile-s-7_BI7t{margin-left:calc(var(--grid-col-width) * 7)}.offset-mobile-s-8_juRA{margin-left:calc(var(--grid-col-width) * 8)}.offset-mobile-s-9_uqz9{margin-left:calc(var(--grid-col-width) * 9)}.offset-mobile-s-10_VaLP{margin-left:calc(var(--grid-col-width) * 10)}.offset-mobile-s-11_DtDH{margin-left:calc(var(--grid-col-width) * 11)}.order-mobile-s-first_fHyf{order:-1}.order-mobile-s-last_3oaH{order:13}.order-mobile-s-1_VHFl{order:1}.order-mobile-s-2_4aW-{order:2}.order-mobile-s-3_--br{order:3}.order-mobile-s-4_Q69P{order:4}.order-mobile-s-5_WGaf{order:5}.order-mobile-s-6_xo0n{order:6}.order-mobile-s-7_E7Tu{order:7}.order-mobile-s-8_pWI8{order:8}.order-mobile-s-9_GQFV{order:9}.order-mobile-s-10_QSoA{order:10}.order-mobile-s-11_Mh2Z{order:11}.order-mobile-s-12_i67u{order:12}}@media(min-width:375px){.width-mobile-m-auto_FnUn{flex:0 0 auto;width:auto;max-width:none}.width-mobile-m-available_9BGv{flex-basis:auto;min-height:auto;height:auto}.width-mobile-m-1_hdmh{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-mobile-m-2_lXQd{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-mobile-m-3_w5it{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-mobile-m-4_CRZ3{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-mobile-m-5_1g8s{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-mobile-m-6_vvlb{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-mobile-m-7_vmUH{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-mobile-m-8_WB7M{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-mobile-m-9_BH2K{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-mobile-m-10_3jOa{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-mobile-m-11_48Dj{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-mobile-m-12_RBTO{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-mobile-m-1_8siq{margin-left:calc(var(--grid-col-width) * 1)}.offset-mobile-m-2_yPKu{margin-left:calc(var(--grid-col-width) * 2)}.offset-mobile-m-3_fUBH{margin-left:calc(var(--grid-col-width) * 3)}.offset-mobile-m-4_9PIL{margin-left:calc(var(--grid-col-width) * 4)}.offset-mobile-m-5_mc24{margin-left:calc(var(--grid-col-width) * 5)}.offset-mobile-m-6_9vgx{margin-left:calc(var(--grid-col-width) * 6)}.offset-mobile-m-7_-ABt{margin-left:calc(var(--grid-col-width) * 7)}.offset-mobile-m-8_5ZJS{margin-left:calc(var(--grid-col-width) * 8)}.offset-mobile-m-9_sqla{margin-left:calc(var(--grid-col-width) * 9)}.offset-mobile-m-10_lTae{margin-left:calc(var(--grid-col-width) * 10)}.offset-mobile-m-11_1XAl{margin-left:calc(var(--grid-col-width) * 11)}.order-mobile-m-first_2WUv{order:-1}.order-mobile-m-last_ADXW{order:13}.order-mobile-m-1_LkJ2{order:1}.order-mobile-m-2_QK5x{order:2}.order-mobile-m-3_-MdJ{order:3}.order-mobile-m-4_ZDZo{order:4}.order-mobile-m-5_vy0v{order:5}.order-mobile-m-6_a-75{order:6}.order-mobile-m-7_QXVL{order:7}.order-mobile-m-8_q-gV{order:8}.order-mobile-m-9_lFNj{order:9}.order-mobile-m-10_7rdG{order:10}.order-mobile-m-11_q1qP{order:11}.order-mobile-m-12_jhoI{order:12}}@media(min-width:412px){.width-mobile-l-auto_OQK7{flex:0 0 auto;width:auto;max-width:none}.width-mobile-l-available_hEQT{flex-basis:auto;min-height:auto;height:auto}.width-mobile-l-1_-pMQ{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-mobile-l-2_R3xe{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-mobile-l-3_YbrG{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-mobile-l-4_yxjM{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-mobile-l-5_dDWy{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-mobile-l-6_PlFM{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-mobile-l-7_YwFf{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-mobile-l-8_5c1p{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-mobile-l-9_-Kl5{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-mobile-l-10_4lRS{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-mobile-l-11_Cvc4{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-mobile-l-12_1DKH{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-mobile-l-1_oLSS{margin-left:calc(var(--grid-col-width) * 1)}.offset-mobile-l-2_ExsO{margin-left:calc(var(--grid-col-width) * 2)}.offset-mobile-l-3_N3Su{margin-left:calc(var(--grid-col-width) * 3)}.offset-mobile-l-4_xRQQ{margin-left:calc(var(--grid-col-width) * 4)}.offset-mobile-l-5_UnWe{margin-left:calc(var(--grid-col-width) * 5)}.offset-mobile-l-6_X8hL{margin-left:calc(var(--grid-col-width) * 6)}.offset-mobile-l-7_hzOV{margin-left:calc(var(--grid-col-width) * 7)}.offset-mobile-l-8_dl-r{margin-left:calc(var(--grid-col-width) * 8)}.offset-mobile-l-9_d-SQ{margin-left:calc(var(--grid-col-width) * 9)}.offset-mobile-l-10_iMtm{margin-left:calc(var(--grid-col-width) * 10)}.offset-mobile-l-11_sth8{margin-left:calc(var(--grid-col-width) * 11)}.order-mobile-l-first_3pYm{order:-1}.order-mobile-l-last_E5eV{order:13}.order-mobile-l-1_wUNR{order:1}.order-mobile-l-2_eieM{order:2}.order-mobile-l-3_Enjk{order:3}.order-mobile-l-4_MFIj{order:4}.order-mobile-l-5_KRPz{order:5}.order-mobile-l-6_nIkw{order:6}.order-mobile-l-7_PlyY{order:7}.order-mobile-l-8_sXhi{order:8}.order-mobile-l-9_XXSw{order:9}.order-mobile-l-10_pWEH{order:10}.order-mobile-l-11_-qa0{order:11}.order-mobile-l-12_l-Zs{order:12}}@media(--tablet){.width-tablet-auto_zhdi{flex:0 0 auto;width:auto;max-width:none}.width-tablet-available_z6Bi{flex-basis:auto;min-height:auto;height:auto}.width-tablet-1_nFVT{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-tablet-2_-POd{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-tablet-3_DtDE{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-tablet-4_VLR-{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-tablet-5_l-3M{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-tablet-6_790M{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-tablet-7_7sUX{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-tablet-8_dEjs{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-tablet-9_iyCi{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-tablet-10_-RzW{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-tablet-11_Y3m5{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-tablet-12_tJPr{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-tablet-1_JWAN{margin-left:calc(var(--grid-col-width) * 1)}.offset-tablet-2_-rYt{margin-left:calc(var(--grid-col-width) * 2)}.offset-tablet-3_z-qq{margin-left:calc(var(--grid-col-width) * 3)}.offset-tablet-4_6QCW{margin-left:calc(var(--grid-col-width) * 4)}.offset-tablet-5_KDXf{margin-left:calc(var(--grid-col-width) * 5)}.offset-tablet-6_HZp-{margin-left:calc(var(--grid-col-width) * 6)}.offset-tablet-7_ERGD{margin-left:calc(var(--grid-col-width) * 7)}.offset-tablet-8_fm9X{margin-left:calc(var(--grid-col-width) * 8)}.offset-tablet-9_H6q9{margin-left:calc(var(--grid-col-width) * 9)}.offset-tablet-10_155A{margin-left:calc(var(--grid-col-width) * 10)}.offset-tablet-11_i9fp{margin-left:calc(var(--grid-col-width) * 11)}.order-tablet-first_hbs-{order:-1}.order-tablet-last_FsIr{order:13}.order-tablet-1_rHWl{order:1}.order-tablet-2_sAmG{order:2}.order-tablet-3_66g-{order:3}.order-tablet-4_S-5j{order:4}.order-tablet-5_vqtX{order:5}.order-tablet-6_wQCd{order:6}.order-tablet-7_liP7{order:7}.order-tablet-8_0lIU{order:8}.order-tablet-9_aHQy{order:9}.order-tablet-10_PenP{order:10}.order-tablet-11_Kw40{order:11}.order-tablet-12_EYUB{order:12}}@media(min-width:600px){.width-tablet-s-auto_-iEE{flex:0 0 auto;width:auto;max-width:none}.width-tablet-s-available_NWS1{flex-basis:auto;min-height:auto;height:auto}.width-tablet-s-1_g-AN{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-tablet-s-2_VJmL{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-tablet-s-3_29Pl{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-tablet-s-4_zXK-{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-tablet-s-5_cEPf{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-tablet-s-6_aG8u{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-tablet-s-7_dxA0{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-tablet-s-8_y9Vg{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-tablet-s-9_miSj{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-tablet-s-10_hjEa{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-tablet-s-11_w6dY{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-tablet-s-12_TeHJ{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-tablet-s-1_4s6N{margin-left:calc(var(--grid-col-width) * 1)}.offset-tablet-s-2_qTIY{margin-left:calc(var(--grid-col-width) * 2)}.offset-tablet-s-3_CUIm{margin-left:calc(var(--grid-col-width) * 3)}.offset-tablet-s-4_LPxR{margin-left:calc(var(--grid-col-width) * 4)}.offset-tablet-s-5_-gR9{margin-left:calc(var(--grid-col-width) * 5)}.offset-tablet-s-6_9LlM{margin-left:calc(var(--grid-col-width) * 6)}.offset-tablet-s-7_Y-Fc{margin-left:calc(var(--grid-col-width) * 7)}.offset-tablet-s-8_SIWY{margin-left:calc(var(--grid-col-width) * 8)}.offset-tablet-s-9_MJ3d{margin-left:calc(var(--grid-col-width) * 9)}.offset-tablet-s-10_rDdF{margin-left:calc(var(--grid-col-width) * 10)}.offset-tablet-s-11_4FNU{margin-left:calc(var(--grid-col-width) * 11)}.order-tablet-s-first_P7Nx{order:-1}.order-tablet-s-last_sDGH{order:13}.order-tablet-s-1_Z40b{order:1}.order-tablet-s-2_o8eq{order:2}.order-tablet-s-3_0wfC{order:3}.order-tablet-s-4_1ywA{order:4}.order-tablet-s-5_DBlT{order:5}.order-tablet-s-6_gSIK{order:6}.order-tablet-s-7_d1nI{order:7}.order-tablet-s-8_AKVK{order:8}.order-tablet-s-9_Lgni{order:9}.order-tablet-s-10_Pyc1{order:10}.order-tablet-s-11_lNoy{order:11}.order-tablet-s-12_lgK2{order:12}}@media(min-width:768px){.width-tablet-m-auto_wQd8{flex:0 0 auto;width:auto;max-width:none}.width-tablet-m-available_w0Fe{flex-basis:auto;min-height:auto;height:auto}.width-tablet-m-1_0-5B{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-tablet-m-2_iL8I{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-tablet-m-3_xAkV{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-tablet-m-4_ZmRp{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-tablet-m-5_nXch{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-tablet-m-6_ZqF4{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-tablet-m-7_Hj-q{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-tablet-m-8_TW35{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-tablet-m-9_bVXs{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-tablet-m-10_PUaP{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-tablet-m-11_OLlL{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-tablet-m-12_B-ys{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-tablet-m-1_6b5E{margin-left:calc(var(--grid-col-width) * 1)}.offset-tablet-m-2_YvyM{margin-left:calc(var(--grid-col-width) * 2)}.offset-tablet-m-3_9DfY{margin-left:calc(var(--grid-col-width) * 3)}.offset-tablet-m-4_ff7n{margin-left:calc(var(--grid-col-width) * 4)}.offset-tablet-m-5_VWhG{margin-left:calc(var(--grid-col-width) * 5)}.offset-tablet-m-6_XnoE{margin-left:calc(var(--grid-col-width) * 6)}.offset-tablet-m-7_vXe-{margin-left:calc(var(--grid-col-width) * 7)}.offset-tablet-m-8_3O32{margin-left:calc(var(--grid-col-width) * 8)}.offset-tablet-m-9_I2cr{margin-left:calc(var(--grid-col-width) * 9)}.offset-tablet-m-10_OzOY{margin-left:calc(var(--grid-col-width) * 10)}.offset-tablet-m-11_zAaq{margin-left:calc(var(--grid-col-width) * 11)}.order-tablet-m-first_xjTj{order:-1}.order-tablet-m-last_lioY{order:13}.order-tablet-m-1_vd3j{order:1}.order-tablet-m-2_FiG3{order:2}.order-tablet-m-3_RH-r{order:3}.order-tablet-m-4_91hf{order:4}.order-tablet-m-5_IM39{order:5}.order-tablet-m-6_d-Qo{order:6}.order-tablet-m-7_lemw{order:7}.order-tablet-m-8_-TTa{order:8}.order-tablet-m-9_4MNG{order:9}.order-tablet-m-10_AC6v{order:10}.order-tablet-m-11_DOkW{order:11}.order-tablet-m-12_dVEo{order:12}}@media(--desktop){.width-desktop-auto_nkam{flex:0 0 auto;width:auto;max-width:none}.width-desktop-available_4KM0{flex-basis:auto;min-height:auto;height:auto}.width-desktop-1_CYJy{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-desktop-2_s1Nm{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-desktop-3_Wgsd{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-desktop-4_-boq{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-desktop-5_Dw8x{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-desktop-6_VDJI{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-desktop-7_7zPE{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-desktop-8_LZvT{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-desktop-9_Cahd{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-desktop-10_sNfd{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-desktop-11_Bb8x{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-desktop-12_5Ynt{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-desktop-1_YBi6{margin-left:calc(var(--grid-col-width) * 1)}.offset-desktop-2_6JZ9{margin-left:calc(var(--grid-col-width) * 2)}.offset-desktop-3_Yg0w{margin-left:calc(var(--grid-col-width) * 3)}.offset-desktop-4_uPmL{margin-left:calc(var(--grid-col-width) * 4)}.offset-desktop-5_QsDA{margin-left:calc(var(--grid-col-width) * 5)}.offset-desktop-6_Z-e3{margin-left:calc(var(--grid-col-width) * 6)}.offset-desktop-7_0c4-{margin-left:calc(var(--grid-col-width) * 7)}.offset-desktop-8_5NVj{margin-left:calc(var(--grid-col-width) * 8)}.offset-desktop-9_hi2o{margin-left:calc(var(--grid-col-width) * 9)}.offset-desktop-10_VFNa{margin-left:calc(var(--grid-col-width) * 10)}.offset-desktop-11_shWB{margin-left:calc(var(--grid-col-width) * 11)}.order-desktop-first_Wu-2{order:-1}.order-desktop-last_8cEF{order:13}.order-desktop-1_cuA6{order:1}.order-desktop-2_V4yV{order:2}.order-desktop-3_wO5y{order:3}.order-desktop-4_-hLY{order:4}.order-desktop-5_c06i{order:5}.order-desktop-6_bPP-{order:6}.order-desktop-7_r32M{order:7}.order-desktop-8_9Xxv{order:8}.order-desktop-9_3UwG{order:9}.order-desktop-10_UbBM{order:10}.order-desktop-11_2LE8{order:11}.order-desktop-12_pmzs{order:12}}@media(min-width:1024px){.width-desktop-s-auto_mKcD{flex:0 0 auto;width:auto;max-width:none}.width-desktop-s-available_ofpQ{flex-basis:auto;min-height:auto;height:auto}.width-desktop-s-1_Gg5D{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-desktop-s-2_Kwpc{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-desktop-s-3_pwhc{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-desktop-s-4_mavA{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-desktop-s-5_nT1E{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-desktop-s-6_1-PF{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-desktop-s-7_1orD{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-desktop-s-8_3OZx{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-desktop-s-9_1RFz{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-desktop-s-10_kEGv{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-desktop-s-11_R7SU{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-desktop-s-12_dC1K{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-desktop-s-1_UbRi{margin-left:calc(var(--grid-col-width) * 1)}.offset-desktop-s-2_1tSH{margin-left:calc(var(--grid-col-width) * 2)}.offset-desktop-s-3_pG9-{margin-left:calc(var(--grid-col-width) * 3)}.offset-desktop-s-4_b4vG{margin-left:calc(var(--grid-col-width) * 4)}.offset-desktop-s-5_4Djl{margin-left:calc(var(--grid-col-width) * 5)}.offset-desktop-s-6_s4UM{margin-left:calc(var(--grid-col-width) * 6)}.offset-desktop-s-7_1JSB{margin-left:calc(var(--grid-col-width) * 7)}.offset-desktop-s-8_Owba{margin-left:calc(var(--grid-col-width) * 8)}.offset-desktop-s-9_2WRE{margin-left:calc(var(--grid-col-width) * 9)}.offset-desktop-s-10_EmZI{margin-left:calc(var(--grid-col-width) * 10)}.offset-desktop-s-11_3vb5{margin-left:calc(var(--grid-col-width) * 11)}.order-desktop-s-first_xTPn{order:-1}.order-desktop-s-last_l8eP{order:13}.order-desktop-s-1_jm5p{order:1}.order-desktop-s-2_djyF{order:2}.order-desktop-s-3_joQq{order:3}.order-desktop-s-4_Ur2W{order:4}.order-desktop-s-5_LRwo{order:5}.order-desktop-s-6_58az{order:6}.order-desktop-s-7_MwyF{order:7}.order-desktop-s-8_RN86{order:8}.order-desktop-s-9_1pBr{order:9}.order-desktop-s-10_klLb{order:10}.order-desktop-s-11_ihqI{order:11}.order-desktop-s-12_AtHI{order:12}}@media(min-width:1280px){.width-desktop-m-auto_bD3v{flex:0 0 auto;width:auto;max-width:none}.width-desktop-m-available_-scq{flex-basis:auto;min-height:auto;height:auto}.width-desktop-m-1_fHhs{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-desktop-m-2_YiWd{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-desktop-m-3_mbLJ{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-desktop-m-4_cbin{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-desktop-m-5_iyLm{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-desktop-m-6_ShC-{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-desktop-m-7_FtcV{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-desktop-m-8_Mz3o{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-desktop-m-9_WZ8K{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-desktop-m-10_aqmO{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-desktop-m-11_S6Sg{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-desktop-m-12_Lgaj{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-desktop-m-1_FN4M{margin-left:calc(var(--grid-col-width) * 1)}.offset-desktop-m-2_kWCT{margin-left:calc(var(--grid-col-width) * 2)}.offset-desktop-m-3_OlWe{margin-left:calc(var(--grid-col-width) * 3)}.offset-desktop-m-4_uGvR{margin-left:calc(var(--grid-col-width) * 4)}.offset-desktop-m-5_5Y4B{margin-left:calc(var(--grid-col-width) * 5)}.offset-desktop-m-6_NNo-{margin-left:calc(var(--grid-col-width) * 6)}.offset-desktop-m-7_aUcs{margin-left:calc(var(--grid-col-width) * 7)}.offset-desktop-m-8_daIh{margin-left:calc(var(--grid-col-width) * 8)}.offset-desktop-m-9_eY-r{margin-left:calc(var(--grid-col-width) * 9)}.offset-desktop-m-10_olXc{margin-left:calc(var(--grid-col-width) * 10)}.offset-desktop-m-11_aARk{margin-left:calc(var(--grid-col-width) * 11)}.order-desktop-m-first_PK3b{order:-1}.order-desktop-m-last_ohhX{order:13}.order-desktop-m-1_Q9J9{order:1}.order-desktop-m-2_2kNC{order:2}.order-desktop-m-3_dhai{order:3}.order-desktop-m-4_VHBO{order:4}.order-desktop-m-5_VdmI{order:5}.order-desktop-m-6_rnVt{order:6}.order-desktop-m-7_27Tv{order:7}.order-desktop-m-8_yGPH{order:8}.order-desktop-m-9_F2iH{order:9}.order-desktop-m-10_drEw{order:10}.order-desktop-m-11_J39y{order:11}.order-desktop-m-12_2GMY{order:12}}@media(min-width:1440px){.width-desktop-l-auto_meKG{flex:0 0 auto;width:auto;max-width:none}.width-desktop-l-available_Oui0{flex-basis:auto;min-height:auto;height:auto}.width-desktop-l-1_uDcR{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-desktop-l-2_HVz4{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-desktop-l-3_9EKl{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-desktop-l-4_-UUb{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-desktop-l-5_cncl{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-desktop-l-6_b5Qg{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-desktop-l-7_PXY1{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-desktop-l-8_X7dF{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-desktop-l-9_eaW2{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-desktop-l-10_he55{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-desktop-l-11_4CJx{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-desktop-l-12_ZAqf{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-desktop-l-1_PvO6{margin-left:calc(var(--grid-col-width) * 1)}.offset-desktop-l-2_4O7R{margin-left:calc(var(--grid-col-width) * 2)}.offset-desktop-l-3_fZxC{margin-left:calc(var(--grid-col-width) * 3)}.offset-desktop-l-4_53T2{margin-left:calc(var(--grid-col-width) * 4)}.offset-desktop-l-5_O-fh{margin-left:calc(var(--grid-col-width) * 5)}.offset-desktop-l-6_O51E{margin-left:calc(var(--grid-col-width) * 6)}.offset-desktop-l-7_1n-F{margin-left:calc(var(--grid-col-width) * 7)}.offset-desktop-l-8_id3X{margin-left:calc(var(--grid-col-width) * 8)}.offset-desktop-l-9_ssNT{margin-left:calc(var(--grid-col-width) * 9)}.offset-desktop-l-10_Njne{margin-left:calc(var(--grid-col-width) * 10)}.offset-desktop-l-11_edyw{margin-left:calc(var(--grid-col-width) * 11)}.order-desktop-l-first_tdv2{order:-1}.order-desktop-l-last_CA8z{order:13}.order-desktop-l-1_64lH{order:1}.order-desktop-l-2_vDBw{order:2}.order-desktop-l-3_VVqI{order:3}.order-desktop-l-4_7AEi{order:4}.order-desktop-l-5_-w-5{order:5}.order-desktop-l-6_ZzIN{order:6}.order-desktop-l-7_7dcS{order:7}.order-desktop-l-8_eJPq{order:8}.order-desktop-l-9_uNC-{order:9}.order-desktop-l-10_Zmth{order:10}.order-desktop-l-11_5wuq{order:11}.order-desktop-l-12_Q0yB{order:12}}@media(min-width:1920px){.width-desktop-xl-auto_lYJB{flex:0 0 auto;width:auto;max-width:none}.width-desktop-xl-available_Tx3d{flex-basis:auto;min-height:auto;height:auto}.width-desktop-xl-1_TEJX{flex:0 0 calc(var(--grid-col-width) * 1);max-width:calc(var(--grid-col-width) * 1)}.width-desktop-xl-2_stnp{flex:0 0 calc(var(--grid-col-width) * 2);max-width:calc(var(--grid-col-width) * 2)}.width-desktop-xl-3_AYfq{flex:0 0 calc(var(--grid-col-width) * 3);max-width:calc(var(--grid-col-width) * 3)}.width-desktop-xl-4_uqkl{flex:0 0 calc(var(--grid-col-width) * 4);max-width:calc(var(--grid-col-width) * 4)}.width-desktop-xl-5_cz40{flex:0 0 calc(var(--grid-col-width) * 5);max-width:calc(var(--grid-col-width) * 5)}.width-desktop-xl-6_CYrF{flex:0 0 calc(var(--grid-col-width) * 6);max-width:calc(var(--grid-col-width) * 6)}.width-desktop-xl-7_wqYw{flex:0 0 calc(var(--grid-col-width) * 7);max-width:calc(var(--grid-col-width) * 7)}.width-desktop-xl-8_0iiy{flex:0 0 calc(var(--grid-col-width) * 8);max-width:calc(var(--grid-col-width) * 8)}.width-desktop-xl-9_MYrc{flex:0 0 calc(var(--grid-col-width) * 9);max-width:calc(var(--grid-col-width) * 9)}.width-desktop-xl-10_MRZQ{flex:0 0 calc(var(--grid-col-width) * 10);max-width:calc(var(--grid-col-width) * 10)}.width-desktop-xl-11_aOO8{flex:0 0 calc(var(--grid-col-width) * 11);max-width:calc(var(--grid-col-width) * 11)}.width-desktop-xl-12_hxHi{flex:0 0 calc(var(--grid-col-width) * 12);max-width:calc(var(--grid-col-width) * 12)}.offset-desktop-xl-1_E8h-{margin-left:calc(var(--grid-col-width) * 1)}.offset-desktop-xl-2_Q2Bk{margin-left:calc(var(--grid-col-width) * 2)}.offset-desktop-xl-3_OmSy{margin-left:calc(var(--grid-col-width) * 3)}.offset-desktop-xl-4_psEr{margin-left:calc(var(--grid-col-width) * 4)}.offset-desktop-xl-5_Tfix{margin-left:calc(var(--grid-col-width) * 5)}.offset-desktop-xl-6_5vmW{margin-left:calc(var(--grid-col-width) * 6)}.offset-desktop-xl-7_ya2G{margin-left:calc(var(--grid-col-width) * 7)}.offset-desktop-xl-8_KJ2G{margin-left:calc(var(--grid-col-width) * 8)}.offset-desktop-xl-9_jvFn{margin-left:calc(var(--grid-col-width) * 9)}.offset-desktop-xl-10_2z8s{margin-left:calc(var(--grid-col-width) * 10)}.offset-desktop-xl-11_spg3{margin-left:calc(var(--grid-col-width) * 11)}.order-desktop-xl-first_BWzk{order:-1}.order-desktop-xl-last_XrX0{order:13}.order-desktop-xl-1_lhOa{order:1}.order-desktop-xl-2_xQRQ{order:2}.order-desktop-xl-3_J8v7{order:3}.order-desktop-xl-4_Pg-P{order:4}.order-desktop-xl-5_J6DR{order:5}.order-desktop-xl-6_5sJY{order:6}.order-desktop-xl-7_BpYH{order:7}.order-desktop-xl-8_PPvB{order:8}.order-desktop-xl-9_1D1-{order:9}.order-desktop-xl-10_RWg-{order:10}.order-desktop-xl-11_J74m{order:11}.order-desktop-xl-12_d4hh{order:12}}