@vchasno/ui-kit 0.4.66 → 0.4.68

package/CHANGELOG.md

@@ -7,6 +7,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.68] - 2025-12-04
+
+## Changed
+
+-   Redesign DatePicker component, change calendar styles and arrow icon, font size
+
+## Added
+
+-   update storybook configs, add font-weight 100-900 ranges
+
+## [0.4.67] - 2025-11-25
+
+## Changed
+
+-   Tooltip background color
+
+## Added
+
+-   add Tooltip css custom props for bg, color, font-size
+
 ## [0.4.66] - 2025-11-25
 
 ## Added

package/dist/components/BlackTooltip/BlackTooltip.js

@@ -1,2 +1,2 @@
-import r from"react";import{composeSlotProps as e}from"./utils.js";import t,{tooltipClasses as o}from"@mui/material/Tooltip";import{styled as n}from"@mui/material/styles";function c(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}var i=n(function(o){var n,i,l=o.className,a=o.slotProps,p=function(r,e){if(null==r)return{};var t,o,n=function(r,e){if(null==r)return{};var t,o,n={},c=Object.keys(r);for(o=0;o<c.length;o++)t=c[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(o=0;o<c.length;o++)t=c[o],!(e.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}(o,["className","slotProps"]);return r.createElement(t,(n=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.forEach(function(e){c(r,e,t[e])})}return r}({arrow:!0,slotProps:e(a)},p),i=i={classes:{popper:l}},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):(function(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t.push.apply(t,o)}return t})(Object(i)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(i,r))}),n))})(function(){var r;return c(r={},"& .".concat(o.arrow),{color:"rgba(0, 0, 0, 0.9)"}),c(r,"& .".concat(o.tooltip),{backgroundColor:"rgba(0, 0, 0, 0.9)",fontSize:"14px",color:"#fff",padding:"10px",lineHeight:"18px"}),r});export{i as default};
+import t from"react";import{composeSlotProps as r}from"./utils.js";import e,{tooltipClasses as o}from"@mui/material/Tooltip";import{styled as n}from"@mui/material/styles";function i(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}var c=n(function(o){var n,c,a=o.className,l=o.slotProps,p=function(t,r){if(null==t)return{};var e,o,n=function(t,r){if(null==t)return{};var e,o,n={},i=Object.keys(t);for(o=0;o<i.length;o++)e=i[o],r.indexOf(e)>=0||(n[e]=t[e]);return n}(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)e=i[o],!(r.indexOf(e)>=0)&&Object.prototype.propertyIsEnumerable.call(t,e)&&(n[e]=t[e])}return n}(o,["className","slotProps"]);return t.createElement(e,(n=function(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{},o=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.forEach(function(r){i(t,r,e[r])})}return t}({arrow:!0,slotProps:r(l)},p),c=c={classes:{popper:a}},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e})(Object(c)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(c,t))}),n))})(function(){var t;return i(t={},"& .".concat(o.arrow),{color:"var(--vchasno-ui-tooltip-bg-mui)"}),i(t,"& .".concat(o.tooltip),{backgroundColor:"var(--vchasno-ui-tooltip-bg-mui)",fontSize:"var(--vchasno-ui-tooltip-font-size)",color:"var(--vchasno-ui-tooltip-text-color)",padding:"var(--vchasno-ui-tooltip-padding)",lineHeight:"var(--vchasno-ui-tooltip-line-height)"}),t});export{c as default};
 //# sourceMappingURL=BlackTooltip.js.map

package/dist/components/BlackTooltip/BlackTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlackTooltip.js","sources":["../../../src/components/BlackTooltip/BlackTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { composeSlotProps } from './utils';\nimport Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';\nimport { styled } from '@mui/material/styles';\n\nexport interface BlackTooltipProps extends TooltipProps {}\n\nconst BlackTooltip = styled<typeof Tooltip>(({ className, slotProps, ...props }: TooltipProps) => (\n    <Tooltip\n        arrow\n        slotProps={composeSlotProps(slotProps)}\n        {...props}\n        classes={{ popper: className }}\n    />\n))(() => ({\n    [`& .${tooltipClasses.arrow}`]: {\n        color: 'rgba(0, 0, 0, 0.9)',\n    },\n    [`& .${tooltipClasses.tooltip}`]: {\n        backgroundColor: 'rgba(0, 0, 0, 0.9)',\n        fontSize: '14px',\n        color: '#fff',\n        padding: '10px',\n        lineHeight: '18px',\n    },\n}));\n\nexport default BlackTooltip;\n"],"names":["BlackTooltip","styled","_param","className","slotProps","props","React","Tooltip","arrow","composeSlotProps","classes","popper","_obj","_define_property","concat","tooltipClasses","color","tooltip","backgroundColor","fontSize","padding","lineHeight"],"mappings":"mSAQA,IAAMA,EAAeC,EAAuB,SAAAC,CAAA,UAAGC,EAAAA,EAAAA,SAAAA,CAAWC,IAAAA,SAAcC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAzBF,YAAWC,qBACtDE,EAACC,aAAAA,CAAAA,KAAAA,mUAAAA,CACGC,MAAAA,CAAAA,EACAJ,UAAWK,EAAiBL,EACxBC,EAAAA,OAAAA,CACJK,QAAS,CAAEC,OAAQR,CAAU,+UAElC,GAAA,WAAO,IAAAS,EAAA,OAAAA,AACNC,EADMD,EAAA,CAAA,EACJ,MAA0BE,MAArBC,CAAAA,EAAeP,KAAK,EAAK,CAC5BQ,MAAO,oBACX,GACAH,EAJMD,EAIJ,MAA4BE,MAAvBC,CAAAA,EAAeE,OAAO,EAAK,CAC9BC,gBAAiB,qBACjBC,SAAU,OACVH,MAAO,OACPI,QAAS,OACTC,WAAY,MATV,GAAAT"}
+{"version":3,"file":"BlackTooltip.js","sources":["../../../src/components/BlackTooltip/BlackTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { composeSlotProps } from './utils';\nimport Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';\nimport { styled } from '@mui/material/styles';\n\nexport interface BlackTooltipProps extends TooltipProps {}\n\nconst BlackTooltip = styled<typeof Tooltip>(({ className, slotProps, ...props }: TooltipProps) => (\n    <Tooltip\n        arrow\n        slotProps={composeSlotProps(slotProps)}\n        {...props}\n        classes={{ popper: className }}\n    />\n))(() => ({\n    [`& .${tooltipClasses.arrow}`]: {\n        color: 'var(--vchasno-ui-tooltip-bg-mui)',\n    },\n    [`& .${tooltipClasses.tooltip}`]: {\n        backgroundColor: 'var(--vchasno-ui-tooltip-bg-mui)',\n        fontSize: 'var(--vchasno-ui-tooltip-font-size)',\n        color: 'var(--vchasno-ui-tooltip-text-color)',\n        padding: 'var(--vchasno-ui-tooltip-padding)',\n        lineHeight: 'var(--vchasno-ui-tooltip-line-height)',\n    },\n}));\n\nexport default BlackTooltip;\n"],"names":["BlackTooltip","styled","_param","className","slotProps","props","React","Tooltip","arrow","composeSlotProps","classes","popper","_obj","_define_property","concat","tooltipClasses","color","tooltip","backgroundColor","fontSize","padding","lineHeight"],"mappings":"mSAQA,IAAMA,EAAeC,EAAuB,SAAAC,CAAA,UAAGC,EAAAA,EAAAA,SAAAA,CAAWC,IAAAA,SAAcC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAzBF,YAAWC,qBACtDE,EAACC,aAAAA,CAAAA,KAAAA,mUAAAA,CACGC,MAAAA,CAAAA,EACAJ,UAAWK,EAAiBL,EACxBC,EAAAA,OAAAA,CACJK,QAAS,CAAEC,OAAQR,CAAU,+UAElC,GAAA,WAAO,IAAAS,EAAA,OAAAA,AACNC,EADMD,EAAA,CAAA,EACJ,MAA0BE,MAArBC,CAAAA,EAAeP,KAAK,EAAK,CAC5BQ,MAAO,kCACX,GACAH,EAJMD,EAIJ,MAA4BE,MAAvBC,CAAAA,EAAeE,OAAO,EAAK,CAC9BC,gBAAiB,mCACjBC,SAAU,sCACVH,MAAO,uCACPI,QAAS,oCACTC,WAAY,uCATV,GAAAT"}

package/dist/components/Datepicker/DatePicker.d.ts

@@ -11,6 +11,7 @@ interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback
     onChange: ReactDatePickerProps['onChange'];
     isClearable?: ReactDatePickerProps['isClearable'];
     dateFormat?: ReactDatePickerProps['dateFormat'];
