@vchasno/ui-kit 0.4.18 → 0.4.20

package/CHANGELOG.md

@@ -7,6 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.20] - 2024-10-15
+
+## Added
+
+-   AsyncSelect component
+
+## [0.4.19] - 2024-10-09
+
+## Fixed
+
+-   Remove PasswordInput component mergeRefs usage
+-   Remove TextInput component mergeRefs usage (problems with react-hook-form)
+-   Fix Snackbar component styles, border-radius, padding, vertical-align
+
 ## [0.4.18] - 2024-10-03
 
 ## Added

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"classnames";import{mergeRefs as r}from"../../utils/react.js";import n from"../BlackTooltip/BlackTooltip.js";import o from"../Input/Input.js";function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var l=/*#__PURE__*/e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("g",{id:"icons/eye"},/*#__PURE__*/e.createElement("path",{d:"M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z",fill:"currentColor"}),/*#__PURE__*/e.createElement("path",{d:"M18.9 9.5C18.7 9.3 15.5 4 10 4C4.50002 4 1.30002 9.3 1.10002 9.5C1.00002 9.8 1.00002 10.2 1.10002 10.5C1.30002 10.7 4.50002 16 10 16C15.5 16 18.7 10.7 18.9 10.5C19 10.2 19 9.8 18.9 9.5ZM10 14C6.60002 14 4.10002 11.2 3.20002 10C4.10002 8.8 6.50002 6 10 6C13.4 6 15.9 8.8 16.8 10C15.9 11.2 13.5 14 10 14Z",fill:"currentColor"}))),i=/*#__PURE__*/e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{d:"M18.9004 9.49968C18.8004 9.39968 17.6004 7.49968 15.5004 5.89968L16.7004 4.69968C17.1004 4.29968 17.1004 3.69968 16.7004 3.29968C16.3004 2.89968 15.7004 2.89968 15.3004 3.29968L13.7004 4.89968C12.6004 4.29968 11.4004 3.99968 10.0004 3.99968C4.50039 3.99968 1.30039 9.29968 1.10039 9.49968C1.00039 9.79968 1.00039 10.1997 1.10039 10.4997C1.20039 10.5997 2.40039 12.4997 4.50039 14.0997L3.30039 15.2997C2.90039 15.6997 2.90039 16.2997 3.30039 16.6997C3.50039 16.8997 3.70039 16.9997 4.00039 16.9997C4.30039 16.9997 4.50039 16.8997 4.70039 16.6997L6.30039 15.0997C7.40039 15.6997 8.60039 15.9997 10.0004 15.9997C15.5004 15.9997 18.7004 10.6997 18.9004 10.4997C19.0004 10.1997 19.0004 9.79968 18.9004 9.49968ZM3.20039 9.99968C4.10039 8.79968 6.50039 5.99968 10.0004 5.99968C10.8004 5.99968 11.5004 6.19968 12.2004 6.39968L11.3004 7.29968C10.9004 7.09968 10.5004 6.99968 10.0004 6.99968C8.30039 6.99968 7.00039 8.29968 7.00039 9.99968C7.00039 10.4997 7.10039 10.8997 7.30039 11.2997L5.90039 12.5997C4.60039 11.7997 3.70039 10.5997 3.20039 9.99968ZM10.0004 13.9997C9.20039 13.9997 8.50039 13.7997 7.80039 13.5997L8.70039 12.6997C9.10039 12.8997 9.50039 12.9997 10.0004 12.9997C11.7004 12.9997 13.0004 11.6997 13.0004 9.99968C13.0004 9.49968 12.9004 9.09968 12.7004 8.69968L14.1004 7.29968C15.4004 8.19968 16.3004 9.29968 16.8004 9.89968C15.9004 11.1997 13.5004 13.9997 10.0004 13.9997Z",fill:"currentColor"})),s=/*#__PURE__*/e.forwardRef(function(s,u){var c,d=s.className,p=s.disabled,f=s.startElement,m=s.error,C=s.label,h=s.hint,w=s.wide,y=s.required,b=s.loading,v=s.inputClassName,g=s.labelProps,P=s.hideEmptyMeta,E=s.dataQa,O=s.showPassword,j=s.showPasswordTooltip,I=s.hidePasswordTooltip,x=s.placeholder,M=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["className","disabled","startElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","showPassword","showPasswordTooltip","hidePasswordTooltip","placeholder"]),S=function(e){if(Array.isArray(e))return e}(c=e.useState(O))||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],l=!0,i=!1;try{for(o=o.call(e);!(l=(r=o.next()).done)&&(a.push(r.value),2!==a.length);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==o.return||o.return()}finally{if(i)throw n}}return a}}(c,2)||function(e,t){if(e){if("string"==typeof e)return a(e,2);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return a(e,2)}}(c,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),L=S[0],N=S[1],T=r(e.useRef(null),u);return /*#__PURE__*/e.createElement(o,{dataQa:E,required:y,wide:w,className:d,loading:b,disabled:p,label:C,error:m,hint:h,endElement:/*#__PURE__*/e.createElement(n,{key:"tooltip",disableInteractive:!0,title:L?I:j},/*#__PURE__*/e.createElement("span",{role:"button",tabIndex:0,className:t("vchasno-ui-PasswordInput__eye",{"vchasno-ui-PasswordInput__eye--active":L}),onClick:function(){p||N(function(e){return!e})}},L?l:i)),startElement:f,labelProps:g,hideEmptyMeta:P},/*#__PURE__*/e.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({type:L?"text":"password",disabled:p,className:t("vchasno-ui-PasswordInput",{"vchasno-ui-PasswordInput--type-password":!L},v),required:y,ref:T,placeholder:void 0===x?" ":x},M)))});s.displayName="PasswordInput";export{s as default};
+import e from"react";import t from"classnames";import r from"../BlackTooltip/BlackTooltip.js";import n from"../Input/Input.js";function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var o=/*#__PURE__*/e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("g",{id:"icons/eye"},/*#__PURE__*/e.createElement("path",{d:"M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z",fill:"currentColor"}),/*#__PURE__*/e.createElement("path",{d:"M18.9 9.5C18.7 9.3 15.5 4 10 4C4.50002 4 1.30002 9.3 1.10002 9.5C1.00002 9.8 1.00002 10.2 1.10002 10.5C1.30002 10.7 4.50002 16 10 16C15.5 16 18.7 10.7 18.9 10.5C19 10.2 19 9.8 18.9 9.5ZM10 14C6.60002 14 4.10002 11.2 3.20002 10C4.10002 8.8 6.50002 6 10 6C13.4 6 15.9 8.8 16.8 10C15.9 11.2 13.5 14 10 14Z",fill:"currentColor"}))),l=/*#__PURE__*/e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{d:"M18.9004 9.49968C18.8004 9.39968 17.6004 7.49968 15.5004 5.89968L16.7004 4.69968C17.1004 4.29968 17.1004 3.69968 16.7004 3.29968C16.3004 2.89968 15.7004 2.89968 15.3004 3.29968L13.7004 4.89968C12.6004 4.29968 11.4004 3.99968 10.0004 3.99968C4.50039 3.99968 1.30039 9.29968 1.10039 9.49968C1.00039 9.79968 1.00039 10.1997 1.10039 10.4997C1.20039 10.5997 2.40039 12.4997 4.50039 14.0997L3.30039 15.2997C2.90039 15.6997 2.90039 16.2997 3.30039 16.6997C3.50039 16.8997 3.70039 16.9997 4.00039 16.9997C4.30039 16.9997 4.50039 16.8997 4.70039 16.6997L6.30039 15.0997C7.40039 15.6997 8.60039 15.9997 10.0004 15.9997C15.5004 15.9997 18.7004 10.6997 18.9004 10.4997C19.0004 10.1997 19.0004 9.79968 18.9004 9.49968ZM3.20039 9.99968C4.10039 8.79968 6.50039 5.99968 10.0004 5.99968C10.8004 5.99968 11.5004 6.19968 12.2004 6.39968L11.3004 7.29968C10.9004 7.09968 10.5004 6.99968 10.0004 6.99968C8.30039 6.99968 7.00039 8.29968 7.00039 9.99968C7.00039 10.4997 7.10039 10.8997 7.30039 11.2997L5.90039 12.5997C4.60039 11.7997 3.70039 10.5997 3.20039 9.99968ZM10.0004 13.9997C9.20039 13.9997 8.50039 13.7997 7.80039 13.5997L8.70039 12.6997C9.10039 12.8997 9.50039 12.9997 10.0004 12.9997C11.7004 12.9997 13.0004 11.6997 13.0004 9.99968C13.0004 9.49968 12.9004 9.09968 12.7004 8.69968L14.1004 7.29968C15.4004 8.19968 16.3004 9.29968 16.8004 9.89968C15.9004 11.1997 13.5004 13.9997 10.0004 13.9997Z",fill:"currentColor"})),i=/*#__PURE__*/e.forwardRef(function(i,s){var u,c=i.className,d=i.disabled,p=i.startElement,f=i.error,m=i.label,C=i.hint,h=i.wide,w=i.required,y=i.loading,b=i.inputClassName,v=i.labelProps,g=i.hideEmptyMeta,P=i.dataQa,E=i.showPassword,O=i.showPasswordTooltip,j=i.hidePasswordTooltip,I=i.placeholder,x=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(i,["className","disabled","startElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","showPassword","showPasswordTooltip","hidePasswordTooltip","placeholder"]),M=function(e){if(Array.isArray(e))return e}(u=e.useState(E))||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var o=[],l=!0,i=!1;try{for(a=a.call(e);!(l=(r=a.next()).done)&&(o.push(r.value),2!==o.length);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==a.return||a.return()}finally{if(i)throw n}}return o}}(u,2)||function(e,t){if(e){if("string"==typeof e)return a(e,2);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return a(e,2)}}(u,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),S=M[0],L=M[1];return /*#__PURE__*/e.createElement(n,{dataQa:P,required:w,wide:h,className:c,loading:y,disabled:d,label:m,error:f,hint:C,endElement:/*#__PURE__*/e.createElement(r,{key:"tooltip",disableInteractive:!0,title:S?j:O},/*#__PURE__*/e.createElement("span",{role:"button",tabIndex:0,className:t("vchasno-ui-PasswordInput__eye",{"vchasno-ui-PasswordInput__eye--active":S}),onClick:function(){d||L(function(e){return!e})}},S?o:l)),startElement:p,labelProps:v,hideEmptyMeta:g},/*#__PURE__*/e.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({type:S?"text":"password",disabled:d,className:t("vchasno-ui-PasswordInput",{"vchasno-ui-PasswordInput--type-password":!S},b),required:w,ref:s,placeholder:void 0===I?" ":I},x)))});i.displayName="PasswordInput";export{i as default};
 //# sourceMappingURL=PasswordInput.js.map

