@vchasno/ui-kit 0.4.85 → 0.4.86

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Avatar as Avatar$1 } from '@base-ui/react';
+
+type AvatarProps = Avatar$1.Root.Props & {
+    src?: string | undefined;
+    srcSet?: string | undefined;
+    alt?: string | undefined;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    shape?: 'circular' | 'rounded';
+    fallback?: React.ReactNode;
+};
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { type AvatarProps, Avatar as default };

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,2 @@
+import a from"react";import e from"classnames";import{Avatar as r}from"@base-ui/react";let t=a.forwardRef(({src:t,srcSet:s,alt:c,children:m,fallback:l,size:o="md",shape:i="circular",...v},n)=>a.createElement(r.Root,{ref:n,className:e("vchasno-ui-avatar",`vchasno-ui-avatar--size-${o}`,`vchasno-ui-avatar--shape-${i}`),...v},a.createElement(r.Image,{className:"vchasno-ui-avatar__image",src:t,srcSet:s,alt:c}),a.createElement(r.Fallback,{className:"vchasno-ui-avatar__fallback"},m??l)));t.displayName="Avatar";export{t as default};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { Avatar as AvatarPrimitive } from '@base-ui/react';\n\nimport './Avatar.global.css';\n\nexport type AvatarProps = AvatarPrimitive.Root.Props & {\n    src?: string | undefined;\n    srcSet?: string | undefined;\n    alt?: string | undefined;\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    shape?: 'circular' | 'rounded';\n    fallback?: React.ReactNode;\n};\n\nconst Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(\n    ({ src, srcSet, alt, children, fallback, size = 'md', shape = 'circular', ...rest }, ref) => {\n        return (\n            <AvatarPrimitive.Root\n                ref={ref}\n                className={cn(\n                    'vchasno-ui-avatar',\n                    `vchasno-ui-avatar--size-${size}`,\n                    `vchasno-ui-avatar--shape-${shape}`,\n                )}\n                {...rest}\n            >\n                <AvatarPrimitive.Image\n                    className=\"vchasno-ui-avatar__image\"\n                    src={src}\n                    srcSet={srcSet}\n                    alt={alt}\n                />\n                <AvatarPrimitive.Fallback className=\"vchasno-ui-avatar__fallback\">\n                    {children ?? fallback}\n                </AvatarPrimitive.Fallback>\n            </AvatarPrimitive.Root>\n        );\n    },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Avatar","React","forwardRef","src","srcSet","alt","children","fallback","size","shape","rest","ref","createElement","AvatarPrimitive","Root","className","cn","Image","Fallback","displayName"],"mappings":"uFAiBMA,IAAAA,EAASC,EAAMC,UAAU,CAC3B,CAAC,CAAEC,IAAAA,CAAG,CAAEC,OAAAA,CAAM,CAAEC,IAAAA,CAAG,CAAEC,SAAAA,CAAQ,CAAEC,SAAAA,CAAQ,CAAEC,KAAAA,EAAO,IAAI,CAAEC,MAAAA,EAAQ,UAAU,CAAE,GAAGC,EAAM,CAAEC,IAE7EV,EAAAW,aAAA,CAACC,EAAgBC,IAAI,CAAA,CACjBH,IAAKA,EACLI,UAAWC,EACP,oBACA,CAAC,wBAAwB,EAAER,GAAM,CACjC,CAAC,yBAAyB,EAAEC,EAAO,CAAA,EAEtC,GAAGC,CAAAA,AAEJ,EAAAT,EAAAW,aAAA,CAACC,EAAgBI,KAAK,CAAA,CAClBF,UAAU,2BACVZ,IAAKA,EACLC,OAAQA,EACRC,IAAKA,CAET,GAAAJ,EAAAW,aAAA,CAACC,EAAgBK,QAAQ,CAAA,CAACH,UAAU,+BAC/BT,GAAYC,IAOjCP,CAAAA,EAAOmB,WAAW,CAAG"}

package/dist/components/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import e,{useState as t,useRef as r,useEffect as n}from"react";import l from"classnames";import a from"../FlexBox/FlexBox.js";import c from"../Spinner/Spinner.js";let i=({onChange:i,items:s,defaultActiveKey:o,activeTab:m,className:u,isPending:d,indicatorPadding:p})=>{let[f,h]=t(!1),[y,b]=t(m||o||s[0]?.key),g=m||y,k=r(null),v=r(null),x=r(null),E=r(!0);n(()=>{if(v.current&&x.current){let e=v.current.getBoundingClientRect(),t=Array.from(v.current.querySelectorAll("li")||[]).find(e=>e.dataset?.key===g);if(t){let{x:r,width:n}=t.getBoundingClientRect();"number"==typeof p&&p>0&&p<n/2&&(r+=p,n-=2*p),x.current.style.width=`${n}px`,x.current.style.transform=`translateX(${r-e.x}px)`}E.current=!1}},[g,p]),n(()=>{v.current&&k.current&&v.current.scrollWidth>k.current.clientWidth&&h(!0)},[]);let N=s.find(e=>e.key===g);return e.createElement(e.Fragment,null,e.createElement("div",{className:l("vchasno-ui-tabs-wrapper-root",{"--skip-animation":E.current,"--ping-left":f&&N!==s[0],"--ping-right":f&&N!==s[s.length-1]})},e.createElement("div",{ref:k,className:l("vchasno-ui-tabs-wrapper",{"--h-scroll":f})},e.createElement("ul",{className:l("vchasno-ui-tabs",u),ref:v},s.map(t=>e.createElement("li",{"data-key":t.key,className:l("vchasno-ui-tabs__label-item",t.className,{"--active":t===N,"--disabled":t.disabled}),key:t.key,onClick:e=>{!t.disabled&&(b(t.key),i?.(t.key),f&&e.currentTarget.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}))}},t.label)),e.createElement("span",{ref:x,className:"vchasno-ui-tabs__indicator"})))),!d&&N?.children,d&&e.createElement(a,{justify:"center",align:"center",style:{minHeight:300}},e.createElement(c,{color:"var(--vchasno-ui-tabs-active-color, #087dc1)"})))};export{i as default};
+import e,{useState as t,useRef as r,useEffect as n}from"react";import l from"classnames";import a from"../FlexBox/FlexBox.js";import c from"../Spinner/Spinner.js";let i=({onChange:i,items:s,defaultActiveKey:o,activeTab:m,className:u,isPending:d,indicatorPadding:p})=>{let[f,h]=t(!1),[y,b]=t(m||o||s[0]?.key),g=m||y,k=r(null),v=r(null),x=r(null),E=r(!0);n(()=>{if(v.current&&x.current){let e=v.current.getBoundingClientRect(),t=Array.from(v.current.querySelectorAll("li")||[]).find(e=>e.dataset?.key===g);if(t){let{x:r,width:n}=t.getBoundingClientRect();"number"==typeof p&&p>0&&p<n/2&&(r+=p,n-=2*p),x.current.style.width=`${n}px`,x.current.style.transform=`translateX(${r-e.x}px)`}E.current=!1}},[g,p]),n(()=>{v.current&&k.current&&v.current.scrollWidth>k.current.clientWidth&&h(!0)},[]);let N=s.find(e=>e.key===g);return e.createElement(e.Fragment,null,e.createElement("div",{className:l("vchasno-ui-tabs-wrapper-root",{"--skip-animation":E.current,"--ping-left":f&&N!==s[0],"--ping-right":f&&N!==s[s.length-1]})},e.createElement("div",{ref:k,className:l("vchasno-ui-tabs-wrapper",{"--h-scroll":f})},e.createElement("ul",{className:l("vchasno-ui-tabs",u),ref:v},s.map(t=>e.createElement("li",{"data-key":t.key,className:l("vchasno-ui-tabs__label-item",t.className,{"--active":t===N,"--disabled":t.disabled}),key:t.key,onClick:e=>{!t.disabled&&(b(t.key),i?.(t.key),f&&e.currentTarget.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}))}},t.label)),e.createElement("span",{ref:x,className:"vchasno-ui-tabs__indicator"})))),!d&&N?.children,d&&e.createElement(a,{justify:"center",align:"center",style:{minHeight:300}},e.createElement(c,{color:"var(--vchasno-ui-tabs-active-color)"})))};export{i as default};
 //# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport FlexBox from '../FlexBox';\nimport Spinner from '../Spinner';\n\nimport './Tabs.global.css';\n\nexport interface Tab<T> {\n    key: T;\n    children: React.ReactNode;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    className?: string;\n}\n\nexport interface TabsProps<T> {\n    items: Tab<T>[];\n    activeTab?: T;\n    defaultActiveKey?: T;\n    onChange?: (key: T) => void;\n    className?: string;\n    isPending?: boolean;\n    indicatorPadding?: number;\n}\n\nconst Tabs = <T extends string>({\n    onChange,\n    items,\n    defaultActiveKey,\n    activeTab,\n    className,\n    isPending,\n    indicatorPadding,\n}: TabsProps<T>) => {\n    const [withScroll, setWithScroll] = useState(false);\n    const [activeKey, setActiveState] = useState(activeTab || defaultActiveKey || items[0]?.key);\n    const activeKeyValue = activeTab || activeKey;\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n    const uiIndicatorRef = useRef<HTMLSpanElement>(null);\n    const isSkipTransitionRef = useRef<boolean>(true);\n\n    useEffect(() => {\n        if (containerRef.current && uiIndicatorRef.current) {\n            const containerReact = containerRef.current.getBoundingClientRect();\n            const list = Array.from(containerRef.current.querySelectorAll('li') || []);\n            const target = list.find((el) => el.dataset?.key === activeKeyValue);\n\n            if (target) {\n                let { x, width } = target.getBoundingClientRect();\n\n                if (\n                    typeof indicatorPadding === 'number' &&\n                    indicatorPadding > 0 &&\n                    indicatorPadding < width / 2\n                ) {\n                    x += indicatorPadding;\n                    width -= 2 * indicatorPadding;\n                }\n\n                uiIndicatorRef.current.style.width = `${width}px`;\n                uiIndicatorRef.current.style.transform = `translateX(${x - containerReact.x}px)`;\n            }\n\n            isSkipTransitionRef.current = false;\n        }\n    }, [activeKeyValue, indicatorPadding]);\n\n    useEffect(() => {\n        if (containerRef.current && scrollContainerRef.current) {\n            const withScroll =\n                containerRef.current.scrollWidth > scrollContainerRef.current.clientWidth;\n\n            if (withScroll) {\n                setWithScroll(true);\n            }\n        }\n    }, []);\n\n    const activeTabItem = items.find((item) => item.key === activeKeyValue);\n\n    return (\n        <>\n            <div\n                className={cn('vchasno-ui-tabs-wrapper-root', {\n                    ['--skip-animation']: isSkipTransitionRef.current,\n                    ['--ping-left']: withScroll && activeTabItem !== items[0],\n                    ['--ping-right']: withScroll && activeTabItem !== items[items.length - 1],\n                })}\n            >\n                <div\n                    ref={scrollContainerRef}\n                    className={cn('vchasno-ui-tabs-wrapper', {\n                        ['--h-scroll']: withScroll,\n                    })}\n                >\n                    <ul className={cn('vchasno-ui-tabs', className)} ref={containerRef}>\n                        {items.map((item) => {\n                            return (\n                                <li\n                                    data-key={item.key}\n                                    className={cn('vchasno-ui-tabs__label-item', item.className, {\n                                        '--active': item === activeTabItem,\n                                        '--disabled': item.disabled,\n                                    })}\n                                    key={item.key}\n                                    onClick={(event) => {\n                                        if (item.disabled) {\n                                            return;\n                                        }\n                                        setActiveState(item.key);\n                                        onChange?.(item.key);\n\n                                        if (withScroll) {\n                                            event.currentTarget.scrollIntoView({\n                                                behavior: 'smooth',\n                                                block: 'center',\n                                                inline: 'center',\n                                            });\n                                        }\n                                    }}\n                                >\n                                    {item.label}\n                                </li>\n                            );\n                        })}\n                        <span ref={uiIndicatorRef} className=\"vchasno-ui-tabs__indicator\" />\n                    </ul>\n                </div>\n            </div>\n            {!isPending && activeTabItem?.children}\n            {isPending && (\n                <FlexBox justify=\"center\" align=\"center\" style={{ minHeight: 300 }}>\n                    <Spinner color=\"var(--vchasno-ui-tabs-active-color, #087dc1)\" />\n                </FlexBox>\n            )}\n        </>\n    );\n};\n\nexport default Tabs;\n"],"names":["Tabs","onChange","items","defaultActiveKey","activeTab","className","isPending","indicatorPadding","withScroll","setWithScroll","useState","activeKey","setActiveState","key","activeKeyValue","scrollContainerRef","useRef","containerRef","uiIndicatorRef","isSkipTransitionRef","useEffect","current","containerReact","getBoundingClientRect","target","list","Array","from","querySelectorAll","find","el","dataset","x","width","style","transform","scrollWidth","clientWidth","activeTabItem","item","React","div","cn","length","ref","ul","map","li","data-key","disabled","onClick","event","currentTarget","scrollIntoView","behavior","block","inline","label","span","children","FlexBox","justify","align","minHeight","Spinner","color"],"mappings":"mKA2BA,IAAMA,EAAO,CAAmB,CAC5BC,SAAAA,CAAQ,CACRC,MAAAA,CAAK,CACLC,iBAAAA,CAAgB,CAChBC,UAAAA,CAAS,CACTC,UAAAA,CAAS,CACTC,UAAAA,CAAS,CACTC,iBAAAA,CAAgB,CACL,IACX,GAAM,CAACC,EAAYC,EAAc,CAAGC,EAAS,CAAA,GACvC,CAACC,EAAWC,EAAe,CAAGF,EAASN,GAAaD,GAAoBD,CAAK,CAAC,EAAE,EAAEW,KAClFC,EAAiBV,GAAaO,EAC9BI,EAAqBC,EAAuB,MAC5CC,EAAeD,EAAyB,MACxCE,EAAiBF,EAAwB,MACzCG,EAAsBH,EAAgB,CAAA,GAE5CI,EAAU,KACN,GAAIH,EAAaI,OAAO,EAAIH,EAAeG,OAAO,CAAE,CAChD,IAAMC,EAAiBL,EAAaI,OAAO,CAACE,qBAAqB,GAE3DC,EAASC,AADFC,MAAMC,IAAI,CAACV,EAAaI,OAAO,CAACO,gBAAgB,CAAC,OAAS,EAAE,EACrDC,IAAI,CAAC,AAACC,GAAOA,EAAGC,OAAO,EAAElB,MAAQC,GAErD,GAAIU,EAAQ,CACR,GAAI,CAAEQ,EAAAA,CAAC,CAAEC,MAAAA,CAAK,CAAE,CAAGT,EAAOD,qBAAqB,EAGf,CAAA,UAA5B,OAAOhB,GACPA,EAAmB,GACnBA,EAAmB0B,EAAQ,IAE3BD,GAAKzB,EACL0B,GAAS,EAAI1B,GAGjBW,EAAeG,OAAO,CAACa,KAAK,CAACD,KAAK,CAAG,CAAA,EAAGA,EAAM,EAAE,CAAC,CACjDf,EAAeG,OAAO,CAACa,KAAK,CAACC,SAAS,CAAG,CAAC,WAAW,EAAEH,EAAIV,EAAeU,CAAC,CAAC,GAAG,CAAC,AACpF,CAEAb,EAAoBE,OAAO,CAAG,CAAA,CAClC,GACD,CAACP,EAAgBP,EAAiB,EAErCa,EAAU,KACFH,EAAaI,OAAO,EAAIN,EAAmBM,OAAO,EAE9CJ,EAAaI,OAAO,CAACe,WAAW,CAAGrB,EAAmBM,OAAO,CAACgB,WAAW,EAGzE5B,EAAc,CAAA,EAG1B,EAAG,EAAE,EAEL,IAAM6B,EAAgBpC,EAAM2B,IAAI,CAAC,AAACU,GAASA,EAAK1B,GAAG,GAAKC,GAExD,OACI0B,gCACIA,EAACC,aAAAA,CAAAA,MAAAA,CACGpC,UAAWqC,EAAG,+BAAgC,CACzC,mBAAqBvB,EAAoBE,OAAO,CAChD,cAAgBb,GAAc8B,IAAkBpC,CAAK,CAAC,EAAE,CACxD,eAAiBM,GAAc8B,IAAkBpC,CAAK,CAACA,EAAMyC,MAAM,CAAG,EAAE,AAC7E,IAEAH,EAACC,aAAAA,CAAAA,MAAAA,CACGG,IAAK7B,EACLV,UAAWqC,EAAG,0BAA2B,CACpC,aAAelC,CACpB,IAEAgC,EAACK,aAAAA,CAAAA,KAAAA,CAAGxC,UAAWqC,EAAG,kBAAmBrC,GAAYuC,IAAK3B,GACjDf,EAAM4C,GAAG,CAAC,AAACP,GAEJC,EAACO,aAAAA,CAAAA,KAAAA,CACGC,WAAUT,EAAK1B,GAAG,CAClBR,UAAWqC,EAAG,8BAA+BH,EAAKlC,SAAS,CAAE,CACzD,WAAYkC,IAASD,EACrB,aAAcC,EAAKU,QAAAA,AACvB,GACApC,IAAK0B,EAAK1B,GAAG,CACbqC,QAAS,AAACC,KACFZ,EAAKU,QAAQ,GAGjBrC,EAAe2B,EAAK1B,GAAG,EACvBZ,IAAWsC,EAAK1B,GAAG,EAEfL,GACA2C,EAAMC,aAAa,CAACC,cAAc,CAAC,CAC/BC,SAAU,SACVC,MAAO,SACPC,OAAQ,QACZ,GAER,CAECjB,EAAAA,EAAKkB,KAAK,GAIvBjB,EAACkB,aAAAA,CAAAA,OAAAA,CAAKd,IAAK1B,EAAgBb,UAAU,4BAIhD,MAAA,CAACC,GAAagC,GAAeqB,SAC7BrD,GACGkC,EAACoB,aAAAA,CAAAA,EAAAA,CAAQC,QAAQ,SAASC,MAAM,SAAS5B,MAAO,CAAE6B,UAAW,GAAI,GAC7DvB,EAACwB,aAAAA,CAAAA,EAAAA,CAAQC,MAAM,kDAKnC"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport FlexBox from '../FlexBox';\nimport Spinner from '../Spinner';\n\nimport './Tabs.global.css';\n\nexport interface Tab<T> {\n    key: T;\n    children: React.ReactNode;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    className?: string;\n}\n\nexport interface TabsProps<T> {\n    items: Tab<T>[];\n    activeTab?: T;\n    defaultActiveKey?: T;\n    onChange?: (key: T) => void;\n    className?: string;\n    isPending?: boolean;\n    indicatorPadding?: number;\n}\n\nconst Tabs = <T extends string>({\n    onChange,\n    items,\n    defaultActiveKey,\n    activeTab,\n    className,\n    isPending,\n    indicatorPadding,\n}: TabsProps<T>) => {\n    const [withScroll, setWithScroll] = useState(false);\n    const [activeKey, setActiveState] = useState(activeTab || defaultActiveKey || items[0]?.key);\n    const activeKeyValue = activeTab || activeKey;\n    const scrollContainerRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLUListElement>(null);\n    const uiIndicatorRef = useRef<HTMLSpanElement>(null);\n    const isSkipTransitionRef = useRef<boolean>(true);\n\n    useEffect(() => {\n        if (containerRef.current && uiIndicatorRef.current) {\n            const containerReact = containerRef.current.getBoundingClientRect();\n            const list = Array.from(containerRef.current.querySelectorAll('li') || []);\n            const target = list.find((el) => el.dataset?.key === activeKeyValue);\n\n            if (target) {\n                let { x, width } = target.getBoundingClientRect();\n\n                if (\n                    typeof indicatorPadding === 'number' &&\n                    indicatorPadding > 0 &&\n                    indicatorPadding < width / 2\n                ) {\n                    x += indicatorPadding;\n                    width -= 2 * indicatorPadding;\n                }\n\n                uiIndicatorRef.current.style.width = `${width}px`;\n                uiIndicatorRef.current.style.transform = `translateX(${x - containerReact.x}px)`;\n            }\n\n            isSkipTransitionRef.current = false;\n        }\n    }, [activeKeyValue, indicatorPadding]);\n\n    useEffect(() => {\n        if (containerRef.current && scrollContainerRef.current) {\n            const withScroll =\n                containerRef.current.scrollWidth > scrollContainerRef.current.clientWidth;\n\n            if (withScroll) {\n                setWithScroll(true);\n            }\n        }\n    }, []);\n\n    const activeTabItem = items.find((item) => item.key === activeKeyValue);\n\n    return (\n        <>\n            <div\n                className={cn('vchasno-ui-tabs-wrapper-root', {\n                    ['--skip-animation']: isSkipTransitionRef.current,\n                    ['--ping-left']: withScroll && activeTabItem !== items[0],\n                    ['--ping-right']: withScroll && activeTabItem !== items[items.length - 1],\n                })}\n            >\n                <div\n                    ref={scrollContainerRef}\n                    className={cn('vchasno-ui-tabs-wrapper', {\n                        ['--h-scroll']: withScroll,\n                    })}\n                >\n                    <ul className={cn('vchasno-ui-tabs', className)} ref={containerRef}>\n                        {items.map((item) => {\n                            return (\n                                <li\n                                    data-key={item.key}\n                                    className={cn('vchasno-ui-tabs__label-item', item.className, {\n                                        '--active': item === activeTabItem,\n                                        '--disabled': item.disabled,\n                                    })}\n                                    key={item.key}\n                                    onClick={(event) => {\n                                        if (item.disabled) {\n                                            return;\n                                        }\n                                        setActiveState(item.key);\n                                        onChange?.(item.key);\n\n                                        if (withScroll) {\n                                            event.currentTarget.scrollIntoView({\n                                                behavior: 'smooth',\n                                                block: 'center',\n                                                inline: 'center',\n                                            });\n                                        }\n                                    }}\n                                >\n                                    {item.label}\n                                </li>\n                            );\n                        })}\n                        <span ref={uiIndicatorRef} className=\"vchasno-ui-tabs__indicator\" />\n                    </ul>\n                </div>\n            </div>\n            {!isPending && activeTabItem?.children}\n            {isPending && (\n                <FlexBox justify=\"center\" align=\"center\" style={{ minHeight: 300 }}>\n                    <Spinner color=\"var(--vchasno-ui-tabs-active-color)\" />\n                </FlexBox>\n            )}\n        </>\n    );\n};\n\nexport default Tabs;\n"],"names":["Tabs","onChange","items","defaultActiveKey","activeTab","className","isPending","indicatorPadding","withScroll","setWithScroll","useState","activeKey","setActiveState","key","activeKeyValue","scrollContainerRef","useRef","containerRef","uiIndicatorRef","isSkipTransitionRef","useEffect","current","containerReact","getBoundingClientRect","target","list","Array","from","querySelectorAll","find","el","dataset","x","width","style","transform","scrollWidth","clientWidth","activeTabItem","item","React","div","cn","length","ref","ul","map","li","data-key","disabled","onClick","event","currentTarget","scrollIntoView","behavior","block","inline","label","span","children","FlexBox","justify","align","minHeight","Spinner","color"],"mappings":"mKA2BA,IAAMA,EAAO,CAAmB,CAC5BC,SAAAA,CAAQ,CACRC,MAAAA,CAAK,CACLC,iBAAAA,CAAgB,CAChBC,UAAAA,CAAS,CACTC,UAAAA,CAAS,CACTC,UAAAA,CAAS,CACTC,iBAAAA,CAAgB,CACL,IACX,GAAM,CAACC,EAAYC,EAAc,CAAGC,EAAS,CAAA,GACvC,CAACC,EAAWC,EAAe,CAAGF,EAASN,GAAaD,GAAoBD,CAAK,CAAC,EAAE,EAAEW,KAClFC,EAAiBV,GAAaO,EAC9BI,EAAqBC,EAAuB,MAC5CC,EAAeD,EAAyB,MACxCE,EAAiBF,EAAwB,MACzCG,EAAsBH,EAAgB,CAAA,GAE5CI,EAAU,KACN,GAAIH,EAAaI,OAAO,EAAIH,EAAeG,OAAO,CAAE,CAChD,IAAMC,EAAiBL,EAAaI,OAAO,CAACE,qBAAqB,GAE3DC,EAASC,AADFC,MAAMC,IAAI,CAACV,EAAaI,OAAO,CAACO,gBAAgB,CAAC,OAAS,EAAE,EACrDC,IAAI,CAAC,AAACC,GAAOA,EAAGC,OAAO,EAAElB,MAAQC,GAErD,GAAIU,EAAQ,CACR,GAAI,CAAEQ,EAAAA,CAAC,CAAEC,MAAAA,CAAK,CAAE,CAAGT,EAAOD,qBAAqB,EAGf,CAAA,UAA5B,OAAOhB,GACPA,EAAmB,GACnBA,EAAmB0B,EAAQ,IAE3BD,GAAKzB,EACL0B,GAAS,EAAI1B,GAGjBW,EAAeG,OAAO,CAACa,KAAK,CAACD,KAAK,CAAG,CAAA,EAAGA,EAAM,EAAE,CAAC,CACjDf,EAAeG,OAAO,CAACa,KAAK,CAACC,SAAS,CAAG,CAAC,WAAW,EAAEH,EAAIV,EAAeU,CAAC,CAAC,GAAG,CAAC,AACpF,CAEAb,EAAoBE,OAAO,CAAG,CAAA,CAClC,GACD,CAACP,EAAgBP,EAAiB,EAErCa,EAAU,KACFH,EAAaI,OAAO,EAAIN,EAAmBM,OAAO,EAE9CJ,EAAaI,OAAO,CAACe,WAAW,CAAGrB,EAAmBM,OAAO,CAACgB,WAAW,EAGzE5B,EAAc,CAAA,EAG1B,EAAG,EAAE,EAEL,IAAM6B,EAAgBpC,EAAM2B,IAAI,CAAC,AAACU,GAASA,EAAK1B,GAAG,GAAKC,GAExD,OACI0B,gCACIA,EAACC,aAAAA,CAAAA,MAAAA,CACGpC,UAAWqC,EAAG,+BAAgC,CACzC,mBAAqBvB,EAAoBE,OAAO,CAChD,cAAgBb,GAAc8B,IAAkBpC,CAAK,CAAC,EAAE,CACxD,eAAiBM,GAAc8B,IAAkBpC,CAAK,CAACA,EAAMyC,MAAM,CAAG,EAAE,AAC7E,IAEAH,EAACC,aAAAA,CAAAA,MAAAA,CACGG,IAAK7B,EACLV,UAAWqC,EAAG,0BAA2B,CACpC,aAAelC,CACpB,IAEAgC,EAACK,aAAAA,CAAAA,KAAAA,CAAGxC,UAAWqC,EAAG,kBAAmBrC,GAAYuC,IAAK3B,GACjDf,EAAM4C,GAAG,CAAC,AAACP,GAEJC,EAACO,aAAAA,CAAAA,KAAAA,CACGC,WAAUT,EAAK1B,GAAG,CAClBR,UAAWqC,EAAG,8BAA+BH,EAAKlC,SAAS,CAAE,CACzD,WAAYkC,IAASD,EACrB,aAAcC,EAAKU,QAAAA,AACvB,GACApC,IAAK0B,EAAK1B,GAAG,CACbqC,QAAS,AAACC,KACFZ,EAAKU,QAAQ,GAGjBrC,EAAe2B,EAAK1B,GAAG,EACvBZ,IAAWsC,EAAK1B,GAAG,EAEfL,GACA2C,EAAMC,aAAa,CAACC,cAAc,CAAC,CAC/BC,SAAU,SACVC,MAAO,SACPC,OAAQ,QACZ,GAER,CAECjB,EAAAA,EAAKkB,KAAK,GAIvBjB,EAACkB,aAAAA,CAAAA,OAAAA,CAAKd,IAAK1B,EAAgBb,UAAU,4BAIhD,MAAA,CAACC,GAAagC,GAAeqB,SAC7BrD,GACGkC,EAACoB,aAAAA,CAAAA,EAAAA,CAAQC,QAAQ,SAASC,MAAM,SAAS5B,MAAO,CAAE6B,UAAW,GAAI,GAC7DvB,EAACwB,aAAAA,CAAAA,EAAAA,CAAQC,MAAM,yCAKnC"}