+    dateFormatCalendar?: ReactDatePickerProps['dateFormatCalendar'];
     wide?: boolean;
 }
 /**

package/dist/components/Datepicker/DatePicker.js

@@ -1,2 +1,2 @@
-import e from"react";import t from"react-datepicker";import r from"react-text-mask";import a from"classnames";import{uk as o}from"date-fns/locale/uk";import n from"../../icons/clear.js";import l from"../InputMeta/InputMeta.js";import i from"../LabelText/LabelText.js";import c from"../Spinner/Spinner.js";var d=function(){return e.createElement("svg",{className:"vchasno-ui-date-picker__custom-calendar-icon",width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z",fill:"currentColor"}))},s=function(){return e.createElement("span",{className:"vchasno-ui-date-picker__custom-close-icon"},n)},m=["dd.MM.yyyy","dd-MM-yyyy","dd/MM/yyyy","dd.MM.yy","dd-MM-yy","dd/MM/yy"],p=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],u=function(n){var u=n.label,f=n.disabled,y=n.required,v=n.loading,b=n.hint,h=n.error,w=n.dateFormat,M=n.className,k=n.timeCaption,g=n.enableTabLoop,E=n.locale,O=n.showMask,j=void 0!==O&&O,x=n.showPopperArrow,P=n.mask,_=n.dataQa,z=n.hideEmptyMeta,N=n.wide,S=n.pulse,T=function(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["label","disabled","required","loading","hint","error","dateFormat","className","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","wide","pulse"]),C=!!T.selected||!!T.value;return e.createElement("label",{onClick:function(e){return e.preventDefault()},"data-qa":_,className:a("vchasno-ui-date-picker",{"--loading":v,"--required":y,"--disabled":f,"--error":h,"--with-mask":j,"--wide":void 0!==N&&N,"--not-empty":C,"--is-label":!!u},M)},e.createElement("span",{className:a("vchasno-ui-date-picker__wrapper",{"vchasno-ui-pulse-animation":S&&!f})},u&&e.createElement(i,null,u),e.createElement(t,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}({enableTabLoop:void 0!==g&&g,locale:void 0===E?o:E,timeCaption:void 0===k?"Час":k,disabled:f,placeholderText:" ",showPopperArrow:void 0!==x&&x,className:"vchasno-ui-date-picker__picker",dateFormat:void 0===w?m:w,customInput:j?e.createElement(r,{inputMode:"text",mask:void 0===P?p:P,showMask:!0}):void 0},T)),v?e.createElement(c,{height:"18px"}):e.createElement(d,null),e.createElement(s,null)),!(void 0!==z&&z)||h||b?e.createElement(l,{hint:b,error:h}):null)};export{u as default};
+import e from"react";import t from"react-datepicker";import a from"react-text-mask";import r from"classnames";import{uk as o}from"date-fns/locale/uk";import n from"../../icons/clear.js";import l from"../InputMeta/InputMeta.js";import i from"../LabelText/LabelText.js";import c from"../Spinner/Spinner.js";var d=function(){return e.createElement("svg",{className:"vchasno-ui-date-picker__custom-calendar-icon",width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z",fill:"currentColor"}))},m=function(){return e.createElement("span",{className:"vchasno-ui-date-picker__custom-close-icon"},n)},s=["dd.MM.yyyy","dd-MM-yyyy","dd/MM/yyyy","dd.MM.yy","dd-MM-yy","dd/MM/yy"],p=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],u=function(n){var u=n.label,y=n.disabled,f=n.required,v=n.loading,b=n.hint,h=n.error,w=n.dateFormat,M=n.className,k=n.timeCaption,g=n.dateFormatCalendar,E=n.enableTabLoop,O=n.locale,j=n.showMask,x=void 0!==j&&j,P=n.showPopperArrow,L=n.mask,C=n.dataQa,_=n.hideEmptyMeta,z=n.wide,N=n.pulse,F=function(e,t){if(null==e)return{};var a,r,o=function(e,t){if(null==e)return{};var a,r,o={},n=Object.keys(e);for(r=0;r<n.length;r++)a=n[r],t.indexOf(a)>=0||(o[a]=e[a]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)a=n[r],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}(n,["label","disabled","required","loading","hint","error","dateFormat","className","timeCaption","dateFormatCalendar","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","wide","pulse"]),S=!!F.selected||!!F.value;return e.createElement("label",{onClick:function(e){return e.preventDefault()},"data-qa":C,className:r("vchasno-ui-date-picker",{"--loading":v,"--required":f,"--disabled":y,"--error":h,"--with-mask":x,"--wide":void 0!==z&&z,"--not-empty":S,"--is-label":!!u},M)},e.createElement("span",{className:r("vchasno-ui-date-picker__wrapper",{"vchasno-ui-pulse-animation":N&&!y})},u&&e.createElement(i,null,u),e.createElement(t,function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({enableTabLoop:void 0!==E&&E,locale:void 0===O?o:O,dateFormatCalendar:void 0===g?"LLLL, yyyy":g,timeCaption:void 0===k?"Час":k,disabled:y,placeholderText:" ",showPopperArrow:void 0!==P&&P,className:"vchasno-ui-date-picker__picker",dateFormat:void 0===w?s:w,customInput:x?e.createElement(a,{inputMode:"text",mask:void 0===L?p:L,showMask:!0}):void 0},F)),v?e.createElement(c,{height:"18px"}):e.createElement(d,null),e.createElement(m,null)),!(void 0!==_&&_)||h||b?e.createElement(l,{hint:b,error:h}):null)};export{u as default};
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/Datepicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { uk } from 'date-fns/locale/uk';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n    DataQa,\n    ErrorFeedback,\n    HideEmptyMeta,\n    LoadingFeedback,\n    WithHint,\n    WithPulseAnimation,\n} from '../types';\n\nimport './DatePicker.global.css';\n\n\nconst SvgCalendar = () => (\n    <svg\n        className=\"vchasno-ui-date-picker__custom-calendar-icon\"\n        width=\"20\"\n        height=\"20\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n\n// Вставляємо на місце де має відображатися іконка закриття бібілотеки так як немає API для підміни іконки та її контролю\n// за допомогою :has(.react-datepicker__close-icon) та :has(.react-datepicker__close-icon:hover) контролюємо появу та зміну кольору іконки\nconst CloseSvg = () => (\n    <span className=\"vchasno-ui-date-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\nconst DATE_FORMATS = ['dd.MM.yyyy', 'dd-MM-yyyy', 'dd/MM/yyyy', 'dd.MM.yy', 'dd-MM-yy', 'dd/MM/yy'];\n\nconst defaultMask: MaskedInputProps['mask'] = [\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n];\n\nexport interface DatePickerProps\n    extends ReactDatePickerProps,\n        Partial<\n            LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n        > {\n    label?: string;\n    className?: string;\n    showMask?: boolean;\n    mask?: MaskedInputProps['mask'];\n    onChange: ReactDatePickerProps['onChange'];\n    isClearable?: ReactDatePickerProps['isClearable'];\n    dateFormat?: ReactDatePickerProps['dateFormat'];\n    wide?: boolean;\n}\n\n/**\n * @see <https://reactdatepicker.com/>\n */\nconst DatePicker: React.FC<DatePickerProps> = ({\n    label,\n    disabled,\n    required,\n    loading,\n    hint,\n    error,\n    dateFormat = DATE_FORMATS,\n    className,\n    timeCaption = 'Час',\n    enableTabLoop = false,\n    locale = uk,\n    showMask = false,\n    showPopperArrow = false,\n    mask = defaultMask,\n    dataQa,\n    hideEmptyMeta = false,\n    wide = false,\n    pulse,\n    ...rest\n}) => {\n    const valueExists = !!rest.selected || !!rest.value;\n\n\n    return (\n        <label\n            // issue with label wrapping react-datepicker dosn't close after selecting date\n            // https://github.com/Hacker0x01/react-datepicker/issues/1012#issuecomment-344546012\n            onClick={e => e.preventDefault()}\n            data-qa={dataQa}\n            className={cn(\n                'vchasno-ui-date-picker',\n                {\n                    '--loading': loading,\n                    '--required': required,\n                    '--disabled': disabled,\n                    '--error': error,\n                    '--with-mask': showMask,\n                    '--wide': wide,\n                    '--not-empty': valueExists,\n                    '--is-label': !!label,\n                },\n                className,\n            )}\n        >\n            <span\n                className={cn('vchasno-ui-date-picker__wrapper', {\n                    'vchasno-ui-pulse-animation': pulse && !disabled,\n                })}\n            >\n                {label && <LabelText>{label}</LabelText>}\n                <ReactDatePicker\n                    enableTabLoop={enableTabLoop}\n                    locale={locale}\n                    timeCaption={timeCaption}\n                    disabled={disabled}\n                    placeholderText=\" \"\n                    showPopperArrow={showPopperArrow}\n                    className=\"vchasno-ui-date-picker__picker\"\n                    dateFormat={dateFormat}\n                    customInput={\n                        showMask ? <MaskedInput inputMode=\"text\" mask={mask} showMask /> : undefined\n                    }\n                    {...rest}\n                />\n                {loading ? <Spinner height=\"18px\" /> : <SvgCalendar />}\n                <CloseSvg />\n            </span>\n            {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n        </label>\n    );\n};\n\nexport default DatePicker;\n"],"names":["SvgCalendar","React","svg","className","width","height","fill","xmlns","path","fillRule","clipRule","d","CloseSvg","span","clearRawSvg","DATE_FORMATS","defaultMask","DatePicker","_param","label","disabled","required","loading","hint","error","dateFormat","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","_param_wide","wide","pulse","rest","valueExists","selected","value","onClick","e","preventDefault","data-qa","cn","undefined","createElement","LabelText","ReactDatePicker","uk","placeholderText","customInput","MaskedInput","inputMode","Spinner","_param_hideEmptyMeta","InputMeta"],"mappings":"iTAwBA,IAAMA,EAAc,kBAChBC,EAACC,aAAAA,CAAAA,MAAAA,CACGC,UAAU,+CACVC,MAAM,KACNC,OAAO,KACPC,KAAK,OACLC,MAAM,8BAENN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,sUACFL,KAAK,mBAOXM,EAAW,kBACbX,EAACY,aAAAA,CAAAA,OAAAA,CAAKV,UAAU,2CAA6CW,EAAAA,IAG3DC,EAAe,CAAC,aAAc,aAAc,aAAc,WAAY,WAAY,WAAW,CAE7FC,EAAwC,CAC1C,KACA,KACA,IACA,KACA,KACA,IACA,KACA,KACA,KACA,KACH,CAoBKC,EAAwC,SAAAC,CAAA,EAC1CC,IAAAA,EAAAA,EAAAA,MACAC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,QACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,UAAAA,CACAtB,EAAAA,EAAAA,cACAuB,WAAAA,KACAC,aAAAA,KACAC,MAAAA,KACAC,QAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,SACAC,eAAAA,KACAC,IAAAA,CACAC,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,EACAC,cAAgBC,EAAAhB,EAChBiB,KACAC,IAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAlBHlB,QACAC,WACAC,WACAC,UACAC,OACAC,QACAC,aACAtB,YACAuB,cACAC,gBACAC,SACAC,WACAC,kBACAC,OACAC,SACAC,gBACAE,OACAC,UAGME,EAAc,CAAC,CAACD,EAAKE,QAAQ,EAAI,CAAC,CAACF,EAAKG,KAAK,CAGnD,OACIvC,EAACkB,aAAAA,CAAAA,QAAAA,CAGGsB,QAASC,SAAAA,CAAAA,EAAKA,OAAAA,EAAEC,cAAc,IAC9BC,UAASZ,EACT7B,UAAW0C,EACP,yBACA,CACI,YAAavB,EACb,aAAcD,EACd,aAAcD,EACd,UAAWI,EACX,cAAeK,EACf,SArBTK,AAAAY,KAAAA,IAAAZ,GAAAA,EAsBS,cAAeI,EACf,aAAc,CAAC,CAACnB,GAEpBhB,IAGJF,EAACY,aAAAA,CAAAA,OAAAA,CACGV,UAAW0C,EAAG,kCAAmC,CAC7C,6BAA8BT,GAAS,CAAChB,CAC5C,IAECD,GAASlB,EAAA8C,aAAA,CAACC,EAAW7B,KAAAA,GACtBlB,EAACgD,aAAAA,CAAAA,EAAAA,iaAAAA,CACGtB,cA1ChBA,AAAAA,KAAAA,IAAAA,KA2CgBC,OA1ChBA,AAAAA,KAAAA,IAAAA,EAASsB,IA2COxB,YA7ChBA,AAAAA,KAAAA,IAAAA,EAAc,QA8CEN,SAAUA,EACV+B,gBAAgB,IAChBrB,gBA5ChBA,AAAAA,KAAAA,IAAAA,KA6CgB3B,UAAU,iCACVsB,sBApDHV,EACbZ,EAoDgBiD,YACIvB,EAAW5B,EAACoD,aAAAA,CAAAA,EAAAA,CAAYC,UAAU,OAAOvB,KA/C7DA,AAAAA,KAAAA,IAAAA,EAAOf,IA+CkEa,SAAAA,CAAAA,CAAciB,GAAAA,KAAAA,CAEnET,EAAAA,IAEPf,EAAUrB,EAACsD,aAAAA,CAAAA,EAAAA,CAAQlD,OAAO,SAAYJ,EAACD,aAAAA,CAAAA,EAAAA,MACxCC,gBAACW,EAEJqB,OAAAA,CApDOuB,CAAAA,AAAAV,KAAAA,IAAAU,GAAAA,CAAA,GAoDWhC,GAAUD,EAActB,EAACwD,aAAAA,CAAAA,EAAAA,CAAUlC,KAAMA,EAAMC,MAAOA,IAArC,KAGhD"}
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { uk } from 'date-fns/locale/uk';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n    DataQa,\n    ErrorFeedback,\n    HideEmptyMeta,\n    LoadingFeedback,\n    WithHint,\n    WithPulseAnimation,\n} from '../types';\n\nimport './DatePicker.global.css';\n\nconst SvgCalendar = () => (\n    <svg\n        className=\"vchasno-ui-date-picker__custom-calendar-icon\"\n        width=\"20\"\n        height=\"20\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n\n// Вставляємо на місце де має відображатися іконка закриття бібілотеки так як немає API для підміни іконки та її контролю\n// за допомогою :has(.react-datepicker__close-icon) та :has(.react-datepicker__close-icon:hover) контролюємо появу та зміну кольору іконки\nconst CloseSvg = () => (\n    <span className=\"vchasno-ui-date-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\nconst DATE_FORMATS = ['dd.MM.yyyy', 'dd-MM-yyyy', 'dd/MM/yyyy', 'dd.MM.yy', 'dd-MM-yy', 'dd/MM/yy'];\n\nconst defaultMask: MaskedInputProps['mask'] = [\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    '.',\n    /\\d/,\n    /\\d/,\n    /\\d/,\n    /\\d/,\n];\n\nexport interface DatePickerProps\n    extends ReactDatePickerProps,\n        Partial<\n            LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n        > {\n    label?: string;\n    className?: string;\n    showMask?: boolean;\n    mask?: MaskedInputProps['mask'];\n    onChange: ReactDatePickerProps['onChange'];\n    isClearable?: ReactDatePickerProps['isClearable'];\n    dateFormat?: ReactDatePickerProps['dateFormat'];\n    dateFormatCalendar?: ReactDatePickerProps['dateFormatCalendar'];\n    wide?: boolean;\n}\n\n/**\n * @see <https://reactdatepicker.com/>\n */\nconst DatePicker: React.FC<DatePickerProps> = ({\n    label,\n    disabled,\n    required,\n    loading,\n    hint,\n    error,\n    dateFormat = DATE_FORMATS,\n    className,\n    timeCaption = 'Час',\n    dateFormatCalendar = 'LLLL, yyyy',\n    enableTabLoop = false,\n    locale = uk,\n    showMask = false,\n    showPopperArrow = false,\n    mask = defaultMask,\n    dataQa,\n    hideEmptyMeta = false,\n    wide = false,\n    pulse,\n    ...rest\n}) => {\n    const valueExists = !!rest.selected || !!rest.value;\n\n    return (\n        <label\n            // issue with label wrapping react-datepicker dosn't close after selecting date\n            // https://github.com/Hacker0x01/react-datepicker/issues/1012#issuecomment-344546012\n            onClick={(e) => e.preventDefault()}\n            data-qa={dataQa}\n            className={cn(\n                'vchasno-ui-date-picker',\n                {\n                    '--loading': loading,\n                    '--required': required,\n                    '--disabled': disabled,\n                    '--error': error,\n                    '--with-mask': showMask,\n                    '--wide': wide,\n                    '--not-empty': valueExists,\n                    '--is-label': !!label,\n                },\n                className,\n            )}\n        >\n            <span\n                className={cn('vchasno-ui-date-picker__wrapper', {\n                    'vchasno-ui-pulse-animation': pulse && !disabled,\n                })}\n            >\n                {label && <LabelText>{label}</LabelText>}\n                <ReactDatePicker\n                    enableTabLoop={enableTabLoop}\n                    locale={locale}\n                    dateFormatCalendar={dateFormatCalendar}\n                    timeCaption={timeCaption}\n                    disabled={disabled}\n                    placeholderText=\" \"\n                    showPopperArrow={showPopperArrow}\n                    className=\"vchasno-ui-date-picker__picker\"\n                    dateFormat={dateFormat}\n                    customInput={\n                        showMask ? <MaskedInput inputMode=\"text\" mask={mask} showMask /> : undefined\n                    }\n                    {...rest}\n                />\n                {loading ? <Spinner height=\"18px\" /> : <SvgCalendar />}\n                <CloseSvg />\n            </span>\n            {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n        </label>\n    );\n};\n\nexport default DatePicker;\n"],"names":["SvgCalendar","React","svg","className","width","height","fill","xmlns","path","fillRule","clipRule","d","CloseSvg","span","clearRawSvg","DATE_FORMATS","defaultMask","DatePicker","_param","label","disabled","required","loading","hint","error","dateFormat","timeCaption","_param_dateFormatCalendar","dateFormatCalendar","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","wide","pulse","rest","valueExists","selected","value","onClick","e","preventDefault","data-qa","cn","createElement","LabelText","ReactDatePicker","uk","_param_timeCaption","undefined","placeholderText","customInput","MaskedInput","inputMode","Spinner","InputMeta"],"mappings":"iTAuBA,IAAMA,EAAc,kBAChBC,EAACC,aAAAA,CAAAA,MAAAA,CACGC,UAAU,+CACVC,MAAM,KACNC,OAAO,KACPC,KAAK,OACLC,MAAM,8BAENN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,sUACFL,KAAK,mBAOXM,EAAW,kBACbX,EAACY,aAAAA,CAAAA,OAAAA,CAAKV,UAAU,2CAA6CW,EAAAA,IAG3DC,EAAe,CAAC,aAAc,aAAc,aAAc,WAAY,WAAY,WAAW,CAE7FC,EAAwC,CAC1C,KACA,KACA,IACA,KACA,KACA,IACA,KACA,KACA,KACA,KACH,CAqBKC,EAAwC,SAAAC,CAAA,MAC1CC,EAAAA,EAAAA,KAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,SACAC,EAAAA,EAAAA,OAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,UACAC,UAAAA,CACAtB,EAAAA,EAAAA,SAAAA,CAAAA,EAAAA,EACAuB,YAAcC,EAAAT,EACdU,kBAAAA,CACAC,EAAAA,EAAAA,aAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,QAAAA,CAAAA,cACAC,EAAAA,EAAAA,EAAAA,eAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,EAAAA,EAAAA,WACAC,aAAAA,KACAC,IAAAA,CACAC,EAAAA,EAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAnBHnB,QACAC,WACAC,WACAC,UACAC,OACAC,QACAC,aACAtB,YACAuB,cACAE,qBACAC,gBACAC,SACAC,WACAC,kBACAC,OACAC,SACAC,gBACAC,OACAC,UAGME,EAAc,CAAC,CAACD,EAAKE,QAAQ,EAAI,CAAC,CAACF,EAAKG,KAAK,CAEnD,OACIxC,EAACkB,aAAAA,CAAAA,QAAAA,CAGGuB,QAAS,SAACC,CAAAA,EAAMA,OAAAA,EAAEC,cAAc,IAChCC,UAASX,EACT/B,UAAW2C,EACP,yBACA,CACI,YAAaxB,EACb,aAAcD,EACd,aAAcD,EACd,UAAWI,EACX,cAAeO,EACf,SApBhBK,AAAAA,KAAAA,IAAAA,GACAC,EAoBgB,cAAeE,EACf,aAAc,CAAC,CAACpB,GAEpBhB,IAGJF,EAACY,aAAAA,CAAAA,OAAAA,CACGV,UAAW2C,EAAG,kCAAmC,CAC7C,6BAA8BT,GAAS,CAACjB,CAC5C,IAECD,GAASlB,EAAA8C,aAAA,CAACC,EAAW7B,KAAAA,GACtBlB,EAACgD,aAAAA,CAAAA,EAAAA,iaAAAA,CACGpB,0BAxChBC,EAyCgBA,kBAzCPoB,EACTnB,EAyCgBH,mBA5ChBA,AAAAA,KAAAA,IAAAA,EAAqB,aACrBC,EA4CgBH,YA9CFyB,AAAAC,KAAAA,IAAAD,EAAA,MAAAA,EA+CE/B,SAAUA,EACViC,gBAAgB,IAChBrB,4BA3ChBC,EA4CgB9B,UAAU,iCACVsB,WArDhBA,AAAAA,KAAAA,IAAAA,EAAaV,IAsDGuC,YACIvB,EAAW9B,EAACsD,aAAAA,CAAAA,EAAAA,CAAYC,UAAU,OAAOvB,gBA/CtDjB,EACPkB,EA8CyEH,SAAAA,CAAAA,CAAcqB,GAAAA,KAAAA,CAEnEd,EAAAA,IAEPhB,EAAUrB,EAACwD,aAAAA,CAAAA,EAAAA,CAAQpD,OAAO,SAAYJ,EAACD,aAAAA,CAAAA,EAAAA,MACxCC,gBAACW,EAEJuB,OAAAA,CApDTA,CAAAA,AAAAA,KAAAA,IAAAA,OAoD2BX,GAAUD,EAActB,EAACyD,aAAAA,CAAAA,EAAAA,CAAUnC,KAAMA,EAAMC,MAAOA,IAArC,KAGhD"}