package/dist/components/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { mergeRefs } from '../../utils/react';\nimport BlackTooltip from '../BlackTooltip';\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './PasswordInput.global.css';\n\nexport interface PasswordInputProps\n    extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>,\n        Omit<InputProps, 'children' | 'endElement'>,\n        DataQa {\n    inputClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n    showPassword?: boolean;\n    showPasswordTooltip?: string;\n    hidePasswordTooltip?: string;\n}\n\nconst eyeIcon = (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g id=\"icons/eye\">\n            <path\n                d=\"M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M18.9 9.5C18.7 9.3 15.5 4 10 4C4.50002 4 1.30002 9.3 1.10002 9.5C1.00002 9.8 1.00002 10.2 1.10002 10.5C1.30002 10.7 4.50002 16 10 16C15.5 16 18.7 10.7 18.9 10.5C19 10.2 19 9.8 18.9 9.5ZM10 14C6.60002 14 4.10002 11.2 3.20002 10C4.10002 8.8 6.50002 6 10 6C13.4 6 15.9 8.8 16.8 10C15.9 11.2 13.5 14 10 14Z\"\n                fill=\"currentColor\"\n            />\n        </g>\n    </svg>\n);\n\nconst eyeSlashIcon = (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M18.9004 9.49968C18.8004 9.39968 17.6004 7.49968 15.5004 5.89968L16.7004 4.69968C17.1004 4.29968 17.1004 3.69968 16.7004 3.29968C16.3004 2.89968 15.7004 2.89968 15.3004 3.29968L13.7004 4.89968C12.6004 4.29968 11.4004 3.99968 10.0004 3.99968C4.50039 3.99968 1.30039 9.29968 1.10039 9.49968C1.00039 9.79968 1.00039 10.1997 1.10039 10.4997C1.20039 10.5997 2.40039 12.4997 4.50039 14.0997L3.30039 15.2997C2.90039 15.6997 2.90039 16.2997 3.30039 16.6997C3.50039 16.8997 3.70039 16.9997 4.00039 16.9997C4.30039 16.9997 4.50039 16.8997 4.70039 16.6997L6.30039 15.0997C7.40039 15.6997 8.60039 15.9997 10.0004 15.9997C15.5004 15.9997 18.7004 10.6997 18.9004 10.4997C19.0004 10.1997 19.0004 9.79968 18.9004 9.49968ZM3.20039 9.99968C4.10039 8.79968 6.50039 5.99968 10.0004 5.99968C10.8004 5.99968 11.5004 6.19968 12.2004 6.39968L11.3004 7.29968C10.9004 7.09968 10.5004 6.99968 10.0004 6.99968C8.30039 6.99968 7.00039 8.29968 7.00039 9.99968C7.00039 10.4997 7.10039 10.8997 7.30039 11.2997L5.90039 12.5997C4.60039 11.7997 3.70039 10.5997 3.20039 9.99968ZM10.0004 13.9997C9.20039 13.9997 8.50039 13.7997 7.80039 13.5997L8.70039 12.6997C9.10039 12.8997 9.50039 12.9997 10.0004 12.9997C11.7004 12.9997 13.0004 11.6997 13.0004 9.99968C13.0004 9.49968 12.9004 9.09968 12.7004 8.69968L14.1004 7.29968C15.4004 8.19968 16.3004 9.29968 16.8004 9.89968C15.9004 11.1997 13.5004 13.9997 10.0004 13.9997Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            inputClassName,\n            labelProps,\n            hideEmptyMeta,\n            dataQa,\n            showPassword,\n            showPasswordTooltip,\n            hidePasswordTooltip,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const [isShowPassword, setIsShowPassword] = React.useState(showPassword);\n        const inputRef = React.useRef<HTMLInputElement>(null);\n        const mergedReg = mergeRefs(inputRef, ref);\n\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                className={className}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={\n                    <BlackTooltip\n                        key=\"tooltip\"\n                        disableInteractive\n                        title={isShowPassword ? hidePasswordTooltip : showPasswordTooltip}\n                    >\n                        <span\n                            role=\"button\"\n                            tabIndex={0}\n                            className={cn('vchasno-ui-PasswordInput__eye', {\n                                'vchasno-ui-PasswordInput__eye--active': isShowPassword,\n                            })}\n                            onClick={() => {\n                                if (disabled) {\n                                    return;\n                                }\n                                setIsShowPassword((prev) => !prev);\n                            }}\n                        >\n                            {isShowPassword ? eyeIcon : eyeSlashIcon}\n                        </span>\n                    </BlackTooltip>\n                }\n                startElement={startElement}\n                labelProps={labelProps}\n                hideEmptyMeta={hideEmptyMeta}\n            >\n                <input\n                    type={isShowPassword ? 'text' : 'password'}\n                    disabled={disabled}\n                    className={cn(\n                        'vchasno-ui-PasswordInput',\n                        {\n                            'vchasno-ui-PasswordInput--type-password': !isShowPassword,\n                        },\n                        inputClassName,\n                    )}\n                    required={required}\n                    ref={mergedReg}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n\nexport default PasswordInput;\n"],"names":["eyeIcon","React","svg","width","height","viewBox","fill","xmlns","g","id","path","d","eyeSlashIcon","PasswordInput","forwardRef","ref","className","disabled","startElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","showPassword","showPasswordTooltip","hidePasswordTooltip","placeholder","rest","useState","isShowPassword","setIsShowPassword","mergedReg","mergeRefs","useRef","Input","endElement","BlackTooltip","key","disableInteractive","title","span","role","tabIndex","cn","onClick","prev","input","type","displayName"],"mappings":"sRAuBA,IAAMA,EACF,WAAA,EAAAC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,2CAC9DN,EAACO,aAAAA,CAAAA,IAAAA,CAAEC,GAAG,0BACFR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oHACFL,KAAK,iBAET,WAAA,EAAAL,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,iTACFL,KAAK,mBAMfM,EACF,WAAA,EAAAX,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,2CAC9DN,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,s2CACFL,KAAK,kBAKXO,EAAgBZ,WAAAA,EAAAA,EAAMa,UAAU,CAClC,SAqBIC,CAAAA,CAAAA,CAAAA,EAnBIC,MAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,cACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,YAAAA,CACAC,IAAAA,mBACAC,CAAAA,EAAAA,EAAAA,mBACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAjBHjB,YACAC,WACAC,eACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,eACAC,sBACAC,sBACAC,gBAKwC/B,8CAAAA,EAAMiC,QAAQ,CAACL,sMAApDM,oHAAAA,yDAAAA,0OAAAA,OAAAA,gLAAAA,EAAqClC,KAArBmC,EAAqBnC,CAAAA,CAAAA,EAAAA,CAEtCoC,EAAYC,EADDrC,EAAMsC,MAAM,CAAmB,MACVxB,GAEtC,oBACId,EAACuC,aAAAA,CAAAA,EAAAA,CACGZ,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNN,UAAWA,EACXQ,QAASA,EACTP,SAAUA,EACVG,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNoB,WACI,WAAA,EAAAxC,EAACyC,aAAAA,CAAAA,EAAAA,CACGC,IAAI,UACJC,mBAAAA,CAAAA,EACAC,MAAOV,EAAiBJ,EAAsBD,gBAE9C7B,EAAC6C,aAAAA,CAAAA,OAAAA,CACGC,KAAK,SACLC,SAAU,EACVhC,UAAWiC,EAAG,gCAAiC,CAC3C,wCAAyCd,CAC7C,GACAe,QAAS,WACDjC,GAGJmB,EAAkB,SAACe,CAAAA,QAAS,CAACA,GACjC,CAEChB,EAAAA,EAAiBnC,EAAUY,IAIxCM,aAAcA,EACdQ,WAAYA,EACZC,cAAeA,gBAEf1B,EAACmD,aAAAA,CAAAA,QAAAA,iaAAAA,CACGC,KAAMlB,EAAiB,OAAS,WAChClB,SAAUA,EACVD,UAAWiC,EACP,2BACA,CACI,0CAA2C,CAACd,CAEhDV,EAAAA,GAEJF,SAAUA,EACVR,IAAKsB,EACLL,uBA3DM,IACXC,CA2DSA,EAAAA,IAIpB,EAGJpB,CAAAA,EAAcyC,WAAW,CAAG"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport BlackTooltip from '../BlackTooltip';\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './PasswordInput.global.css';\n\nexport interface PasswordInputProps\n    extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>,\n        Omit<InputProps, 'children' | 'endElement'>,\n        DataQa {\n    inputClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n    showPassword?: boolean;\n    showPasswordTooltip?: string;\n    hidePasswordTooltip?: string;\n}\n\nconst eyeIcon = (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g id=\"icons/eye\">\n            <path\n                d=\"M10 13C11.6569 13 13 11.6569 13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13Z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M18.9 9.5C18.7 9.3 15.5 4 10 4C4.50002 4 1.30002 9.3 1.10002 9.5C1.00002 9.8 1.00002 10.2 1.10002 10.5C1.30002 10.7 4.50002 16 10 16C15.5 16 18.7 10.7 18.9 10.5C19 10.2 19 9.8 18.9 9.5ZM10 14C6.60002 14 4.10002 11.2 3.20002 10C4.10002 8.8 6.50002 6 10 6C13.4 6 15.9 8.8 16.8 10C15.9 11.2 13.5 14 10 14Z\"\n                fill=\"currentColor\"\n            />\n        </g>\n    </svg>\n);\n\nconst eyeSlashIcon = (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M18.9004 9.49968C18.8004 9.39968 17.6004 7.49968 15.5004 5.89968L16.7004 4.69968C17.1004 4.29968 17.1004 3.69968 16.7004 3.29968C16.3004 2.89968 15.7004 2.89968 15.3004 3.29968L13.7004 4.89968C12.6004 4.29968 11.4004 3.99968 10.0004 3.99968C4.50039 3.99968 1.30039 9.29968 1.10039 9.49968C1.00039 9.79968 1.00039 10.1997 1.10039 10.4997C1.20039 10.5997 2.40039 12.4997 4.50039 14.0997L3.30039 15.2997C2.90039 15.6997 2.90039 16.2997 3.30039 16.6997C3.50039 16.8997 3.70039 16.9997 4.00039 16.9997C4.30039 16.9997 4.50039 16.8997 4.70039 16.6997L6.30039 15.0997C7.40039 15.6997 8.60039 15.9997 10.0004 15.9997C15.5004 15.9997 18.7004 10.6997 18.9004 10.4997C19.0004 10.1997 19.0004 9.79968 18.9004 9.49968ZM3.20039 9.99968C4.10039 8.79968 6.50039 5.99968 10.0004 5.99968C10.8004 5.99968 11.5004 6.19968 12.2004 6.39968L11.3004 7.29968C10.9004 7.09968 10.5004 6.99968 10.0004 6.99968C8.30039 6.99968 7.00039 8.29968 7.00039 9.99968C7.00039 10.4997 7.10039 10.8997 7.30039 11.2997L5.90039 12.5997C4.60039 11.7997 3.70039 10.5997 3.20039 9.99968ZM10.0004 13.9997C9.20039 13.9997 8.50039 13.7997 7.80039 13.5997L8.70039 12.6997C9.10039 12.8997 9.50039 12.9997 10.0004 12.9997C11.7004 12.9997 13.0004 11.6997 13.0004 9.99968C13.0004 9.49968 12.9004 9.09968 12.7004 8.69968L14.1004 7.29968C15.4004 8.19968 16.3004 9.29968 16.8004 9.89968C15.9004 11.1997 13.5004 13.9997 10.0004 13.9997Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, PasswordInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            inputClassName,\n            labelProps,\n            hideEmptyMeta,\n            dataQa,\n            showPassword,\n            showPasswordTooltip,\n            hidePasswordTooltip,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const [isShowPassword, setIsShowPassword] = React.useState(showPassword);\n\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                className={className}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={\n                    <BlackTooltip\n                        key=\"tooltip\"\n                        disableInteractive\n                        title={isShowPassword ? hidePasswordTooltip : showPasswordTooltip}\n                    >\n                        <span\n                            role=\"button\"\n                            tabIndex={0}\n                            className={cn('vchasno-ui-PasswordInput__eye', {\n                                'vchasno-ui-PasswordInput__eye--active': isShowPassword,\n                            })}\n                            onClick={() => {\n                                if (disabled) {\n                                    return;\n                                }\n                                setIsShowPassword((prev) => !prev);\n                            }}\n                        >\n                            {isShowPassword ? eyeIcon : eyeSlashIcon}\n                        </span>\n                    </BlackTooltip>\n                }\n                startElement={startElement}\n                labelProps={labelProps}\n                hideEmptyMeta={hideEmptyMeta}\n            >\n                <input\n                    type={isShowPassword ? 'text' : 'password'}\n                    disabled={disabled}\n                    className={cn(\n                        'vchasno-ui-PasswordInput',\n                        {\n                            'vchasno-ui-PasswordInput--type-password': !isShowPassword,\n                        },\n                        inputClassName,\n                    )}\n                    required={required}\n                    ref={ref}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nPasswordInput.displayName = 'PasswordInput';\n\nexport default PasswordInput;\n"],"names":["eyeIcon","React","svg","width","height","viewBox","fill","xmlns","g","id","path","d","eyeSlashIcon","PasswordInput","forwardRef","ref","className","disabled","startElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","showPassword","showPasswordTooltip","hidePasswordTooltip","placeholder","rest","useState","isShowPassword","setIsShowPassword","Input","endElement","BlackTooltip","key","disableInteractive","title","span","role","tabIndex","cn","onClick","prev","input","type","displayName"],"mappings":"qOAsBA,IAAMA,EACF,WAAA,EAAAC,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,2CAC9DN,EAACO,aAAAA,CAAAA,IAAAA,CAAEC,GAAG,0BACFR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oHACFL,KAAK,iBAET,WAAA,EAAAL,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,iTACFL,KAAK,mBAMfM,EACF,WAAA,EAAAX,EAACC,aAAAA,CAAAA,MAAAA,CAAIC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,2CAC9DN,EAACS,aAAAA,CAAAA,OAAAA,CACGC,EAAE,s2CACFL,KAAK,kBAKXO,EAAgBZ,WAAAA,EAAAA,EAAMa,UAAU,CAClC,SAqBIC,CAAAA,CAAAA,CAAAA,EAnBIC,MAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,cACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,YAAAA,CACAC,IAAAA,mBACAC,CAAAA,EAAAA,EAAAA,mBACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAjBHjB,YACAC,WACAC,eACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,eACAC,sBACAC,sBACAC,gBAKwC/B,8CAAAA,EAAMiC,QAAQ,CAACL,sMAApDM,oHAAAA,yDAAAA,0OAAAA,OAAAA,gLAAAA,EAAqClC,KAArBmC,EAAqBnC,CAAAA,CAAAA,EAAAA,CAE5C,oBACIA,EAACoC,aAAAA,CAAAA,EAAAA,CACGT,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNN,UAAWA,EACXQ,QAASA,EACTP,SAAUA,EACVG,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNiB,WACI,WAAA,EAAArC,EAACsC,aAAAA,CAAAA,EAAAA,CACGC,IAAI,UACJC,mBAAAA,CAAAA,EACAC,MAAOP,EAAiBJ,EAAsBD,gBAE9C7B,EAAC0C,aAAAA,CAAAA,OAAAA,CACGC,KAAK,SACLC,SAAU,EACV7B,UAAW8B,EAAG,gCAAiC,CAC3C,wCAAyCX,CAC7C,GACAY,QAAS,WACD9B,GAGJmB,EAAkB,SAACY,CAAAA,QAAS,CAACA,GACjC,CAECb,EAAAA,EAAiBnC,EAAUY,IAIxCM,aAAcA,EACdQ,WAAYA,EACZC,cAAeA,gBAEf1B,EAACgD,aAAAA,CAAAA,QAAAA,iaAAAA,CACGC,KAAMf,EAAiB,OAAS,WAChClB,SAAUA,EACVD,UAAW8B,EACP,2BACA,CACI,0CAA2C,CAACX,CAEhDV,EAAAA,GAEJF,SAAUA,EACVR,IAAKA,EACLiB,uBAzDM,IACXC,CAyDSA,EAAAA,IAIpB,EAGJpB,CAAAA,EAAcsC,WAAW,CAAG"}