package/dist/css/_theme.css

@@ -1,5 +1,4 @@
 :root {
-    /* Border Radii */
     --vchasno-ui-border-radius-none: 0;
     --vchasno-ui-border-radius-xs: 2px;
     --vchasno-ui-border-radius-sm: 4px;
@@ -28,10 +27,174 @@
     --vchasno-ui-font-weight-extrabold: 800;
     --vchasno-ui-font-weight-black: 900;
 
-    /* Transitions */
-    --vchasno-ui-transition-duration-sec: 0.3s;
+    /* Spacing */
+    --vchasno-ui-spacing-0: 0px;
+    --vchasno-ui-spacing-2: 2px;
+    --vchasno-ui-spacing-4: 4px;
+    --vchasno-ui-spacing-6: 6px;
+    --vchasno-ui-spacing-8: 8px;
+    --vchasno-ui-spacing-10: 10px;
+    --vchasno-ui-spacing-12: 12px;
+    --vchasno-ui-spacing-16: 16px;
+    --vchasno-ui-spacing-20: 20px;
+    --vchasno-ui-spacing-24: 24px;
+    --vchasno-ui-spacing-32: 32px;
+    --vchasno-ui-spacing-40: 40px;
+    --vchasno-ui-spacing-48: 48px;
+    --vchasno-ui-spacing-52: 52px;
+    --vchasno-ui-spacing-120: 120px;
+
+    /* TTN */
+    --vchasno-ui-color-brand-ttn-25: #f2f3fa;
+    --vchasno-ui-color-brand-ttn-50: #d9d6f6;
+    --vchasno-ui-color-brand-ttn-100: #c6c0f2;
+    --vchasno-ui-color-brand-ttn-200: #b4abef;
+    --vchasno-ui-color-brand-ttn-300: #9f93eb;
+    --vchasno-ui-color-brand-ttn-400: #8e7fe8;
+    --vchasno-ui-color-brand-ttn-500: #7b69e4;
+    --vchasno-ui-color-brand-ttn-600: #604adf;
+    --vchasno-ui-color-brand-ttn-700: #5443bc;
+
+    /* EDO */
+    --vchasno-ui-color-brand-edo-25: #fffbf5;
+    --vchasno-ui-color-brand-edo-50: #fff3e0;
+    --vchasno-ui-color-brand-edo-100: #ffe8c2;
+    --vchasno-ui-color-brand-edo-400: #ffb200;
+    --vchasno-ui-color-brand-edo-500: #ff9c01;
+    --vchasno-ui-color-brand-edo-600: #f58700;
+
+    /* QES */
+    --vchasno-ui-color-brand-qes-25: #fff5f5;
+    --vchasno-ui-color-brand-qes-50: #ffe9ea;
+    --vchasno-ui-color-brand-qes-100: #ffd8d9;
+    --vchasno-ui-color-brand-qes-200: #ffc0c2;
+    --vchasno-ui-color-brand-qes-300: #ffaeb0;
+    --vchasno-ui-color-brand-qes-400: #ff9a9d;
+    --vchasno-ui-color-brand-qes-500: #ff878b;
+    --vchasno-ui-color-brand-qes-600: #ff7c80;
+    --vchasno-ui-color-brand-qes-700: #ff5a5f;
+    --vchasno-ui-color-brand-qes-800: #e75459;
+
+    /* Kadry */
+    --vchasno-ui-color-brand-kadry-25: #f8fcfb;
+    --vchasno-ui-color-brand-kadry-50: #e4f3f1;
+    --vchasno-ui-color-brand-kadry-100: #c7eae5;
+    --vchasno-ui-color-brand-kadry-200: #b1e3dc;
+    --vchasno-ui-color-brand-kadry-300: #9bdcd3;
+    --vchasno-ui-color-brand-kadry-400: #86d5ca;
+    --vchasno-ui-color-brand-kadry-500: #70cec1;
+    --vchasno-ui-color-brand-kadry-600: #5bc7b8;
+    --vchasno-ui-color-brand-kadry-700: #12747d;
+    --vchasno-ui-color-brand-kadry-800: #07626a;
+
+    /* Zvit */
+    --vchasno-ui-color-brand-zvit-25: #fff8f5;
+    --vchasno-ui-color-brand-zvit-50: #ffe8db;
+    --vchasno-ui-color-brand-zvit-100: #ffd7c2;
+    --vchasno-ui-color-brand-zvit-200: #ffc7a8;
+    --vchasno-ui-color-brand-zvit-300: #ffb68f;
+    --vchasno-ui-color-brand-zvit-400: #ffa675;
+    --vchasno-ui-color-brand-zvit-500: #ff955c;
+    --vchasno-ui-color-brand-zvit-600: #ff8542;
+    --vchasno-ui-color-brand-zvit-700: #ff752a;
+    --vchasno-ui-color-brand-zvit-800: #f55d0b;
+
+    /* EDI */
+    --vchasno-ui-color-brand-edi-25: #f5f9ff;
+    --vchasno-ui-color-brand-edi-50: #e0eeff;
+    --vchasno-ui-color-brand-edi-100: #b8dafc;
+    --vchasno-ui-color-brand-edi-200: #9cccfa;
+    --vchasno-ui-color-brand-edi-300: #80bdf8;
+    --vchasno-ui-color-brand-edi-400: #63aef6;
+    --vchasno-ui-color-brand-edi-500: #469ff4;
+    --vchasno-ui-color-brand-edi-600: #007cef;
+    --vchasno-ui-color-brand-edi-700: #1a66c8;
+
+    /* Kasa */
+    --vchasno-ui-color-brand-kasa-25: #fff5fb;
+    --vchasno-ui-color-brand-kasa-50: #ffeff8;
+    --vchasno-ui-color-brand-kasa-100: #ffd3eb;
+    --vchasno-ui-color-brand-kasa-200: #ffc0e3;
+    --vchasno-ui-color-brand-kasa-300: #ffb5de;
+    --vchasno-ui-color-brand-kasa-400: #f39ecd;
+    --vchasno-ui-color-brand-kasa-500: #e582b8;
+    --vchasno-ui-color-brand-kasa-600: #ce6fa3;
+
+    /* Blue */
+    --vchasno-ui-color-utility-blue-25: #f5f9ff;
+    --vchasno-ui-color-utility-blue-50: #ecf4ff;
+    --vchasno-ui-color-utility-blue-100: #dbe9fa;
+    --vchasno-ui-color-utility-blue-200: #4e9aff;
+    --vchasno-ui-color-utility-blue-500: #1a66c8;
+    --vchasno-ui-color-utility-blue-600: #14509e;
+    --vchasno-ui-color-utility-blue-700: #124587;
+
+    /* Green */
+    --vchasno-ui-color-utility-green-50: #f5fdec;
+    --vchasno-ui-color-utility-green-100: #d3efc8;
+    --vchasno-ui-color-utility-green-200: #abdf96;
+    --vchasno-ui-color-utility-green-300: #1cb800;
+    --vchasno-ui-color-utility-green-400: #138000;
+
+    /* Red */
+    --vchasno-ui-color-utility-red-50: #fee;
+    --vchasno-ui-color-utility-red-100: #ffd8d6;
+    --vchasno-ui-color-utility-red-200: #fb7a7a;
+    --vchasno-ui-color-utility-red-300: #f54f4f;
+    --vchasno-ui-color-utility-red-400: #c1261a;
 
-    /* Components */
+    /* Orange */
+    --vchasno-ui-color-utility-orange-50: #fff2d6;
+    --vchasno-ui-color-utility-orange-100: #ffebcc;
+    --vchasno-ui-color-utility-orange-400: #ffb200;
+    --vchasno-ui-color-utility-orange-500: #f58700;
+
+    /* Gray */
+    --vchasno-ui-color-gray-0: #fff;
+    --vchasno-ui-color-gray-25: #f3f8fb;
+    --vchasno-ui-color-gray-50: #e2e9f3;
+    --vchasno-ui-color-gray-100: #bfcede;
+    --vchasno-ui-color-gray-200: #9aaabf;
+    --vchasno-ui-color-gray-300: #8194ac;
+    --vchasno-ui-color-gray-400: #6e809a;
+    --vchasno-ui-color-gray-500: #3b4250;
+    --vchasno-ui-color-gray-600: #252d3d;
+    --vchasno-ui-color-gray-700: #1d1d1f;
+
+    /* Surface Colors */
+    --vchasno-ui-color-surface-disabled-subtle: var(--vchasno-ui-color-gray-25);
+    --vchasno-ui-color-surface-disabled-default: var(--vchasno-ui-color-gray-50);
+    --vchasno-ui-color-surface-disabled-strong: var(--vchasno-ui-color-gray-100);
+    --vchasno-ui-color-surface-success-muted: var(--vchasno-ui-color-utility-green-50);
+    --vchasno-ui-color-surface-success-subtle: var(--vchasno-ui-color-utility-green-100);
+    --vchasno-ui-color-surface-success-default: var(--vchasno-ui-color-utility-green-300);
+    --vchasno-ui-color-surface-error-muted: var(--vchasno-ui-color-utility-red-50);
+    --vchasno-ui-color-surface-error-subtle: var(--vchasno-ui-color-utility-red-100);
+    --vchasno-ui-color-surface-error-default: var(--vchasno-ui-color-utility-red-300);
+    --vchasno-ui-color-surface-info-muted: var(--vchasno-ui-color-utility-blue-50);
+    --vchasno-ui-color-surface-info-subtle: var(--vchasno-ui-color-utility-blue-100);
+    --vchasno-ui-color-surface-info-default: var(--vchasno-ui-color-utility-blue-500);
+    --vchasno-ui-color-surface-warning-muted: var(--vchasno-ui-color-utility-orange-50);
+    --vchasno-ui-color-surface-warning-subtle: var(--vchasno-ui-color-utility-orange-100);
+    --vchasno-ui-color-surface-warning-default: var(--vchasno-ui-color-utility-orange-400);
+    --vchasno-ui-color-surface-accent-default: var(--vchasno-ui-color-utility-blue-500);
+
+    /* Content Colors */
+    --vchasno-ui-color-content-disabled-default: var(--vchasno-ui-color-gray-200);
+    --vchasno-ui-color-content-accent-default: var(--vchasno-ui-color-utility-blue-500);
+    --vchasno-ui-color-content-error-default: var(--vchasno-ui-color-utility-red-400);
+    --vchasno-ui-color-content-info-default: var(--vchasno-ui-color-utility-blue-500);
+    --vchasno-ui-color-content-success-default: var(--vchasno-ui-color-utility-green-400);
+    --vchasno-ui-color-content-warning-default: var(--vchasno-ui-color-utility-orange-500);
+
+    /* Border Colors */
+    --vchasno-ui-color-border-accent-default: var(--vchasno-ui-color-utility-blue-500);
+    --vchasno-ui-color-border-error-default: var(--vchasno-ui-color-utility-red-300);
+    --vchasno-ui-color-border-success-default: var(--vchasno-ui-color-utility-green-300);
+    --vchasno-ui-color-border-warning-default: var(--vchasno-ui-color-utility-orange-400);
+
+    /* IN PRODUCTION */
+    --vchasno-ui-transition-duration-sec: 0.3s;
     --vchasno-ui-btn-default-bg: transparent;
     --vchasno-ui-btn-default-hover-bg: #e1e4ff;
     --vchasno-ui-btn-default-color: #6e809a;
@@ -47,7 +210,7 @@
     --vchasno-ui-btn-pink-hover-bg: #e75459;
     --vchasno-ui-btn-secondary-border-color: #e2e9f3;
     --vchasno-ui-btn-secondary-hover-bg: #e0eeff;
-    --vchasno-ui-btn-secondary-color: #087dc1;
+    --vchasno-ui-btn-secondary-color: var(--vchasno-ui-color-border-accent-default);
     --vchasno-ui-btn-light-bg: #fff;
     --vchasno-ui-btn-light-hover-bg: rgb(96 74 223 / 20%);
     --vchasno-ui-btn-light-color: #604adf;
@@ -70,8 +233,8 @@
     --vchasno-ui-input-font-color-disabled: #bfcede;
     --vchasno-ui-label-color-default: #6e809a;
     --vchasno-ui-label-color-focused: #6b5fff;
-    --vchasno-ui-checkbox-bg-color: #087dc1;
-    --vchasno-ui-checkbox-outline-color: #d9eaff;
+    --vchasno-ui-checkbox-bg-color: var(--vchasno-ui-color-surface-accent-default);
+    --vchasno-ui-checkbox-outline-color: #dbe9fa;
     --vchasno-ui-checkbox-disabled-bg: #bfcede;
     --vchasno-ui-checkbox-border-color: #bfcede;
     --vchasno-ui-checkbox-icon-color: #fff;
@@ -88,6 +251,7 @@
     --vchasno-ui-text-success-color: #1cb800;
     --vchasno-ui-text-warning-color: #ff9c01;
     --vchasno-ui-text-error-color: #f54f4f;
+    --vchasno-ui-text-link-color: var(--vchasno-ui-color-content-accent-default);
     --vchasno-ui-alert-info-color: #1a66c8;
     --vchasno-ui-alert-info-bg: #e0eeff;
     --vchasno-ui-alert-warning-color: #ff9c01;
@@ -98,7 +262,7 @@
     --vchasno-ui-alert-success-bg: #e7f3d9;
     --vchasno-ui-alert-config-color: #1a66c8;
     --vchasno-ui-alert-config-bg: #f3f8fb;
-    --vchasno-ui-tabs-active-color: #087dc1;
+    --vchasno-ui-tabs-active-color: var(--vchasno-ui-color-surface-accent-default);
     --vchasno-ui-pagination-border-color: #6b5fff;
     --vchasno-ui-pagination-hover-bg-color: rgb(0 0 0 / 10%);
     --vchasno-ui-pagination-focus-shadow-color: rgb(107 95 255 / 30%);
@@ -107,15 +271,13 @@
     --vchasno-ui-switch-color-bg: #bfcede;
     --vchasno-ui-switch-spinner-color: #bfcede;
     --vchasno-ui-switch-circle-color: #fff;
-    --vchasno-ui-switch-active-color-bg: #087dc1;
+    --vchasno-ui-switch-active-color-bg: var(--vchasno-ui-color-surface-accent-default);
     --vchasno-ui-pulse-dot-color: #604adf;
     --vchasno-ui-pulse-dot-size: 35px;
     --vchasno-ui-menu-button-bg: #f3f8fb;
     --vchasno-ui-menu-item-hover-bg: #f3f8fb;
-    --vchasno-ui-slider-color: #087dc1;
+    --vchasno-ui-slider-color: var(--vchasno-ui-color-surface-accent-default);
     --vchasno-ui-slider-thumb-box-shadow-color: rgb(96 74 223 / 20%);
-
-    /* BlackTooltip */
     --vchasno-ui-tooltip-font-size: 14px;
     --vchasno-ui-tooltip-line-height: 18px;
     --vchasno-ui-tooltip-bg: #272d3c;
@@ -125,8 +287,6 @@
         from var(--vchasno-ui-tooltip-bg) srgb r g b / var(--vchasno-ui-tooltip-bg-alpha)
     );
     --vchasno-ui-tooltip-text-color: #fff;