package/dist/css/_theme.css

@@ -47,7 +47,8 @@
     --vchasno-ui-select-option-bg-selected: #f3f8fb;
     --vchasno-ui-select-option-color-selected: #252d3d;
     --vchasno-ui-select-menu-border-color: transparent;
-    --vchasno-ui-calendar-color: #6b5fff;
+    --vchasno-ui-calendar-color: #1a66c8;
+    --vchasno-ui-calendar-default-icon-color: #6e809a;
     --vchasno-ui-calendar-bg-hover: #ff9c01;
     --vchasno-ui-text-primary-color: #252d3d;
     --vchasno-ui-text-secondary-color: #5a6a81;
@@ -80,6 +81,17 @@
     --vchasno-ui-slider-color: #087dc1;
     --vchasno-ui-slider-thumb-box-shadow-color: rgb(96 74 223 / 20%);
 
+    /* BlackTooltip */
+    --vchasno-ui-tooltip-font-size: 14px;
+    --vchasno-ui-tooltip-line-height: 18px;
+    --vchasno-ui-tooltip-bg: #272d3c;
+    --vchasno-ui-tooltip-padding: 10px;
+    --vchasno-ui-tooltip-bg-alpha: 0.9;
+    --vchasno-ui-tooltip-bg-mui: color(
+        from var(--vchasno-ui-tooltip-bg) srgb r g b / var(--vchasno-ui-tooltip-bg-alpha)
+    );
+    --vchasno-ui-tooltip-text-color: #fff;
+
     /* Snackbar */
     --vchasno-ui-snackbar-color-light: #fff;
     --vchasno-ui-snackbar-color-dark: #fff;
@@ -198,3 +210,12 @@
     --vchasno-ui-btn-primary-hover-bg: #35a594;
     --vchasno-ui-btn-default-hover-color: #35a594;
 }
+
+@supports not (
+    color: from var(--vchasno-ui-tooltip-bg) srgb r g b / var(--vchasno-ui-tooltip-bg-alpha)
+) {
+    :root {
+        /* BlackTooltip */
+        --vchasno-ui-tooltip-bg-mui: var(--vchasno-ui-tooltip-bg);
+    }
+}

package/dist/css/vchasno-ui.css