package/dist/components/Select/AsyncSelect.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AsyncProps } from 'react-select/async';
+import { WithLabel, WithHint, ErrorFeedback, DataQa, HideEmptyMeta } from '../types.js';
+import { Option } from './types.js';
+import { GroupBase } from 'react-select';
+
+interface AsyncSelectProps extends AsyncProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {
+    wide?: boolean;
+}
+declare const AsyncSelect: React.FC<AsyncSelectProps>;
+
+export { type AsyncSelectProps, AsyncSelect as default };

package/dist/components/Select/AsyncSelect.js

@@ -0,0 +1,2 @@
+import e from"react";import t from"react-select/async";import r from"classnames";import o from"../InputMeta/InputMeta.js";import n from"./Label.js";import a from"./customComponents.js";import s from"./defaultProps.js";import{composeStyles as l}from"./utils.js";function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(t){var o;o=r[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}var c=function(c){var p,u,m=c.className,d=c.label,f=c.hint,b=c.wide,O=c.required,y=c.isDisabled,g=c.menuPlacement,j=c.noOptionsMessage,v=void 0===j?s.noOptionsMessageDefault:j,P=c.loadingMessage,h=void 0===P?s.loadingMessageDefault:P,M=c.placeholder,w=c.components,S=c.error,D=void 0===S?"":S,E=c.dataQa,q=c.closeMenuOnSelect,x=c.hideEmptyMeta,N=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(c,["className","label","hint","wide","required","isDisabled","menuPlacement","noOptionsMessage","loadingMessage","placeholder","components","error","dataQa","closeMenuOnSelect","hideEmptyMeta"]);return /*#__PURE__*/e.createElement("label",{"data-qa":E,className:r("vchasno-ui-select",{"--required":O,"--disabled":y,"--wide":b,"--error":D},m)},d&&/*#__PURE__*/e.createElement(n,{label:d}),/*#__PURE__*/e.createElement(t,(p=i({required:O,components:i({},a,void 0===w?{}:w),closeMenuOnSelect:void 0===q||q,classNamePrefix:"vchasno-ui-select",menuPlacement:void 0===g?"auto":g,isDisabled:y,noOptionsMessage:v,loadingMessage:h,placeholder:void 0===M?" ":M},N),u=u={styles:i({},l,N.styles)},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(u)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r})(Object(u)).forEach(function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(u,e))}),p)),!(void 0!==x&&x)||D||f?/*#__PURE__*/e.createElement(o,{hint:f,error:D}):null)};export{c as default};
+//# sourceMappingURL=AsyncSelect.js.map