-
-    /* Snackbar */
     --vchasno-ui-snackbar-color-light: #fff;
     --vchasno-ui-snackbar-color-dark: #fff;
     --vchasno-ui-snackbar-color-info: #1a66c8;
@@ -188,69 +348,80 @@
     --vchasno-ui-snackbar-color-progress-error: var(--vchasno-ui-snackbar-color-error);
     --vchasno-ui-snackbar-color-progress-bgo: 0.2;
     --vchasno-ui-snackbar-action-button-color: #0094ff;
-
-    /* pulse animation */
     --vchasno-pulse-animation-color: 107 95 255;
     --vchasno-pulse-animation-duration: 1.5s;
-
-    /* full screen modal */
     --vchasno-ui-full-screen-modal-z-index: 998;
     --vchasno-ui-full-screen-modal-header-height: 60px;
     --vchasno-ui-full-screen-modal-bg-color: #fff;
 }
 
-:root .vchasno-ui-kit-theme-edo {
-    /* Button */
-    --vchasno-ui-btn-primary-bg: #ff9c01;
-    --vchasno-ui-btn-primary-hover-bg: #f57a00;
-    --vchasno-ui-input-border-color-focused: #ff9c01;
-    --vchasno-ui-select-menu-border-color: #ff9c01;
-    --vchasno-ui-calendar-color: #ff9c01;
-    --vchasno-ui-pagination-border-color: #ff9c01;
-    --vchasno-ui-pagination-focus-shadow-color: rgb(255 156 1 / 30%);
-    --vchasno-ui-input-outline-color-focused: #fbf4ea;
-    --vchasno-ui-input-border-color-default: #e2e9f3;
-    --vchasno-ui-label-color-default: #6e809a;
-    --vchasno-ui-label-color-focused: #6e809a;
-    --vchasno-ui-input-font-size: 13px;
-    --vchasno-ui-input-font-color: #252d3d;
-    --vchasno-ui-text-primary-color: #252d3d;
-    --vchasno-ui-input-bg-color: #fff;
-    --vchasno-ui-slider-color: #ff9c01;
-    --vchasno-ui-slider-thumb-box-shadow-color: rgb(255 178 0 / 16%);
+@supports not (
+    color: from var(--vchasno-ui-tooltip-bg) srgb r g b / var(--vchasno-ui-tooltip-bg-alpha)
+) {
+    :root {
+        --vchasno-ui-tooltip-bg-mui: var(--vchasno-ui-tooltip-bg);
+    }
 }
 
-:root .vchasno-ui-kit-theme-edi {
-    /* Button */
-    --vchasno-ui-btn-primary-bg: #00c5ff;
-    --vchasno-ui-btn-primary-hover-bg: #00aee2;
+[data-brand='edo'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-edo-500);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-edo-500);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-edo-600);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-edo-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-edo-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-edo-500);
 }
 
-:root .vchasno-ui-kit-theme-kasa,
-:root .vchasno-ui-kit-theme-dm {
-    /* Button */
-    --vchasno-ui-btn-primary-bg: #e579ff;
-    --vchasno-ui-btn-primary-hover-bg: #c055da;
+[data-brand='qes'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-qes-700);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-qes-700);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-qes-800);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-qes-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-qes-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-qes-700);
 }
 
-:root .vchasno-ui-kit-theme-kep {
-    /* Button */
-    --vchasno-ui-btn-primary-bg: #ff5a5f;
-    --vchasno-ui-btn-primary-hover-bg: #e75459;
+[data-brand='ttn'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-ttn-500);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-ttn-600);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-ttn-700);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-ttn-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-ttn-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-ttn-500);
 }
 
-:root .vchasno-ui-kit-theme-hrs {
-    /* Button */
-    --vchasno-ui-btn-primary-bg: #3dbeac;
-    --vchasno-ui-btn-primary-hover-bg: #35a594;
-    --vchasno-ui-btn-default-hover-color: #35a594;
+[data-brand='kadry'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-kadry-700);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-kadry-700);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-kadry-800);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-kadry-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-kadry-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-kadry-700);
 }
 
-@supports not (
-    color: from var(--vchasno-ui-tooltip-bg) srgb r g b / var(--vchasno-ui-tooltip-bg-alpha)
-) {
-    :root {
-        /* BlackTooltip */
-        --vchasno-ui-tooltip-bg-mui: var(--vchasno-ui-tooltip-bg);
-    }
+[data-brand='zvit'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-zvit-600);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-zvit-700);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-zvit-800);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-zvit-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-zvit-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-zvit-600);
+}
+
+[data-brand='edi'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-edi-600);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-edi-600);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-edi-700);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-edi-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-edi-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-edi-600);
+}
+
+[data-brand='kasa'] {
+    --vchasno-ui-color-content-brand-default: var(--vchasno-ui-color-brand-kasa-500);
+    --vchasno-ui-color-surface-brand-default: var(--vchasno-ui-color-brand-kasa-500);
+    --vchasno-ui-color-surface-brand-default-hover: var(--vchasno-ui-color-brand-kasa-600);
+    --vchasno-ui-color-surface-brand-muted: var(--vchasno-ui-color-brand-kasa-25);
+    --vchasno-ui-color-surface-brand-muted-hover: var(--vchasno-ui-color-brand-kasa-50);
+    --vchasno-ui-color-border-brand-default: var(--vchasno-ui-color-brand-kasa-500);
 }

package/dist/css/vchasno-ui.css