@@ -1 +1 @@
-.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:#087dc1;--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#6b5fff;--vchasno-ui-input-outline-color-focused:#d9d6f6;--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#6b5fff;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:#087dc1;--vchasno-ui-pagination-border-color:#6b5fff;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:#087dc1;--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:#087dc1;--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius: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;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ff9c01;--vchasno-ui-btn-primary-hover-bg:#f57a00;--vchasno-ui-input-border-color-focused:#ff9c01;--vchasno-ui-select-menu-border-color:#ff9c01;--vchasno-ui-calendar-color:#ff9c01;--vchasno-ui-pagination-border-color:#ff9c01;--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6e809a;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-slider-color:#ff9c01;--vchasno-ui-slider-thumb-box-shadow-color:rgba(255,178,0,.16)}:root .vchasno-ui-kit-theme-edi{--vchasno-ui-btn-primary-bg:#00c5ff;--vchasno-ui-btn-primary-hover-bg:#00aee2}:root .vchasno-ui-kit-theme-dm,:root .vchasno-ui-kit-theme-kasa{--vchasno-ui-btn-primary-bg:#e579ff;--vchasno-ui-btn-primary-hover-bg:#c055da}:root .vchasno-ui-kit-theme-kep{--vchasno-ui-btn-primary-bg:#ff5a5f;--vchasno-ui-btn-primary-hover-bg:#e75459}:root .vchasno-ui-kit-theme-hrs{--vchasno-ui-btn-primary-bg:#3dbeac;--vchasno-ui-btn-primary-hover-bg:#35a594;--vchasno-ui-btn-default-hover-color:#35a594}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius: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,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius: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.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color,#bfcede);border-radius: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,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius: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-]:focus:not(.--disabled)+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-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:#6e809a}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-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,#bfcede);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{border-radius:8px;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-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-flex-box{align-content:flex-start;display:flex;flex-direction:row;gap:10px;max-width:100%}.vchasno-ui-text{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-text.--ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-text.--secondary{color:var(--vchasno-ui-text-secondary-color,#5a6a81)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ff9c01)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#f54f4f)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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,#f54f4f);content:"*";position:relative;right:-2px;top:-3px}strong.vchasno-ui-text{font-weight:700}.vchasno-ui-FollowUs{min-height:24px;min-width:24px}.vchasno-ui-FollowUs__label{font-size:14px}.vchasno-ui-FollowUs__link{display:block;flex-grow:0;flex-shrink:0;height:24px;transition:filter .3s;width:24px}.vchasno-ui-FollowUs__link img{display:block}.vchasno-ui-FollowUs__link:hover{filter:brightness(80%)}.vchasno-ui-input{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.vchasno-ui-input input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input .vchasno-ui-mask-input,.vchasno-ui-input .vchasno-ui-text-input{flex-grow:1}.vchasno-ui-input.--wide{width:100%}.vchasno-ui-input__wrapper{align-items:center;background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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.--is-label input::placeholder{visibility:hidden}.vchasno-ui-input.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-mask-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);position:relative}.vchasno-ui-mask-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.szh-menu-button{box-sizing:border-box}.vchasno-ui-menu-button{align-items:center;border:none;border-radius: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}.vchasno-ui-menu-submenu.szh-menu__submenu>.szh-menu__item{padding:10px 12px}.vchasno-ui-menu-submenu .szh-menu__item--submenu:after{display:none}.vchasno-ui-menu-submenu-label-container{width:100%}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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-paragraph.--text-center{text-align:center}.vchasno-ui-paragraph.--text-left{text-align:left}.vchasno-ui-paragraph.--text-right{text-align:right}.vchasno-ui-paragraph.--text-justify{text-align:justify}.vchasno-ui-ProjectsPopover{background-color:#fff;border-radius: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 #e2e9f3}.vchasno-ui-ProjectsPopover__title{font-size:16px;font-style:normal;font-weight:500;line-height:18px;width:100%}.vchasno-ui-ProjectsPopover__box{align-items:center;aspect-ratio:198/80;border:1px solid #e2e9f3;border-radius: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:#f3f8fb;cursor:pointer}.vchasno-ui-ProjectsPopover__box__title{font-size:14px;font-style:normal;font-weight:400;line-height:26px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer{align-items:center;background:#e0eeff;border-radius:0 0 4px 4px;color:#6e809a;display:flex;font-size:12px;font-weight:400;justify-content:center;margin:0 -16px;min-height:42px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer>a{color:#0890de;text-decoration:none}.vchasno-ui-ProjectsPopover__tooltip-hint{text-align:center}@media screen and (width <= 480px){.vchasno-ui-ProjectsPopover{width:330px}.vchasno-ui-ProjectsPopover__box{aspect-ratio:1/1;flex-direction:column;justify-content:center;padding:10px;width:calc(50% - 20px)}}.vchasno-ui-PulseDot{background-color:var(--vchasno-ui-pulse-dot-color);border-radius: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)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius: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}:root{--toastify-color-light:var(--vchasno-ui-snackbar-color-light);--toastify-color-dark:var(--vchasno-ui-snackbar-color-dark);--toastify-color-info:var(--vchasno-ui-snackbar-color-info);--toastify-color-success:var(--vchasno-ui-snackbar-color-success);--toastify-color-warning:var(--vchasno-ui-snackbar-color-warning);--toastify-color-error:var(--vchasno-ui-snackbar-color-error);--toastify-color-transparent:var(--vchasno-ui-snackbar-color-transparent);--toastify-icon-color-info:var(--vchasno-ui-snackbar-icon-color-info);--toastify-icon-color-success:var(--vchasno-ui-snackbar-icon-color-success);--toastify-icon-color-warning:var(--vchasno-ui-snackbar-icon-color-warning);--toastify-icon-color-error:var(--vchasno-ui-snackbar-icon-color-error);--toastify-toast-width:var(--vchasno-ui-snackbar-toast-width);--toastify-toast-offset:var(--vchasno-ui-snackbar-toast-offset);--toastify-toast-top:var(--vchasno-ui-snackbar-toast-top);--toastify-toast-right:var(--vchasno-ui-snackbar-toast-right);--toastify-toast-left:var(--vchasno-ui-snackbar-toast-left);--toastify-toast-bottom:var(--vchasno-ui-snackbar-toast-bottom);--toastify-toast-background:var(--vchasno-ui-snackbar-toast-background);--toastify-toast-min-height:var(--vchasno-ui-snackbar-toast-min-height);--toastify-toast-max-height:var(--vchasno-ui-snackbar-toast-max-height);--toastify-toast-bd-radius:var(--vchasno-ui-snackbar-toast-bd-radius);--toastify-font-family:var(--vchasno-ui-snackbar-font-family);--toastify-z-index:var(--vchasno-ui-snackbar-z-index);--toastify-text-color-light:var(--vchasno-ui-snackbar-text-color-light);--toastify-text-color-dark:var(--vchasno-ui-snackbar-text-color-dark);--toastify-text-color-info:var(--vchasno-ui-snackbar-text-color-info);--toastify-text-color-success:var(--vchasno-ui-snackbar-text-color-success);--toastify-text-color-warning:var(--vchasno-ui-snackbar-text-color-warning);--toastify-text-color-error:var(--vchasno-ui-snackbar-text-color-error);--toastify-spinner-color:var(--vchasno-ui-snackbar-spinner-color);--toastify-spinner-color-empty-area:var(--vchasno-ui-snackbar-spinner-color-empty-area);--toastify-color-progress-light:var(--vchasno-ui-snackbar-color-progress-light);--toastify-color-progress-dark:var(--vchasno-ui-snackbar-color-progress-dark);--toastify-color-progress-info:var(--vchasno-ui-snackbar-color-progress-info);--toastify-color-progress-success:var(--vchasno-ui-snackbar-color-progress-success);--toastify-color-progress-warning:var(--vchasno-ui-snackbar-color-progress-warning);--toastify-color-progress-error:var(--vchasno-ui-snackbar-color-progress-error);--toastify-color-progress-bgo:var(--vchasno-ui-snackbar-color-progress-bgo)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translateZ(var(--toastify-z-index));width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (width <= 480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{-ms-flex-pack:justify;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgb(0 0 0/5%);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{-ms-flex-align:center;align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1;word-break:break-word}.Toastify__toast-icon{-ms-flex-negative:0;-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (width <= 480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{-ms-flex-item-align:start;align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vchasno-ui-snackbar .vchasno-ui-snackbar-toast{background:var(--vchasno-ui-snackbar-toast-background);border-radius:var(--toastify-toast-bd-radius);box-sizing:border-box;max-width:var(--vchasno-ui-snackbar-toast-max-width);min-width:var(--vchasno-ui-snackbar-toast-min-width);padding:5px 10px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{padding:0 8px 0 0}.vchasno-ui-snackbar-with-action-container{align-items:center;display:flex;gap:26px;justify-content:space-between;padding-bottom:5px;padding-top:5px}.vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;line-height:20px;margin-left:auto}.vchasno-ui-snackbar .Toastify__toast-icon{font-size:20px;margin-right:10px}.vchasno-ui-snackbar .Toastify__close-button{align-items:center;align-self:center;display:flex;justify-content:center}.vchasno-ui-SplashLogo__logo-box{--vchasno-ui-splash-screen-logo-box-width:300px;--vchasno-ui-splash-screen-logo-box-height:100px;--vchasno-ui-splash-screen-logo-color:#252d3d;--vchasno-ui-splash-screen-animation-duration:2s;animation:wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;background-image:linear-gradient(to right,transparent,var(--vchasno-ui-splash-screen-logo-color),transparent);background-size:var(--vchasno-ui-splash-screen-logo-box-width) var(--vchasno-ui-splash-screen-logo-box-height);display:inline-block;height:var(--vchasno-ui-splash-screen-logo-box-height);width:var(--vchasno-ui-splash-screen-logo-box-width)}@keyframes wave{0%{background-position:calc(var(--vchasno-ui-splash-screen-logo-box-width)*-1) 0}to{background-position:0 0}}.vchasno-ui-SvgBorder{--vchasno-ui-svg-border-animation-duration-sec:1s;--vchasno-ui-svg-border-stroke-dashoffset:100%;position:relative}.vchasno-ui-SvgBorder__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:var(--vchasno-ui-transition-duration-sec);z-index:-1}.vchasno-ui-SvgBorder__svg--animation-border-offset{animation:stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;animation-play-state:paused}.vchasno-ui-SvgBorder__svg--animation-play{animation-play-state:running}@keyframes stroke-offset{to{stroke-dashoffset:var(--vchasno-ui-svg-border-stroke-dashoffset)}}.vchasno-ui-switch{--vchasno-ui-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;transform:translateX(0);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),width var(--vchasno-ui-transition-duration-sec,.3s);width:10px;z-index:1}.--h-scroll .vchasno-ui-tabs__indicator{display:none}.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator{transition:none}.vchasno-ui-tabs__label-item{align-items:center;color:#252d3d;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;height:50px;padding:0 15px;position:relative;transition:color var(--vchasno-ui-transition-duration-sec),background-color var(--vchasno-ui-transition-duration-sec);user-select:none}.vchasno-ui-tabs__label-item:after{background-color:var(--active-color);border-radius: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 #e2e9f3}.vchasno-ui-tabs__label-item.--active,.vchasno-ui-tabs__label-item:not(.--disabled):hover{color:var(--active-color)}.vchasno-ui-tabs__label-item.--disabled{cursor:not-allowed;opacity:.5}.vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper{height:auto;padding-bottom:10px;padding-top:10px}.vchasno-ui-textarea-input{border:0;color:var(--vchasno-ui-text-primary-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);resize:none;width:100%}.vchasno-ui-textarea-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper__label{transform:none}.vchasno-ui-textarea-input+.vchasno-ui-label-text{top:0;transform:translateY(10px);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),font-size var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-textarea-input:focus:not(.--disabled)+.vchasno-ui-label-text,.vchasno-ui-textarea-input:not(:placeholder-shown)+.vchasno-ui-label-text{top:0;transform:translateY(-12px)}.vchasno-ui-text-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size)}.vchasno-ui-text-input::-webkit-inner-spin-button,.vchasno-ui-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-text-input[type=number]{appearance:textfield}.vchasno-ui-text-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}@supports selector(:not(:placeholder-shown)){.vchasno-ui-input__clear-btn{transform:scale(0)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-label-text+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}}.vchasno-ui-title{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-title.--pretty{text-wrap:pretty}.vchasno-ui-title.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-title h1,h1.vchasno-ui-title{font-size:32px;font-weight:700;line-height:40px}.vchasno-ui-title h2,h2.vchasno-ui-title{font-size:24px;font-weight:700;line-height:28px}.vchasno-ui-title h3,h3.vchasno-ui-title{font-size:20px;font-weight:500;line-height:24px}.vchasno-ui-title h4,h4.vchasno-ui-title{font-size:16px;font-weight:400;line-height:20px}.vchasno-ui-title h5,h5.vchasno-ui-title{font-size:12px;font-weight:400;line-height:14px}.vchasno-ui-PasswordInput{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);min-width:176px}.vchasno-ui-PasswordInput::-webkit-inner-spin-button,.vchasno-ui-PasswordInput::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-PasswordInput::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-PasswordInput--type-password{caret-color:var(--vchasno-ui-input-placeholder-color);font-family:Verdana,sans-serif}.vchasno-ui-PasswordInput--type-password:not(:placeholder-shown){letter-spacing:.2em}.vchasno-ui-PasswordInput__eye{color:var(--vchasno-ui-input-font-color-disabled);cursor:pointer;display:flex;flex-shrink:0;place-items:center center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.vchasno-ui-PasswordInput__eye--active{color:var(--vchasno-ui-input-placeholder-color)}.vchasno-ui-PasswordInput__eye svg{transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye){padding-right:40px}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye) .vchasno-ui-input__feedback{display:none}.vchasno-ui-slider.vchasno-ui-slider-root{height:2px}.vchasno-ui-slider .vchasno-ui-slider-mark{background-color:#e2e9f3;border-radius: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:#e2e9f3}.vchasno-ui-slider .vchasno-ui-slider-track{background-color:var(--vchasno-ui-slider-color);border-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb{background-color:var(--vchasno-ui-slider-color);height:24px;width:24px}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-focusVisible,.vchasno-ui-slider .vchasno-ui-slider-thumb:hover{box-shadow:0 0 0 8px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-active{box-shadow:0 0 0 14px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-breadcrumbs{font-size:14px;line-height:20px}.vchasno-ui-breadcrumbs-separator{margin:0 2px}
+.vchasno-ui-pulse-animation{animation:box-shadow-pulse var(--vchasno-pulse-animation-duration) infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}@keyframes box-shadow-pulse{0%{box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/80%)}70%{box-shadow:0 0 0 10px rgb(var(--vchasno-pulse-animation-color)/0)}to{box-shadow:0 0 0 30px rgb(var(--vchasno-pulse-animation-color)/0)}}:root{--vchasno-ui-transition-duration-sec:0.3s;--vchasno-ui-btn-default-bg:transparent;--vchasno-ui-btn-default-hover-bg:#e1e4ff;--vchasno-ui-btn-default-color:#6e809a;--vchasno-ui-btn-disabled-color:#6e809a;--vchasno-ui-btn-default-hover-color:#604adf;--vchasno-ui-btn-primary-bg:#604adf;--vchasno-ui-btn-primary-disabled-bg:#e2e9f3;--vchasno-ui-btn-primary-hover-bg:#3f328c;--vchasno-ui-btn-primary-color:#fff;--vchasno-ui-btn-secondary-bg:hsla(0,0%,100%,.04);--vchasno-ui-btn-secondary-disabled-bg:#f3f8fb;--vchasno-ui-btn-pink-bg:#ff5a5f;--vchasno-ui-btn-pink-hover-bg:#e75459;--vchasno-ui-btn-secondary-border-color:#e2e9f3;--vchasno-ui-btn-secondary-hover-bg:#e0eeff;--vchasno-ui-btn-secondary-color:#087dc1;--vchasno-ui-btn-light-bg:#fff;--vchasno-ui-btn-light-hover-bg:rgba(96,74,223,.2);--vchasno-ui-btn-light-color:#604adf;--vchasno-ui-btn-font-size:14px;--vchasno-ui-btn-danger-color:#f54f4f;--vchasno-ui-btn-danger-bg:rgba(231,52,52,.1);--vchasno-ui-btn-danger-hover-bg:#f54f4f;--vchasno-ui-btn-danger-hover-color:#fff;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-input-bg-color-disabled:#f3f8fb;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-input-border-color-focused:#6b5fff;--vchasno-ui-input-outline-color-focused:#d9d6f6;--vchasno-ui-input-outline-color-error:#ffeaeb;--vchasno-ui-input-color-error:#f54f4f;--vchasno-ui-input-bg-error:hsla(1,82%,66%,.1);--vchasno-ui-input-font-size:14px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-input-placeholder-color:#6e809a;--vchasno-ui-input-font-color-disabled:#bfcede;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6b5fff;--vchasno-ui-checkbox-bg-color:#087dc1;--vchasno-ui-checkbox-outline-color:#d9eaff;--vchasno-ui-checkbox-disabled-bg:#bfcede;--vchasno-ui-checkbox-border-color:#bfcede;--vchasno-ui-checkbox-icon-color:#fff;--vchasno-ui-checkbox-font-size:14px;--vchasno-ui-select-option-bg-selected:#f3f8fb;--vchasno-ui-select-option-color-selected:#252d3d;--vchasno-ui-select-menu-border-color:transparent;--vchasno-ui-calendar-color:#1a66c8;--vchasno-ui-calendar-default-icon-color:#6e809a;--vchasno-ui-calendar-bg-hover:#ff9c01;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-text-secondary-color:#5a6a81;--vchasno-ui-text-success-color:#1cb800;--vchasno-ui-text-warning-color:#ff9c01;--vchasno-ui-text-error-color:#f54f4f;--vchasno-ui-alert-info-color:#1a66c8;--vchasno-ui-alert-info-bg:#e0eeff;--vchasno-ui-alert-warning-color:#ff9c01;--vchasno-ui-alert-warning-bg:#fff2d6;--vchasno-ui-alert-error-color:#f54f4f;--vchasno-ui-alert-error-bg:#ffe8e8;--vchasno-ui-alert-success-color:#1cb800;--vchasno-ui-alert-success-bg:#e7f3d9;--vchasno-ui-alert-config-color:#1a66c8;--vchasno-ui-alert-config-bg:#f3f8fb;--vchasno-ui-tabs-active-color:#087dc1;--vchasno-ui-pagination-border-color:#6b5fff;--vchasno-ui-pagination-hover-bg-color:rgba(0,0,0,.1);--vchasno-ui-pagination-size:32px;--vchasno-ui-switch-height:30px;--vchasno-ui-switch-color-bg:#bfcede;--vchasno-ui-switch-spinner-color:#bfcede;--vchasno-ui-switch-circle-color:#fff;--vchasno-ui-switch-active-color-bg:#087dc1;--vchasno-ui-pulse-dot-color:#604adf;--vchasno-ui-pulse-dot-size:35px;--vchasno-ui-menu-button-bg:#f3f8fb;--vchasno-ui-menu-item-hover-bg:#f3f8fb;--vchasno-ui-slider-color:#087dc1;--vchasno-ui-slider-thumb-box-shadow-color:rgba(96,74,223,.2);--vchasno-ui-tooltip-font-size:14px;--vchasno-ui-tooltip-line-height:18px;--vchasno-ui-tooltip-bg:#272d3c;--vchasno-ui-tooltip-padding:10px;--vchasno-ui-tooltip-bg-alpha:0.9;--vchasno-ui-tooltip-bg-mui:color(from var(--vchasno-ui-tooltip-bg) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha));--vchasno-ui-tooltip-text-color:#fff;--vchasno-ui-snackbar-color-light:#fff;--vchasno-ui-snackbar-color-dark:#fff;--vchasno-ui-snackbar-color-info:#1a66c8;--vchasno-ui-snackbar-color-success:#1cb800;--vchasno-ui-snackbar-color-warning:#ff9c01;--vchasno-ui-snackbar-color-error:#f54f4f;--vchasno-ui-snackbar-color-transparent:hsla(0,0%,100%,.7);--vchasno-ui-snackbar-icon-color-info:var(--vchasno-ui-snackbar-color-info);--vchasno-ui-snackbar-icon-color-success:var(--vchasno-ui-snackbar-color-success);--vchasno-ui-snackbar-icon-color-warning:var(--vchasno-ui-snackbar-color-warning);--vchasno-ui-snackbar-icon-color-error:var(--vchasno-ui-snackbar-color-error);--vchasno-ui-snackbar-toast-min-width:335px;--vchasno-ui-snackbar-toast-width:auto;--vchasno-ui-snackbar-toast-max-width:560px;--vchasno-ui-snackbar-toast-offset:16px;--vchasno-ui-snackbar-toast-top:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-top));--vchasno-ui-snackbar-toast-right:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-right));--vchasno-ui-snackbar-toast-left:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-left));--vchasno-ui-snackbar-toast-bottom:max(var(--vchasno-ui-snackbar-toast-offset),env(safe-area-inset-bottom));--vchasno-ui-snackbar-toast-background:rgba(0,0,0,.9);--vchasno-ui-snackbar-toast-min-height:24px;--vchasno-ui-snackbar-toast-max-height:800px;--vchasno-ui-snackbar-toast-bd-radius: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;--vchasno-pulse-animation-color:107 95 255;--vchasno-pulse-animation-duration:1.5s;--vchasno-ui-full-screen-modal-z-index:998;--vchasno-ui-full-screen-modal-header-height:60px;--vchasno-ui-full-screen-modal-bg-color:#fff}:root .vchasno-ui-kit-theme-edo{--vchasno-ui-btn-primary-bg:#ff9c01;--vchasno-ui-btn-primary-hover-bg:#f57a00;--vchasno-ui-input-border-color-focused:#ff9c01;--vchasno-ui-select-menu-border-color:#ff9c01;--vchasno-ui-calendar-color:#ff9c01;--vchasno-ui-pagination-border-color:#ff9c01;--vchasno-ui-input-outline-color-focused:#fbf4ea;--vchasno-ui-input-border-color-default:#e2e9f3;--vchasno-ui-label-color-default:#6e809a;--vchasno-ui-label-color-focused:#6e809a;--vchasno-ui-input-font-size:13px;--vchasno-ui-input-font-color:#252d3d;--vchasno-ui-text-primary-color:#252d3d;--vchasno-ui-input-bg-color:#fff;--vchasno-ui-slider-color:#ff9c01;--vchasno-ui-slider-thumb-box-shadow-color:rgba(255,178,0,.16)}:root .vchasno-ui-kit-theme-edi{--vchasno-ui-btn-primary-bg:#00c5ff;--vchasno-ui-btn-primary-hover-bg:#00aee2}:root .vchasno-ui-kit-theme-dm,:root .vchasno-ui-kit-theme-kasa{--vchasno-ui-btn-primary-bg:#e579ff;--vchasno-ui-btn-primary-hover-bg:#c055da}:root .vchasno-ui-kit-theme-kep{--vchasno-ui-btn-primary-bg:#ff5a5f;--vchasno-ui-btn-primary-hover-bg:#e75459}:root .vchasno-ui-kit-theme-hrs{--vchasno-ui-btn-primary-bg:#3dbeac;--vchasno-ui-btn-primary-hover-bg:#35a594;--vchasno-ui-btn-default-hover-color:#35a594}@supports not (color:from var(--vchasno-ui-tooltip-bg ) srgb r g b/var(--vchasno-ui-tooltip-bg-alpha )){:root{--vchasno-ui-tooltip-bg-mui:var(--vchasno-ui-tooltip-bg)}}.vchasno-ui-scrollable-box{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:unset}.vchasno-ui-scrollable-box__shadow{display:block;height:0;pointer-events:none;position:sticky;width:100%;z-index:2}.vchasno-ui-scrollable-box__shadow:after{content:"";display:block;height:10px;left:0;position:absolute;right:0}.vchasno-ui-scrollable-box__shadow.--top{top:0}.vchasno-ui-scrollable-box__shadow.--top:after{box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.1);top:0}.vchasno-ui-scrollable-box__shadow.--bottom{bottom:0}.vchasno-ui-scrollable-box__shadow.--bottom:after{bottom:0;box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.1)}.vchasno-ui-scrollable-box.--is-scrollable{overflow-y:auto;transform:translateZ(0)}.vchasno-ui-scrollable-box.--hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.vchasno-ui-scrollable-box.--hide-scroll::-webkit-scrollbar{display:none}.vchasno-ui-scrollable-box.--prevent-parent-scroll{overscroll-behavior-y:contain}.vchasno-ui-scrollable-box.--smooth-scroll{scroll-behavior:smooth}.vchasno-ui-full-screen-modal{background-color:var(--vchasno-ui-full-screen-modal-bg-color);height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--vchasno-ui-full-screen-modal-z-index)}.vchasno-ui-full-screen-modal__header{align-items:center;border-bottom:1px solid var(--vchasno-ui-input-border-color-default);box-sizing:border-box;display:flex;height:var(--vchasno-ui-full-screen-modal-header-height);justify-content:space-between;padding-left:20px;padding-right:20px}.vchasno-ui-full-screen-modal__content{box-sizing:border-box;height:calc(100% - var(--vchasno-ui-full-screen-modal-header-height));overflow-y:auto}.vchasno-ui-full-screen-modal--animation{animation:vchasno-full-screen-modal-show var(--vchasno-ui-transition-duration-sec) ease-in-out}@keyframes vchasno-full-screen-modal-show{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vchasno-ui-overflow-hidden{overflow:hidden}.vchasno-ui-alert{align-items:center;border-left:3px solid transparent;border-radius: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,#e0eeff);border-color:var(--vchasno-ui-alert-info-color,#1a66c8)}.vchasno-ui-alert.--warning{background-color:var(--vchasno-ui-alert-warning-bg,#fff2d6);border-color:var(--vchasno-ui-alert-warning-color,#ff9c01)}.vchasno-ui-alert.--error{background-color:var(--vchasno-ui-alert-error-bg,#ffe8e8);border-color:var(--vchasno-ui-alert-error-color,#f54f4f)}.vchasno-ui-alert.--success{background-color:var(--vchasno-ui-alert-success-bg,#e7f3d9);border-color:var(--vchasno-ui-alert-success-color,#00b700)}.vchasno-ui-alert.--config{background-color:var(--vchasno-ui-alert-config-bg,#f3f8fb);border-color:var(--vchasno-ui-alert-config-color,#1a66c8)}.vchasno-ui-alert__close-icon{border-radius: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.--pink,.vchasno-ui-button:disabled.--primary,.vchasno-ui-button:disabled.--secondary{color:var(--vchasno-ui-btn-disabled-color)}.vchasno-ui-button:disabled.--primary{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button:disabled.--secondary{background-color:var(--vchasno-ui-btn-secondary-disabled-bg)}.vchasno-ui-button.--primary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-primary-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--primary.--outline:not(:disabled):hover{background-color:var(--vchasno-ui-btn-default-hover-bg);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--secondary.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-secondary-bg);box-shadow:none;color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--secondary:not(:disabled):hover{background-color:var(--vchasno-ui-btn-secondary-hover-bg);color:var(--vchasno-ui-btn-secondary-color)}.vchasno-ui-button.--pink{background-color:var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--pink:disabled{background-color:var(--vchasno-ui-btn-primary-disabled-bg)}.vchasno-ui-button.--pink:not(:disabled):hover{background-color:var(--vchasno-ui-btn-pink-hover-bg);color:var(--vchasno-ui-btn-primary-color)}.vchasno-ui-button.--pink.--outline:not(:disabled):hover{background-color:transparent;border:1px solid var(--vchasno-ui-btn-pink-bg);color:var(--vchasno-ui-btn-pink-bg)}.vchasno-ui-button.--danger{background-color:var(--vchasno-ui-btn-danger-bg);border:0;color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button.--danger.--outline{background-color:transparent;border:1px solid var(--vchasno-ui-btn-danger-color);color:var(--vchasno-ui-btn-danger-color)}.vchasno-ui-button:disabled.--danger{background-color:rgba(182,202,219,.2);border:1px solid #bfcede;color:#bfcede}.vchasno-ui-button.--danger:not(:disabled):hover{background-color:var(--vchasno-ui-btn-danger-hover-bg);color:var(--vchasno-ui-btn-danger-hover-color)}.vchasno-ui-button.--danger.--outline:not(:disabled):hover{background-color:rgba(0,0,0,.1);border:1px solid var(--vchasno-ui-btn-danger-color,#ef6562);color:var(--vchasno-ui-btn-danger-color,#ef6562)}.vchasno-ui-button.--transparent .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-color);transition:stroke var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-button.--transparent:hover .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-btn-default-hover-color)}.vchasno-ui-button:disabled.--transparent{color:#bfcede}.vchasno-ui-button.--light{background-color:var(--vchasno-ui-btn-light-bg,#fff);border:1px solid transparent;color:var(--vchasno-ui-btn-light-color)}.vchasno-ui-button:disabled.--light{background-color:rgba(182,202,219,.2);border:none;color:#bfcede}.vchasno-ui-button.--light.--outline{background-color:var(--vchasno-ui-btn-primary-color);border:1px solid var(--vchasno-ui-btn-primary-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--light:not(:disabled):hover{background-color:var(--vchasno-ui-btn-light-hover-bg);color:var(--vchasno-ui-btn-primary-bg)}.vchasno-ui-button.--suppress-padding{padding:0}.vchasno-ui-checkbox{align-items:center;cursor:pointer;display:inline-flex;gap:8px;user-select:none}.vchasno-ui-checkbox__box{align-items:center;border:1px solid var(--vchasno-ui-checkbox-border-color,#bfcede);border-radius: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,#bfcede);border-color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede)}.vchasno-ui-checkbox>input:checked+.vchasno-ui-checkbox__box .vchasno-ui-spinner__svg__circle{stroke:var(--vchasno-ui-checkbox-icon-color)}.vchasno-ui-checkbox__label{font-size:var(--vchasno-ui-checkbox-font-size);line-height:1;user-select:none}.vchasno-ui-checkbox.--disabled{color:var(--vchasno-ui-checkbox-disabled-bg,#bfcede);cursor:not-allowed}.vchasno-ui-meta{display:block;font-size:calc(var(--vchasno-ui-input-font-size)*.8);height:calc(var(--vchasno-ui-input-font-size)*.9);line-height:calc(var(--vchasno-ui-input-font-size)*.9);max-width:100%;padding-left:16px}.vchasno-ui-meta__error,.vchasno-ui-meta__hint{display:inline-block;max-width:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-meta__hint{color:var(--vchasno-ui-label-color-default)}.vchasno-ui-meta__error{color:var(--vchasno-ui-input-color-error)}.vchasno-ui-label-text{align-self:flex-start;background-color:var(--vchasno-ui-input-bg-color);border-radius: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-]:focus:not(.--disabled)+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+*+.vchasno-ui-label-text,[class^=vchasno-ui-]:not(:placeholder-shown)+.vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color);font-size:12px;top:0}.vchasno-ui-date-picker.--disabled:not(.--not-empty) .vchasno-ui-label-text,.vchasno-ui-input__wrapper:has(input:disabled):has(:placeholder-shown) .vchasno-ui-label-text,.vchasno-ui-select:not(:has(.vchasno-ui-select__value-container--has-value)).--disabled .vchasno-ui-label-text{background-color:var(--vchasno-ui-input-bg-color-disabled)}label[class^=vchasno-ui-]:not(.--error):focus-within .vchasno-ui-label-text{color:var(--vchasno-ui-label-color-focused)}label[class^=vchasno-ui-]:not(.--disabled).--error .vchasno-ui-label-text{color:var(--vchasno-ui-input-color-error)}label[class^=vchasno-ui-]:not(.--disabled).--required .vchasno-ui-label-text:hover{cursor:text}.vchasno-ui-label-text sup{color:var(--vchasno-ui-input-color-error);display:none;font-size:calc(var(--vchasno-ui-input-font-size)*1.4);position:relative;top:-.2em;vertical-align:top}label[class^=vchasno-ui-].--required .vchasno-ui-label-text sup{display:inline-block}.vchasno-ui-label-text__title-icon{color:var(--vchasno-ui-label-color-default);display:none;transform:scale(.8)}.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon{display:block}.vchasno-ui-label-text__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper[data-placement^=bottom]{margin-top:-6px}.react-datepicker-popper[data-placement^=top]{margin-top:6px}.react-datepicker-popper[data-placement^=right]{margin-left:-6px}.react-datepicker-popper[data-placement^=left]{margin-left:6px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{margin-left:-6px;position:absolute}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border:6px solid transparent;box-sizing:content-box;height:0;position:absolute;width:1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-bottom-color:var(--vchasno-ui-calendar-color);border-width:6px;content:"";left:-6px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-6px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-input-bg-color);border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:var(--vchasno-ui-calendar-color);top:-1px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);content:"";display:block;height:7px;left:-3px;position:absolute;top:1px;transform:rotate(45deg);width:7px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{bottom:0;margin-bottom:-6px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow:before{border-bottom:none;border-top-color:var(--vchasno-ui-input-bg-color)}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker__month-read-view--down-arrow:before,.react-datepicker__year-read-view--down-arrow:before{border-top-color:var(--vchasno-ui-calendar-color);bottom:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{background-color:var(--vchasno-ui-input-bg-color);bottom:1px;content:"";display:block;height:7px;left:-3px;position:absolute;transform:rotate(45deg);width:7px}.react-datepicker{background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius:8px;color:var(--vchasno-ui-input-font-color);display:inline-flex;font-size:14px;padding:10px;position:relative}.react-datepicker__time-container{float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.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-size:14px;font-weight:500;margin-top:0;padding:8px 0 15px;text-transform:capitalize}.react-datepicker__month-container{float:left}.react-datepicker__aria-live{display:none}.react-datepicker__month{display:flex;flex-direction:column;gap:1px;margin:0;text-align:center}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__week{display:flex;gap:1px}.react-datepicker__day-name{text-transform:none}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--vchasno-ui-input-font-color);cursor:pointer;display:inline-block;line-height:32px;text-align:center;transition:background-color var(--vchasno-ui-transition-duration-sec,.3s);width:32px}.react-datepicker__day-names .react-datepicker__day-name{font-weight:700;text-transform:capitalize}.react-datepicker__day:hover{background-color:#f2f6f7;border-radius:8px}.react-datepicker__day--today{border-radius:8px;font-weight:600}.react-datepicker__day--weekend{font-weight:400}.react-datepicker__day--outside-month{color:#6e809a}.react-datepicker__day--disabled{color:#bfcede;cursor:not-allowed}.react-datepicker__day--disabled:hover{background-color:transparent}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--vchasno-ui-calendar-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:14px}.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:10px}.react-datepicker__navigation-icon{display:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{height:10px;inset:0;margin:auto;position:absolute;width:10px}.react-datepicker__navigation--previous:before{color:var(--vchasno-ui-calendar-default-icon-color);content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA0Ljk5MmMwLS4yNi4xLS41MS4yOS0uNzFsNC0zLjk5Yy4zOS0uMzkgMS4wMy0uMzkgMS40MiAwIC4zOS4zOS4zOSAxLjAzIDAgMS40MmwtMy4yOSAzLjI4IDMuMjkgMy4yOWMuMzkuMzkuMzkgMS4wMyAwIDEuNDItLjM5LjM5LTEuMDMuMzktMS40MiAwTC4zIDUuNzEyYy0uMi0uMi0uMy0uNDYtLjMtLjcyWiIgZmlsbD0iIzZlODA5YSIvPjwvc3ZnPg==")}.react-datepicker__navigation--next{color:var(--vchasno-ui-calendar-default-icon-color);right:10px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:110px}.react-datepicker__navigation--next:before{content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi4wMDMgNS4wMDNjMCAuMjYtLjEuNTEtLjI5LjcxbC00IDMuOTljLS4zOS4zOS0xLjAzLjM5LTEuNDIgMC0uMzktLjM5LS4zOS0xLjAzIDAtMS40MmwzLjI5LTMuMjgtMy4yOS0zLjI5Yy0uMzktLjM5LS4zOS0xLjAzIDAtMS40Mi4zOS0uMzkgMS4wMy0uMzkgMS40MiAwbDMuOTkgMy45OWMuMi4yLjMuNDYuMy43MloiIGZpbGw9IiM2ZTgwOWEiLz48L3N2Zz4=")}.react-datepicker__input-container input{appearance:none;background:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default,#bfcede);border-radius: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{border-radius:8px;position:relative}.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-input-border-color-default);height:20px;pointer-events:none;position:absolute;right:35px;top:50%;transform:translateY(-50%) scale(0);transition:color var(--vchasno-ui-transition-duration-sec,.3s),transform var(--vchasno-ui-transition-duration-sec,.3s);width:20px}.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon) .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}@supports not selector(.vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon)){.vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__custom-close-icon{transform:translateY(-50%) scale(1)}}.vchasno-ui-date-picker:not(.--disabled) .vchasno-ui-date-picker__wrapper:has(.react-datepicker__close-icon:hover) .vchasno-ui-date-picker__custom-close-icon{color:var(--vchasno-ui-calendar-default-icon-color)}.vchasno-ui-date-picker.--not-empty .vchasno-ui-label-text,.vchasno-ui-date-picker.--with-mask .vchasno-ui-label-text,.vchasno-ui-date-picker__wrapper:focus-within .vchasno-ui-label-text{font-size:12px;top:0}.vchasno-ui-date-picker__wrapper>.vchasno-ui-date-picker__custom-calendar-icon{color:var(--vchasno-ui-calendar-default-icon-color);pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper>.vchasno-ui-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.vchasno-ui-date-picker.--loading .vchasno-ui-date-picker__wrapper .vchasno-ui-spinner circle{stroke:var(--vchasno-ui-calendar-color)}.vchasno-ui-date-picker .react-datepicker__input-container input{color:var(--vchasno-ui-input-font-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2)}.vchasno-ui-date-picker .react-datepicker__aria-live{display:none}.vchasno-ui-date-picker.--disabled,.vchasno-ui-date-picker.--disabled .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:not-allowed;opacity:.8}.vchasno-ui-date-picker:not(.--disabled):hover,.vchasno-ui-date-picker:not(.--disabled):hover .vchasno-ui-date-picker__wrapper .vchasno-ui-date-picker__picker{cursor:pointer}.vchasno-ui-date-picker:not(.--disabled):hover .react-datepicker__input-container input{border-color:var(--vchasno-ui-calendar-color);outline:2px solid var(--vchasno-ui-input-outline-color-focused)}.vchasno-ui-date-picker:not(.--disabled).--error .react-datepicker__input-container input{border-color:var(--vchasno-ui-input-color-error);color:var(--vchasno-ui-input-color-error);outline-color:var(--vchasno-ui-input-outline-color-error)}.vchasno-ui-date-picker.--is-label input::placeholder{visibility:hidden}.vchasno-ui-date-picker.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-flex-box{align-content:flex-start;display:flex;flex-direction:row;gap:10px;max-width:100%}.vchasno-ui-text{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-text.--ellipsis{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-text.--secondary{color:var(--vchasno-ui-text-secondary-color,#5a6a81)}.vchasno-ui-text.--success{color:var(--vchasno-ui-text-success-color,#1cb800)}.vchasno-ui-text.--warning{color:var(--vchasno-ui-text-warning-color,#ff9c01)}.vchasno-ui-text.--danger{color:var(--vchasno-ui-text-error-color,#f54f4f)}.vchasno-ui-text.--code{background:hsla(0,0%,59%,.1);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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,#f54f4f);content:"*";position:relative;right:-2px;top:-3px}strong.vchasno-ui-text{font-weight:700}.vchasno-ui-FollowUs{min-height:24px;min-width:24px}.vchasno-ui-FollowUs__label{font-size:14px}.vchasno-ui-FollowUs__link{display:block;flex-grow:0;flex-shrink:0;height:24px;transition:filter .3s;width:24px}.vchasno-ui-FollowUs__link img{display:block}.vchasno-ui-FollowUs__link:hover{filter:brightness(80%)}.vchasno-ui-input{display:inline-flex;flex-direction:column;gap:5px;max-width:100%}.vchasno-ui-input input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input .vchasno-ui-mask-input,.vchasno-ui-input .vchasno-ui-text-input{flex-grow:1}.vchasno-ui-input.--wide{width:100%}.vchasno-ui-input__wrapper{align-items:center;background-color:var(--vchasno-ui-input-bg-color);border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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.--is-label input::placeholder{visibility:hidden}.vchasno-ui-input.--is-label:focus-within input::placeholder{visibility:visible}.vchasno-ui-mask-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);position:relative}.vchasno-ui-mask-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.szh-menu-button{box-sizing:border-box}.vchasno-ui-menu-button{align-items:center;border:none;border-radius: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}.vchasno-ui-menu-submenu.szh-menu__submenu>.szh-menu__item{padding:10px 12px}.vchasno-ui-menu-submenu .szh-menu__item--submenu:after{display:none}.vchasno-ui-menu-submenu-label-container{width:100%}.szh-menu{background-color:#fff;border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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-paragraph.--text-center{text-align:center}.vchasno-ui-paragraph.--text-left{text-align:left}.vchasno-ui-paragraph.--text-right{text-align:right}.vchasno-ui-paragraph.--text-justify{text-align:justify}.vchasno-ui-ProjectsPopover{background-color:#fff;border-radius: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 #e2e9f3}.vchasno-ui-ProjectsPopover__title{font-size:16px;font-style:normal;font-weight:500;line-height:18px;width:100%}.vchasno-ui-ProjectsPopover__box{align-items:center;aspect-ratio:198/80;border:1px solid #e2e9f3;border-radius: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:#f3f8fb;cursor:pointer}.vchasno-ui-ProjectsPopover__box__title{font-size:14px;font-style:normal;font-weight:400;line-height:26px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer{align-items:center;background:#e0eeff;border-radius:0 0 4px 4px;color:#6e809a;display:flex;font-size:12px;font-weight:400;justify-content:center;margin:0 -16px;min-height:42px}.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer>a{color:#0890de;text-decoration:none}.vchasno-ui-ProjectsPopover__tooltip-hint{text-align:center}@media screen and (width <= 480px){.vchasno-ui-ProjectsPopover{width:330px}.vchasno-ui-ProjectsPopover__box{aspect-ratio:1/1;flex-direction:column;justify-content:center;padding:10px;width:calc(50% - 20px)}}.vchasno-ui-PulseDot{background-color:var(--vchasno-ui-pulse-dot-color);border-radius: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)}.--pulse .vchasno-ui-select__control{animation:box-shadow-pulse 1.5s infinite;box-shadow:0 0 0 0 rgb(var(--vchasno-pulse-animation-color)/30%)}.vchasno-ui-select .vchasno-ui-select__control:has(.vchasno-ui-select__input){cursor:text}.vchasno-ui-select.--disabled .vchasno-ui-select__control{background-color:var(--vchasno-ui-input-bg-color-disabled);border:1px solid var(--vchasno-ui-input-border-color-default)}.vchasno-ui-select .vchasno-ui-select__control.vchasno-ui-select__control--is-disabled{opacity:.8}.vchasno-ui-select .vchasno-ui-select__option,.vchasno-ui-select__menu-portal .vchasno-ui-select__option{transition:opacity var(--vchasno-ui-transition-duration-sec,.3s),background-color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-select.--disabled .vchasno-ui-select__option,.vchasno-ui-select__menu-portal.--disabled .vchasno-ui-select__option{background-color:#f3f8fb;opacity:.8;pointer-events:none}.vchasno-ui-select .vchasno-ui-select__menu,.vchasno-ui-select__menu-portal .vchasno-ui-select__menu{border:1px solid var(--vchasno-ui-input-border-color-default);border-radius: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,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-focused,.vchasno-ui-select__menu-portal .vchasno-ui-select__option--is-selected,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{background-color:var(--vchasno-ui-select-option-bg-selected);color:var(--vchasno-ui-select-option-color-selected)}.vchasno-ui-select .vchasno-ui-select__option:hover,.vchasno-ui-select__menu-portal .vchasno-ui-select__option:hover{cursor:pointer}.vchasno-ui-select.--disabled{cursor:not-allowed}.vchasno-ui-select .vchasno-ui-select__multi-value{background-color:var(--vchasno-ui-select-option-bg-selected);border-radius: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}:root{--toastify-color-light:var(--vchasno-ui-snackbar-color-light);--toastify-color-dark:var(--vchasno-ui-snackbar-color-dark);--toastify-color-info:var(--vchasno-ui-snackbar-color-info);--toastify-color-success:var(--vchasno-ui-snackbar-color-success);--toastify-color-warning:var(--vchasno-ui-snackbar-color-warning);--toastify-color-error:var(--vchasno-ui-snackbar-color-error);--toastify-color-transparent:var(--vchasno-ui-snackbar-color-transparent);--toastify-icon-color-info:var(--vchasno-ui-snackbar-icon-color-info);--toastify-icon-color-success:var(--vchasno-ui-snackbar-icon-color-success);--toastify-icon-color-warning:var(--vchasno-ui-snackbar-icon-color-warning);--toastify-icon-color-error:var(--vchasno-ui-snackbar-icon-color-error);--toastify-toast-width:var(--vchasno-ui-snackbar-toast-width);--toastify-toast-offset:var(--vchasno-ui-snackbar-toast-offset);--toastify-toast-top:var(--vchasno-ui-snackbar-toast-top);--toastify-toast-right:var(--vchasno-ui-snackbar-toast-right);--toastify-toast-left:var(--vchasno-ui-snackbar-toast-left);--toastify-toast-bottom:var(--vchasno-ui-snackbar-toast-bottom);--toastify-toast-background:var(--vchasno-ui-snackbar-toast-background);--toastify-toast-min-height:var(--vchasno-ui-snackbar-toast-min-height);--toastify-toast-max-height:var(--vchasno-ui-snackbar-toast-max-height);--toastify-toast-bd-radius:var(--vchasno-ui-snackbar-toast-bd-radius);--toastify-font-family:var(--vchasno-ui-snackbar-font-family);--toastify-z-index:var(--vchasno-ui-snackbar-z-index);--toastify-text-color-light:var(--vchasno-ui-snackbar-text-color-light);--toastify-text-color-dark:var(--vchasno-ui-snackbar-text-color-dark);--toastify-text-color-info:var(--vchasno-ui-snackbar-text-color-info);--toastify-text-color-success:var(--vchasno-ui-snackbar-text-color-success);--toastify-text-color-warning:var(--vchasno-ui-snackbar-text-color-warning);--toastify-text-color-error:var(--vchasno-ui-snackbar-text-color-error);--toastify-spinner-color:var(--vchasno-ui-snackbar-spinner-color);--toastify-spinner-color-empty-area:var(--vchasno-ui-snackbar-spinner-color-empty-area);--toastify-color-progress-light:var(--vchasno-ui-snackbar-color-progress-light);--toastify-color-progress-dark:var(--vchasno-ui-snackbar-color-progress-dark);--toastify-color-progress-info:var(--vchasno-ui-snackbar-color-progress-info);--toastify-color-progress-success:var(--vchasno-ui-snackbar-color-progress-success);--toastify-color-progress-warning:var(--vchasno-ui-snackbar-color-progress-warning);--toastify-color-progress-error:var(--vchasno-ui-snackbar-color-progress-error);--toastify-color-progress-bgo:var(--vchasno-ui-snackbar-color-progress-bgo)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translateZ(var(--toastify-z-index));width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (width <= 480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{-ms-flex-pack:justify;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgb(0 0 0/5%);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{-ms-flex-align:center;align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1;word-break:break-word}.Toastify__toast-icon{-ms-flex-negative:0;-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (width <= 480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{-ms-flex-item-align:start;align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vchasno-ui-snackbar .vchasno-ui-snackbar-toast{background:var(--vchasno-ui-snackbar-toast-background);border-radius:var(--toastify-toast-bd-radius);box-sizing:border-box;max-width:var(--vchasno-ui-snackbar-toast-max-width);min-width:var(--vchasno-ui-snackbar-toast-min-width);padding:5px 10px;width:auto}.vchasno-ui-snackbar .vchasno-ui-snackbar-body{padding:0 8px 0 0}.vchasno-ui-snackbar-with-action-container{align-items:center;display:flex;gap:26px;justify-content:space-between;padding-bottom:5px;padding-top:5px}.vchasno-ui-snackbar-action-button{border:none;color:var(--vchasno-ui-snackbar-action-button-color);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;line-height:20px;margin-left:auto}.vchasno-ui-snackbar .Toastify__toast-icon{font-size:20px;margin-right:10px}.vchasno-ui-snackbar .Toastify__close-button{align-items:center;align-self:center;display:flex;justify-content:center}.vchasno-ui-SplashLogo__logo-box{--vchasno-ui-splash-screen-logo-box-width:300px;--vchasno-ui-splash-screen-logo-box-height:100px;--vchasno-ui-splash-screen-logo-color:#252d3d;--vchasno-ui-splash-screen-animation-duration:2s;animation:wave var(--vchasno-ui-splash-screen-animation-duration) infinite linear forwards;background-image:linear-gradient(to right,transparent,var(--vchasno-ui-splash-screen-logo-color),transparent);background-size:var(--vchasno-ui-splash-screen-logo-box-width) var(--vchasno-ui-splash-screen-logo-box-height);display:inline-block;height:var(--vchasno-ui-splash-screen-logo-box-height);width:var(--vchasno-ui-splash-screen-logo-box-width)}@keyframes wave{0%{background-position:calc(var(--vchasno-ui-splash-screen-logo-box-width)*-1) 0}to{background-position:0 0}}.vchasno-ui-SvgBorder{--vchasno-ui-svg-border-animation-duration-sec:1s;--vchasno-ui-svg-border-stroke-dashoffset:100%;position:relative}.vchasno-ui-SvgBorder__svg{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;transform:translateZ(0);transition:var(--vchasno-ui-transition-duration-sec);z-index:-1}.vchasno-ui-SvgBorder__svg--animation-border-offset{animation:stroke-offset var(--vchasno-ui-svg-border-animation-duration-sec) linear infinite;animation-play-state:paused}.vchasno-ui-SvgBorder__svg--animation-play{animation-play-state:running}@keyframes stroke-offset{to{stroke-dashoffset:var(--vchasno-ui-svg-border-stroke-dashoffset)}}.vchasno-ui-switch{--vchasno-ui-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;transform:translateX(0);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),width var(--vchasno-ui-transition-duration-sec,.3s);width:10px;z-index:1}.--h-scroll .vchasno-ui-tabs__indicator{display:none}.vchasno-ui-tabs-wrapper-root.--skip-animation .vchasno-ui-tabs__indicator{transition:none}.vchasno-ui-tabs__label-item{align-items:center;color:#252d3d;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;height:50px;padding:0 15px;position:relative;transition:color var(--vchasno-ui-transition-duration-sec),background-color var(--vchasno-ui-transition-duration-sec);user-select:none}.vchasno-ui-tabs__label-item:after{background-color:var(--active-color);border-radius: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 #e2e9f3}.vchasno-ui-tabs__label-item.--active,.vchasno-ui-tabs__label-item:not(.--disabled):hover{color:var(--active-color)}.vchasno-ui-tabs__label-item.--disabled{cursor:not-allowed;opacity:.5}.vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper{height:auto;padding-bottom:10px;padding-top:10px}.vchasno-ui-textarea-input{border:0;color:var(--vchasno-ui-text-primary-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);resize:none;width:100%}.vchasno-ui-textarea-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:calc(var(--vchasno-ui-input-font-size)*1.2);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper__label{transform:none}.vchasno-ui-textarea-input+.vchasno-ui-label-text{top:0;transform:translateY(10px);transition:transform var(--vchasno-ui-transition-duration-sec,.3s),font-size var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-textarea-input:focus:not(.--disabled)+.vchasno-ui-label-text,.vchasno-ui-textarea-input:not(:placeholder-shown)+.vchasno-ui-label-text{top:0;transform:translateY(-12px)}.vchasno-ui-text-input{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size)}.vchasno-ui-text-input::-webkit-inner-spin-button,.vchasno-ui-text-input::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-text-input[type=number]{appearance:textfield}.vchasno-ui-text-input::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}@supports selector(:not(:placeholder-shown)){.vchasno-ui-input__clear-btn{transform:scale(0)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}.vchasno-ui-text-input:not(:placeholder-shown)+.vchasno-ui-label-text+.vchasno-ui-input__feedback .vchasno-ui-input__clear-btn{transform:scale(1)}}.vchasno-ui-title{color:var(--vchasno-ui-text-primary-color,#252d3d)}.vchasno-ui-title.--pretty{text-wrap:pretty}.vchasno-ui-title.--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vchasno-ui-title h1,h1.vchasno-ui-title{font-size:32px;font-weight:700;line-height:40px}.vchasno-ui-title h2,h2.vchasno-ui-title{font-size:24px;font-weight:700;line-height:28px}.vchasno-ui-title h3,h3.vchasno-ui-title{font-size:20px;font-weight:500;line-height:24px}.vchasno-ui-title h4,h4.vchasno-ui-title{font-size:16px;font-weight:400;line-height:20px}.vchasno-ui-title h5,h5.vchasno-ui-title{font-size:12px;font-weight:400;line-height:14px}.vchasno-ui-PasswordInput{font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);min-width:176px}.vchasno-ui-PasswordInput::-webkit-inner-spin-button,.vchasno-ui-PasswordInput::-webkit-outer-spin-button{appearance:none;margin:0}.vchasno-ui-PasswordInput::placeholder{color:var(--vchasno-ui-input-placeholder-color);font-size:var(--vchasno-ui-input-font-size);line-height:var(--vchasno-ui-input-font-size);transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-PasswordInput--type-password{caret-color:var(--vchasno-ui-input-placeholder-color);font-family:Verdana,sans-serif}.vchasno-ui-PasswordInput--type-password:not(:placeholder-shown){letter-spacing:.2em}.vchasno-ui-PasswordInput__eye{color:var(--vchasno-ui-input-font-color-disabled);cursor:pointer;display:flex;flex-shrink:0;place-items:center center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px}.vchasno-ui-PasswordInput__eye--active{color:var(--vchasno-ui-input-placeholder-color)}.vchasno-ui-PasswordInput__eye svg{transition:color var(--vchasno-ui-transition-duration-sec,.3s)}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye){padding-right:40px}.vchasno-ui-input__wrapper:has(.vchasno-ui-PasswordInput__eye) .vchasno-ui-input__feedback{display:none}.vchasno-ui-slider.vchasno-ui-slider-root{height:2px}.vchasno-ui-slider .vchasno-ui-slider-mark{background-color:#e2e9f3;border-radius: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:#e2e9f3}.vchasno-ui-slider .vchasno-ui-slider-track{background-color:var(--vchasno-ui-slider-color);border-color:var(--vchasno-ui-slider-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb{background-color:var(--vchasno-ui-slider-color);height:24px;width:24px}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-focusVisible,.vchasno-ui-slider .vchasno-ui-slider-thumb:hover{box-shadow:0 0 0 8px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-slider .vchasno-ui-slider-thumb.Mui-active{box-shadow:0 0 0 14px var(--vchasno-ui-slider-thumb-box-shadow-color)}.vchasno-ui-breadcrumbs{font-size:14px;line-height:20px}.vchasno-ui-breadcrumbs-separator{margin:0 2px}

package/package.json

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