package/dist/components/Select/AsyncSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncSelect.js","sources":["../../../src/components/Select/AsyncSelect.tsx"],"sourcesContent":["import React from 'react';\nimport ReactAsyncSelect, { AsyncProps as ReactAsyncSelectProps } from 'react-select/async'; \n\nimport cn from 'classnames';\n\nimport InputMeta from '../InputMeta';\nimport {\n    DataQa,\n    ErrorFeedback,\n    HideEmptyMeta,\n    WithHint,\n    WithLabel,\n} from '../types';\nimport Label from './Label';\nimport { SelectCreatableProps } from './SelectCreatable';\nimport CustomComponents from './customComponents';\nimport defaultProps from './defaultProps';\nimport { Option } from './types';\nimport { composeStyles } from './utils';\n\nimport './Select.global.css';\nimport { GroupBase } from 'react-select';\n\nexport interface AsyncSelectProps\n    extends ReactAsyncSelectProps<Option, false | true, GroupBase<Option>>,\n        Partial<WithLabel & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {\n    wide?: boolean;\n}\n\nconst AsyncSelect: React.FC<AsyncSelectProps> = ({\n    className,\n    label,\n    hint,\n    wide,\n    required,\n    isDisabled,\n    menuPlacement = 'auto',\n    noOptionsMessage = defaultProps.noOptionsMessageDefault,\n    loadingMessage = defaultProps.loadingMessageDefault,\n    placeholder = ' ', //need \"space\" for correct label working\n    components = {},\n    error = '',\n    dataQa,\n    closeMenuOnSelect = true,\n    hideEmptyMeta = false,\n    ...rest\n}) => {\n    return (\n        <label\n            data-qa={dataQa}\n            className={cn(\n                'vchasno-ui-select',\n                {\n                    '--required': required,\n                    '--disabled': isDisabled,\n                    '--wide': wide,\n                    '--error': error,\n                },\n                className,\n            )}\n        >\n            {label && <Label label={label} />}\n            <ReactAsyncSelect\n                required={required}\n                components={{\n                    ...(CustomComponents as SelectCreatableProps['components']),\n                    ...components,\n                }}\n                closeMenuOnSelect={closeMenuOnSelect}\n                classNamePrefix=\"vchasno-ui-select\"\n                menuPlacement={menuPlacement}\n                isDisabled={isDisabled}\n                noOptionsMessage={noOptionsMessage}\n                loadingMessage={loadingMessage}\n                placeholder={placeholder}\n                {...rest}\n                styles={\n                    {\n                        ...composeStyles,\n                        ...rest.styles,\n                    } as never\n                }\n            />\n            {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n        </label>\n    );\n};\n\nexport default AsyncSelect;\n"],"names":["AsyncSelect","_param","className","label","hint","wide","required","isDisabled","menuPlacement","_param_noOptionsMessage","noOptionsMessage","defaultProps","noOptionsMessageDefault","loadingMessage","loadingMessageDefault","placeholder","components","_param_error","error","dataQa","closeMenuOnSelect","hideEmptyMeta","rest","React","data-qa","cn","Label","ReactAsyncSelect","_object_spread","CustomComponents","_param_components","classNamePrefix","_param_menuPlacement","styles","composeStyles","InputMeta"],"mappings":"uqBA6BA,IAAMA,EAA0C,SAAAC,CAAA,EAC5CC,QAAAA,EAAAA,EAAAA,UACAC,EAAAA,EAAAA,KAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,KACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,UAAAA,CAAAA,EAAAA,EACAC,cAAgBC,EAAAR,EAChBS,iBAAAA,EAAmBC,AAAAA,KAAAA,IAAAA,EAAAA,EAAaC,uBAAuB,CACvDC,EAAAA,EAAAA,EAAAA,cAAAA,CAAAA,EAAiBF,AAAAA,KAAAA,IAAAA,EAAAA,EAAaG,qBAAqB,CACnDC,EAAAA,EAAAA,EAAAA,WAAAA,CACAC,EAAAA,EAAAA,UAAAA,CAAcC,EAAAhB,EACdiB,MAAAA,EAAQD,AAAA,KAAA,IAAAA,EAAA,GAAAA,EACRE,IAAAA,MACAC,CAAAA,EAAAA,EAAAA,iBAAAA,CACAC,EAAAA,EAAAA,aAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAfHpB,YACAC,QACAC,OACAC,OACAC,WACAC,aACAC,gBACAE,mBACAG,iBACAE,cACAC,aACAE,QACAC,SACAC,oBACAC,kBAGA,oBACIE,EAACpB,aAAAA,CAAAA,QAAAA,CACGqB,UAASL,EACTjB,UAAWuB,EACP,oBACA,CACI,aAAcnB,EACd,aAAcC,EACd,SAAUF,EACV,UAAWa,CAEfhB,EAAAA,EAGHC,EAAAA,GAAS,WAAA,EAAAoB,EAACG,aAAAA,CAAAA,EAAAA,CAAMvB,MAAOA,IACxB,WAAA,EAAAoB,EAACI,aAAAA,CAAAA,KAAAA,EAAAA,CACGrB,SAAUA,EACVU,WAAYY,KACJC,aAzBP,CAAC,EAAAC,GA4BFV,8BAxBZC,EAyBYU,gBAAgB,oBAChBvB,cAlCIwB,AAAA,KAAA,IAAAA,EAAA,OAAAA,EAmCJzB,WAAYA,EACZG,iBAAkBA,EAClBG,eAAgBA,EAChBE,uBAnCE,IACdC,CAmCgBM,EAAAA,OAAAA,CACJW,OACIL,EAAA,CAAA,EACOM,EACAZ,EAAKW,MAAM,CAIzBZ,+UAAAA,cAtCNC,IAsCwBJ,GAAUd,EAAc,WAAA,EAAAmB,EAACY,aAAAA,CAAAA,EAAAA,CAAU/B,KAAMA,EAAMc,MAAOA,IAArC,KAGhD"}

package/dist/components/TextInput/TextInput.js

@@ -1,2 +1,2 @@
-import e from"react";import r from"classnames";import{mergeRefs as t}from"../../utils/react.js";import a from"../Input/Input.js";var n=/*#__PURE__*/e.forwardRef(function(n,l){var o=n.className,i=n.disabled,u=n.startElement,s=n.endElement,c=n.error,d=n.label,p=n.hint,m=n.wide,f=n.required,b=n.loading,y=n.inputClassName,O=n.labelProps,h=n.hideEmptyMeta,E=n.dataQa,g=n.isClearable,v=n.onClear,j=n.placeholder,w=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)t=l[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(n,["className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","placeholder"]),P=e.useRef(null),C=t(P,l);return /*#__PURE__*/e.createElement(a,{dataQa:E,required:f,wide:m,className:o,loading:b,disabled:i,label:d,error:c,hint:p,endElement:s,startElement:u,labelProps:O,hideEmptyMeta:h,isClearable:g,onClear:function(){if("function"==typeof v){v();return}P.current&&(P.current.value="")}},/*#__PURE__*/e.createElement("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(r){var a;a=t[r],r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a})}return e}({disabled:i,className:r("vchasno-ui-text-input",y),required:f,ref:C,placeholder:void 0===j?" ":j},w)))});n.displayName="TextInput";export{n as default};
+import e from"react";import r from"classnames";import t from"../Input/Input.js";var n=/*#__PURE__*/e.forwardRef(function(n,a){var l=n.className,o=n.disabled,i=n.startElement,u=n.endElement,c=n.error,s=n.label,d=n.hint,p=n.wide,f=n.required,m=n.loading,b=n.inputClassName,y=n.labelProps,O=n.hideEmptyMeta,h=n.dataQa,v=n.isClearable,E=n.onClear,g=n.placeholder,j=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(n,["className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","placeholder"]),w=e.useRef(null);return /*#__PURE__*/e.createElement(t,{dataQa:h,required:f,wide:p,className:l,loading:m,disabled:o,label:s,error:c,hint:d,endElement:u,startElement:i,labelProps:y,hideEmptyMeta:O,isClearable:v,onClear:function(){if("function"==typeof E){E();return}a&&"current"in a&&a.current?a.current.value="":w.current&&(w.current.value="")}},/*#__PURE__*/e.createElement("input",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({disabled:o,className:r("vchasno-ui-text-input",b),required:f,ref:a||w,placeholder:void 0===g?" ":g},j)))});n.displayName="TextInput";export{n as default};
 //# sourceMappingURL=TextInput.js.map

package/dist/components/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { mergeRefs } from '../../utils/react';\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './TextInput.global.css';\n\nexport interface TextInputProps\n    extends InputHTMLAttributes<HTMLInputElement>,\n        Omit<InputProps, 'children'>,\n        DataQa {\n    inputClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n    onClear?: VoidFunction;\n}\n\nconst TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            endElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            inputClassName,\n            labelProps,\n            hideEmptyMeta,\n            dataQa,\n            isClearable,\n            onClear,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n        const mergedRef = mergeRefs(inputRef, ref);\n\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                className={className}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={endElement}\n                startElement={startElement}\n                labelProps={labelProps}\n                hideEmptyMeta={hideEmptyMeta}\n                isClearable={isClearable}\n                onClear={() => {\n                    if (typeof onClear === 'function') {\n                        onClear();\n                        return;\n                    }\n\n                    if (inputRef.current) {\n                        inputRef.current.value = '';\n                    }\n                }}\n            >\n                <input\n                    disabled={disabled}\n                    className={cn('vchasno-ui-text-input', inputClassName)}\n                    required={required}\n                    ref={mergedRef}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["TextInput","React","forwardRef","ref","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","placeholder","rest","inputRef","useRef","mergedRef","mergeRefs","Input","current","value","input","cn","displayName"],"mappings":"iIAoBA,IAAMA,EAAYC,WAAAA,EAAAA,EAAMC,UAAU,CAC9B,SAqBIC,CAAAA,CAAAA,CAAAA,EAnBIC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,cACAC,CAAAA,EAAAA,EAAAA,WACAC,EAAAA,EAAAA,aAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,IAAAA,WACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAjBHjB,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,cACAC,UACAC,gBAKEE,EAAWrB,EAAMsB,MAAM,CAAmB,MAC1CC,EAAYC,EAAUH,EAAUnB,GAEtC,oBACIF,EAACyB,aAAAA,CAAAA,EAAAA,CACGT,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNP,UAAWA,EACXS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZD,aAAcA,EACdS,WAAYA,EACZC,cAAeA,EACfE,YAAaA,EACbC,QAAS,WACL,GAAI,AAAmB,YAAnB,OAAOA,EAAwB,CAC/BA,IACA,MACJ,CAEIG,EAASK,OAAO,EAChBL,CAAAA,EAASK,OAAO,CAACC,KAAK,CAAG,GAEjC,gBAEA3B,EAAC4B,aAAAA,CAAAA,QAAAA,iaAAAA,CACGxB,SAAUA,EACVD,UAAW0B,EAAG,wBAAyBhB,GACvCF,SAAUA,EACVT,IAAKqB,EACLJ,uBAxCM,IACXC,CAwCSA,EAAAA,IAIpB,EAGJrB,CAAAA,EAAU+B,WAAW,CAAG"}
+{"version":3,"file":"TextInput.js","sources":["../../../src/components/TextInput/TextInput.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport type { InputProps } from '../Input';\nimport Input from '../Input';\nimport { DataQa } from '../types';\n\nimport './TextInput.global.css';\n\nexport interface TextInputProps\n    extends InputHTMLAttributes<HTMLInputElement>,\n        Omit<InputProps, 'children'>,\n        DataQa {\n    inputClassName?: string;\n    labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n    onClear?: VoidFunction;\n}\n\nconst TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n    (\n        {\n            className,\n            disabled,\n            startElement,\n            endElement,\n            error,\n            label,\n            hint,\n            wide,\n            required,\n            loading,\n            inputClassName,\n            labelProps,\n            hideEmptyMeta,\n            dataQa,\n            isClearable,\n            onClear,\n            placeholder = ' ', //need \"space\" for correct label working\n            ...rest\n        },\n        ref,\n    ) => {\n        const inputRef = React.useRef<HTMLInputElement>(null);\n\n        return (\n            <Input\n                dataQa={dataQa}\n                required={required}\n                wide={wide}\n                className={className}\n                loading={loading}\n                disabled={disabled}\n                label={label}\n                error={error}\n                hint={hint}\n                endElement={endElement}\n                startElement={startElement}\n                labelProps={labelProps}\n                hideEmptyMeta={hideEmptyMeta}\n                isClearable={isClearable}\n                onClear={() => {\n                    if (typeof onClear === 'function') {\n                        onClear();\n                        return;\n                    }\n\n                    if (ref && 'current' in ref && ref.current) {\n                        ref.current.value = '';\n                    } else if (inputRef.current) {\n                        inputRef.current.value = '';\n                    }\n                }}\n            >\n                <input\n                    disabled={disabled}\n                    className={cn('vchasno-ui-text-input', inputClassName)}\n                    required={required}\n                    ref={ref || inputRef}\n                    placeholder={placeholder}\n                    {...rest}\n                />\n            </Input>\n        );\n    },\n);\n\nTextInput.displayName = 'TextInput';\n\nexport default TextInput;\n"],"names":["TextInput","React","forwardRef","ref","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","inputClassName","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","placeholder","rest","inputRef","useRef","Input","current","value","input","cn","displayName"],"mappings":"gFAmBA,IAAMA,EAAYC,WAAAA,EAAAA,EAAMC,UAAU,CAC9B,SAqBIC,CAAAA,CAAAA,CAAAA,EAnBIC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,cACAC,CAAAA,EAAAA,EAAAA,WACAC,EAAAA,EAAAA,aAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,IAAAA,WACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,WAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAjBHjB,YACAC,WACAC,eACAC,aACAC,QACAC,QACAC,OACAC,OACAC,WACAC,UACAC,iBACAC,aACAC,gBACAC,SACAC,cACAC,UACAC,gBAKEE,EAAWrB,EAAMsB,MAAM,CAAmB,MAEhD,oBACItB,EAACuB,aAAAA,CAAAA,EAAAA,CACGP,OAAQA,EACRL,SAAUA,EACVD,KAAMA,EACNP,UAAWA,EACXS,QAASA,EACTR,SAAUA,EACVI,MAAOA,EACPD,MAAOA,EACPE,KAAMA,EACNH,WAAYA,EACZD,aAAcA,EACdS,WAAYA,EACZC,cAAeA,EACfE,YAAaA,EACbC,QAAS,WACL,GAAI,AAAmB,YAAnB,OAAOA,EAAwB,CAC/BA,IACA,MACJ,CAEIhB,GAAO,YAAaA,GAAOA,EAAIsB,OAAO,CACtCtB,EAAIsB,OAAO,CAACC,KAAK,CAAG,GACbJ,EAASG,OAAO,EACvBH,CAAAA,EAASG,OAAO,CAACC,KAAK,CAAG,GAEjC,gBAEAzB,EAAC0B,aAAAA,CAAAA,QAAAA,iaAAAA,CACGtB,SAAUA,EACVD,UAAWwB,EAAG,wBAAyBd,GACvCF,SAAUA,EACVT,IAAKA,GAAOmB,EACZF,uBAzCM,IACXC,CAyCSA,EAAAA,IAIpB,EAGJrB,CAAAA,EAAU6B,WAAW,CAAG"}

package/dist/css/_theme.css

@@ -113,9 +113,9 @@
         env(safe-area-inset-bottom)
     );
     --vchasno-ui-snackbar-toast-background: rgb(0 0 0 / 90%);
-    --vchasno-ui-snackbar-toast-min-height: 40px;
+    --vchasno-ui-snackbar-toast-min-height: 20px;
     --vchasno-ui-snackbar-toast-max-height: 800px;
-    --vchasno-ui-snackbar-toast-bd-radius: 12px;
+    --vchasno-ui-snackbar-toast-bd-radius: 8px;
     --vchasno-ui-snackbar-font-family: sans-serif;
     --vchasno-ui-snackbar-z-index: 9999;
     --vchasno-ui-snackbar-text-color-light: #757575;

package/dist/css/vchasno-ui.css

@@ -1 +1 @@
-:root{--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:#6b8091;--vchasno-ui-btn-disabled-color:#b6cadb;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#dbe5ea;--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:#f3f6f8;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#dbe5ea;--vchasno-ui-btn-secondary-hover-bg:#ecf4ff;--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:#e73434;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#e73434;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f6f8;--vchasno-ui-input-border-color-default:#dbe5ea;--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:#ff5937;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#333;--vchasno-ui-input-placeholder-color:#6b8091;--vchasno-ui-input-font-color-disabled:#b6cadb;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#b6cadb;--vchasno-ui-checkbox-border-color:#b6cadb;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f6f8;--vchasno-ui-select-option-color-selected:#333;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-bg-hover:#ffb200;--vchasno-ui-text-primary-color:#333;--vchasno-ui-text-secondary-color:#6b8091;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ffb200;--vchasno-ui-text-error-color:#ff5937;--vchasno-ui-alert-info-color:#006be9;--vchasno-ui-alert-info-bg:#ecf4ff;--vchasno-ui-alert-warning-color:#ffb200;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#e73434;--vchasno-ui-alert-error-bg:#ffeded;--vchasno-ui-alert-success-color:#00b700;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#006be9;--vchasno-ui-alert-config-bg:#f3f6f8;--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-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#b6cadb;--vchasno-ui-switch-spinner-color:#b6cadb;--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:#f3f6f8;--vchasno-ui-menu-item-hover-bg:#f3f6f8;--vchasno-ui-slider-color:#087dc1;--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#3498db;--vchasno-ui-snackbar-color-success:#07bc0c;--vchasno-ui-snackbar-color-warning:#f1c40f;--vchasno-ui-snackbar-color-error:#e74c3c;--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:40px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:12px;--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}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ffb200;--vchasno-ui-btn-primary-hover-bg:#ff9c01;--vchasno-ui-input-border-color-focused:#ffb200;--vchasno-ui-select-menu-border-color:#ffb200;--vchasno-ui-calendar-color:#ffb200;--vchasno-ui-pagination-border-color:#ffb200;--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#dbe5ea;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b8091;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#333;--vchasno-ui-text-primary-color:#333;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-slider-color:#ffb200;--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}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:4px;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,#ecf4ff);border-color:var(--vchasno-ui-alert-info-color,#006be9)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ffb200)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffeded);border-color:var(--vchasno-ui-alert-error-color,#e73434)}.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,#f3f6f8);border-color:var(--vchasno-ui-alert-config-color,#006be9)}.vchasno-ui-alert__close-icon{border-radius:4px;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-bubble-width);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:8px;color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:700;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.--primary,.vchasno-ui-button:disabled.--secondary{background-color:#b6cadb;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: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 #b6cadb;color:#b6cadb}.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:#b6cadb}.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:#b6cadb}.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,#b6cadb);border-radius:3px;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,#b6cadb);border-color:var(--vchasno-ui-checkbox-disabled-bg,#b6cadb)}.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,#b6cadb);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:4px;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-]: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-calendar-color);border-radius:8px;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:.8rem;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:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;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:8px;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:0}.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:.3rem}@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-weight:700;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{margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.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:34px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:34px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day-name:nth-child(6),.react-datepicker__day-name:nth-child(7){color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:8px}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-color);border-radius:8px;color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day--weekend{font-weight:700}.react-datepicker__day--outside-month{color:#6b8091}.react-datepicker__day--disabled{color:#b6cadb;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-color);border-radius:8px;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-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-color);border-radius:8px;color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-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:1.44rem}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:8px;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:20px}.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{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik00Mi43IDY1YzIuMSAwIDQuMy0uOCA1LjktMi40IDMuMi0zLjIgMy4yLTguNSAwLTExLjdMMzAuNCAzMi43bDE4LjEtMTguNWMzLjItMy4yIDMuMi04LjUgMC0xMS43LTMuMi0zLjItOC41LTMuMi0xMS43IDBMMTguNyAyMC42Yy02LjYgNi42LTYuNiAxNy4zIDAgMjMuOGwxOC4xIDE4LjFjMS42IDEuNyAzLjggMi41IDUuOSAyLjV6Ii8+PC9zdmc+")}.react-datepicker__navigation--next{right:20px}.react-datepicker__day:focus,.react-datepicker__navigation--next:focus,.react-datepicker__navigation--previous:focus{border-radius:8px;outline:1px solid var(--vchasno-ui-calendar-color);outline-offset:1px}.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik0yMiA2NWMtMi4xIDAtNC4zLS44LTUuOS0yLjQtMy4yLTMuMi0zLjItOC41IDAtMTEuN2wxOC4xLTE4LjEtMTgtMTguNkMxMyAxMSAxMyA1LjcgMTYuMiAyLjVzOC41LTMuMiAxMS43IDBMNDYgMjAuNmM2LjYgNi42IDYuNiAxNy4zIDAgMjMuOEwyNy45IDYyLjZDMjYuMyA2NC4yIDI0LjIgNjUgMjIgNjV6Ii8+PC9zdmc+")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#b6cadb);border-radius:8px;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{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-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-input-border-color-default);position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}label[class^=vchasno-ui-]:focus-within .vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-color)}.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):hover .vchasno-ui-date-picker__wrapper>svg{color:var(--vchasno-ui-calendar-color)}.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-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,#333)}.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,#6b8091)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ffb200)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#ff5937)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:3px;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,#ff5937);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:8px;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:has(.vchasno-ui-label-text) input::placeholder{visibility:hidden}.vchasno-ui-input:focus-within:has(.vchasno-ui-label-text) 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:4px;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;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}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:4px;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:6px;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):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-ProjectsPopover{background-color:#fff;border-radius:3px;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 #dbe5ea}.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 #dbe5ea;border-radius:8px;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:50%;box-sizing:border-box;flex-shrink:0;height:40px;width:40px}.vchasno-ui-ProjectsPopover__box:hover{background-color:#f3f6f8;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:#ecf4ff;border-radius:0 0 4px 4px;color:#6b8091;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}@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:50%;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:50%;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:8px;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)}.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{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{background-color:#f3f6f8;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:8px;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:4px;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{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{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:8px;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}.vchasno-ui-snackbar{width:auto}.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:16px 8px 16px 16px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{padding:0 8px 0 0}.vchasno-ui-snackbar .vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;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-self:center}: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)}.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:#333;--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-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:100px;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:50%;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:3px;bottom:-1px;display:block;height:3px;left:0;position:absolute;transition:width var(--vchasno-ui-transition-duration-sec,.3s),left 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:#333;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:3px;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 #dbe5ea}.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,#333)}.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:#dbe5ea;border-radius:50%;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:#dbe5ea}.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)}
+:root{--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:#6b8091;--vchasno-ui-btn-disabled-color:#b6cadb;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#dbe5ea;--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:#f3f6f8;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#dbe5ea;--vchasno-ui-btn-secondary-hover-bg:#ecf4ff;--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:#e73434;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#e73434;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f6f8;--vchasno-ui-input-border-color-default:#dbe5ea;--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:#ff5937;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#333;--vchasno-ui-input-placeholder-color:#6b8091;--vchasno-ui-input-font-color-disabled:#b6cadb;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#b6cadb;--vchasno-ui-checkbox-border-color:#b6cadb;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f6f8;--vchasno-ui-select-option-color-selected:#333;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-bg-hover:#ffb200;--vchasno-ui-text-primary-color:#333;--vchasno-ui-text-secondary-color:#6b8091;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ffb200;--vchasno-ui-text-error-color:#ff5937;--vchasno-ui-alert-info-color:#006be9;--vchasno-ui-alert-info-bg:#ecf4ff;--vchasno-ui-alert-warning-color:#ffb200;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#e73434;--vchasno-ui-alert-error-bg:#ffeded;--vchasno-ui-alert-success-color:#00b700;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#006be9;--vchasno-ui-alert-config-bg:#f3f6f8;--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-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#b6cadb;--vchasno-ui-switch-spinner-color:#b6cadb;--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:#f3f6f8;--vchasno-ui-menu-item-hover-bg:#f3f6f8;--vchasno-ui-slider-color:#087dc1;--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#3498db;--vchasno-ui-snackbar-color-success:#07bc0c;--vchasno-ui-snackbar-color-warning:#f1c40f;--vchasno-ui-snackbar-color-error:#e74c3c;--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:20px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius:8px;--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}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ffb200;--vchasno-ui-btn-primary-hover-bg:#ff9c01;--vchasno-ui-input-border-color-focused:#ffb200;--vchasno-ui-select-menu-border-color:#ffb200;--vchasno-ui-calendar-color:#ffb200;--vchasno-ui-pagination-border-color:#ffb200;--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#dbe5ea;--vchasno-ui-label-color-default:#6b8091;--vchasno-ui-label-color-focused:#6b8091;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#333;--vchasno-ui-text-primary-color:#333;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-slider-color:#ffb200;--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}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius:4px;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,#ecf4ff);border-color:var(--vchasno-ui-alert-info-color,#006be9)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ffb200)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffeded);border-color:var(--vchasno-ui-alert-error-color,#e73434)}.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,#f3f6f8);border-color:var(--vchasno-ui-alert-config-color,#006be9)}.vchasno-ui-alert__close-icon{border-radius:4px;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-bubble-width);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:8px;color:var(--vchasno-ui-btn-default-color);display:inline-flex;font-size:var(--vchasno-ui-btn-font-size);font-weight:700;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.--primary,.vchasno-ui-button:disabled.--secondary{background-color:#b6cadb;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: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 #b6cadb;color:#b6cadb}.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:#b6cadb}.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:#b6cadb}.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,#b6cadb);border-radius:3px;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,#b6cadb);border-color:var(--vchasno-ui-checkbox-disabled-bg,#b6cadb)}.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,#b6cadb);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:4px;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-]: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-calendar-color);border-radius:8px;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:.8rem;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:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;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:8px;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:0}.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:.3rem}@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-weight:700;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{margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.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:34px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:34px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day-name:nth-child(6),.react-datepicker__day-name:nth-child(7){color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:8px}.react-datepicker__day--today{border:1px solid var(--vchasno-ui-calendar-color);border-radius:8px;color:var(--vchasno-ui-calendar-color);font-weight:700}.react-datepicker__day--weekend{font-weight:700}.react-datepicker__day--outside-month{color:#6b8091}.react-datepicker__day--disabled{color:#b6cadb;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-color);border-radius:8px;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-color)}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected){background-color:var(--vchasno-ui-calendar-color);border-radius:8px;color:#fff}.react-datepicker__day--keyboard-selected:not(.react-datepicker__day--keyboard-selected):hover{background-color:var(--vchasno-ui-calendar-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:1.44rem}.react-datepicker__navigation{align-items:center;background-size:cover;border:none;border-radius:8px;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:20px}.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{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik00Mi43IDY1YzIuMSAwIDQuMy0uOCA1LjktMi40IDMuMi0zLjIgMy4yLTguNSAwLTExLjdMMzAuNCAzMi43bDE4LjEtMTguNWMzLjItMy4yIDMuMi04LjUgMC0xMS43LTMuMi0zLjItOC41LTMuMi0xMS43IDBMMTguNyAyMC42Yy02LjYgNi42LTYuNiAxNy4zIDAgMjMuOGwxOC4xIDE4LjFjMS42IDEuNyAzLjggMi41IDUuOSAyLjV6Ii8+PC9zdmc+")}.react-datepicker__navigation--next{right:20px}.react-datepicker__day:focus,.react-datepicker__navigation--next:focus,.react-datepicker__navigation--previous:focus{border-radius:8px;outline:1px solid var(--vchasno-ui-calendar-color);outline-offset:1px}.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2NSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiM4YWEzYjciPjxwYXRoIGQ9Ik0yMiA2NWMtMi4xIDAtNC4zLS44LTUuOS0yLjQtMy4yLTMuMi0zLjItOC41IDAtMTEuN2wxOC4xLTE4LjEtMTgtMTguNkMxMyAxMSAxMyA1LjcgMTYuMiAyLjVzOC41LTMuMiAxMS43IDBMNDYgMjAuNmM2LjYgNi42IDYuNiAxNy4zIDAgMjMuOEwyNy45IDYyLjZDMjYuMyA2NC4yIDI0LjIgNjUgMjIgNjV6Ii8+PC9zdmc+")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#b6cadb);border-radius:8px;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{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-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-input-border-color-default);position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}label[class^=vchasno-ui-]:focus-within .vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-color)}.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):hover .vchasno-ui-date-picker__wrapper>svg{color:var(--vchasno-ui-calendar-color)}.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-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,#333)}.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,#6b8091)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ffb200)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#ff5937)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:3px;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,#ff5937);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:8px;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:has(.vchasno-ui-label-text) input::placeholder{visibility:hidden}.vchasno-ui-input:focus-within:has(.vchasno-ui-label-text) 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:4px;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;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}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:4px;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:6px;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):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-ProjectsPopover{background-color:#fff;border-radius:3px;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 #dbe5ea}.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 #dbe5ea;border-radius:8px;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:50%;box-sizing:border-box;flex-shrink:0;height:40px;width:40px}.vchasno-ui-ProjectsPopover__box:hover{background-color:#f3f6f8;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:#ecf4ff;border-radius:0 0 4px 4px;color:#6b8091;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}@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:50%;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:50%;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:8px;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)}.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{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{background-color:#f3f6f8;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:8px;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:4px;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{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{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:8px;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}.vchasno-ui-snackbar{width:auto}.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 .vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;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}: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)}.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:#333;--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-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:100px;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:50%;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:3px;bottom:-1px;display:block;height:3px;left:0;position:absolute;transition:width var(--vchasno-ui-transition-duration-sec,.3s),left 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:#333;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:3px;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 #dbe5ea}.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,#333)}.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:#dbe5ea;border-radius:50%;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:#dbe5ea}.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)}

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { default as PulseDot, PulseDotProps } from './components/PulseDot/PulseD
 export { default as Select, SelectComponents, SelectProps } from './components/Select/Select.js';
 export { default as SelectCreatable, SelectCreatableProps } from './components/Select/SelectCreatable.js';
 export { CustomControlProps, Option as SelectOption } from './components/Select/types.js';
+export { default as AsyncSelect, AsyncSelectProps } from './components/Select/AsyncSelect.js';
 export { default as Snackbar, SnackbarIconProps, SnackbarProps, snackbarToast } from './components/Snackbar/Snackbar.js';
 export { default as Spinner, SpinnerProps } from './components/Spinner/Spinner.js';
 export { default as SplashLogo, SplashLogoProps } from './components/SplashLogo/SplashLogo.js';

package/dist/index.js

@@ -1,2 +1,2 @@
-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{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 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 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{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";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vchasno/ui-kit",
-    "version": "0.4.18",
+    "version": "0.4.20",
     "description": "React UI components for Vchasno applications",
     "main": "dist/index.js",
     "module": "dist/index.js",