@@ -1 +1 @@
-.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-border-radius-none:0;--vchasno-ui-border-radius-xs:2px;--vchasno-ui-border-radius-sm:4px;--vchasno-ui-border-radius-md:8px;--vchasno-ui-border-radius-lg:12px;--vchasno-ui-border-radius-xl:16px;--vchasno-ui-border-radius-full:9999px;--vchasno-ui-font-size-2xs:10px;--vchasno-ui-font-size-xs:12px;--vchasno-ui-font-size-sm:14px;--vchasno-ui-font-size-md:16px;--vchasno-ui-font-size-lg:20px;--vchasno-ui-font-size-xl:24px;--vchasno-ui-font-size-2xl:32px;--vchasno-ui-font-weight-thin:100;--vchasno-ui-font-weight-extralight:200;--vchasno-ui-font-weight-light:300;--vchasno-ui-font-weight-regular:400;--vchasno-ui-font-weight-medium:500;--vchasno-ui-font-weight-semibold:600;--vchasno-ui-font-weight-bold:700;--vchasno-ui-font-weight-extrabold:800;--vchasno-ui-font-weight-black:900;--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:#087dc1;--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#6b5fff;--vchasno-ui-input-outline-color-focused:#d9d6f6;--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-select-color:#1a66c8;--vchasno-ui-calendar-default-icon-color:#6e809a;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:#087dc1;--vchasno-ui-pagination-border-color:#6b5fff;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-focus-shadow-color:rgba(107,95,255,.3);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:#087dc1;--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:#087dc1;--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-tooltip-font-size:14px;--vchasno-ui-tooltip-line-height:18px;--vchasno-ui-tooltip-bg:#272d3c;--vchasno-ui-tooltip-padding:10px;--vchasno-ui-tooltip-bg-alpha:0.9;--vchasno-ui-tooltip-bg-mui:color(from var(--vchasno-ui-tooltip-bg) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha));--vchasno-ui-tooltip-text-color:#fff;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:var(--vchasno-ui-border-radius-md);--vchasno-ui-snackbar-font-family:sans-serif;--vchasno-ui-snackbar-z-index:9999;--vchasno-ui-snackbar-text-color-light:#757575;--vchasno-ui-snackbar-text-color-dark:#fff;--vchasno-ui-snackbar-text-color-info:#fff;--vchasno-ui-snackbar-text-color-success:#fff;--vchasno-ui-snackbar-text-color-warning:#fff;--vchasno-ui-snackbar-text-color-error:#fff;--vchasno-ui-snackbar-spinner-color:#616161;--vchasno-ui-snackbar-spinner-color-empty-area:#e0e0e0;--vchasno-ui-snackbar-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--vchasno-ui-snackbar-color-progress-dark:#bb86fc;--vchasno-ui-snackbar-color-progress-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-color-progress-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-color-progress-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-color-progress-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-color-progress-bgo:0.2;--vchasno-ui-snackbar-action-button-color:#0094ff;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ff9c01;--vchasno-ui-btn-primary-hover-bg:#f57a00;--vchasno-ui-input-border-color-focused:#ff9c01;--vchasno-ui-select-menu-border-color:#ff9c01;--vchasno-ui-calendar-color:#ff9c01;--vchasno-ui-pagination-border-color:#ff9c01;--vchasno-ui-pagination-focus-shadow-color:rgba(255,156,1,.3);--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6e809a;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-slider-color:#ff9c01;--vchasno-ui-slider-thumb-box-shadow-color:rgba(255,178,0,.16)}:root .vchasno-ui-kit-theme-edi{--vchasno-ui-btn-primary-bg:#00c5ff;--vchasno-ui-btn-primary-hover-bg:#00aee2}:root .vchasno-ui-kit-theme-dm,:root .vchasno-ui-kit-theme-kasa{--vchasno-ui-btn-primary-bg:#e579ff;--vchasno-ui-btn-primary-hover-bg:#c055da}:root .vchasno-ui-kit-theme-kep{--vchasno-ui-btn-primary-bg:#ff5a5f;--vchasno-ui-btn-primary-hover-bg:#e75459}:root .vchasno-ui-kit-theme-hrs{--vchasno-ui-btn-primary-bg:#3dbeac;--vchasno-ui-btn-primary-hover-bg:#35a594;--vchasno-ui-btn-default-hover-color:#35a594}@supports not (color:from var(--vchasno-ui-tooltip-bg ) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha )){:root{--vchasno-ui-tooltip-bg-mui:var(--vchasno-ui-tooltip-bg)}}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:var(--vchasno-ui-border-radius-sm);box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:14px;gap:12px;line-height:20px;min-height:40px;padding:12px 16px}.vchasno-ui-alert b,.vchasno-ui-alert strong{font-weight:700}.vchasno-ui-alert.--wide{width:100%}.vchasno-ui-alert.--left-border{border-left-width:4px}.vchasno-ui-alert__close-icon,.vchasno-ui-alert__icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:20px;width:20px}.vchasno-ui-alert.--info{background-color:var(--vchasno-ui-alert-info-bg,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius:var(--vchasno-ui-border-radius-sm);height:30px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:30px}.vchasno-ui-alert__close-icon:hover{background-color:hsla(0,0%,100%,.5);cursor:pointer}.vchasno-ui-alert.--close{display:none}.vchasno-ui-BubbleBox{--vchasno-ui-bubble-height:40px;--vchasno-ui-bubble-width:40px;--vchasno-ui-bubble-shadow:2px 4px 6px rgba(0,0,0,.2);box-sizing:border-box;min-height:calc(var(--vchasno-ui-bubble-height)*2);position:relative}.vchasno-ui-BubbleBox,.vchasno-ui-BubbleBox__svg{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);z-index:-1}.vchasno-ui-BubbleBox__svg path{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow{filter:drop-shadow(var(--vchasno-ui-bubble-shadow))}.vchasno-ui-BubbleBox__bubble{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-full);bottom:0;cursor:pointer;display:flex;height:var(--vchasno-ui-bubble-height);justify-content:center;margin:0;padding:0;position:absolute;right:0;transition:var(--vchasno-ui-transition-duration-sec);width:var(--vchasno-ui-bubble-width);z-index:1}.vchasno-ui-spinner{display:inline-block;height:20px;position:relative;width:20px}.vchasno-ui-spinner__svg{animation:spinner-rotate 1.3s linear infinite;height:100%;inset:0;margin:auto;position:absolute;transform-origin:center center;width:100%}.vchasno-ui-spinner__svg__circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5px;animation:spinner-rotate-dash 2s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.vchasno-ui-button{align-items:center;background-color:var(--vchasno-ui-btn-default-bg);border:0;border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;min-height:40px;transition:min-height var(--vchasno-ui-transition-duration-sec,.3s),padding var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s);user-select:none}.vchasno-ui-button:disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-button:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);color:var(--vchasno-ui-btn-default-hover-color);cursor:pointer}.vchasno-ui-button.--sm{min-width:40px;padding:0 15px}.vchasno-ui-button.--md{min-width:40px;padding:0 24px}.vchasno-ui-button.--lg{min-height:50px;min-width:50px;padding:0 32px}.vchasno-ui-button.--wide{width:100%}.vchasno-ui-button.--primary{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-primary-bg);box-shadow:none;color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button:disabled.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color,#bfcede);border-radius:var(--vchasno-ui-border-radius-sm);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;outline:2px solid transparent;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s);width:16px}.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox__svg{color:transparent;transform:scale(0) translateZ(0);transition:color var(--vchasno-ui-transition-duration-sec),transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(.12,.4,.29,1.46)}.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg{display:none}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-bg-color,#604adf);border-color:var(--vchasno-ui-checkbox-bg-color,#604adf)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg{color:var(--vchasno-ui-checkbox-icon-color);transform:scale(1) translateZ(0)}.vchasno-ui-checkbox.--hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox:hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox>input:not(:disabled):active+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-checkbox-bg-color,#3069fe);outline:2px solid var(--vchasno-ui-checkbox-outline-color,#d9eaff)}.vchasno-ui-checkbox>input:disabled:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-label-color-default);display:inline-flex;font-size:var(--vchasno-ui-input-font-size);gap:3px;left:12px;line-height:calc(var(--vchasno-ui-input-font-size)*1.2);max-width:calc(100% - 20px);padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s),top .3s,font-size .3s;white-space:nowrap;z-index:1}.vchasno-ui-select .vchasno-ui-label-text{max-width:calc(100% - 40px)}.vchasno-ui-select__floating-label,[class^=vchasno-ui-]:focus:not(.--disabled)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:focus:not(.--disabled)+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:14px;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:var(--vchasno-ui-border-radius-sm);display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{border-radius:var(--vchasno-ui-border-radius-md);height:30px;line-height:20px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--vchasno-ui-calendar-color);color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:var(--vchasno-ui-border-radius-none)}.react-datepicker__header{padding-top:5px;position:relative;text-align:center}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--vchasno-ui-border-radius-sm)}@media (width <= 480px){.react-datepicker{padding:0}}.react-datepicker-popper{z-index:100}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker-time__header,.react-datepicker__current-month{color:var(--vchasno-ui-input-font-color);font-size:14px;font-weight:500;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{display:flex;flex-direction:column;gap:1px;margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__week{display:flex;gap:1px}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;line-height:32px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:32px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:var(--vchasno-ui-border-radius-md)}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);font-weight:500}.react-datepicker__day--weekend{font-weight:400}.react-datepicker__day--outside-month{color:#6e809a}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff;font-weight:700}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container{position:relative}.react-datepicker__close-icon{background-color:transparent;border:0;bottom:0;cursor:pointer;height:20px;margin:auto;outline:none;position:absolute;right:35px;top:0;width:20px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (height <= 550px),(width <= 400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:14px}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;position:absolute;top:15px;width:30px;z-index:1}.react-datepicker__navigation:hover{background-color:#f2f6f7}.react-datepicker__navigation--previous{left:10px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{color:var(--vchasno-ui-calendar-default-icon-color);content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA0Ljk5MmMwLS4yNi4xLS41MS4yOS0uNzFsNC0zLjk5Yy4zOS0uMzkgMS4wMy0uMzkgMS40MiAwIC4zOS4zOS4zOSAxLjAzIDAgMS40MmwtMy4yOSAzLjI4IDMuMjkgMy4yOWMuMzkuMzkuMzkgMS4wMyAwIDEuNDItLjM5LjM5LTEuMDMuMzktMS40MiAwTC4zIDUuNzEyYy0uMi0uMi0uMy0uNDYtLjMtLjcyWiIgZmlsbD0iIzZlODA5YSIvPjwvc3ZnPg==")}.react-datepicker__navigation--next{color:var(--vchasno-ui-calendar-default-icon-color);right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4wMDMgNS4wMDNjMCAuMjYtLjEuNTEtLjI5LjcxbC00IDMuOTljLS4zOS4zOS0xLjAzLjM5LTEuNDIgMC0uMzktLjM5LS4zOS0xLjAzIDAtMS40MmwzLjI5LTMuMjgtMy4yOS0zLjI5Yy0uMzktLjM5LS4zOS0xLjAzIDAtMS40Mi4zOS0uMzkgMS4wMy0uMzkgMS40MiAwbDMuOTkgMy45OWMuMi4yLjMuNDYuMy43MloiIGZpbGw9IiM2ZTgwOWEiLz48L3N2Zz4=")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#bfcede);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;font-size:var(--vchasno-ui-input-font-size,.8rem);height:30px;line-height:calc(var(--vchasno-ui-input-font-size, .8rem)*2);outline:1px solid transparent;padding:10px 15px;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline-color var(--vchasno-ui-transition-duration-sec,.3s);vertical-align:middle;width:100%}.react-datepicker__input-container input:disabled{background:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container input:hover{cursor:default}.react-datepicker__input-container input:focus{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker{display:inline-flex;flex-direction:column;gap:5px}.vchasno-ui-date-picker.--wide{width:100%}.vchasno-ui-date-picker .vchasno-ui-date-picker__picker{height:50px}.vchasno-ui-date-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}@supports not selector(.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon)){.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}}.vchasno-ui-date-picker:not(.--disabled) .vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker.--with-mask .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:12px;top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2)}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-flex-box{align-content:flex-start;display:flex;flex-direction:row;gap:10px;max-width:100%}.vchasno-ui-text{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-text.--ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-text.--secondary{color:var(--vchasno-ui-text-secondary-color,#5a6a81)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ff9c01)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#f54f4f)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-sm);font-size:85%;margin:0 .2em;padding:.2em .4em .1em}.vchasno-ui-text.--inherit{font-size:inherit}.vchasno-ui-text.--like-link,.vchasno-ui-text.--link{color:#087dc1;cursor:pointer}.vchasno-ui-text.--link{text-decoration-line:underline}.vchasno-ui-text.--normal{font-size:1rem;line-height:1.1rem}.vchasno-ui-text.--small{font-size:.8rem;line-height:.9rem}.vchasno-ui-text.--large{font-size:1.2rem;line-height:1.3rem}.vchasno-ui-text.--required:after{color:var(--vchasno-ui-text-error-color,#f54f4f);content:"*";position:relative;right:-2px;top:-3px}strong.vchasno-ui-text{font-weight:700}.vchasno-ui-FollowUs{min-height:24px;min-width:24px}.vchasno-ui-FollowUs__label{font-size:14px}.vchasno-ui-FollowUs__link{display:block;flex-grow:0;flex-shrink:0;height:24px;transition:filter .3s;width:24px}.vchasno-ui-FollowUs__link img{display:block}.vchasno-ui-FollowUs__link:hover{filter:brightness(80%)}.vchasno-ui-input{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.vchasno-ui-input input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input .vchasno-ui-mask-input,.vchasno-ui-input .vchasno-ui-text-input{flex-grow:1}.vchasno-ui-input.--wide{width:100%}.vchasno-ui-input__wrapper{align-items:center;background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;display:flex;min-height:50px;outline:3px solid transparent;padding-left:16px;padding-right:33px;position:relative;transition:border var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper>input{max-width:100%}.vchasno-ui-input__wrapper__start-element{align-items:center;display:flex;flex-grow:0;flex-shrink:0;font-size:var(--vchasno-ui-input-font-size,14px);line-height:var(--vchasno-ui-input-font-size,14px);margin-right:5px}.vchasno-ui-input__feedback{display:block;height:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.vchasno-ui-input__clear-btn{cursor:pointer;display:block;height:18px;transition:transform var(--vchasno-ui-transition-duration-sec,.3s);width:18px}.vchasno-ui-input__clear-btn svg{height:100%;transition:color var(--vchasno-ui-transition-duration-sec,.3s);width:100%}.vchasno-ui-input__clear-btn:hover svg{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-input .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper{background-color:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color-disabled)}.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover{cursor:text}.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper,.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-input.--disabled,.vchasno-ui-input.--disabled *{cursor:not-allowed;opacity:.8}.vchasno-ui-input.--is-label input::placeholder{visibility:hidden}.vchasno-ui-input.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-mask-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);position:relative}.vchasno-ui-mask-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.szh-menu-button{box-sizing:border-box}.vchasno-ui-menu-button{align-items:center;border:none;border-radius:var(--vchasno-ui-border-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-menu-button:hover{background-color:var(--vchasno-ui-menu-button-bg)}.szh-menu__item{align-items:center;border-radius:var(--vchasno-ui-border-radius-sm);cursor:pointer;display:flex;padding:10px 12px;position:relative;transition:background-color var(--vchasno-ui-transition-duration-sec)}.szh-menu__item+.szh-menu__item{margin-top:4px}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:var(--vchasno-ui-menu-item-hover-bg)}.szh-menu__item--focusable{background-color:inherit;cursor:default}.szh-menu__item--disabled{color:#aaa;cursor:default}.vchasno-ui-menu-submenu.szh-menu__submenu>.szh-menu__item{padding:10px 12px}.vchasno-ui-menu-submenu .szh-menu__item--submenu:after{display:none}.vchasno-ui-menu-submenu-label-container{width:100%}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;color:#212529;list-style:none;margin:0;min-width:10rem;padding:8px;user-select:none;width:max-content;z-index:100}.szh-menu:focus{outline:none}.szh-menu__arrow{background-color:#fff;border-color:rgba(0,0,0,.1) transparent transparent rgba(0,0,0,.1);border-style:solid;border-width:1px;box-sizing:border-box;height:.75rem;width:.75rem;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translateX(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translateX(-50%) rotate(45deg)}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{list-style:none;margin:0;padding:0}.szh-menu__divider{background-color:rgba(0,0,0,.12);height:1px;margin:.5rem 0}.szh-menu-container--itemTransition .szh-menu__item{transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;left:.8rem;position:absolute;top:.55rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{left:.8rem;position:absolute}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}.vchasno-ui-MobileAppLinks{min-width:100px}.vchasno-ui-MobileAppLinks__label{font-size:14px}.vchasno-ui-MobileAppLinks__link{aspect-ratio:300/89;display:block;max-width:150px;transition:filter .3s}.vchasno-ui-MobileAppLinks__link img{display:block}.vchasno-ui-MobileAppLinks__link:hover{filter:brightness(80%)}.vchasno-ui-pagination{align-items:center;display:inline-flex;flex-shrink:0;font-size:14px;gap:10px}.vchasno-ui-pagination__item{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:var(--vchasno-ui-pagination-size);justify-content:center;min-width:var(--vchasno-ui-pagination-size);outline:0;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s);user-select:none;vertical-align:middle}.vchasno-ui-pagination__item-arrow{align-items:center;display:inline-flex;justify-content:center}.vchasno-ui-pagination__item:not(.vchasno-ui-pagination__item-disabled):focus-visible{border-color:var(--vchasno-ui-pagination-border-color,#6b5fff);box-shadow:0 0 0 2px var(--vchasno-ui-pagination-focus-shadow-color,rgba(107,95,255,.3));z-index:1}.vchasno-ui-pagination__item:not(.vchasno-ui-pagination__item-disabled):hover{background-color:var(--vchasno-ui-pagination-hover-bg-color,rgba(0,0,0,.1))}.vchasno-ui-pagination__item-active{border-color:var(--vchasno-ui-pagination-border-color,#6b5fff)}.vchasno-ui-pagination__item-disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-pagination__item-hidden{display:none}.--text-start{text-align:start}.--text-center{text-align:center}.--text-end{text-align:end}.--text-justify{text-align:justify}.vchasno-ui-paragraph{color:var(--vchasno-ui-text-primary-color)}.vchasno-ui-paragraph.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-paragraph.--ellipsis-line{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:unset}.vchasno-ui-paragraph.--text-center{text-align:center}.vchasno-ui-paragraph.--text-left{text-align:left}.vchasno-ui-paragraph.--text-right{text-align:right}.vchasno-ui-paragraph.--text-justify{text-align:justify}.vchasno-ui-ProjectsPopover{background-color:#fff;border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;display:inline-block;max-width:calc(100vw - 32px);padding:24px 16px 0;width:440px}.vchasno-ui-ProjectsPopover__content{display:flex;flex-direction:column;gap:32px}.vchasno-ui-ProjectsPopover__products{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;width:calc(100% + 32px)}.vchasno-ui-ProjectsPopover a:hover{color:unset;text-decoration:none}.vchasno-ui-ProjectsPopover--border{border:1px solid #e2e9f3}.vchasno-ui-ProjectsPopover__title{font-size:16px;font-style:normal;font-weight:500;line-height:18px;width:100%}.vchasno-ui-ProjectsPopover__box{align-items:center;aspect-ratio:198/80;border:1px solid #e2e9f3;border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;color:var(--vchasno-ui-text-primary-color);display:inline-flex;gap:8px;padding:20px;text-decoration:none;transition:background-color .3s;width:198px}.vchasno-ui-ProjectsPopover__box>svg{max-width:90%}.vchasno-ui-ProjectsPopover__box__icon{border-radius:var(--vchasno-ui-border-radius-full);box-sizing:border-box;flex-shrink:0;height:40px;width:40px}.vchasno-ui-ProjectsPopover__box:hover{background-color:#f3f8fb;cursor:pointer}.vchasno-ui-ProjectsPopover__box__title{font-size:14px;font-style:normal;font-weight:400;line-height:26px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer{align-items:center;background:#e0eeff;border-bottom-left-radius:var(--vchasno-ui-border-radius-md);border-bottom-right-radius:var(--vchasno-ui-border-radius-md);color:#6e809a;display:flex;font-size:12px;font-weight:400;justify-content:center;margin:0 -16px;min-height:42px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer>a{color:#0890de;text-decoration:none}.vchasno-ui-ProjectsPopover__tooltip-hint{text-align:center}@media screen and (width <= 480px){.vchasno-ui-ProjectsPopover{width:330px}.vchasno-ui-ProjectsPopover__box{aspect-ratio:1/1;flex-direction:column;justify-content:center;padding:10px;width:calc(50% - 20px)}}.vchasno-ui-PulseDot{background-color:var(--vchasno-ui-pulse-dot-color);border-radius:var(--vchasno-ui-border-radius-full);height:var(--vchasno-ui-pulse-dot-size);position:relative;width:var(--vchasno-ui-pulse-dot-size)}.vchasno-ui-PulseDot:after,.vchasno-ui-PulseDot:before{background:inherit;border-radius:var(--vchasno-ui-border-radius-full);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.vchasno-ui-PulseDot:before{animation:pulse 2s ease-out infinite}.vchasno-ui-PulseDot:after{animation:pulse 2s ease-out 1s infinite}@keyframes pulse{to{opacity:0;transform:scale(2)}}.vchasno-ui-select{display:inline-flex;flex-direction:column;gap:5px;position:relative}.vchasno-ui-select .vchasno-ui-label-text{top:0;transform:translateY(16px);transition:font-size .3s,transform .3s}.vchasno-ui-select:focus-within .vchasno-ui-label-text,.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text{font-size:12px;transform:translateY(-8px)}@supports not selector(.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value)){.vchasno-ui-select .vchasno-ui-label-text{font-size:12px;transform:translateY(-42px)}}.vchasno-ui-select.--wide{width:100%}.vchasno-ui-select .vchasno-ui-select__control{border-color:var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;min-height:50px;min-width:200px;outline:3px solid transparent;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:none;margin-bottom:6px;margin-top:4px;transition:border var(--vchasno-ui-transition-duration-sec,.3s);z-index:100}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open{border-color:var(--vchasno-ui-select-menu-border-color,#6b5fff);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select.--error .vchasno-ui-select__control,.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select .vchasno-ui-select__input-container{color:var(--vchasno-ui-input-font-color)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color);transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open+.vchasno-ui-select__menu,.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused{border-color:var(--vchasno-ui-input-border-color-focused);box-shadow:none;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);font-weight:400}.vchasno-ui-select:not(:focus-within,:not(:has(.vchasno-ui-label-text))) .vchasno-ui-select__placeholder{visibility:hidden}.vchasno-ui-select .vchasno-ui-select__clear-indicator{border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-input-font-color);padding:0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover{color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__option--is-focused,.vchasno-ui-select .vchasno-ui-select__option--is-selected,.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius:var(--vchasno-ui-border-radius-md);outline:1px solid var(--vchasno-ui-select-menu-border-color,transparent)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove{background-color:transparent;color:var(--vchasno-ui-label-color-default);padding:0 3px 0 0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover{background-color:transparent;color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg{height:20px;width:20px}.vchasno-ui-select .vchasno-ui-select__indicators{padding-right:5px}.vchasno-ui-select .vchasno-ui-select__value-container{padding:5px 14px}.vchasno-ui-select .vchasno-ui-select__multi-value__label{font-size:14px;padding:6px 0 6px 6px}.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove{font-size:14px;padding:6px}:root{--toastify-color-light:var(--vchasno-ui-snackbar-color-light);--toastify-color-dark:var(--vchasno-ui-snackbar-color-dark);--toastify-color-info:var(--vchasno-ui-snackbar-color-info);--toastify-color-success:var(--vchasno-ui-snackbar-color-success);--toastify-color-warning:var(--vchasno-ui-snackbar-color-warning);--toastify-color-error:var(--vchasno-ui-snackbar-color-error);--toastify-color-transparent:var(--vchasno-ui-snackbar-color-transparent);--toastify-icon-color-info:var(--vchasno-ui-snackbar-icon-color-info);--toastify-icon-color-success:var(--vchasno-ui-snackbar-icon-color-success);--toastify-icon-color-warning:var(--vchasno-ui-snackbar-icon-color-warning);--toastify-icon-color-error:var(--vchasno-ui-snackbar-icon-color-error);--toastify-toast-width:var(--vchasno-ui-snackbar-toast-width);--toastify-toast-offset:var(--vchasno-ui-snackbar-toast-offset);--toastify-toast-top:var(--vchasno-ui-snackbar-toast-top);--toastify-toast-right:var(--vchasno-ui-snackbar-toast-right);--toastify-toast-left:var(--vchasno-ui-snackbar-toast-left);--toastify-toast-bottom:var(--vchasno-ui-snackbar-toast-bottom);--toastify-toast-background:var(--vchasno-ui-snackbar-toast-background);--toastify-toast-min-height:var(--vchasno-ui-snackbar-toast-min-height);--toastify-toast-max-height:var(--vchasno-ui-snackbar-toast-max-height);--toastify-toast-bd-radius:var(--vchasno-ui-snackbar-toast-bd-radius);--toastify-font-family:var(--vchasno-ui-snackbar-font-family);--toastify-z-index:var(--vchasno-ui-snackbar-z-index);--toastify-text-color-light:var(--vchasno-ui-snackbar-text-color-light);--toastify-text-color-dark:var(--vchasno-ui-snackbar-text-color-dark);--toastify-text-color-info:var(--vchasno-ui-snackbar-text-color-info);--toastify-text-color-success:var(--vchasno-ui-snackbar-text-color-success);--toastify-text-color-warning:var(--vchasno-ui-snackbar-text-color-warning);--toastify-text-color-error:var(--vchasno-ui-snackbar-text-color-error);--toastify-spinner-color:var(--vchasno-ui-snackbar-spinner-color);--toastify-spinner-color-empty-area:var(--vchasno-ui-snackbar-spinner-color-empty-area);--toastify-color-progress-light:var(--vchasno-ui-snackbar-color-progress-light);--toastify-color-progress-dark:var(--vchasno-ui-snackbar-color-progress-dark);--toastify-color-progress-info:var(--vchasno-ui-snackbar-color-progress-info);--toastify-color-progress-success:var(--vchasno-ui-snackbar-color-progress-success);--toastify-color-progress-warning:var(--vchasno-ui-snackbar-color-progress-warning);--toastify-color-progress-error:var(--vchasno-ui-snackbar-color-progress-error);--toastify-color-progress-bgo:var(--vchasno-ui-snackbar-color-progress-bgo)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translateZ(var(--toastify-z-index));width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (width <= 480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{-ms-flex-pack:justify;border-radius:var(--vchasno-ui-border-radius-sm);box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgb(0 0 0/5%);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{-ms-flex-align:center;align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1;word-break:break-word}.Toastify__toast-icon{-ms-flex-negative:0;-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (width <= 480px){.Toastify__toast{border-radius:var(--vchasno-ui-border-radius-none);margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{-ms-flex-item-align:start;align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:var(--vchasno-ui-border-radius-full);border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vchasno-ui-snackbar .vchasno-ui-snackbar-toast{background:var(--vchasno-ui-snackbar-toast-background);border-radius:var(--toastify-toast-bd-radius);box-sizing:border-box;max-width:var(--vchasno-ui-snackbar-toast-max-width);min-width:var(--vchasno-ui-snackbar-toast-min-width);padding:5px 10px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{padding:0 8px 0 0}.vchasno-ui-snackbar-with-action-container{align-items:center;display:flex;gap:26px;justify-content:space-between;padding-bottom:5px;padding-top:5px}.vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;line-height:20px;margin-left:auto}.vchasno-ui-snackbar .Toastify__toast-icon{font-size:20px;margin-right:10px}.vchasno-ui-snackbar .Toastify__close-button{align-items:center;align-self:center;display:flex;justify-content:center}.vchasno-ui-SplashLogo__logo-box{--vchasno-ui-splash-screen-logo-box-width:300px;--vchasno-ui-splash-screen-logo-box-height:100px;--vchasno-ui-splash-screen-logo-color:#252d3d;--vchasno-ui-splash-screen-animation-duration:2s;animation:wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;background-image:linear-gradient(to right,transparent,var(--vchasno-ui-splash-screen-logo-color),transparent);background-size:var(--vchasno-ui-splash-screen-logo-box-width) var(--vchasno-ui-splash-screen-logo-box-height);display:inline-block;height:var(--vchasno-ui-splash-screen-logo-box-height);width:var(--vchasno-ui-splash-screen-logo-box-width)}@keyframes wave{0%{background-position:calc(var(--vchasno-ui-splash-screen-logo-box-width)*-1) 0}to{background-position:0 0}}.vchasno-ui-SvgBorder{--vchasno-ui-svg-border-animation-duration-sec:1s;--vchasno-ui-svg-border-stroke-dashoffset:100%;position:relative}.vchasno-ui-SvgBorder__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:var(--vchasno-ui-transition-duration-sec);z-index:-1}.vchasno-ui-SvgBorder__svg--animation-border-offset{animation:stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;animation-play-state:paused}.vchasno-ui-SvgBorder__svg--animation-play{animation-play-state:running}@keyframes stroke-offset{to{stroke-dashoffset:var(--vchasno-ui-svg-border-stroke-dashoffset)}}.vchasno-ui-switch{--vchasno-ui-switch-border-radius:100px;--vchasno-ui-switc-hcircle-size:calc(var(--vchasno-ui-switch-height) - 4px);align-content:center;cursor:pointer;display:inline-flex;line-height:var(--vchasno-ui-switch-height)}.vchasno-ui-switch.--sm{--vchasno-ui-switch-height:20px}.vchasno-ui-switch.--md{--vchasno-ui-switch-height:30px}.vchasno-ui-switch.--lg{--vchasno-ui-switch-height:40px}.vchasno-ui-switch--bg{aspect-ratio:36/20;background:var(--vchasno-ui-switch-color-bg);border-radius:var(--vchasno-ui-switch-border-radius);box-shadow:inset 0 2px 0 rgba(57,96,131,.2);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--vchasno-ui-switch-height,20px);position:relative;transition:background-color .3s;z-index:0}.vchasno-ui-switch__active .vchasno-ui-switch--bg{background:var(--vchasno-ui-switch-active-color-bg)}.vchasno-ui-switch__disabled{cursor:default;opacity:.7}.vchasno-ui-switch--circle{align-items:center;aspect-ratio:1/1;background-color:var(--vchasno-ui-switch-circle-color);border-radius:var(--vchasno-ui-border-radius-full);display:flex;height:var(--vchasno-ui-switc-hcircle-size);justify-content:center;left:0;position:absolute;top:0;transform:translate(2px,2px);transition:transform .3s}.vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(18px,2px)}.vchasno-ui-switch.--md .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(26px,2px)}.vchasno-ui-switch.--lg .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(34px,2px)}.vchasno-ui-spinner{color:var(--vchasno-ui-switch-spinner-color)}.vchasno-ui-switch--label{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);margin-left:12px;user-select:none}.vchasno-ui-tabs-wrapper{-ms-overflow-style:none;position:relative;scrollbar-width:none;width:100%}.vchasno-ui-tabs-wrapper::-webkit-scrollbar{display:none}.--h-scroll{overflow:auto}.vchasno-ui-tabs-wrapper-root{position:relative}.vchasno-ui-tabs-wrapper-root:after,.vchasno-ui-tabs-wrapper-root:before{bottom:0;content:"";display:block;pointer-events:none;position:absolute;top:0;width:30px}.--ping-right:after{box-shadow:inset -12px 0 8px -8px rgb(0 0 0/8%);right:0}.--ping-left:before{box-shadow:inset 12px 0 8px -8px rgb(0 0 0/8%);left:0}.vchasno-ui-tabs{--active-color:var(--vchasno-ui-tabs-active-color,#087dc1);display:flex;font-size:16px;font-weight:500;position:relative}.vchasno-ui-tabs__indicator{background-color:var(--active-color);border-radius:var(--vchasno-ui-border-radius-sm);bottom:-1px;display:block;height:3px;left:0;position:absolute;transform:translateX(0);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),width var(--vchasno-ui-transition-duration-sec,.3s);width:10px;z-index:1}.--h-scroll .vchasno-ui-tabs__indicator{display:none}.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator{transition:none}.vchasno-ui-tabs__label-item{align-items:center;color:#252d3d;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;height:50px;padding:0 15px;position:relative;transition:color var(--vchasno-ui-transition-duration-sec),background-color var(--vchasno-ui-transition-duration-sec);user-select:none}.vchasno-ui-tabs__label-item:after{background-color:var(--active-color);border-radius:var(--vchasno-ui-border-radius-sm);bottom:0;content:"";display:block;height:0;left:0;position:absolute;right:0;transition:height var(--vchasno-ui-transition-duration-sec);z-index:1}.--h-scroll .vchasno-ui-tabs__label-item.--active:after{height:3px}.vchasno-ui-tabs-wrapper:not(.--h-scroll) .vchasno-ui-tabs{border-bottom:1px solid #e2e9f3}.vchasno-ui-tabs__label-item.--active,.vchasno-ui-tabs__label-item:not(.--disabled):hover{color:var(--active-color)}.vchasno-ui-tabs__label-item.--disabled{cursor:not-allowed;opacity:.5}.vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper{height:auto;padding-bottom:10px;padding-top:10px}.vchasno-ui-textarea-input{border:0;color:var(--vchasno-ui-text-primary-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);resize:none;width:100%}.vchasno-ui-textarea-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper__label{transform:none}.vchasno-ui-textarea-input+.vchasno-ui-label-text{top:0;transform:translateY(10px);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),font-size var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-textarea-input:focus:not(.--disabled)+.vchasno-ui-label-text,.vchasno-ui-textarea-input:not(:placeholder-shown)+.vchasno-ui-label-text{top:0;transform:translateY(-12px)}.vchasno-ui-text-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size)}.vchasno-ui-text-input::-webkit-inner-spin-button,.vchasno-ui-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-text-input[type=number]{appearance:textfield}.vchasno-ui-text-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}@supports selector(:not(:placeholder-shown)){.vchasno-ui-input__clear-btn{transform:scale(0)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-label-text+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}}.vchasno-ui-title{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-title.--pretty{text-wrap:pretty}.vchasno-ui-title.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-title h1,h1.vchasno-ui-title{font-size:32px;font-weight:700;line-height:40px}.vchasno-ui-title h2,h2.vchasno-ui-title{font-size:24px;font-weight:700;line-height:28px}.vchasno-ui-title h3,h3.vchasno-ui-title{font-size:20px;font-weight:500;line-height:24px}.vchasno-ui-title h4,h4.vchasno-ui-title{font-size:16px;font-weight:400;line-height:20px}.vchasno-ui-title h5,h5.vchasno-ui-title{font-size:12px;font-weight:400;line-height:14px}.vchasno-ui-PasswordInput{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);min-width:176px}.vchasno-ui-PasswordInput::-webkit-inner-spin-button,.vchasno-ui-PasswordInput::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-PasswordInput::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-PasswordInput--type-password{caret-color:var(--vchasno-ui-input-placeholder-color);font-family:Verdana,sans-serif}.vchasno-ui-PasswordInput--type-password:not(:placeholder-shown){letter-spacing:.2em}.vchasno-ui-PasswordInput__eye{color:var(--vchasno-ui-input-font-color-disabled);cursor:pointer;display:flex;flex-shrink:0;place-items:center center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.vchasno-ui-PasswordInput__eye--active{color:var(--vchasno-ui-input-placeholder-color)}.vchasno-ui-PasswordInput__eye svg{transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye){padding-right:40px}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye) .vchasno-ui-input__feedback{display:none}.vchasno-ui-slider.vchasno-ui-slider-root{height:2px}.vchasno-ui-slider .vchasno-ui-slider-mark{background-color:#e2e9f3;border-radius:var(--vchasno-ui-border-radius-full);height:8px;width:8px}.vchasno-ui-slider .vchasno-ui-slider-mark.MuiSlider-markActive{background-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-rail{background-color:#e2e9f3}.vchasno-ui-slider .vchasno-ui-slider-track{background-color:var(--vchasno-ui-slider-color);border-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb{background-color:var(--vchasno-ui-slider-color);height:24px;width:24px}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-focusVisible,.vchasno-ui-slider .vchasno-ui-slider-thumb:hover{box-shadow:0 0 0 8px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-active{box-shadow:0 0 0 14px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-breadcrumbs{font-size:14px;line-height:20px}.vchasno-ui-breadcrumbs-separator{margin:0 2px}
+.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-border-radius-none:0;--vchasno-ui-border-radius-xs:2px;--vchasno-ui-border-radius-sm:4px;--vchasno-ui-border-radius-md:8px;--vchasno-ui-border-radius-lg:12px;--vchasno-ui-border-radius-xl:16px;--vchasno-ui-border-radius-full:9999px;--vchasno-ui-font-size-2xs:10px;--vchasno-ui-font-size-xs:12px;--vchasno-ui-font-size-sm:14px;--vchasno-ui-font-size-md:16px;--vchasno-ui-font-size-lg:20px;--vchasno-ui-font-size-xl:24px;--vchasno-ui-font-size-2xl:32px;--vchasno-ui-font-weight-thin:100;--vchasno-ui-font-weight-extralight:200;--vchasno-ui-font-weight-light:300;--vchasno-ui-font-weight-regular:400;--vchasno-ui-font-weight-medium:500;--vchasno-ui-font-weight-semibold:600;--vchasno-ui-font-weight-bold:700;--vchasno-ui-font-weight-extrabold:800;--vchasno-ui-font-weight-black:900;--vchasno-ui-spacing-0:0px;--vchasno-ui-spacing-2:2px;--vchasno-ui-spacing-4:4px;--vchasno-ui-spacing-6:6px;--vchasno-ui-spacing-8:8px;--vchasno-ui-spacing-10:10px;--vchasno-ui-spacing-12:12px;--vchasno-ui-spacing-16:16px;--vchasno-ui-spacing-20:20px;--vchasno-ui-spacing-24:24px;--vchasno-ui-spacing-32:32px;--vchasno-ui-spacing-40:40px;--vchasno-ui-spacing-48:48px;--vchasno-ui-spacing-52:52px;--vchasno-ui-spacing-120:120px;--vchasno-ui-color-brand-ttn-25:#f2f3fa;--vchasno-ui-color-brand-ttn-50:#d9d6f6;--vchasno-ui-color-brand-ttn-100:#c6c0f2;--vchasno-ui-color-brand-ttn-200:#b4abef;--vchasno-ui-color-brand-ttn-300:#9f93eb;--vchasno-ui-color-brand-ttn-400:#8e7fe8;--vchasno-ui-color-brand-ttn-500:#7b69e4;--vchasno-ui-color-brand-ttn-600:#604adf;--vchasno-ui-color-brand-ttn-700:#5443bc;--vchasno-ui-color-brand-edo-25:#fffbf5;--vchasno-ui-color-brand-edo-50:#fff3e0;--vchasno-ui-color-brand-edo-100:#ffe8c2;--vchasno-ui-color-brand-edo-400:#ffb200;--vchasno-ui-color-brand-edo-500:#ff9c01;--vchasno-ui-color-brand-edo-600:#f58700;--vchasno-ui-color-brand-qes-25:#fff5f5;--vchasno-ui-color-brand-qes-50:#ffe9ea;--vchasno-ui-color-brand-qes-100:#ffd8d9;--vchasno-ui-color-brand-qes-200:#ffc0c2;--vchasno-ui-color-brand-qes-300:#ffaeb0;--vchasno-ui-color-brand-qes-400:#ff9a9d;--vchasno-ui-color-brand-qes-500:#ff878b;--vchasno-ui-color-brand-qes-600:#ff7c80;--vchasno-ui-color-brand-qes-700:#ff5a5f;--vchasno-ui-color-brand-qes-800:#e75459;--vchasno-ui-color-brand-kadry-25:#f8fcfb;--vchasno-ui-color-brand-kadry-50:#e4f3f1;--vchasno-ui-color-brand-kadry-100:#c7eae5;--vchasno-ui-color-brand-kadry-200:#b1e3dc;--vchasno-ui-color-brand-kadry-300:#9bdcd3;--vchasno-ui-color-brand-kadry-400:#86d5ca;--vchasno-ui-color-brand-kadry-500:#70cec1;--vchasno-ui-color-brand-kadry-600:#5bc7b8;--vchasno-ui-color-brand-kadry-700:#12747d;--vchasno-ui-color-brand-kadry-800:#07626a;--vchasno-ui-color-brand-zvit-25:#fff8f5;--vchasno-ui-color-brand-zvit-50:#ffe8db;--vchasno-ui-color-brand-zvit-100:#ffd7c2;--vchasno-ui-color-brand-zvit-200:#ffc7a8;--vchasno-ui-color-brand-zvit-300:#ffb68f;--vchasno-ui-color-brand-zvit-400:#ffa675;--vchasno-ui-color-brand-zvit-500:#ff955c;--vchasno-ui-color-brand-zvit-600:#ff8542;--vchasno-ui-color-brand-zvit-700:#ff752a;--vchasno-ui-color-brand-zvit-800:#f55d0b;--vchasno-ui-color-brand-edi-25:#f5f9ff;--vchasno-ui-color-brand-edi-50:#e0eeff;--vchasno-ui-color-brand-edi-100:#b8dafc;--vchasno-ui-color-brand-edi-200:#9cccfa;--vchasno-ui-color-brand-edi-300:#80bdf8;--vchasno-ui-color-brand-edi-400:#63aef6;--vchasno-ui-color-brand-edi-500:#469ff4;--vchasno-ui-color-brand-edi-600:#007cef;--vchasno-ui-color-brand-edi-700:#1a66c8;--vchasno-ui-color-brand-kasa-25:#fff5fb;--vchasno-ui-color-brand-kasa-50:#ffeff8;--vchasno-ui-color-brand-kasa-100:#ffd3eb;--vchasno-ui-color-brand-kasa-200:#ffc0e3;--vchasno-ui-color-brand-kasa-300:#ffb5de;--vchasno-ui-color-brand-kasa-400:#f39ecd;--vchasno-ui-color-brand-kasa-500:#e582b8;--vchasno-ui-color-brand-kasa-600:#ce6fa3;--vchasno-ui-color-utility-blue-25:#f5f9ff;--vchasno-ui-color-utility-blue-50:#ecf4ff;--vchasno-ui-color-utility-blue-100:#dbe9fa;--vchasno-ui-color-utility-blue-200:#4e9aff;--vchasno-ui-color-utility-blue-500:#1a66c8;--vchasno-ui-color-utility-blue-600:#14509e;--vchasno-ui-color-utility-blue-700:#124587;--vchasno-ui-color-utility-green-50:#f5fdec;--vchasno-ui-color-utility-green-100:#d3efc8;--vchasno-ui-color-utility-green-200:#abdf96;--vchasno-ui-color-utility-green-300:#1cb800;--vchasno-ui-color-utility-green-400:#138000;--vchasno-ui-color-utility-red-50:#fee;--vchasno-ui-color-utility-red-100:#ffd8d6;--vchasno-ui-color-utility-red-200:#fb7a7a;--vchasno-ui-color-utility-red-300:#f54f4f;--vchasno-ui-color-utility-red-400:#c1261a;--vchasno-ui-color-utility-orange-50:#fff2d6;--vchasno-ui-color-utility-orange-100:#ffebcc;--vchasno-ui-color-utility-orange-400:#ffb200;--vchasno-ui-color-utility-orange-500:#f58700;--vchasno-ui-color-gray-0:#fff;--vchasno-ui-color-gray-25:#f3f8fb;--vchasno-ui-color-gray-50:#e2e9f3;--vchasno-ui-color-gray-100:#bfcede;--vchasno-ui-color-gray-200:#9aaabf;--vchasno-ui-color-gray-300:#8194ac;--vchasno-ui-color-gray-400:#6e809a;--vchasno-ui-color-gray-500:#3b4250;--vchasno-ui-color-gray-600:#252d3d;--vchasno-ui-color-gray-700:#1d1d1f;--vchasno-ui-color-surface-disabled-subtle:var(--vchasno-ui-color-gray-25);--vchasno-ui-color-surface-disabled-default:var(--vchasno-ui-color-gray-50);--vchasno-ui-color-surface-disabled-strong:var(--vchasno-ui-color-gray-100);--vchasno-ui-color-surface-success-muted:var(--vchasno-ui-color-utility-green-50);--vchasno-ui-color-surface-success-subtle:var(--vchasno-ui-color-utility-green-100);--vchasno-ui-color-surface-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-surface-error-muted:var(--vchasno-ui-color-utility-red-50);--vchasno-ui-color-surface-error-subtle:var(--vchasno-ui-color-utility-red-100);--vchasno-ui-color-surface-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-surface-info-muted:var(--vchasno-ui-color-utility-blue-50);--vchasno-ui-color-surface-info-subtle:var(--vchasno-ui-color-utility-blue-100);--vchasno-ui-color-surface-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-surface-warning-muted:var(--vchasno-ui-color-utility-orange-50);--vchasno-ui-color-surface-warning-subtle:var(--vchasno-ui-color-utility-orange-100);--vchasno-ui-color-surface-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-color-surface-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-disabled-default:var(--vchasno-ui-color-gray-200);--vchasno-ui-color-content-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-error-default:var(--vchasno-ui-color-utility-red-400);--vchasno-ui-color-content-info-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-content-success-default:var(--vchasno-ui-color-utility-green-400);--vchasno-ui-color-content-warning-default:var(--vchasno-ui-color-utility-orange-500);--vchasno-ui-color-border-accent-default:var(--vchasno-ui-color-utility-blue-500);--vchasno-ui-color-border-error-default:var(--vchasno-ui-color-utility-red-300);--vchasno-ui-color-border-success-default:var(--vchasno-ui-color-utility-green-300);--vchasno-ui-color-border-warning-default:var(--vchasno-ui-color-utility-orange-400);--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:var(--vchasno-ui-color-border-accent-default);--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#6b5fff;--vchasno-ui-input-outline-color-focused:#d9d6f6;--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-checkbox-outline-color:#dbe9fa;--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-select-color:#1a66c8;--vchasno-ui-calendar-default-icon-color:#6e809a;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-text-link-color:var(--vchasno-ui-color-content-accent-default);--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pagination-border-color:#6b5fff;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-focus-shadow-color:rgba(107,95,255,.3);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:var(--vchasno-ui-color-surface-accent-default);--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-tooltip-font-size:14px;--vchasno-ui-tooltip-line-height:18px;--vchasno-ui-tooltip-bg:#272d3c;--vchasno-ui-tooltip-padding:10px;--vchasno-ui-tooltip-bg-alpha:0.9;--vchasno-ui-tooltip-bg-mui:color(from var(--vchasno-ui-tooltip-bg) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha));--vchasno-ui-tooltip-text-color:#fff;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:var(--vchasno-ui-border-radius-md);--vchasno-ui-snackbar-font-family:sans-serif;--vchasno-ui-snackbar-z-index:9999;--vchasno-ui-snackbar-text-color-light:#757575;--vchasno-ui-snackbar-text-color-dark:#fff;--vchasno-ui-snackbar-text-color-info:#fff;--vchasno-ui-snackbar-text-color-success:#fff;--vchasno-ui-snackbar-text-color-warning:#fff;--vchasno-ui-snackbar-text-color-error:#fff;--vchasno-ui-snackbar-spinner-color:#616161;--vchasno-ui-snackbar-spinner-color-empty-area:#e0e0e0;--vchasno-ui-snackbar-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--vchasno-ui-snackbar-color-progress-dark:#bb86fc;--vchasno-ui-snackbar-color-progress-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-color-progress-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-color-progress-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-color-progress-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-color-progress-bgo:0.2;--vchasno-ui-snackbar-action-button-color:#0094ff;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}@supports not (color:from var(--vchasno-ui-tooltip-bg ) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha )){:root{--vchasno-ui-tooltip-bg-mui:var(--vchasno-ui-tooltip-bg)}}[data-brand=edo]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edo-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edo-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edo-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edo-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edo-500)}[data-brand=qes]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-qes-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-qes-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-qes-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-qes-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-qes-700)}[data-brand=ttn]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-ttn-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-ttn-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-ttn-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-ttn-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-ttn-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-ttn-500)}[data-brand=kadry]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kadry-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kadry-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kadry-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kadry-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kadry-700)}[data-brand=zvit]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-zvit-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-zvit-700);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-zvit-800);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-zvit-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-zvit-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-zvit-600)}[data-brand=edi]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-edi-600);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-edi-700);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-edi-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-edi-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-edi-600)}[data-brand=kasa]{--vchasno-ui-color-content-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default:var(--vchasno-ui-color-brand-kasa-500);--vchasno-ui-color-surface-brand-default-hover:var(--vchasno-ui-color-brand-kasa-600);--vchasno-ui-color-surface-brand-muted:var(--vchasno-ui-color-brand-kasa-25);--vchasno-ui-color-surface-brand-muted-hover:var(--vchasno-ui-color-brand-kasa-50);--vchasno-ui-color-border-brand-default:var(--vchasno-ui-color-brand-kasa-500)}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:var(--vchasno-ui-border-radius-sm);box-sizing:border-box;display:inline-flex;flex-shrink:0;font-size:14px;gap:12px;line-height:20px;min-height:40px;padding:12px 16px}.vchasno-ui-alert b,.vchasno-ui-alert strong{font-weight:700}.vchasno-ui-alert.--wide{width:100%}.vchasno-ui-alert.--left-border{border-left-width:4px}.vchasno-ui-alert__close-icon,.vchasno-ui-alert__icon-wrapper{align-items:center;display:flex;flex-shrink:0;font-size:20px;height:20px;justify-content:center;line-height:20px;width:20px}.vchasno-ui-alert.--info{background-color:var(--vchasno-ui-alert-info-bg,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius:var(--vchasno-ui-border-radius-sm);height:30px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:30px}.vchasno-ui-alert__close-icon:hover{background-color:hsla(0,0%,100%,.5);cursor:pointer}.vchasno-ui-alert.--close{display:none}.vchasno-ui-BubbleBox{--vchasno-ui-bubble-height:40px;--vchasno-ui-bubble-width:40px;--vchasno-ui-bubble-shadow:2px 4px 6px rgba(0,0,0,.2);box-sizing:border-box;min-height:calc(var(--vchasno-ui-bubble-height)*2);position:relative}.vchasno-ui-BubbleBox,.vchasno-ui-BubbleBox__svg{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);z-index:-1}.vchasno-ui-BubbleBox__svg path{transition:var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-BubbleBox__svg.vchasno-ui-BubbleBox__shadow{filter:drop-shadow(var(--vchasno-ui-bubble-shadow))}.vchasno-ui-BubbleBox__bubble{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-full);bottom:0;cursor:pointer;display:flex;height:var(--vchasno-ui-bubble-height);justify-content:center;margin:0;padding:0;position:absolute;right:0;transition:var(--vchasno-ui-transition-duration-sec);width:var(--vchasno-ui-bubble-width);z-index:1}.vchasno-ui-spinner{display:inline-block;height:20px;position:relative;width:20px}.vchasno-ui-spinner__svg{animation:spinner-rotate 1.3s linear infinite;height:100%;inset:0;margin:auto;position:absolute;transform-origin:center center;width:100%}.vchasno-ui-spinner__svg__circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5px;animation:spinner-rotate-dash 2s ease-in-out infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}@keyframes spinner-rotate-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.vchasno-ui-button{align-items:center;background-color:var(--vchasno-ui-btn-default-bg);border:0;border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;min-height:40px;transition:min-height var(--vchasno-ui-transition-duration-sec,.3s),padding var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s);user-select:none}.vchasno-ui-button:disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-button:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);color:var(--vchasno-ui-btn-default-hover-color);cursor:pointer}.vchasno-ui-button.--sm{min-width:40px;padding:0 15px}.vchasno-ui-button.--md{min-width:40px;padding:0 24px}.vchasno-ui-button.--lg{min-height:50px;min-width:50px;padding:0 32px}.vchasno-ui-button.--wide{width:100%}.vchasno-ui-button.--primary{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-primary-bg);box-shadow:none;color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button:disabled.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color,#bfcede);border-radius:var(--vchasno-ui-border-radius-xs);display:inline-flex;flex-shrink:0;height:16px;justify-content:center;outline:2px solid transparent;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s);width:16px}.vchasno-ui-checkbox .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox__svg{color:transparent;transform:scale(0) translateZ(0);transition:color var(--vchasno-ui-transition-duration-sec),transform var(--vchasno-ui-transition-duration-sec) cubic-bezier(.12,.4,.29,1.46)}.vchasno-ui-checkbox.--loading .vchasno-ui-checkbox__svg{display:none}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-bg-color);border-color:var(--vchasno-ui-checkbox-bg-color)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-checkbox__svg{color:var(--vchasno-ui-checkbox-icon-color);transform:scale(1) translateZ(0)}.vchasno-ui-checkbox.--hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox:hover>input:not(:disabled)+.vchasno-ui-checkbox__box,.vchasno-ui-checkbox>input:not(:disabled):active+.vchasno-ui-checkbox__box{border-color:var(--vchasno-ui-checkbox-bg-color);outline:2px solid var(--vchasno-ui-checkbox-outline-color)}.vchasno-ui-checkbox>input:disabled:checked+.vchasno-ui-checkbox__box{background-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:disabled:not(:checked)+.vchasno-ui-checkbox__box{border-color:#e2e9f3}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-label-color-default);display:inline-flex;font-size:var(--vchasno-ui-input-font-size);gap:3px;left:12px;line-height:calc(var(--vchasno-ui-input-font-size)*1.2);max-width:calc(100% - 20px);padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s),top .3s,font-size .3s;white-space:nowrap;z-index:1}.vchasno-ui-select .vchasno-ui-label-text{max-width:calc(100% - 40px)}.vchasno-ui-select__floating-label,[class^=vchasno-ui-]:focus:not(.--disabled)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:focus:not(.--disabled)+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:14px;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:var(--vchasno-ui-border-radius-sm);display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:var(--vchasno-ui-border-radius-sm);margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{border-radius:var(--vchasno-ui-border-radius-md);height:30px;line-height:20px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:var(--vchasno-ui-calendar-color);color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:var(--vchasno-ui-calendar-color)}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:var(--vchasno-ui-border-radius-none)}.react-datepicker__header{padding-top:5px;position:relative;text-align:center}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--vchasno-ui-border-radius-sm)}@media (width <= 480px){.react-datepicker{padding:0}}.react-datepicker-popper{z-index:100}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker-time__header,.react-datepicker__current-month{color:var(--vchasno-ui-input-font-color);font-size:14px;font-weight:500;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{display:flex;flex-direction:column;gap:1px;margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__week{display:flex;gap:1px}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;line-height:32px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:32px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:var(--vchasno-ui-border-radius-md)}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);font-weight:500}.react-datepicker__day--weekend{font-weight:400}.react-datepicker__day--outside-month{color:#6e809a}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff;font-weight:700}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-select-color);border-radius:var(--vchasno-ui-border-radius-md);color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-select-color)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){background-color:#f0f0f0;color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container{position:relative}.react-datepicker__close-icon{background-color:transparent;border:0;bottom:0;cursor:pointer;height:20px;margin:auto;outline:none;position:absolute;right:35px;top:0;width:20px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (height <= 550px),(width <= 400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:14px}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;height:30px;justify-content:center;line-height:1;position:absolute;top:15px;width:30px;z-index:1}.react-datepicker__navigation:hover{background-color:#f2f6f7}.react-datepicker__navigation--previous{left:10px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{color:var(--vchasno-ui-calendar-default-icon-color);content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA0Ljk5MmMwLS4yNi4xLS41MS4yOS0uNzFsNC0zLjk5Yy4zOS0uMzkgMS4wMy0uMzkgMS40MiAwIC4zOS4zOS4zOSAxLjAzIDAgMS40MmwtMy4yOSAzLjI4IDMuMjkgMy4yOWMuMzkuMzkuMzkgMS4wMyAwIDEuNDItLjM5LjM5LTEuMDMuMzktMS40MiAwTC4zIDUuNzEyYy0uMi0uMi0uMy0uNDYtLjMtLjcyWiIgZmlsbD0iIzZlODA5YSIvPjwvc3ZnPg==")}.react-datepicker__navigation--next{color:var(--vchasno-ui-calendar-default-icon-color);right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4wMDMgNS4wMDNjMCAuMjYtLjEuNTEtLjI5LjcxbC00IDMuOTljLS4zOS4zOS0xLjAzLjM5LTEuNDIgMC0uMzktLjM5LS4zOS0xLjAzIDAtMS40MmwzLjI5LTMuMjgtMy4yOS0zLjI5Yy0uMzktLjM5LS4zOS0xLjAzIDAtMS40Mi4zOS0uMzkgMS4wMy0uMzkgMS40MiAwbDMuOTkgMy45OWMuMi4yLjMuNDYuMy43MloiIGZpbGw9IiM2ZTgwOWEiLz48L3N2Zz4=")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#bfcede);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;font-size:var(--vchasno-ui-input-font-size,.8rem);height:30px;line-height:calc(var(--vchasno-ui-input-font-size, .8rem)*2);outline:1px solid transparent;padding:10px 15px;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline-color var(--vchasno-ui-transition-duration-sec,.3s);vertical-align:middle;width:100%}.react-datepicker__input-container input:disabled{background:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color)}.react-datepicker__input-container input:hover{cursor:default}.react-datepicker__input-container input:focus{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker{display:inline-flex;flex-direction:column;gap:5px}.vchasno-ui-date-picker.--wide{width:100%}.vchasno-ui-date-picker .vchasno-ui-date-picker__picker{height:50px}.vchasno-ui-date-picker__wrapper{border-radius:var(--vchasno-ui-border-radius-md);position:relative}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}@supports not selector(.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon)){.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}}.vchasno-ui-date-picker:not(.--disabled) .vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker.--with-mask .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:12px;top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2)}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker{display:flex;flex-direction:column}.vchasno-ui-date-picker[class*="--today-button-"] .react-datepicker__today-button{align-items:center;border:0;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:500;gap:5px;justify-content:center;margin-top:12px;min-height:40px;padding:0 24px;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-primary-bg);border:1px solid transparent;color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-secondary-bg);border:1px solid var(--vchasno-ui-btn-secondary-border-color);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-date-picker.--today-button-primary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-primary-hover-bg)}.vchasno-ui-date-picker.--today-button-secondary .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg)}.vchasno-ui-date-picker.--today-button-danger .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-date-picker.--today-button-pink .react-datepicker__today-button:hover{background-color:var(--vchasno-ui-btn-pink-hover-bg)}.vchasno-ui-flex-box{align-content:flex-start;display:flex;flex-direction:row;gap:10px;max-width:100%}.vchasno-ui-text{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-text.--ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-text.--secondary{color:var(--vchasno-ui-text-secondary-color,#5a6a81)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ff9c01)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#f54f4f)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-sm);font-size:85%;margin:0 .2em;padding:.2em .4em .1em}.vchasno-ui-text.--inherit{font-size:inherit}.vchasno-ui-text.--like-link,.vchasno-ui-text.--link{color:var(--vchasno-ui-text-link-color);cursor:pointer}.vchasno-ui-text.--link{text-decoration-line:underline}.vchasno-ui-text.--normal{font-size:1rem;line-height:1.1rem}.vchasno-ui-text.--small{font-size:.8rem;line-height:.9rem}.vchasno-ui-text.--large{font-size:1.2rem;line-height:1.3rem}.vchasno-ui-text.--required:after{color:var(--vchasno-ui-text-error-color,#f54f4f);content:"*";position:relative;right:-2px;top:-3px}strong.vchasno-ui-text{font-weight:700}.vchasno-ui-FollowUs{min-height:24px;min-width:24px}.vchasno-ui-FollowUs__label{font-size:14px}.vchasno-ui-FollowUs__link{display:block;flex-grow:0;flex-shrink:0;height:24px;transition:filter .3s;width:24px}.vchasno-ui-FollowUs__link img{display:block}.vchasno-ui-FollowUs__link:hover{filter:brightness(80%)}.vchasno-ui-input{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.vchasno-ui-input input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input .vchasno-ui-mask-input,.vchasno-ui-input .vchasno-ui-text-input{flex-grow:1}.vchasno-ui-input.--wide{width:100%}.vchasno-ui-input__wrapper{align-items:center;background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;display:flex;min-height:50px;outline:3px solid transparent;padding-left:16px;padding-right:33px;position:relative;transition:border var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper>input{max-width:100%}.vchasno-ui-input__wrapper__start-element{align-items:center;display:flex;flex-grow:0;flex-shrink:0;font-size:var(--vchasno-ui-input-font-size,14px);line-height:var(--vchasno-ui-input-font-size,14px);margin-right:5px}.vchasno-ui-input__feedback{display:block;height:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.vchasno-ui-input__clear-btn{cursor:pointer;display:block;height:18px;transition:transform var(--vchasno-ui-transition-duration-sec,.3s);width:18px}.vchasno-ui-input__clear-btn svg{height:100%;transition:color var(--vchasno-ui-transition-duration-sec,.3s);width:100%}.vchasno-ui-input__clear-btn:hover svg{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-input .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper{background-color:var(--vchasno-ui-input-bg-color-disabled);color:var(--vchasno-ui-input-font-color-disabled)}.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover{cursor:text}.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper,.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper{border-color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-input.--disabled,.vchasno-ui-input.--disabled *{cursor:not-allowed;opacity:.8}.vchasno-ui-input.--is-label input::placeholder{visibility:hidden}.vchasno-ui-input.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-mask-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);position:relative}.vchasno-ui-mask-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.szh-menu-button{box-sizing:border-box}.vchasno-ui-menu-button{align-items:center;border:none;border-radius:var(--vchasno-ui-border-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color var(--vchasno-ui-transition-duration-sec)}.vchasno-ui-menu-button:hover{background-color:var(--vchasno-ui-menu-button-bg)}.szh-menu__item{align-items:center;border-radius:var(--vchasno-ui-border-radius-sm);cursor:pointer;display:flex;padding:10px 12px;position:relative;transition:background-color var(--vchasno-ui-transition-duration-sec)}.szh-menu__item+.szh-menu__item{margin-top:4px}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:var(--vchasno-ui-menu-item-hover-bg)}.szh-menu__item--focusable{background-color:inherit;cursor:default}.szh-menu__item--disabled{color:#aaa;cursor:default}.vchasno-ui-menu-submenu.szh-menu__submenu>.szh-menu__item{padding:10px 12px}.vchasno-ui-menu-submenu .szh-menu__item--submenu:after{display:none}.vchasno-ui-menu-submenu-label-container{width:100%}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;color:#212529;list-style:none;margin:0;min-width:10rem;padding:8px;user-select:none;width:max-content;z-index:100}.szh-menu:focus{outline:none}.szh-menu__arrow{background-color:#fff;border-color:rgba(0,0,0,.1) transparent transparent rgba(0,0,0,.1);border-style:solid;border-width:1px;box-sizing:border-box;height:.75rem;width:.75rem;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translateX(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translateX(-50%) rotate(45deg)}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{list-style:none;margin:0;padding:0}.szh-menu__divider{background-color:rgba(0,0,0,.12);height:1px;margin:.5rem 0}.szh-menu-container--itemTransition .szh-menu__item{transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;left:.8rem;position:absolute;top:.55rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{left:.8rem;position:absolute}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}.vchasno-ui-MobileAppLinks{min-width:100px}.vchasno-ui-MobileAppLinks__label{font-size:14px}.vchasno-ui-MobileAppLinks__link{aspect-ratio:300/89;display:block;max-width:150px;transition:filter .3s}.vchasno-ui-MobileAppLinks__link img{display:block}.vchasno-ui-MobileAppLinks__link:hover{filter:brightness(80%)}.vchasno-ui-pagination{align-items:center;display:inline-flex;flex-shrink:0;font-size:14px;gap:10px}.vchasno-ui-pagination__item{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;display:flex;flex-grow:0;flex-shrink:0;height:var(--vchasno-ui-pagination-size);justify-content:center;min-width:var(--vchasno-ui-pagination-size);outline:0;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),border var(--vchasno-ui-transition-duration-sec,.3s);user-select:none;vertical-align:middle}.vchasno-ui-pagination__item-arrow{align-items:center;display:inline-flex;justify-content:center}.vchasno-ui-pagination__item:not(.vchasno-ui-pagination__item-disabled):focus-visible{border-color:var(--vchasno-ui-pagination-border-color,#6b5fff);box-shadow:0 0 0 2px var(--vchasno-ui-pagination-focus-shadow-color,rgba(107,95,255,.3));z-index:1}.vchasno-ui-pagination__item:not(.vchasno-ui-pagination__item-disabled):hover{background-color:var(--vchasno-ui-pagination-hover-bg-color,rgba(0,0,0,.1))}.vchasno-ui-pagination__item-active{border-color:var(--vchasno-ui-pagination-border-color,#6b5fff)}.vchasno-ui-pagination__item-disabled{cursor:not-allowed;opacity:.8}.vchasno-ui-pagination__item-hidden{display:none}.--text-start{text-align:start}.--text-center{text-align:center}.--text-end{text-align:end}.--text-justify{text-align:justify}.vchasno-ui-paragraph{color:var(--vchasno-ui-text-primary-color)}.vchasno-ui-paragraph.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-paragraph.--ellipsis-line{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:unset}.vchasno-ui-paragraph.--text-center{text-align:center}.vchasno-ui-paragraph.--text-left{text-align:left}.vchasno-ui-paragraph.--text-right{text-align:right}.vchasno-ui-paragraph.--text-justify{text-align:justify}.vchasno-ui-ProjectsPopover{background-color:#fff;border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;display:inline-block;max-width:calc(100vw - 32px);padding:24px 16px 0;width:440px}.vchasno-ui-ProjectsPopover__content{display:flex;flex-direction:column;gap:32px}.vchasno-ui-ProjectsPopover__products{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;width:calc(100% + 32px)}.vchasno-ui-ProjectsPopover a:hover{color:unset;text-decoration:none}.vchasno-ui-ProjectsPopover--border{border:1px solid #e2e9f3}.vchasno-ui-ProjectsPopover__title{font-size:16px;font-style:normal;font-weight:500;line-height:18px;width:100%}.vchasno-ui-ProjectsPopover__box{align-items:center;aspect-ratio:198/80;border:1px solid #e2e9f3;border-radius:var(--vchasno-ui-border-radius-md);box-sizing:border-box;color:var(--vchasno-ui-text-primary-color);display:inline-flex;gap:8px;padding:20px;text-decoration:none;transition:background-color .3s;width:198px}.vchasno-ui-ProjectsPopover__box>svg{max-width:90%}.vchasno-ui-ProjectsPopover__box__icon{border-radius:var(--vchasno-ui-border-radius-full);box-sizing:border-box;flex-shrink:0;height:40px;width:40px}.vchasno-ui-ProjectsPopover__box:hover{background-color:#f3f8fb;cursor:pointer}.vchasno-ui-ProjectsPopover__box__title{font-size:14px;font-style:normal;font-weight:400;line-height:26px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer{align-items:center;background:#e0eeff;border-bottom-left-radius:var(--vchasno-ui-border-radius-md);border-bottom-right-radius:var(--vchasno-ui-border-radius-md);color:#6e809a;display:flex;font-size:12px;font-weight:400;justify-content:center;margin:0 -16px;min-height:42px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer>a{color:#0890de;text-decoration:none}.vchasno-ui-ProjectsPopover__tooltip-hint{text-align:center}@media screen and (width <= 480px){.vchasno-ui-ProjectsPopover{width:330px}.vchasno-ui-ProjectsPopover__box{aspect-ratio:1/1;flex-direction:column;justify-content:center;padding:10px;width:calc(50% - 20px)}}.vchasno-ui-PulseDot{background-color:var(--vchasno-ui-pulse-dot-color);border-radius:var(--vchasno-ui-border-radius-full);height:var(--vchasno-ui-pulse-dot-size);position:relative;width:var(--vchasno-ui-pulse-dot-size)}.vchasno-ui-PulseDot:after,.vchasno-ui-PulseDot:before{background:inherit;border-radius:var(--vchasno-ui-border-radius-full);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.vchasno-ui-PulseDot:before{animation:pulse 2s ease-out infinite}.vchasno-ui-PulseDot:after{animation:pulse 2s ease-out 1s infinite}@keyframes pulse{to{opacity:0;transform:scale(2)}}.vchasno-ui-select{display:inline-flex;flex-direction:column;gap:5px;position:relative}.vchasno-ui-select .vchasno-ui-label-text{top:0;transform:translateY(16px);transition:font-size .3s,transform .3s}.vchasno-ui-select:focus-within .vchasno-ui-label-text,.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value) .vchasno-ui-label-text{font-size:12px;transform:translateY(-8px)}@supports not selector(.vchasno-ui-select:has(.vchasno-ui-select__value-container--has-value)){.vchasno-ui-select .vchasno-ui-label-text{font-size:12px;transform:translateY(-42px)}}.vchasno-ui-select.--wide{width:100%}.vchasno-ui-select .vchasno-ui-select__control{border-color:var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);cursor:pointer;font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;min-height:50px;min-width:200px;outline:3px solid transparent;transition:border var(--vchasno-ui-transition-duration-sec,.3s),outline var(--vchasno-ui-transition-duration-sec,.3s)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:var(--vchasno-ui-border-radius-md);box-shadow:none;margin-bottom:6px;margin-top:4px;transition:border var(--vchasno-ui-transition-duration-sec,.3s);z-index:100}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open{border-color:var(--vchasno-ui-select-menu-border-color,#6b5fff);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select.--error .vchasno-ui-select__control,.vchasno-ui-select.--error:hover .vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-input-border-color-focused);outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select .vchasno-ui-select__input-container{color:var(--vchasno-ui-input-font-color)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover{border-color:var(--vchasno-ui-text-error-color);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-select .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open .vchasno-ui-select__dropdown-indicator{color:var(--vchasno-ui-text-error-color);transition:background-color var(--vchasno-ui-transition-duration-sec,.3s),color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--error .vchasno-ui-select__control:hover .vchasno-ui-select__dropdown-indicator,.vchasno-ui-select.--error .vchasno-ui-select__dropdown-indicator:hover{color:var(--vchasno-ui-text-error-color)}.vchasno-ui-select.--error .vchasno-ui-select__control--menu-is-open+.vchasno-ui-select__menu,.vchasno-ui-select.--error .vchasno-ui-select__control.vchasno-ui-select__control--menu-is-open{border:1px solid var(--vchasno-ui-text-error-color)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-focused{border-color:var(--vchasno-ui-input-border-color-focused);box-shadow:none;outline-color:var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-select .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-input-border-color-focused)}.vchasno-ui-select .vchasno-ui-select__placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);font-weight:400}.vchasno-ui-select:not(:focus-within,:not(:has(.vchasno-ui-label-text))) .vchasno-ui-select__placeholder{visibility:hidden}.vchasno-ui-select .vchasno-ui-select__clear-indicator{border-radius:var(--vchasno-ui-border-radius-sm);color:var(--vchasno-ui-input-font-color);padding:0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__clear-indicator:hover{color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__option--is-focused,.vchasno-ui-select .vchasno-ui-select__option--is-selected,.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius:var(--vchasno-ui-border-radius-md);outline:1px solid var(--vchasno-ui-select-menu-border-color,transparent)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove{background-color:transparent;color:var(--vchasno-ui-label-color-default);padding:0 3px 0 0;transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover{background-color:transparent;color:var(--vchasno-ui-input-color-error);cursor:pointer}.vchasno-ui-select .vchasno-ui-select__multi-value__remove svg{height:20px;width:20px}.vchasno-ui-select .vchasno-ui-select__indicators{padding-right:5px}.vchasno-ui-select .vchasno-ui-select__value-container{padding:5px 14px}.vchasno-ui-select .vchasno-ui-select__multi-value__label{font-size:14px;padding:6px 0 6px 6px}.vchasno-ui-select .vchasno-ui-select .vchasno-ui-select__multi-value__remove{font-size:14px;padding:6px}:root{--toastify-color-light:var(--vchasno-ui-snackbar-color-light);--toastify-color-dark:var(--vchasno-ui-snackbar-color-dark);--toastify-color-info:var(--vchasno-ui-snackbar-color-info);--toastify-color-success:var(--vchasno-ui-snackbar-color-success);--toastify-color-warning:var(--vchasno-ui-snackbar-color-warning);--toastify-color-error:var(--vchasno-ui-snackbar-color-error);--toastify-color-transparent:var(--vchasno-ui-snackbar-color-transparent);--toastify-icon-color-info:var(--vchasno-ui-snackbar-icon-color-info);--toastify-icon-color-success:var(--vchasno-ui-snackbar-icon-color-success);--toastify-icon-color-warning:var(--vchasno-ui-snackbar-icon-color-warning);--toastify-icon-color-error:var(--vchasno-ui-snackbar-icon-color-error);--toastify-toast-width:var(--vchasno-ui-snackbar-toast-width);--toastify-toast-offset:var(--vchasno-ui-snackbar-toast-offset);--toastify-toast-top:var(--vchasno-ui-snackbar-toast-top);--toastify-toast-right:var(--vchasno-ui-snackbar-toast-right);--toastify-toast-left:var(--vchasno-ui-snackbar-toast-left);--toastify-toast-bottom:var(--vchasno-ui-snackbar-toast-bottom);--toastify-toast-background:var(--vchasno-ui-snackbar-toast-background);--toastify-toast-min-height:var(--vchasno-ui-snackbar-toast-min-height);--toastify-toast-max-height:var(--vchasno-ui-snackbar-toast-max-height);--toastify-toast-bd-radius:var(--vchasno-ui-snackbar-toast-bd-radius);--toastify-font-family:var(--vchasno-ui-snackbar-font-family);--toastify-z-index:var(--vchasno-ui-snackbar-z-index);--toastify-text-color-light:var(--vchasno-ui-snackbar-text-color-light);--toastify-text-color-dark:var(--vchasno-ui-snackbar-text-color-dark);--toastify-text-color-info:var(--vchasno-ui-snackbar-text-color-info);--toastify-text-color-success:var(--vchasno-ui-snackbar-text-color-success);--toastify-text-color-warning:var(--vchasno-ui-snackbar-text-color-warning);--toastify-text-color-error:var(--vchasno-ui-snackbar-text-color-error);--toastify-spinner-color:var(--vchasno-ui-snackbar-spinner-color);--toastify-spinner-color-empty-area:var(--vchasno-ui-snackbar-spinner-color-empty-area);--toastify-color-progress-light:var(--vchasno-ui-snackbar-color-progress-light);--toastify-color-progress-dark:var(--vchasno-ui-snackbar-color-progress-dark);--toastify-color-progress-info:var(--vchasno-ui-snackbar-color-progress-info);--toastify-color-progress-success:var(--vchasno-ui-snackbar-color-progress-success);--toastify-color-progress-warning:var(--vchasno-ui-snackbar-color-progress-warning);--toastify-color-progress-error:var(--vchasno-ui-snackbar-color-progress-error);--toastify-color-progress-bgo:var(--vchasno-ui-snackbar-color-progress-bgo)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translateZ(var(--toastify-z-index));width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (width <= 480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{-ms-flex-pack:justify;border-radius:var(--vchasno-ui-border-radius-sm);box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgb(0 0 0/5%);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{-ms-flex-align:center;align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1;word-break:break-word}.Toastify__toast-icon{-ms-flex-negative:0;-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (width <= 480px){.Toastify__toast{border-radius:var(--vchasno-ui-border-radius-none);margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{-ms-flex-item-align:start;align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:var(--vchasno-ui-border-radius-full);border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vchasno-ui-snackbar .vchasno-ui-snackbar-toast{background:var(--vchasno-ui-snackbar-toast-background);border-radius:var(--toastify-toast-bd-radius);box-sizing:border-box;max-width:var(--vchasno-ui-snackbar-toast-max-width);min-width:var(--vchasno-ui-snackbar-toast-min-width);padding:5px 10px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{padding:0 8px 0 0}.vchasno-ui-snackbar-with-action-container{align-items:center;display:flex;gap:26px;justify-content:space-between;padding-bottom:5px;padding-top:5px}.vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;line-height:20px;margin-left:auto}.vchasno-ui-snackbar .Toastify__toast-icon{font-size:20px;margin-right:10px}.vchasno-ui-snackbar .Toastify__close-button{align-items:center;align-self:center;display:flex;justify-content:center}.vchasno-ui-SplashLogo__logo-box{--vchasno-ui-splash-screen-logo-box-width:300px;--vchasno-ui-splash-screen-logo-box-height:100px;--vchasno-ui-splash-screen-logo-color:#252d3d;--vchasno-ui-splash-screen-animation-duration:2s;animation:wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;background-image:linear-gradient(to right,transparent,var(--vchasno-ui-splash-screen-logo-color),transparent);background-size:var(--vchasno-ui-splash-screen-logo-box-width) var(--vchasno-ui-splash-screen-logo-box-height);display:inline-block;height:var(--vchasno-ui-splash-screen-logo-box-height);width:var(--vchasno-ui-splash-screen-logo-box-width)}@keyframes wave{0%{background-position:calc(var(--vchasno-ui-splash-screen-logo-box-width)*-1) 0}to{background-position:0 0}}.vchasno-ui-SvgBorder{--vchasno-ui-svg-border-animation-duration-sec:1s;--vchasno-ui-svg-border-stroke-dashoffset:100%;position:relative}.vchasno-ui-SvgBorder__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:var(--vchasno-ui-transition-duration-sec);z-index:-1}.vchasno-ui-SvgBorder__svg--animation-border-offset{animation:stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;animation-play-state:paused}.vchasno-ui-SvgBorder__svg--animation-play{animation-play-state:running}@keyframes stroke-offset{to{stroke-dashoffset:var(--vchasno-ui-svg-border-stroke-dashoffset)}}.vchasno-ui-switch{--vchasno-ui-switch-border-radius:100px;--vchasno-ui-switc-hcircle-size:calc(var(--vchasno-ui-switch-height) - 4px);align-content:center;cursor:pointer;display:inline-flex;line-height:var(--vchasno-ui-switch-height)}.vchasno-ui-switch.--sm{--vchasno-ui-switch-height:20px}.vchasno-ui-switch.--md{--vchasno-ui-switch-height:30px}.vchasno-ui-switch.--lg{--vchasno-ui-switch-height:40px}.vchasno-ui-switch--bg{aspect-ratio:36/20;background:var(--vchasno-ui-switch-color-bg);border-radius:var(--vchasno-ui-switch-border-radius);box-shadow:inset 0 2px 0 rgba(57,96,131,.2);box-sizing:border-box;display:inline-flex;flex-shrink:0;height:var(--vchasno-ui-switch-height,20px);position:relative;transition:background-color .3s;z-index:0}.vchasno-ui-switch__active .vchasno-ui-switch--bg{background:var(--vchasno-ui-switch-active-color-bg)}.vchasno-ui-switch__disabled{cursor:default;opacity:.7}.vchasno-ui-switch--circle{align-items:center;aspect-ratio:1/1;background-color:var(--vchasno-ui-switch-circle-color);border-radius:var(--vchasno-ui-border-radius-full);display:flex;height:var(--vchasno-ui-switc-hcircle-size);justify-content:center;left:0;position:absolute;top:0;transform:translate(2px,2px);transition:transform .3s}.vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(18px,2px)}.vchasno-ui-switch.--md .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(26px,2px)}.vchasno-ui-switch.--lg .vchasno-ui-switch--bg>input:checked+.vchasno-ui-switch--circle{transform:translate(34px,2px)}.vchasno-ui-spinner{color:var(--vchasno-ui-switch-spinner-color)}.vchasno-ui-switch--label{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);margin-left:12px;user-select:none}.vchasno-ui-tabs-wrapper{-ms-overflow-style:none;position:relative;scrollbar-width:none;width:100%}.vchasno-ui-tabs-wrapper::-webkit-scrollbar{display:none}.--h-scroll{overflow:auto}.vchasno-ui-tabs-wrapper-root{position:relative}.vchasno-ui-tabs-wrapper-root:after,.vchasno-ui-tabs-wrapper-root:before{bottom:0;content:"";display:block;pointer-events:none;position:absolute;top:0;width:30px}.--ping-right:after{box-shadow:inset -12px 0 8px -8px rgb(0 0 0/8%);right:0}.--ping-left:before{box-shadow:inset 12px 0 8px -8px rgb(0 0 0/8%);left:0}.vchasno-ui-tabs{--active-color:var(--vchasno-ui-tabs-active-color);display:flex;font-size:16px;font-weight:500;position:relative}.vchasno-ui-tabs__indicator{background-color:var(--active-color);border-radius:var(--vchasno-ui-border-radius-sm);bottom:-1px;display:block;height:3px;left:0;position:absolute;transform:translateX(0);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),width var(--vchasno-ui-transition-duration-sec,.3s);width:10px;z-index:1}.--h-scroll .vchasno-ui-tabs__indicator{display:none}.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator{transition:none}.vchasno-ui-tabs__label-item{align-items:center;color:#252d3d;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;height:50px;padding:0 15px;position:relative;transition:color var(--vchasno-ui-transition-duration-sec),background-color var(--vchasno-ui-transition-duration-sec);user-select:none}.vchasno-ui-tabs__label-item:after{background-color:var(--active-color);border-radius:var(--vchasno-ui-border-radius-sm);bottom:0;content:"";display:block;height:0;left:0;position:absolute;right:0;transition:height var(--vchasno-ui-transition-duration-sec);z-index:1}.--h-scroll .vchasno-ui-tabs__label-item.--active:after{height:3px}.vchasno-ui-tabs-wrapper:not(.--h-scroll) .vchasno-ui-tabs{border-bottom:1px solid #e2e9f3}.vchasno-ui-tabs__label-item.--active,.vchasno-ui-tabs__label-item:not(.--disabled):hover{color:var(--active-color)}.vchasno-ui-tabs__label-item.--disabled{cursor:not-allowed;opacity:.5}.vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper{height:auto;padding-bottom:10px;padding-top:10px}.vchasno-ui-textarea-input{border:0;color:var(--vchasno-ui-text-primary-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);resize:none;width:100%}.vchasno-ui-textarea-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper__label{transform:none}.vchasno-ui-textarea-input+.vchasno-ui-label-text{top:0;transform:translateY(10px);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),font-size var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-textarea-input:focus:not(.--disabled)+.vchasno-ui-label-text,.vchasno-ui-textarea-input:not(:placeholder-shown)+.vchasno-ui-label-text{top:0;transform:translateY(-12px)}.vchasno-ui-text-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size)}.vchasno-ui-text-input::-webkit-inner-spin-button,.vchasno-ui-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-text-input[type=number]{appearance:textfield}.vchasno-ui-text-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}@supports selector(:not(:placeholder-shown)){.vchasno-ui-input__clear-btn{transform:scale(0)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-label-text+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}}.vchasno-ui-title{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-title.--pretty{text-wrap:pretty}.vchasno-ui-title.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-title h1,h1.vchasno-ui-title{font-size:32px;font-weight:700;line-height:40px}.vchasno-ui-title h2,h2.vchasno-ui-title{font-size:24px;font-weight:700;line-height:28px}.vchasno-ui-title h3,h3.vchasno-ui-title{font-size:20px;font-weight:500;line-height:24px}.vchasno-ui-title h4,h4.vchasno-ui-title{font-size:16px;font-weight:400;line-height:20px}.vchasno-ui-title h5,h5.vchasno-ui-title{font-size:12px;font-weight:400;line-height:14px}.vchasno-ui-PasswordInput{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);min-width:176px}.vchasno-ui-PasswordInput::-webkit-inner-spin-button,.vchasno-ui-PasswordInput::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-PasswordInput::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-PasswordInput--type-password{caret-color:var(--vchasno-ui-input-placeholder-color);font-family:Verdana,sans-serif}.vchasno-ui-PasswordInput--type-password:not(:placeholder-shown){letter-spacing:.2em}.vchasno-ui-PasswordInput__eye{color:var(--vchasno-ui-input-font-color-disabled);cursor:pointer;display:flex;flex-shrink:0;place-items:center center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.vchasno-ui-PasswordInput__eye--active{color:var(--vchasno-ui-input-placeholder-color)}.vchasno-ui-PasswordInput__eye svg{transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye){padding-right:40px}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye) .vchasno-ui-input__feedback{display:none}.vchasno-ui-slider.vchasno-ui-slider-root{height:2px}.vchasno-ui-slider .vchasno-ui-slider-mark{background-color:#e2e9f3;border-radius:var(--vchasno-ui-border-radius-full);height:8px;width:8px}.vchasno-ui-slider .vchasno-ui-slider-mark.MuiSlider-markActive{background-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-rail{background-color:#e2e9f3}.vchasno-ui-slider .vchasno-ui-slider-track{background-color:var(--vchasno-ui-slider-color);border-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb{background-color:var(--vchasno-ui-slider-color);height:24px;width:24px}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-focusVisible,.vchasno-ui-slider .vchasno-ui-slider-thumb:hover{box-shadow:0 0 0 8px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-active{box-shadow:0 0 0 14px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-breadcrumbs{font-size:14px;line-height:20px}.vchasno-ui-breadcrumbs-separator{margin:0 2px}.vchasno-ui-avatar{--avatar-size:40px;--avatar-font-size:16px;align-items:center;background-color:#e2e9f3;border-radius:var(--avatar-radius);color:#6e809a;display:inline-flex;font-size:var(--avatar-font-size);font-weight:var(--vchasno-ui-font-weight-medium);height:var(--avatar-size);justify-content:center;line-height:1;overflow:hidden;user-select:none;vertical-align:middle;width:var(--avatar-size)}.vchasno-ui-avatar,.vchasno-ui-avatar--shape-circular{--avatar-radius:var(--vchasno-ui-border-radius-full)}.vchasno-ui-avatar--shape-rounded{--avatar-radius:var(--vchasno-ui-border-radius-md)}.vchasno-ui-avatar--size-xs{--avatar-size:24px;--avatar-font-size:var(--vchasno-ui-font-size-2xs)}.vchasno-ui-avatar--size-sm{--avatar-size:32px;--avatar-font-size:var(--vchasno-ui-font-size-xs)}.vchasno-ui-avatar--size-md{--avatar-size:40px;--avatar-font-size:var(--vchasno-ui-font-size-md)}.vchasno-ui-avatar--size-lg{--avatar-size:56px;--avatar-font-size:var(--vchasno-ui-font-size-xl)}.vchasno-ui-avatar--size-xl{--avatar-size:88px;--avatar-font-size:var(--vchasno-ui-font-size-2xl)}.vchasno-ui-avatar__image{height:100%;object-fit:cover;width:100%}.vchasno-ui-avatar__fallback{align-items:center;display:flex;height:100%;justify-content:center;width:100%}

package/dist/index.d.ts

@@ -44,3 +44,4 @@ export { default as PasswordInput, PasswordInputProps } from './components/Passw
 export { default as Slider, SliderProps } from './components/Slider/Slider.js';
 export { default as SnowEffect, SnowEffectProps } from './components/SnowEffect/SnowEffect.js';
 export { default as Breadcrumbs, BreadcrumbsProps } from './components/Breadcrumbs/Breadcrumbs.js';
+export { default as Avatar, AvatarProps } from './components/Avatar/Avatar.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{default as BodyPortal}from"./components/BodyPortal/BodyPortal.js";export{default as ScrollableBox}from"./components/ScrollableBox/ScrollableBox.js";export{useElementScrollable}from"./components/ScrollableBox/useElementScrollable.js";export{default as FullScreenModal}from"./components/FullScreenModal/FullScreenModal.js";export{default as Alert}from"./components/Alert/Alert.js";export{default as BlackTooltip}from"./components/BlackTooltip/BlackTooltip.js";export{default as BubbleBox}from"./components/BubbleBox/BubbleBox.js";export{composeBubblePath}from"./components/BubbleBox/utils.js";export{default as Button}from"./components/Button/Button.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Datepicker}from"./components/Datepicker/DatePicker.js";export{default as FlexBox}from"./components/FlexBox/FlexBox.js";export{default as FollowUs}from"./components/FollowUs/FollowUs.js";export{default as Input}from"./components/Input/Input.js";export{default as InputMeta}from"./components/InputMeta/InputMeta.js";export{default as LabelText}from"./components/LabelText/LabelText.js";export{default as MaskInput}from"./components/MaskInput/MaskInput.js";export{default as Menu}from"./components/Menu/Menu.js";export{MenuButton}from"./components/MenuButton/MenuButton.js";export{MenuItem}from"./components/MenuItem/MenuItem.js";export{default as MobileAppLinks}from"./components/MobileAppLinks/MobileAppLinks.js";export{default as Pagination}from"./components/Pagination/Pagination.js";export{BasePagination}from"./components/Pagination/BasePagination.js";export{default as Paragraph}from"./components/Paragraph/Paragraph.js";export{default as ProjectsPopover}from"./components/ProjectsPopover/ProjectsPopover.js";export{default as PulseDot}from"./components/PulseDot/PulseDot.js";export{default as Select,SelectComponents}from"./components/Select/Select.js";export{default as SelectCreatable}from"./components/Select/SelectCreatable.js";export{default as AsyncSelect}from"./components/Select/AsyncSelect.js";export{default as Snackbar,snackbarToast}from"./components/Snackbar/Snackbar.js";export{default as Spinner}from"./components/Spinner/Spinner.js";export{default as SplashLogo}from"./components/SplashLogo/SplashLogo.js";export{default as SvgBorder}from"./components/SvgBorder/SvgBorder.js";export{composeRoundedBorderPath}from"./components/SvgBorder/utils.js";export{default as Switch}from"./components/Switch/Switch.js";export{default as Tabs}from"./components/Tabs/Tabs.js";export{default as Text}from"./components/Text/Text.js";export{default as TextAreaInput}from"./components/TextAreaInput/TextAreaInput.js";export{default as TextInput}from"./components/TextInput/TextInput.js";export{default as Title}from"./components/Title/Title.js";export{useClientRect}from"./hooks/useClientRect.js";export{default as PasswordInput}from"./components/PasswordInput/PasswordInput.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SnowEffect}from"./components/SnowEffect/SnowEffect.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/Breadcrumbs.js";
+export{default as BodyPortal}from"./components/BodyPortal/BodyPortal.js";export{default as ScrollableBox}from"./components/ScrollableBox/ScrollableBox.js";export{useElementScrollable}from"./components/ScrollableBox/useElementScrollable.js";export{default as FullScreenModal}from"./components/FullScreenModal/FullScreenModal.js";export{default as Alert}from"./components/Alert/Alert.js";export{default as BlackTooltip}from"./components/BlackTooltip/BlackTooltip.js";export{default as BubbleBox}from"./components/BubbleBox/BubbleBox.js";export{composeBubblePath}from"./components/BubbleBox/utils.js";export{default as Button}from"./components/Button/Button.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Datepicker}from"./components/Datepicker/DatePicker.js";export{default as FlexBox}from"./components/FlexBox/FlexBox.js";export{default as FollowUs}from"./components/FollowUs/FollowUs.js";export{default as Input}from"./components/Input/Input.js";export{default as InputMeta}from"./components/InputMeta/InputMeta.js";export{default as LabelText}from"./components/LabelText/LabelText.js";export{default as MaskInput}from"./components/MaskInput/MaskInput.js";export{default as Menu}from"./components/Menu/Menu.js";export{MenuButton}from"./components/MenuButton/MenuButton.js";export{MenuItem}from"./components/MenuItem/MenuItem.js";export{default as MobileAppLinks}from"./components/MobileAppLinks/MobileAppLinks.js";export{default as Pagination}from"./components/Pagination/Pagination.js";export{BasePagination}from"./components/Pagination/BasePagination.js";export{default as Paragraph}from"./components/Paragraph/Paragraph.js";export{default as ProjectsPopover}from"./components/ProjectsPopover/ProjectsPopover.js";export{default as PulseDot}from"./components/PulseDot/PulseDot.js";export{default as Select,SelectComponents}from"./components/Select/Select.js";export{default as SelectCreatable}from"./components/Select/SelectCreatable.js";export{default as AsyncSelect}from"./components/Select/AsyncSelect.js";export{default as Snackbar,snackbarToast}from"./components/Snackbar/Snackbar.js";export{default as Spinner}from"./components/Spinner/Spinner.js";export{default as SplashLogo}from"./components/SplashLogo/SplashLogo.js";export{default as SvgBorder}from"./components/SvgBorder/SvgBorder.js";export{composeRoundedBorderPath}from"./components/SvgBorder/utils.js";export{default as Switch}from"./components/Switch/Switch.js";export{default as Tabs}from"./components/Tabs/Tabs.js";export{default as Text}from"./components/Text/Text.js";export{default as TextAreaInput}from"./components/TextAreaInput/TextAreaInput.js";export{default as TextInput}from"./components/TextInput/TextInput.js";export{default as Title}from"./components/Title/Title.js";export{useClientRect}from"./hooks/useClientRect.js";export{default as PasswordInput}from"./components/PasswordInput/PasswordInput.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SnowEffect}from"./components/SnowEffect/SnowEffect.js";export{default as Breadcrumbs}from"./components/Breadcrumbs/Breadcrumbs.js";export{default as Avatar}from"./components/Avatar/Avatar.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.4.85",
+    "version": "0.4.86",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",
@@ -46,10 +46,10 @@
         "@rollup/plugin-commonjs": "25.0.8",
         "@rollup/plugin-image": "3.0.3",
         "@rollup/plugin-node-resolve": "15.2.3",
-        "@storybook/addon-a11y": "10.1.11",
-        "@storybook/addon-docs": "10.1.11",
-        "@storybook/addon-links": "10.1.11",
-        "@storybook/react-vite": "10.1.11",
+        "@storybook/addon-a11y": "10.2.0",
+        "@storybook/addon-docs": "10.2.0",
+        "@storybook/addon-links": "10.2.0",
+        "@storybook/react-vite": "10.2.0",
         "@swc/core": "1.10.7",
         "@trivago/prettier-plugin-sort-imports": "4.3.0",
         "@types/react": "17.0.80",
@@ -70,7 +70,7 @@
         "rollup-plugin-node-externals": "7.1.3",
         "rollup-plugin-postcss": "4.0.2",
         "rollup-plugin-swc3": "0.12.1",
-        "storybook": "10.1.11",
+        "storybook": "10.2.0",
         "stylelint": "16.9.0",
         "stylelint-config-idiomatic-order": "10.0.0",
         "stylelint-config-standard": "36.0.1",