@scbt-ecom/ui 0.157.2 → 0.158.0

package/dist/lib/exports/widget.js

@@ -1,2 +1,2 @@
-import{queryClient as e}from"../widgets/queryClientProvider/QueryClientProvider.js";import{Benefit as f}from"../widgets/benefit/Benefit.js";import{Header as p}from"../widgets/header/Header.js";import{Banner as a}from"../widgets/banner/Banner.js";import{Footer as l}from"../widgets/footer/Footer.js";import{Stepper as c}from"../widgets/stepper/Stepper.js";import{LongBanner as I}from"../widgets/longBanner/LongBanner.js";import{AuthProvider as u}from"../widgets/authProvider/AuthProvider.js";import{InterLinking as T}from"../widgets/interLinking/InterLinking.js";import{UsefulInfo as F}from"../widgets/usefulInfo/UsefulInfo.js";import{DynamicForm as g}from"../widgets/dynamicForm/DynamicForm.js";import{DynamicFormDialog as D}from"../widgets/dynamicFormDialog/DynamicFormDialog.js";import{ButtonWithHandlers as S}from"../widgets/buttonWithHandlers/ButtonWithHandlers.js";import{KEYS_OF_WIDGET_LIST as b,WIDGET_LIST_MAP as E,widgetIds as P}from"../widgets/model/helpers.js";import{FallbacksView as y}from"../widgets/fallbacksView/FallbacksView.js";import{ErrorPage as W}from"../widgets/errorPage/ErrorPage.js";import{HTMLParser as A}from"../widgets/htmlParser/htmlParser.js";import{HTMLRenderer as U}from"../widgets/htmlParser/HTMLRenderer.js";import{Breadcrumbs as q}from"../widgets/breadcrumbs/Breadcrumbs.js";import{SeoHeader as K}from"../widgets/seoHeader/SeoHeader.js";import{Calculator as R}from"../widgets/calculator/Calculator.js";import{CalculatorView as j}from"../widgets/calculator/CalculatorView.js";import{InfoBlock as J}from"../widgets/infoBlock/InfoBlock.js";import{UserFeedback as Q}from"../widgets/userFeedback/UserFeedback.js";import{InfoTable as Z}from"../widgets/table/InfoTable.js";import{ConditionBlock as rr}from"../widgets/conditionBlock/ConditionBlock.js";import{CarouselBlock as er}from"../widgets/carouselBlock/CarouselBlock.js";export{u as AuthProvider,a as Banner,f as Benefit,q as Breadcrumbs,S as ButtonWithHandlers,R as Calculator,j as CalculatorView,er as CarouselBlock,rr as ConditionBlock,g as DynamicForm,D as DynamicFormDialog,W as ErrorPage,y as FallbacksView,l as Footer,A as HTMLParser,U as HTMLRenderer,p as Header,J as InfoBlock,Z as InfoTable,T as InterLinking,b as KEYS_OF_WIDGET_LIST,I as LongBanner,K as SeoHeader,c as Stepper,F as UsefulInfo,Q as UserFeedback,E as WIDGET_LIST_MAP,e as queryClient,P as widgetIds};
+import{queryClient as e}from"../widgets/queryClientProvider/QueryClientProvider.js";import{Benefit as f}from"../widgets/benefit/Benefit.js";import{Header as p}from"../widgets/header/Header.js";import{Banner as a}from"../widgets/banner/Banner.js";import{Footer as l}from"../widgets/footer/Footer.js";import{Stepper as c}from"../widgets/stepper/Stepper.js";import{LongBanner as s}from"../widgets/longBanner/LongBanner.js";import{InterLinking as B}from"../widgets/interLinking/InterLinking.js";import{UsefulInfo as T}from"../widgets/usefulInfo/UsefulInfo.js";import{DynamicForm as F}from"../widgets/dynamicForm/DynamicForm.js";import{DynamicFormDialog as g}from"../widgets/dynamicFormDialog/DynamicFormDialog.js";import{ButtonWithHandlers as D}from"../widgets/buttonWithHandlers/ButtonWithHandlers.js";import{KEYS_OF_WIDGET_LIST as H,WIDGET_LIST_MAP as S,widgetIds as _}from"../widgets/model/helpers.js";import{FallbacksView as w}from"../widgets/fallbacksView/FallbacksView.js";import{ErrorPage as M}from"../widgets/errorPage/ErrorPage.js";import{HTMLParser as W}from"../widgets/htmlParser/htmlParser.js";import{HTMLRenderer as U}from"../widgets/htmlParser/HTMLRenderer.js";import{Breadcrumbs as h}from"../widgets/breadcrumbs/Breadcrumbs.js";import{SeoHeader as A}from"../widgets/seoHeader/SeoHeader.js";import{Calculator as O}from"../widgets/calculator/Calculator.js";import{CalculatorView as Y}from"../widgets/calculator/CalculatorView.js";import{InfoBlock as v}from"../widgets/infoBlock/InfoBlock.js";import{UserFeedback as J}from"../widgets/userFeedback/UserFeedback.js";import{InfoTable as Q}from"../widgets/table/InfoTable.js";import{ConditionBlock as Z}from"../widgets/conditionBlock/ConditionBlock.js";import{CarouselBlock as rr}from"../widgets/carouselBlock/CarouselBlock.js";import{Esia as er}from"../widgets/esia/Esia.js";export{a as Banner,f as Benefit,h as Breadcrumbs,D as ButtonWithHandlers,O as Calculator,Y as CalculatorView,rr as CarouselBlock,Z as ConditionBlock,F as DynamicForm,g as DynamicFormDialog,M as ErrorPage,er as Esia,w as FallbacksView,l as Footer,W as HTMLParser,U as HTMLRenderer,p as Header,v as InfoBlock,Q as InfoTable,B as InterLinking,H as KEYS_OF_WIDGET_LIST,s as LongBanner,A as SeoHeader,c as Stepper,T as UsefulInfo,J as UserFeedback,S as WIDGET_LIST_MAP,e as queryClient,_ as widgetIds};
 //# sourceMappingURL=widget.js.map

package/dist/lib/shared/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0 14px);background-size:2000% 2000%}.unset-all-apply{all:unset}.skeleton-apply{background:linear-gradient(80deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.gradient-apply{background:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.text-balance{text-wrap:balance}@keyframes shine{to{background-position-x:-200%}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1188px){.container{max-width:1188px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mob-headline-bold-m{font-size:28px;font-weight:700;line-height:32px}.mob-headline-bold-s{font-size:24px;font-weight:700;line-height:30px}.mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}.mob-title-bold-m{font-size:18px;font-weight:700;line-height:22px}.mob-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.mob-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.mob-body-medium-m{font-size:14px;font-weight:500;line-height:20px}.mob-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.mob-body-regular-s{font-size:12px;font-weight:400;line-height:20px}.desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-12{left:-3rem}.-right-12{right:-3rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-\[30px\]{top:30px}.top-\[50px\]{top:50px}.top-\[80\%\]{top:80%}.top-\[9px\]{top:9px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-\[1000\]{z-index:1000}.z-\[4\]{z-index:4}.z-\[60\]{z-index:60}.z-\[6\]{z-index:6}.z-\[7\]{z-index:7}.z-\[8\]{z-index:8}.z-\[9\]{z-index:9}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-top:5rem;margin-bottom:5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.-ml-4{margin-left:-1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-28{width:7rem;height:7rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-\[19px\]{width:19px;height:19px}.size-\[3px\]{width:3px;height:3px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[139px\]{height:139px}.h-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[238px\]{height:238px}.h-\[246px\]{height:246px}.h-\[24px\]{height:24px}.h-\[280px\]{height:280px}.h-\[32px\]{height:32px}.h-\[356px\]{height:356px}.h-\[360px\]{height:360px}.h-\[368px\]{height:368px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[450px\]{height:450px}.h-\[4px\]{height:4px}.h-\[552px\]{height:552px}.h-\[60vh\]{height:60vh}.h-\[64px\]{height:64px}.h-\[74px\]{height:74px}.h-\[90px\]{height:90px}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-6{max-height:1.5rem}.max-h-\[264px\]{max-height:264px}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.max-h-\[70px\]{max-height:70px}.max-h-\[80px\]{max-height:80px}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[350px\]{min-height:350px}.min-h-\[54px\]{min-height:54px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-fit{width:fit-content!important}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[160px\]{width:160px}.w-\[192px\]{width:192px}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[328px\]{width:328px}.w-\[328xp\]{width:328xp}.w-\[330px\]{width:330px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[476px\]{width:476px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[60vw\]{width:60vw}.w-\[80\%\]{width:80%}.w-\[800px\]{width:800px}.w-\[clamp\(360px\,90vw\,1200px\)\]{width:clamp(360px,90vw,1200px)}.w-\[var\(--mobile-width\)\]{width:var(--mobile-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[328px\]{min-width:328px}.min-w-full{min-width:100%}.max-w-6{max-width:1.5rem}.max-w-64{max-width:16rem}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[240px\]{max-width:240px}.max-w-\[328px\]{max-width:328px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[432px\]{max-width:432px}.max-w-\[456px\]{max-width:456px}.max-w-\[464px\]{max-width:464px}.max-w-\[476px\]{max-width:476px}.max-w-\[500px\]{max-width:500px}.max-w-\[512px\]{max-width:512px}.max-w-\[540px\]{max-width:540px}.max-w-\[600px\]{max-width:600px}.max-w-\[604px\]{max-width:604px}.max-w-\[636px\]{max-width:636px}.max-w-\[656px\]{max-width:656px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-\[840px\]{max-width:840px}.max-w-\[calc\(636px-32px\)\]{max-width:604px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-center{transform-origin:center}.\!-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!-translate-y-1\/2{--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[100\%\]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}@keyframes progress-loader{to{background-position:100% 100%}}.animate-progress-loader{animation:progress-loader 250s linear infinite}@keyframes scale-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.animate-scale-in{animation:scale-in .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[248px_1fr\]{grid-template-columns:248px 1fr}.grid-cols-\[248px_1fr_1fr\]{grid-template-columns:248px 1fr 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[repeat\(3\,minmax\(136px\,1fr\)\)\]{grid-template-rows:repeat(3,minmax(136px,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-\[56px\]{column-gap:56px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-center{justify-self:center}.\!overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-keep{word-break:keep-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-md{border-top-left-radius:8px}.rounded-tr-md{border-top-right-radius:8px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-primary-hover{--tw-border-opacity: 1 !important;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))!important}.\!border-transparent{border-color:transparent!important}.border-blue-grey-500{--tw-border-opacity: 1;border-color:rgb(169 182 197 / var(--tw-border-opacity, 1))}.border-blue-grey-700{--tw-border-opacity: 1;border-color:rgb(105 128 154 / var(--tw-border-opacity, 1))}.border-negative{--tw-border-opacity: 1;border-color:rgb(244 37 0 / var(--tw-border-opacity, 1))}.border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.border-secondary-default{--tw-border-opacity: 1;border-color:rgb(252 80 85 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warm-grey-200{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))}.border-warm-grey-300{--tw-border-opacity: 1;border-color:rgb(195 195 195 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\)\]{--tw-border-opacity: 1;border-bottom-color:rgba(234,237,241,var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\,1\)\]{border-bottom-color:#eaedf1}.border-b-blue-grey-200{--tw-border-opacity: 1;border-bottom-color:rgb(234 237 241 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.\!bg-color-blue-grey-200{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-default{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-hover{--tw-bg-opacity: 1 !important;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))!important}.\!bg-color-secondary-default{--tw-bg-opacity: 1 !important;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))!important}.\!bg-color-transparent{background-color:transparent!important}.bg-\[\#52576a\]{--tw-bg-opacity: 1;background-color:rgb(82 87 106 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F7\]{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-\[\#F4F9FD\]{--tw-bg-opacity: 1;background-color:rgb(244 249 253 / var(--tw-bg-opacity, 1))}.bg-\[\#F7FBFF\]{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-banner-barvcray-300{--tw-bg-opacity: 1;background-color:rgb(221 225 232 / var(--tw-bg-opacity, 1))}.bg-banner-lavender-300{--tw-bg-opacity: 1;background-color:rgb(208 211 241 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-100{--tw-bg-opacity: 1;background-color:rgb(244 248 254 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-300{--tw-bg-opacity: 1;background-color:rgb(217 237 255 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-100{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-200{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-500{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.bg-color-dark{--tw-bg-opacity: 1;background-color:rgb(41 41 41 / var(--tw-bg-opacity, 1))}.bg-color-footer{--tw-bg-opacity: 1;background-color:rgb(64 70 90 / var(--tw-bg-opacity, 1))}.bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}.bg-color-negative-light{--tw-bg-opacity: 1;background-color:rgb(255 210 202 / var(--tw-bg-opacity, 1))}.bg-color-overlay{background-color:#0000004d}.bg-color-positive{--tw-bg-opacity: 1;background-color:rgb(118 188 33 / var(--tw-bg-opacity, 1))}.bg-color-positive-light{--tw-bg-opacity: 1;background-color:rgb(228 246 206 / var(--tw-bg-opacity, 1))}.bg-color-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.bg-color-primary-light-default{--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.bg-color-primary-tr-hover{background-color:#00379014}.bg-color-primary-tr-pressed{background-color:#00379033}.bg-color-secondary-default{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.bg-color-transparent{background-color:transparent}.bg-color-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 238 204 / var(--tw-bg-opacity, 1))}.bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-icon-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.\!bg-none{background-image:none!important}.bg-\[linear-gradient\(97\.94deg\,_\#dae4f2_-14\.21\%\,_\#afcffc_47\.44\%\,_\#79aef8_107\.86\%\)\;\]{background-image:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.fill-\[\#b0c0d2\]{fill:#b0c0d2}.fill-dark-hover{fill:#535353}.fill-secondary-default{fill:#fc5055}.fill-transparent{fill:transparent}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[9px\]{padding-bottom:9px}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[25px\]{padding-top:25px}.pt-\[27px\]{padding-top:27px}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.text-40,.text-\[40px\]{font-size:40px}.text-\[64px\]{font-size:64px}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-16{line-height:16px}.leading-20{line-height:20px}.leading-22{line-height:22px}.leading-24{line-height:24px}.leading-30{line-height:30px}.leading-32{line-height:32px}.leading-40{line-height:40px}.leading-48{line-height:48px}.leading-\[72px\]{line-height:72px}.\!text-color-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\!text-icon-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.text-\[\#02A8FC\]{--tw-text-opacity: 1;color:rgb(2 168 252 / var(--tw-text-opacity, 1))}.text-\[\#5A6E85\]{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-\[\#9ADCFE\]{--tw-text-opacity: 1;color:rgb(154 220 254 / var(--tw-text-opacity, 1))}.text-color-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-color-current{color:currentColor}.text-color-dark{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-color-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-color-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.text-color-negative{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-color-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-color-primary-default\/20{color:#00379033}.text-color-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.text-color-secondary{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.text-color-tetriary{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-color-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-100{--tw-text-opacity: 1;color:rgb(243 244 247 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-icon-dark-hover{--tw-text-opacity: 1;color:rgb(83 83 83 / var(--tw-text-opacity, 1))}.text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-icon-negative-default{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-icon-positive-default{--tw-text-opacity: 1;color:rgb(118 188 33 / var(--tw-text-opacity, 1))}.text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-icon-secondary-dark-default{--tw-text-opacity: 1;color:rgb(241 47 52 / var(--tw-text-opacity, 1))}.text-icon-secondary-default{--tw-text-opacity: 1;color:rgb(252 80 85 / var(--tw-text-opacity, 1))}.text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-\[0_16px_24px_0px_rgba\(0\,33\,87\,0\.16\)\]{--tw-shadow: 0 16px 24px 0px rgba(0,33,87,.16);--tw-shadow-colored: 0 16px 24px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_0px_rgba\(41\,41\,41\,0\.08\)\]{--tw-shadow: 0 8px 20px 0px rgba(41,41,41,.08);--tw-shadow-colored: 0 8px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_-6px_8px_0px_\#2929290A\]{--tw-shadow: 0px -6px 8px 0px #2929290A;--tw-shadow-colored: 0px -6px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 8px 20px 0 rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-offset-4{outline-offset:4px}.outline-offset-\[3px\]{outline-offset:3px}.outline-transparent{outline-color:transparent}.outline-warm-grey-200{outline-color:#e4e4e4}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-\[color\]{transition-property:color;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-12{transition-duration:.12s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-12{animation-duration:.12s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:root{--ff-roboto: "Roboto", sans-serif}*{box-sizing:border-box;padding:0;margin:0}strong{font-weight:500!important}body,html{font-family:var(--ff-roboto),sans-serif;color:#292929}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 5000s ease-in-out 0s}.Tiptap-invisible-character{background:#ffc8004d;border-radius:2px}.Tiptap-invisible-character--nbsp,.Tiptap-invisible-character--hard-break-default,.Tiptap-invisible-character--hard-break-desktop,.Tiptap-invisible-character--hard-break-mobile{outline:1px dashed rgba(255,170,0,.8)}.Tiptap-invisible-character--nbsp:after{content:" ";font-size:12px}.Tiptap-invisible-character--hard-break-desktop:after{content:"⏎ 🖥️";font-size:.75em}.Tiptap-invisible-character--hard-break-mobile:after{content:"⏎📱";font-size:.75em}.Tiptap-invisible-character--hard-break-default:after{content:"⏎";font-size:.75em}@media(max-width:1187px){.mobile\:mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}}@media(min-width:1188px){.desktop\:desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desktop\:desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desktop\:desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desktop\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desktop\:desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desktop\:desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desktop\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desktop\:desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}}.\[\&\&\]\:desk-title-bold-s.\[\&\&\]\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.\[\&\&\]\:desk-body-regular-m.\[\&\&\]\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.\[\&_label\]\:focus-within\:desk-body-regular-s:focus-within label{font-size:12px;font-weight:400;line-height:16px}.placeholder\:text-color-blue-grey-600::placeholder{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.placeholder\:text-color-disabled::placeholder{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.placeholder\:text-color-transparent::placeholder{color:transparent}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\:h-\[4px\]:before{content:var(--tw-content);height:4px}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-color-transparent:before{content:var(--tw-content);background-color:transparent}.before\:bg-color-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-4:after{content:var(--tw-content);bottom:-1rem}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:top-\[-1px\]:after{content:var(--tw-content);top:-1px}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:z-30:after{content:var(--tw-content);z-index:30}.after\:h-10:after{content:var(--tw-content);height:2.5rem}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:h-\[4px\]:after{content:var(--tw-content);height:4px}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:w-\[calc\(100\%-32px\)\]:after{content:var(--tw-content);width:calc(100% - 32px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:max-w-\[636px\]:after{content:var(--tw-content);max-width:636px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-color-blue-grey-200:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.after\:bg-color-blue-grey-300:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.after\:bg-color-primary-default:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.after\:bg-color-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:duration-100:after{content:var(--tw-content);transition-duration:.1s}.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}.after\:duration-100:after{content:var(--tw-content);animation-duration:.1s}.first\:border-none:first-child{border-style:none}.last\:border-none:last-child{border-style:none}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.odd\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.even\:bg-color-primary-light-default:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.focus-within\:border-blue-grey-800:focus-within{--tw-border-opacity: 1;border-color:rgb(90 110 133 / var(--tw-border-opacity, 1))}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.hover\:bg-color-blue-grey-200:hover{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.hover\:bg-color-blue-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-tr-hover:hover{background-color:#00379014}.hover\:bg-color-secondary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.hover\:text-color-dark:hover{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.hover\:text-color-footer:hover{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-hover:hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.hover\:text-color-secondary:hover{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.hover\:text-color-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-icon-blue-grey-800:hover{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.hover\:text-icon-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0px_0px_0px_1px_rgba\(0\,55\,144\,1\)\]:hover{--tw-shadow: 0px 0px 0px 1px rgba(0,55,144,1);--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:before\:bg-color-primary-tr-hover:hover:before{content:var(--tw-content);background-color:#00379014}.hover\:before\:bg-color-transparent:hover:before{content:var(--tw-content);background-color:transparent}.hover\:after\:bg-color-transparent:hover:after{content:var(--tw-content);background-color:transparent}.focus\:bg-color-primary-default:focus{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-focus:focus{--tw-bg-opacity: 1;background-color:rgb(36 119 255 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-hover:focus{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-tr-focus:focus{background-color:#0037901f}.focus\:bg-color-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.focus\:text-color-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-primary-focus:focus{outline-color:#2477ff}.focus\:before\:bg-color-primary-tr-pressed:focus:before{content:var(--tw-content);background-color:#00379033}.focus-visible\:border-solid:focus-visible{border-style:solid}.focus-visible\:border-primary-default:focus-visible{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-focus:focus-visible{--tw-border-opacity: 1;border-color:rgb(36 119 255 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.focus-visible\:bg-color-blue-grey-200:focus-visible{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-color-primary-tr-hover:focus-visible{background-color:#00379014}.focus-visible\:text-color-primary-default:focus-visible{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.focus-visible\:text-color-white:focus-visible{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-primary-focus:focus-visible{outline-color:#2477ff}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:border-solid:active{border-style:solid}.active\:border-primary-hover:active{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.active\:bg-color-blue-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-hover:active{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-tr-pressed:active{background-color:#00379033}.active\:bg-color-secondary-hover:active{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.active\:text-color-primary-hover:active,.active\:text-icon-primary-hover:active{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-width:0px}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-color-blue-grey-200:disabled{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-blue-grey-300:disabled{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-primary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-secondary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(255 183 191 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-transparent:disabled{background-color:transparent}.disabled\:text-color-dark:disabled{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.disabled\:text-color-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-color-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:text-icon-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-icon-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group\/icon:focus-within .group-focus-within\/icon\:text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:visible{visibility:visible}.group:hover .group-hover\:text-icon-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-secondary-dark-hover{--tw-text-opacity: 1;color:rgb(196 3 9 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:opacity-100{opacity:1}.group:focus .group-focus\:text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:active .group-active\:w-full{width:100%}.group:disabled .group-disabled\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=false\]\:bg-color-white[data-open=false]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=\"active\"\]\:\!bg-color-primary-default[data-state=active],.data-\[state\=checked\]\:\!bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:\!bg-color-primary-disabled[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:\!bg-color-blue-grey-200[data-state=unchecked]{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.data-\[state\=\"active\"\]\:\!text-color-white[data-state=active]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:data-\[state\=checked\]\:bg-color-primary-hover[data-state=checked]:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.group:active .data-\[state\=checked\]\:group-active\:translate-x-0[data-state=checked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:border-0{border-width:0px}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-disabled{--tw-border-opacity: 1;border-color:rgb(128 155 199 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.group:disabled[data-state=checked] .group-disabled\:group-data-\[state\=checked\]\:bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}@media(min-width:1024px){.lg\:w-\[var\(--desktop-width\)\]{width:var(--desktop-width)}}@media(max-width:1187px){.mobile\:absolute{position:absolute}.mobile\:bottom-0{bottom:0}.mobile\:m-0{margin:0}.mobile\:mx-auto{margin-left:auto;margin-right:auto}.mobile\:mb-2{margin-bottom:.5rem}.mobile\:mb-6{margin-bottom:1.5rem}.mobile\:mt-6{margin-top:1.5rem}.mobile\:flex{display:flex}.mobile\:hidden{display:none}.mobile\:h-\[320px\]{height:320px}.mobile\:w-\[240px\]{width:240px}.mobile\:w-\[320px\]{width:320px}.mobile\:w-\[328px\]{width:328px}.mobile\:w-full{width:100%}.mobile\:max-w-\[360px\]{max-width:360px}.mobile\:grid-rows-\[400px\,1fr\,1fr\,400px\]{grid-template-rows:400px 1fr 1fr 400px}.mobile\:grid-rows-\[repeat\(2\,400px\)\]{grid-template-rows:repeat(2,400px)}.mobile\:flex-col{flex-direction:column}.mobile\:items-center{align-items:center}.mobile\:gap-4{gap:1rem}.mobile\:gap-8{gap:2rem}.mobile\:border-b{border-bottom-width:1px}.mobile\:bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.mobile\:px-4{padding-left:1rem;padding-right:1rem}.mobile\:py-8{padding-top:2rem;padding-bottom:2rem}.mobile\:pb-\[176px\]{padding-bottom:176px}.mobile\:last\:mb-0:last-child{margin-bottom:0}.mobile\:last\:border-none:last-child{border-style:none}.mobile\:last\:pb-0:last-child{padding-bottom:0}}@media(min-width:1188px){.desktop\:static{position:static}.desktop\:absolute{position:absolute}.desktop\:bottom-\[-50px\]{bottom:-50px}.desktop\:left-auto{left:auto}.desktop\:right-1\/2{right:50%}.desktop\:right-20{right:5rem}.desktop\:col-span-1{grid-column:span 1 / span 1}.desktop\:col-span-2{grid-column:span 2 / span 2}.desktop\:my-8{margin-top:2rem;margin-bottom:2rem}.desktop\:mb-11{margin-bottom:2.75rem}.desktop\:mb-12{margin-bottom:3rem}.desktop\:mb-6{margin-bottom:1.5rem}.desktop\:ml-8{margin-left:2rem}.desktop\:mt-12{margin-top:3rem}.desktop\:mt-6{margin-top:1.5rem}.desktop\:mt-8{margin-top:2rem}.desktop\:flex{display:flex}.desktop\:grid{display:grid}.desktop\:hidden{display:none}.desktop\:size-12{width:3rem;height:3rem}.desktop\:size-8{width:2rem;height:2rem}.desktop\:h-\[177px\]{height:177px}.desktop\:h-\[232px\]{height:232px}.desktop\:h-\[272px\]{height:272px}.desktop\:h-\[32px\]{height:32px}.desktop\:h-\[360px\]{height:360px}.desktop\:h-\[456px\]{height:456px}.desktop\:h-\[72px\]{height:72px}.desktop\:\!w-fit{width:fit-content!important}.desktop\:w-\[1140px\]{width:1140px}.desktop\:w-\[190px\]{width:190px}.desktop\:w-\[194px\]{width:194px}.desktop\:w-\[200px\]{width:200px}.desktop\:w-\[216px\]{width:216px}.desktop\:w-\[240px\]{width:240px}.desktop\:w-\[256px\]{width:256px}.desktop\:w-\[264px\]{width:264px}.desktop\:w-\[280px\]{width:280px}.desktop\:w-\[285px\]{width:285px}.desktop\:w-\[348px\]{width:348px}.desktop\:w-\[386px\]{width:386px}.desktop\:w-\[500px\]{width:500px}.desktop\:w-\[524px\]{width:524px}.desktop\:w-\[550px\]{width:550px}.desktop\:w-\[636px\]{width:636px}.desktop\:w-fit{width:fit-content}.desktop\:w-full{width:100%}.desktop\:w-max{width:max-content}.desktop\:min-w-\[1140px\]{min-width:1140px}.desktop\:max-w-\[1140px\]{max-width:1140px}.desktop\:max-w-\[216px\]{max-width:216px}.desktop\:max-w-\[264px\]{max-width:264px}.desktop\:max-w-\[348px\]{max-width:348px}.desktop\:max-w-\[464px\]{max-width:464px}.desktop\:max-w-\[524px\]{max-width:524px}.desktop\:max-w-\[576px\]{max-width:576px}.desktop\:max-w-\[600px\]{max-width:600px}.desktop\:max-w-\[860px\]{max-width:860px}.desktop\:max-w-full{max-width:100%}.desktop\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.desktop\:grid-cols-\[repeat\(2\,minmax\(353px\,1fr\)\)\]{grid-template-columns:repeat(2,minmax(353px,1fr))}.desktop\:grid-rows-\[repeat\(2\,minmax\(160px\,1fr\)\)\]{grid-template-rows:repeat(2,minmax(160px,1fr))}.desktop\:flex-row{flex-direction:row}.desktop\:flex-row-reverse{flex-direction:row-reverse}.desktop\:flex-col{flex-direction:column}.desktop\:items-start{align-items:flex-start}.desktop\:items-end{align-items:flex-end}.desktop\:items-center{align-items:center}.desktop\:justify-normal{justify-content:normal}.desktop\:justify-start{justify-content:flex-start}.desktop\:justify-center{justify-content:center}.desktop\:justify-between{justify-content:space-between}.desktop\:gap-0{gap:0px}.desktop\:gap-10{gap:2.5rem}.desktop\:gap-12{gap:3rem}.desktop\:gap-4{gap:1rem}.desktop\:gap-6{gap:1.5rem}.desktop\:gap-8{gap:2rem}.desktop\:gap-x-10{column-gap:2.5rem}.desktop\:gap-x-4{column-gap:1rem}.desktop\:gap-y-4{row-gap:1rem}.desktop\:gap-y-8{row-gap:2rem}.desktop\:whitespace-nowrap{white-space:nowrap}.desktop\:rounded-md{border-radius:8px}.desktop\:border{border-width:1px}.desktop\:border-none{border-style:none}.desktop\:p-0{padding:0}.desktop\:p-14{padding:3.5rem}.desktop\:p-4{padding:1rem}.desktop\:p-6{padding:1.5rem}.desktop\:p-8{padding:2rem}.desktop\:px-0{padding-left:0;padding-right:0}.desktop\:px-4{padding-left:1rem;padding-right:1rem}.desktop\:px-6{padding-left:1.5rem;padding-right:1.5rem}.desktop\:px-8{padding-left:2rem;padding-right:2rem}.desktop\:py-0{padding-top:0;padding-bottom:0}.desktop\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.desktop\:py-12{padding-top:3rem;padding-bottom:3rem}.desktop\:py-20{padding-top:5rem;padding-bottom:5rem}.desktop\:py-3{padding-top:.75rem;padding-bottom:.75rem}.desktop\:py-4{padding-top:1rem;padding-bottom:1rem}.desktop\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.desktop\:py-8{padding-top:2rem;padding-bottom:2rem}.desktop\:py-\[17px\]{padding-top:17px;padding-bottom:17px}.desktop\:py-\[80px\]{padding-top:80px;padding-bottom:80px}.desktop\:pb-0{padding-bottom:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pb-8{padding-bottom:2rem}.desktop\:pl-12{padding-left:3rem}.desktop\:pl-5{padding-left:1.25rem}.desktop\:pr-8{padding-right:2rem}.desktop\:pt-0{padding-top:0}.desktop\:pt-20{padding-top:5rem}.desktop\:text-\[80px\]{font-size:80px}.desktop\:leading-\[88px\]{line-height:88px}.desktop\:after\:bottom-auto:after{content:var(--tw-content);bottom:auto}.desktop\:after\:left-auto:after{content:var(--tw-content);left:auto}.desktop\:after\:right-0:after{content:var(--tw-content);right:0}.desktop\:after\:top-1\/2:after{content:var(--tw-content);top:50%}.desktop\:after\:h-10:after{content:var(--tw-content);height:2.5rem}.desktop\:after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.after\:desktop\:max-w-\[1140px\]:after{content:var(--tw-content);max-width:1140px}.desktop\:after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:after\:translate-x-0:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:col-span-2:first-child{grid-column:span 2 / span 2}.desktop\:first\:col-span-full:first-child{grid-column:1 / -1}.desktop\:first\:ml-0:first-child{margin-left:0}.desktop\:first\:after\:absolute:first-child:after{content:var(--tw-content);position:absolute}.desktop\:first\:after\:right-0:first-child:after{content:var(--tw-content);right:0}.desktop\:first\:after\:top-1\/2:first-child:after{content:var(--tw-content);top:50%}.desktop\:first\:after\:block:first-child:after{content:var(--tw-content);display:block}.desktop\:first\:after\:h-\[64px\]:first-child:after{content:var(--tw-content);height:64px}.desktop\:first\:after\:w-\[1px\]:first-child:after{content:var(--tw-content);width:1px}.desktop\:first\:after\:-translate-y-1\/2:first-child:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:after\:bg-color-blue-grey-500:first-child:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.desktop\:first\:after\:content-\[\"\"\]:first-child:after{--tw-content: "";content:var(--tw-content)}.desktop\:last\:col-span-2:last-child{grid-column:span 2 / span 2}.desktop\:last\:pr-0:last-child{padding-right:0}.desktop\:odd\:border-b:nth-child(odd){border-bottom-width:1px}.desktop\:odd\:pb-3:nth-child(odd){padding-bottom:.75rem}}.\[\&\:not\(\:disabled\)\]\:cursor-pointer:not(:disabled){cursor:pointer}.\[\&\:not\(\:disabled\)\]\:hover\:after\:bg-color-primary-tr-hover:hover:not(:disabled):after{content:var(--tw-content);background-color:#00379014}.\[\&\:not\(\:disabled\)\]\:focus\:after\:bg-color-primary-tr-focus:focus:not(:disabled):after{content:var(--tw-content);background-color:#0037901f}.\[\&\:not\(\:disabled\)\]\:active\:after\:bg-color-primary-tr-pressed:active:not(:disabled):after{content:var(--tw-content);background-color:#00379033}.\[\&\:not\(\:last-child\)\]\:mb-1:not(:last-child){margin-bottom:.25rem}.\[\&\:not\(\:last-child\)\]\:mb-3:not(:last-child){margin-bottom:.75rem}.\[\&\:not\(\:last-child\)\]\:mb-4:not(:last-child){margin-bottom:1rem}.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child){border-bottom-width:1px}.\[\&\:not\(\:last-child\)\]\:border-b-\[rgba\(234\,237\,241\,1\)\]:not(:last-child){border-bottom-color:#eaedf1}.\[\&\:nth-child\(odd\)\]\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.\[\&\>li\]\:ml-4>li{margin-left:1rem}.\[\&\>p\]\:hover\:text-color-secondary:hover>p{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.\[\&_\>p\]\:inline>p{display:inline}.\[\&_h2\]\:pb-2 h2{padding-bottom:.5rem}.\[\&_h2\]\:pt-4 h2{padding-top:1rem}.\[\&_input\]\:px-4 input{padding-left:1rem;padding-right:1rem}.\[\&_input\]\:pb-\[6px\] input{padding-bottom:6px}.\[\&_input\]\:pt-\[28px\] input{padding-top:28px}.\[\&_label\]\:focus-within\:top-\[9px\]:focus-within label{top:9px}.\[\&_label\]\:focus-within\:translate-y-0:focus-within label{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_label\]\:focus-within\:text-color-tetriary:focus-within label{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:w-\[132px\] svg{width:132px}@media(min-width:1188px){.desktop\:\[\&_svg\]\:h-\[32px\] svg{height:32px}.desktop\:\[\&_svg\]\:w-\[192px\] svg{width:192px}}
+@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0 14px);background-size:2000% 2000%}.unset-all-apply{all:unset}.skeleton-apply{background:linear-gradient(80deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.gradient-apply{background:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.text-balance{text-wrap:balance}@keyframes shine{to{background-position-x:-200%}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1188px){.container{max-width:1188px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mob-headline-bold-m{font-size:28px;font-weight:700;line-height:32px}.mob-headline-bold-s{font-size:24px;font-weight:700;line-height:30px}.mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}.mob-title-bold-m{font-size:18px;font-weight:700;line-height:22px}.mob-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.mob-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.mob-body-medium-m{font-size:14px;font-weight:500;line-height:20px}.mob-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.mob-body-regular-s{font-size:12px;font-weight:400;line-height:20px}.desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-12{left:-3rem}.-right-12{right:-3rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-\[30px\]{top:30px}.top-\[50px\]{top:50px}.top-\[80\%\]{top:80%}.top-\[9px\]{top:9px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-\[1000\]{z-index:1000}.z-\[60\]{z-index:60}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-top:5rem;margin-bottom:5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-28{width:7rem;height:7rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-\[19px\]{width:19px;height:19px}.size-\[3px\]{width:3px;height:3px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[139px\]{height:139px}.h-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[238px\]{height:238px}.h-\[246px\]{height:246px}.h-\[24px\]{height:24px}.h-\[280px\]{height:280px}.h-\[32px\]{height:32px}.h-\[356px\]{height:356px}.h-\[360px\]{height:360px}.h-\[368px\]{height:368px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[450px\]{height:450px}.h-\[4px\]{height:4px}.h-\[552px\]{height:552px}.h-\[60vh\]{height:60vh}.h-\[64px\]{height:64px}.h-\[74px\]{height:74px}.h-\[90px\]{height:90px}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-6{max-height:1.5rem}.max-h-\[264px\]{max-height:264px}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.max-h-\[70px\]{max-height:70px}.max-h-\[80px\]{max-height:80px}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[350px\]{min-height:350px}.min-h-\[54px\]{min-height:54px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-fit{width:fit-content!important}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[160px\]{width:160px}.w-\[192px\]{width:192px}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[328px\]{width:328px}.w-\[328xp\]{width:328xp}.w-\[330px\]{width:330px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[476px\]{width:476px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[60vw\]{width:60vw}.w-\[80\%\]{width:80%}.w-\[800px\]{width:800px}.w-\[clamp\(360px\,90vw\,1200px\)\]{width:clamp(360px,90vw,1200px)}.w-\[var\(--mobile-width\)\]{width:var(--mobile-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[328px\]{min-width:328px}.min-w-full{min-width:100%}.max-w-6{max-width:1.5rem}.max-w-64{max-width:16rem}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[240px\]{max-width:240px}.max-w-\[328px\]{max-width:328px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[432px\]{max-width:432px}.max-w-\[456px\]{max-width:456px}.max-w-\[464px\]{max-width:464px}.max-w-\[476px\]{max-width:476px}.max-w-\[500px\]{max-width:500px}.max-w-\[512px\]{max-width:512px}.max-w-\[540px\]{max-width:540px}.max-w-\[600px\]{max-width:600px}.max-w-\[604px\]{max-width:604px}.max-w-\[636px\]{max-width:636px}.max-w-\[656px\]{max-width:656px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-\[840px\]{max-width:840px}.max-w-\[calc\(636px-32px\)\]{max-width:604px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-center{transform-origin:center}.\!-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!-translate-y-1\/2{--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[100\%\]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}@keyframes progress-loader{to{background-position:100% 100%}}.animate-progress-loader{animation:progress-loader 250s linear infinite}@keyframes scale-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.animate-scale-in{animation:scale-in .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[248px_1fr\]{grid-template-columns:248px 1fr}.grid-cols-\[248px_1fr_1fr\]{grid-template-columns:248px 1fr 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[repeat\(3\,minmax\(136px\,1fr\)\)\]{grid-template-rows:repeat(3,minmax(136px,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-\[56px\]{column-gap:56px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-center{justify-self:center}.\!overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-keep{word-break:keep-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-md{border-top-left-radius:8px}.rounded-tr-md{border-top-right-radius:8px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-primary-hover{--tw-border-opacity: 1 !important;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))!important}.\!border-transparent{border-color:transparent!important}.border-blue-grey-500{--tw-border-opacity: 1;border-color:rgb(169 182 197 / var(--tw-border-opacity, 1))}.border-blue-grey-700{--tw-border-opacity: 1;border-color:rgb(105 128 154 / var(--tw-border-opacity, 1))}.border-negative{--tw-border-opacity: 1;border-color:rgb(244 37 0 / var(--tw-border-opacity, 1))}.border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.border-secondary-default{--tw-border-opacity: 1;border-color:rgb(252 80 85 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warm-grey-200{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))}.border-warm-grey-300{--tw-border-opacity: 1;border-color:rgb(195 195 195 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\)\]{--tw-border-opacity: 1;border-bottom-color:rgba(234,237,241,var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\,1\)\]{border-bottom-color:#eaedf1}.border-b-blue-grey-200{--tw-border-opacity: 1;border-bottom-color:rgb(234 237 241 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.\!bg-color-blue-grey-200{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-default{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-hover{--tw-bg-opacity: 1 !important;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))!important}.\!bg-color-secondary-default{--tw-bg-opacity: 1 !important;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))!important}.\!bg-color-transparent{background-color:transparent!important}.bg-\[\#52576a\]{--tw-bg-opacity: 1;background-color:rgb(82 87 106 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F7\]{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-\[\#F4F9FD\]{--tw-bg-opacity: 1;background-color:rgb(244 249 253 / var(--tw-bg-opacity, 1))}.bg-\[\#F7FBFF\]{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-banner-barvcray-300{--tw-bg-opacity: 1;background-color:rgb(221 225 232 / var(--tw-bg-opacity, 1))}.bg-banner-lavender-300{--tw-bg-opacity: 1;background-color:rgb(208 211 241 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-100{--tw-bg-opacity: 1;background-color:rgb(244 248 254 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-300{--tw-bg-opacity: 1;background-color:rgb(217 237 255 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-100{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-200{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-500{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.bg-color-dark{--tw-bg-opacity: 1;background-color:rgb(41 41 41 / var(--tw-bg-opacity, 1))}.bg-color-footer{--tw-bg-opacity: 1;background-color:rgb(64 70 90 / var(--tw-bg-opacity, 1))}.bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}.bg-color-negative-light{--tw-bg-opacity: 1;background-color:rgb(255 210 202 / var(--tw-bg-opacity, 1))}.bg-color-overlay{background-color:#0000004d}.bg-color-positive{--tw-bg-opacity: 1;background-color:rgb(118 188 33 / var(--tw-bg-opacity, 1))}.bg-color-positive-light{--tw-bg-opacity: 1;background-color:rgb(228 246 206 / var(--tw-bg-opacity, 1))}.bg-color-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.bg-color-primary-light-default{--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.bg-color-primary-tr-hover{background-color:#00379014}.bg-color-primary-tr-pressed{background-color:#00379033}.bg-color-secondary-default{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.bg-color-transparent{background-color:transparent}.bg-color-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 238 204 / var(--tw-bg-opacity, 1))}.bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-icon-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.\!bg-none{background-image:none!important}.bg-\[linear-gradient\(97\.94deg\,_\#dae4f2_-14\.21\%\,_\#afcffc_47\.44\%\,_\#79aef8_107\.86\%\)\;\]{background-image:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.fill-\[\#b0c0d2\]{fill:#b0c0d2}.fill-dark-hover{fill:#535353}.fill-secondary-default{fill:#fc5055}.fill-transparent{fill:transparent}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[9px\]{padding-bottom:9px}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[25px\]{padding-top:25px}.pt-\[27px\]{padding-top:27px}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.text-40,.text-\[40px\]{font-size:40px}.text-\[64px\]{font-size:64px}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-16{line-height:16px}.leading-20{line-height:20px}.leading-22{line-height:22px}.leading-24{line-height:24px}.leading-30{line-height:30px}.leading-32{line-height:32px}.leading-40{line-height:40px}.leading-48{line-height:48px}.leading-\[72px\]{line-height:72px}.\!text-color-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\!text-icon-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.text-\[\#02A8FC\]{--tw-text-opacity: 1;color:rgb(2 168 252 / var(--tw-text-opacity, 1))}.text-\[\#5A6E85\]{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-\[\#9ADCFE\]{--tw-text-opacity: 1;color:rgb(154 220 254 / var(--tw-text-opacity, 1))}.text-color-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-color-current{color:currentColor}.text-color-dark{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-color-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-color-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.text-color-negative{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-color-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-color-primary-default\/20{color:#00379033}.text-color-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.text-color-secondary{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.text-color-tetriary{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-color-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-100{--tw-text-opacity: 1;color:rgb(243 244 247 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-icon-dark-hover{--tw-text-opacity: 1;color:rgb(83 83 83 / var(--tw-text-opacity, 1))}.text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-icon-negative-default{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-icon-positive-default{--tw-text-opacity: 1;color:rgb(118 188 33 / var(--tw-text-opacity, 1))}.text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-icon-secondary-dark-default{--tw-text-opacity: 1;color:rgb(241 47 52 / var(--tw-text-opacity, 1))}.text-icon-secondary-default{--tw-text-opacity: 1;color:rgb(252 80 85 / var(--tw-text-opacity, 1))}.text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-\[0_16px_24px_0px_rgba\(0\,33\,87\,0\.16\)\]{--tw-shadow: 0 16px 24px 0px rgba(0,33,87,.16);--tw-shadow-colored: 0 16px 24px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_0px_rgba\(41\,41\,41\,0\.08\)\]{--tw-shadow: 0 8px 20px 0px rgba(41,41,41,.08);--tw-shadow-colored: 0 8px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_-6px_8px_0px_\#2929290A\]{--tw-shadow: 0px -6px 8px 0px #2929290A;--tw-shadow-colored: 0px -6px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 8px 20px 0 rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-offset-4{outline-offset:4px}.outline-offset-\[3px\]{outline-offset:3px}.outline-transparent{outline-color:transparent}.outline-warm-grey-200{outline-color:#e4e4e4}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-\[color\]{transition-property:color;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-12{transition-duration:.12s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-12{animation-duration:.12s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:root{--ff-roboto: "Roboto", sans-serif}*{box-sizing:border-box;padding:0;margin:0}strong{font-weight:500!important}body,html{font-family:var(--ff-roboto),sans-serif;color:#292929}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 5000s ease-in-out 0s}.Tiptap-invisible-character{background:#ffc8004d;border-radius:2px}.Tiptap-invisible-character--nbsp,.Tiptap-invisible-character--hard-break-default,.Tiptap-invisible-character--hard-break-desktop,.Tiptap-invisible-character--hard-break-mobile{outline:1px dashed rgba(255,170,0,.8)}.Tiptap-invisible-character--nbsp:after{content:" ";font-size:12px}.Tiptap-invisible-character--hard-break-desktop:after{content:"⏎ 🖥️";font-size:.75em}.Tiptap-invisible-character--hard-break-mobile:after{content:"⏎📱";font-size:.75em}.Tiptap-invisible-character--hard-break-default:after{content:"⏎";font-size:.75em}@media(max-width:1187px){.mobile\:mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}}@media(min-width:1188px){.desktop\:desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desktop\:desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desktop\:desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desktop\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desktop\:desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desktop\:desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desktop\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desktop\:desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}}.\[\&\&\]\:desk-title-bold-s.\[\&\&\]\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.\[\&\&\]\:desk-body-regular-m.\[\&\&\]\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.\[\&_label\]\:focus-within\:desk-body-regular-s:focus-within label{font-size:12px;font-weight:400;line-height:16px}.placeholder\:text-color-blue-grey-600::placeholder{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.placeholder\:text-color-disabled::placeholder{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.placeholder\:text-color-transparent::placeholder{color:transparent}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\:h-\[4px\]:before{content:var(--tw-content);height:4px}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-color-transparent:before{content:var(--tw-content);background-color:transparent}.before\:bg-color-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-4:after{content:var(--tw-content);bottom:-1rem}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:top-\[-1px\]:after{content:var(--tw-content);top:-1px}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:z-30:after{content:var(--tw-content);z-index:30}.after\:h-10:after{content:var(--tw-content);height:2.5rem}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:h-\[4px\]:after{content:var(--tw-content);height:4px}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:w-\[calc\(100\%-32px\)\]:after{content:var(--tw-content);width:calc(100% - 32px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:max-w-\[636px\]:after{content:var(--tw-content);max-width:636px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-color-blue-grey-200:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.after\:bg-color-blue-grey-300:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.after\:bg-color-primary-default:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.after\:bg-color-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:duration-100:after{content:var(--tw-content);transition-duration:.1s}.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}.after\:duration-100:after{content:var(--tw-content);animation-duration:.1s}.first\:border-none:first-child{border-style:none}.last\:border-none:last-child{border-style:none}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.odd\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.even\:bg-color-primary-light-default:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.focus-within\:border-blue-grey-800:focus-within{--tw-border-opacity: 1;border-color:rgb(90 110 133 / var(--tw-border-opacity, 1))}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.hover\:bg-color-blue-grey-200:hover{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.hover\:bg-color-blue-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-tr-hover:hover{background-color:#00379014}.hover\:bg-color-secondary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.hover\:text-color-dark:hover{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.hover\:text-color-footer:hover{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-hover:hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.hover\:text-color-secondary:hover{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.hover\:text-color-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-icon-blue-grey-800:hover{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.hover\:text-icon-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0px_0px_0px_1px_rgba\(0\,55\,144\,1\)\]:hover{--tw-shadow: 0px 0px 0px 1px rgba(0,55,144,1);--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:before\:bg-color-primary-tr-hover:hover:before{content:var(--tw-content);background-color:#00379014}.hover\:before\:bg-color-transparent:hover:before{content:var(--tw-content);background-color:transparent}.hover\:after\:bg-color-transparent:hover:after{content:var(--tw-content);background-color:transparent}.focus\:bg-color-primary-default:focus{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-focus:focus{--tw-bg-opacity: 1;background-color:rgb(36 119 255 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-hover:focus{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-tr-focus:focus{background-color:#0037901f}.focus\:bg-color-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.focus\:text-color-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-primary-focus:focus{outline-color:#2477ff}.focus\:before\:bg-color-primary-tr-pressed:focus:before{content:var(--tw-content);background-color:#00379033}.focus-visible\:border-solid:focus-visible{border-style:solid}.focus-visible\:border-primary-default:focus-visible{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-focus:focus-visible{--tw-border-opacity: 1;border-color:rgb(36 119 255 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.focus-visible\:bg-color-blue-grey-200:focus-visible{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-color-primary-tr-hover:focus-visible{background-color:#00379014}.focus-visible\:text-color-primary-default:focus-visible{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.focus-visible\:text-color-white:focus-visible{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-primary-focus:focus-visible{outline-color:#2477ff}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:border-solid:active{border-style:solid}.active\:border-primary-hover:active{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.active\:bg-color-blue-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-hover:active{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-tr-pressed:active{background-color:#00379033}.active\:bg-color-secondary-hover:active{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.active\:text-color-primary-hover:active,.active\:text-icon-primary-hover:active{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-width:0px}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-color-blue-grey-200:disabled{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-blue-grey-300:disabled{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-primary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-secondary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(255 183 191 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-transparent:disabled{background-color:transparent}.disabled\:text-color-dark:disabled{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.disabled\:text-color-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-color-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:text-icon-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-icon-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group\/icon:focus-within .group-focus-within\/icon\:text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:visible{visibility:visible}.group:hover .group-hover\:text-icon-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-secondary-dark-hover{--tw-text-opacity: 1;color:rgb(196 3 9 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:opacity-100{opacity:1}.group:focus .group-focus\:text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:active .group-active\:w-full{width:100%}.group:disabled .group-disabled\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=false\]\:bg-color-white[data-open=false]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=\"active\"\]\:\!bg-color-primary-default[data-state=active],.data-\[state\=checked\]\:\!bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:\!bg-color-primary-disabled[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:\!bg-color-blue-grey-200[data-state=unchecked]{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.data-\[state\=\"active\"\]\:\!text-color-white[data-state=active]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:data-\[state\=checked\]\:bg-color-primary-hover[data-state=checked]:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.group:active .data-\[state\=checked\]\:group-active\:translate-x-0[data-state=checked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:border-0{border-width:0px}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-disabled{--tw-border-opacity: 1;border-color:rgb(128 155 199 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.group:disabled[data-state=checked] .group-disabled\:group-data-\[state\=checked\]\:bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}@media(min-width:1024px){.lg\:w-\[var\(--desktop-width\)\]{width:var(--desktop-width)}}@media(max-width:1187px){.mobile\:absolute{position:absolute}.mobile\:bottom-0{bottom:0}.mobile\:m-0{margin:0}.mobile\:mx-auto{margin-left:auto;margin-right:auto}.mobile\:mb-2{margin-bottom:.5rem}.mobile\:mb-6{margin-bottom:1.5rem}.mobile\:mt-6{margin-top:1.5rem}.mobile\:flex{display:flex}.mobile\:hidden{display:none}.mobile\:h-\[320px\]{height:320px}.mobile\:w-\[240px\]{width:240px}.mobile\:w-\[320px\]{width:320px}.mobile\:w-\[328px\]{width:328px}.mobile\:w-full{width:100%}.mobile\:max-w-\[360px\]{max-width:360px}.mobile\:grid-rows-\[400px\,1fr\,1fr\,400px\]{grid-template-rows:400px 1fr 1fr 400px}.mobile\:grid-rows-\[repeat\(2\,400px\)\]{grid-template-rows:repeat(2,400px)}.mobile\:flex-col{flex-direction:column}.mobile\:items-center{align-items:center}.mobile\:gap-4{gap:1rem}.mobile\:gap-8{gap:2rem}.mobile\:border-b{border-bottom-width:1px}.mobile\:bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.mobile\:px-4{padding-left:1rem;padding-right:1rem}.mobile\:py-8{padding-top:2rem;padding-bottom:2rem}.mobile\:pb-\[176px\]{padding-bottom:176px}.mobile\:last\:mb-0:last-child{margin-bottom:0}.mobile\:last\:border-none:last-child{border-style:none}.mobile\:last\:pb-0:last-child{padding-bottom:0}}@media(min-width:1188px){.desktop\:static{position:static}.desktop\:absolute{position:absolute}.desktop\:bottom-\[-50px\]{bottom:-50px}.desktop\:left-auto{left:auto}.desktop\:right-1\/2{right:50%}.desktop\:right-20{right:5rem}.desktop\:col-span-1{grid-column:span 1 / span 1}.desktop\:col-span-2{grid-column:span 2 / span 2}.desktop\:my-8{margin-top:2rem;margin-bottom:2rem}.desktop\:mb-11{margin-bottom:2.75rem}.desktop\:mb-12{margin-bottom:3rem}.desktop\:mb-6{margin-bottom:1.5rem}.desktop\:ml-8{margin-left:2rem}.desktop\:mt-12{margin-top:3rem}.desktop\:mt-6{margin-top:1.5rem}.desktop\:mt-8{margin-top:2rem}.desktop\:flex{display:flex}.desktop\:grid{display:grid}.desktop\:hidden{display:none}.desktop\:size-12{width:3rem;height:3rem}.desktop\:size-8{width:2rem;height:2rem}.desktop\:h-\[177px\]{height:177px}.desktop\:h-\[232px\]{height:232px}.desktop\:h-\[272px\]{height:272px}.desktop\:h-\[32px\]{height:32px}.desktop\:h-\[360px\]{height:360px}.desktop\:h-\[456px\]{height:456px}.desktop\:h-\[72px\]{height:72px}.desktop\:\!w-fit{width:fit-content!important}.desktop\:w-\[1140px\]{width:1140px}.desktop\:w-\[190px\]{width:190px}.desktop\:w-\[194px\]{width:194px}.desktop\:w-\[200px\]{width:200px}.desktop\:w-\[216px\]{width:216px}.desktop\:w-\[240px\]{width:240px}.desktop\:w-\[256px\]{width:256px}.desktop\:w-\[264px\]{width:264px}.desktop\:w-\[280px\]{width:280px}.desktop\:w-\[285px\]{width:285px}.desktop\:w-\[348px\]{width:348px}.desktop\:w-\[386px\]{width:386px}.desktop\:w-\[500px\]{width:500px}.desktop\:w-\[524px\]{width:524px}.desktop\:w-\[550px\]{width:550px}.desktop\:w-\[636px\]{width:636px}.desktop\:w-fit{width:fit-content}.desktop\:w-full{width:100%}.desktop\:w-max{width:max-content}.desktop\:min-w-\[1140px\]{min-width:1140px}.desktop\:max-w-\[1140px\]{max-width:1140px}.desktop\:max-w-\[216px\]{max-width:216px}.desktop\:max-w-\[264px\]{max-width:264px}.desktop\:max-w-\[348px\]{max-width:348px}.desktop\:max-w-\[464px\]{max-width:464px}.desktop\:max-w-\[524px\]{max-width:524px}.desktop\:max-w-\[576px\]{max-width:576px}.desktop\:max-w-\[600px\]{max-width:600px}.desktop\:max-w-\[860px\]{max-width:860px}.desktop\:max-w-full{max-width:100%}.desktop\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.desktop\:grid-cols-\[repeat\(2\,minmax\(353px\,1fr\)\)\]{grid-template-columns:repeat(2,minmax(353px,1fr))}.desktop\:grid-rows-\[repeat\(2\,minmax\(160px\,1fr\)\)\]{grid-template-rows:repeat(2,minmax(160px,1fr))}.desktop\:flex-row{flex-direction:row}.desktop\:flex-row-reverse{flex-direction:row-reverse}.desktop\:flex-col{flex-direction:column}.desktop\:items-start{align-items:flex-start}.desktop\:items-end{align-items:flex-end}.desktop\:items-center{align-items:center}.desktop\:justify-normal{justify-content:normal}.desktop\:justify-start{justify-content:flex-start}.desktop\:justify-center{justify-content:center}.desktop\:justify-between{justify-content:space-between}.desktop\:gap-0{gap:0px}.desktop\:gap-10{gap:2.5rem}.desktop\:gap-12{gap:3rem}.desktop\:gap-4{gap:1rem}.desktop\:gap-6{gap:1.5rem}.desktop\:gap-8{gap:2rem}.desktop\:gap-x-10{column-gap:2.5rem}.desktop\:gap-x-4{column-gap:1rem}.desktop\:gap-y-4{row-gap:1rem}.desktop\:gap-y-8{row-gap:2rem}.desktop\:whitespace-nowrap{white-space:nowrap}.desktop\:rounded-md{border-radius:8px}.desktop\:border{border-width:1px}.desktop\:border-none{border-style:none}.desktop\:p-0{padding:0}.desktop\:p-14{padding:3.5rem}.desktop\:p-4{padding:1rem}.desktop\:p-6{padding:1.5rem}.desktop\:p-8{padding:2rem}.desktop\:px-0{padding-left:0;padding-right:0}.desktop\:px-4{padding-left:1rem;padding-right:1rem}.desktop\:px-6{padding-left:1.5rem;padding-right:1.5rem}.desktop\:px-8{padding-left:2rem;padding-right:2rem}.desktop\:py-0{padding-top:0;padding-bottom:0}.desktop\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.desktop\:py-12{padding-top:3rem;padding-bottom:3rem}.desktop\:py-20{padding-top:5rem;padding-bottom:5rem}.desktop\:py-3{padding-top:.75rem;padding-bottom:.75rem}.desktop\:py-4{padding-top:1rem;padding-bottom:1rem}.desktop\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.desktop\:py-8{padding-top:2rem;padding-bottom:2rem}.desktop\:py-\[17px\]{padding-top:17px;padding-bottom:17px}.desktop\:py-\[80px\]{padding-top:80px;padding-bottom:80px}.desktop\:pb-0{padding-bottom:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pb-8{padding-bottom:2rem}.desktop\:pl-12{padding-left:3rem}.desktop\:pl-5{padding-left:1.25rem}.desktop\:pr-8{padding-right:2rem}.desktop\:pt-0{padding-top:0}.desktop\:pt-20{padding-top:5rem}.desktop\:text-\[80px\]{font-size:80px}.desktop\:leading-\[88px\]{line-height:88px}.desktop\:after\:bottom-auto:after{content:var(--tw-content);bottom:auto}.desktop\:after\:left-auto:after{content:var(--tw-content);left:auto}.desktop\:after\:right-0:after{content:var(--tw-content);right:0}.desktop\:after\:top-1\/2:after{content:var(--tw-content);top:50%}.desktop\:after\:h-10:after{content:var(--tw-content);height:2.5rem}.desktop\:after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.after\:desktop\:max-w-\[1140px\]:after{content:var(--tw-content);max-width:1140px}.desktop\:after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:after\:translate-x-0:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:col-span-2:first-child{grid-column:span 2 / span 2}.desktop\:first\:col-span-full:first-child{grid-column:1 / -1}.desktop\:first\:ml-0:first-child{margin-left:0}.desktop\:first\:after\:absolute:first-child:after{content:var(--tw-content);position:absolute}.desktop\:first\:after\:right-0:first-child:after{content:var(--tw-content);right:0}.desktop\:first\:after\:top-1\/2:first-child:after{content:var(--tw-content);top:50%}.desktop\:first\:after\:block:first-child:after{content:var(--tw-content);display:block}.desktop\:first\:after\:h-\[64px\]:first-child:after{content:var(--tw-content);height:64px}.desktop\:first\:after\:w-\[1px\]:first-child:after{content:var(--tw-content);width:1px}.desktop\:first\:after\:-translate-y-1\/2:first-child:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:after\:bg-color-blue-grey-500:first-child:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.desktop\:first\:after\:content-\[\"\"\]:first-child:after{--tw-content: "";content:var(--tw-content)}.desktop\:last\:col-span-2:last-child{grid-column:span 2 / span 2}.desktop\:last\:pr-0:last-child{padding-right:0}.desktop\:odd\:border-b:nth-child(odd){border-bottom-width:1px}.desktop\:odd\:pb-3:nth-child(odd){padding-bottom:.75rem}}.\[\&\:not\(\:disabled\)\]\:cursor-pointer:not(:disabled){cursor:pointer}.\[\&\:not\(\:disabled\)\]\:hover\:after\:bg-color-primary-tr-hover:hover:not(:disabled):after{content:var(--tw-content);background-color:#00379014}.\[\&\:not\(\:disabled\)\]\:focus\:after\:bg-color-primary-tr-focus:focus:not(:disabled):after{content:var(--tw-content);background-color:#0037901f}.\[\&\:not\(\:disabled\)\]\:active\:after\:bg-color-primary-tr-pressed:active:not(:disabled):after{content:var(--tw-content);background-color:#00379033}.\[\&\:not\(\:last-child\)\]\:mb-1:not(:last-child){margin-bottom:.25rem}.\[\&\:not\(\:last-child\)\]\:mb-3:not(:last-child){margin-bottom:.75rem}.\[\&\:not\(\:last-child\)\]\:mb-4:not(:last-child){margin-bottom:1rem}.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child){border-bottom-width:1px}.\[\&\:not\(\:last-child\)\]\:border-b-\[rgba\(234\,237\,241\,1\)\]:not(:last-child){border-bottom-color:#eaedf1}.\[\&\:nth-child\(odd\)\]\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.\[\&\>li\]\:ml-4>li{margin-left:1rem}.\[\&\>p\]\:hover\:text-color-secondary:hover>p{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.\[\&_\>p\]\:inline>p{display:inline}.\[\&_h2\]\:pb-2 h2{padding-bottom:.5rem}.\[\&_h2\]\:pt-4 h2{padding-top:1rem}.\[\&_input\]\:px-4 input{padding-left:1rem;padding-right:1rem}.\[\&_input\]\:pb-\[6px\] input{padding-bottom:6px}.\[\&_input\]\:pt-\[28px\] input{padding-top:28px}.\[\&_label\]\:focus-within\:top-\[9px\]:focus-within label{top:9px}.\[\&_label\]\:focus-within\:translate-y-0:focus-within label{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_label\]\:focus-within\:text-color-tetriary:focus-within label{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:w-\[132px\] svg{width:132px}@media(min-width:1188px){.desktop\:\[\&_svg\]\:h-\[32px\] svg{height:32px}.desktop\:\[\&_svg\]\:w-\[192px\] svg{width:192px}}

package/dist/lib/widgets/dynamicForm/DynamicForm.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as H,createElement as L}from"react";import{getDynamicSchema as M}from"../../../src/shared/utils/getDynamicSchema.js";import{ZodUtils as R}from"../../shared/validation/utils/zodUtils.js";import{getFieldsProgress as Z,withAuthProvider as k,withApprovement as z}from"./model/helpers.js";import{useFieldsProgress as A}from"../../shared/hooks/useFieldsProgress.js";import{QueryClientProvider as I}from"../queryClientProvider/QueryClientProvider.js";import{cn as t}from"../../shared/utils/cn.js";import{ProgressBar as Q}from"../../shared/ui/progressBar/ProgressBar.js";import{HTMLRenderer as f}from"../htmlParser/HTMLRenderer.js";import{FieldMapper as U}from"../fieldMapper/FieldMapper.js";import{useControlledForm as q}from"../../shared/hooks/useControlledForm.js";import{ResponsiveContainer as J}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Icon as K}from"../../shared/ui/icon/Icon.js";import{Heading as y}from"../../shared/ui/heading/Heading.js";import{Button as O}from"../../shared/ui/button/Button.js";const ne=({fields:s,title:p,progress:r,approvement:i,chips:m,submitProps:w,auth:h,classes:o,buttonGroup:a,ssoAuthorizationTop:g=!1,backgroundColor:u,disabledButtons:N})=>{const{submitCallback:x,onErrorCallback:S}=w||{},[n,P]=H(i.type==="checkbox"?i.defaultValue:!1),c=M(s),C=R.getZodDefaults(c),{control:b,handleSubmit:v,formState:{isValid:B}}=q({schema:c,defaultValues:C,mode:"onBlur"}),F=Z(r,s),j=A({control:b,fields:F||[],schema:c}),D=l=>{x&&x({...l,agree:n})};return e(I,{children:e("section",{id:"form","data-test-id":"form",className:t("w-full",o?.root,u&&"desktop:py-[80px]"),style:{backgroundColor:u},children:d(J,{className:t("border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm bg-color-white py-8 desktop:border"),children:[m.enabled&&d("div",{className:t("desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute","bg-color-blue-grey-100 px-2 py-1 text-color-tetriary","right-4 top-4 w-max",o?.chips?.root),children:[m.image&&e(K,{name:m.image,className:t("size-6",o?.chips?.icon)}),m.content]}),e(y,{as:"h2",className:t("text-color-dark desktop:hidden",o?.title),children:p}),e(y,{as:"h3",className:t("text-color-dark mobile:hidden",o?.title),children:p}),g&&k(h),d("form",{"data-valid":B,onSubmit:v(D,l=>S?.(l)),className:t("flex w-full flex-col gap-y-6","desktop:gap-y-8",o?.form),children:[r.enabled&&e(Q,{progress:j,topContent:e(f,{html:r.title}),leftSubtitle:e(f,{html:r.leftSubtitle}),rightSubtitle:e(f,{html:r.rightSubtitle}),maxPercent:r.maxPercent,classes:o?.progressBar}),e(U,{control:b,fields:s}),d("div",{className:t("mob-body-regular-s flex flex-col items-start justify-between gap-4",{"desktop:flex-row desktop:items-center":a.length===1}),children:[z(i,n,P,o?.approvement),e("div",{className:t("flex w-full flex-col items-center justify-between gap-4 desktop:flex-row",{"desktop:w-fit":a.length===1}),children:a?.map((l,V)=>{const E=l.type==="submit"&&i.type==="checkbox"?!n:!1;return L(O,{...l,size:"lg",key:V,disabled:N||E,className:t("w-full whitespace-nowrap",{"desktop:!w-fit":a.length===1},{"w-full":!!i},o?.submit)})})})]}),!g&&k(h)]})]})})})};export{ne as DynamicForm,ne as default};
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as A,createElement as J}from"react";import{getDynamicSchema as K}from"../../../src/shared/utils/getDynamicSchema.js";import{ZodUtils as O}from"../../shared/validation/utils/zodUtils.js";import{getFieldsProgress as T,withApprovement as W}from"./model/helpers.js";import{useFieldsProgress as X}from"../../shared/hooks/useFieldsProgress.js";import{QueryClientProvider as Y}from"../queryClientProvider/QueryClientProvider.js";import{cn as t}from"../../shared/utils/cn.js";import{Esia as S}from"../esia/Esia.js";import{ProgressBar as _}from"../../shared/ui/progressBar/ProgressBar.js";import{HTMLRenderer as p}from"../htmlParser/HTMLRenderer.js";import{FieldMapper as $}from"../fieldMapper/FieldMapper.js";import{useControlledForm as G}from"../../shared/hooks/useControlledForm.js";import{ResponsiveContainer as ee}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import{Icon as te}from"../../shared/ui/icon/Icon.js";import{Heading as P}from"../../shared/ui/heading/Heading.js";import{Button as oe}from"../../shared/ui/button/Button.js";const we=({fields:c,title:h,progress:r,approvement:a,chips:s,submitProps:B,classes:o,buttonGroup:n,ssoAuthorizationTop:u=!1,backgroundColor:g,disabledButtons:C,esiaConfig:l})=>{const{submitCallback:x,onErrorCallback:E}=B||{},[m,F]=A(a.type==="checkbox"?a.defaultValue:!1),f=K(c),V=O.getZodDefaults(f),{control:b,handleSubmit:v,getValues:j,watch:D,trigger:H,formState:{isValid:L,errors:k}}=G({schema:f,defaultValues:V,mode:"onBlur"}),M=T(r,c),R=X({control:b,fields:M||[],schema:f}),Z=i=>{x&&x({...i,agree:m})},[y,w]=D(["fio","phone"]),z=!!y&&!k.fio,I=!!w&&!k.phone,Q=!z||!I||!m,N=async()=>{if(Q){await H(["fio","phone"]),console.error("[Error] - Empty field fio or phone",{fio:y,phone:w});return}l?.onClick&&l.onClick({...j(),agree:m})};return e(Y,{children:e("section",{id:"form","data-test-id":"form",className:t("w-full",o?.root,g&&"desktop:py-[80px]"),style:{backgroundColor:g},children:d(ee,{className:t("border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14","relative mx-auto flex flex-col gap-6 rounded-sm bg-color-white py-8 desktop:border"),children:[s.enabled&&d("div",{className:t("desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute","bg-color-blue-grey-100 px-2 py-1 text-color-tetriary","right-4 top-4 w-max",o?.chips?.root),children:[s.image&&e(te,{name:s.image,className:t("size-6",o?.chips?.icon)}),s.content]}),e(P,{as:"h2",className:t("text-color-dark desktop:hidden",o?.title),children:h}),e(P,{as:"h3",className:t("text-color-dark mobile:hidden",o?.title),children:h}),u&&l&&e(S,{...l,onClick:N}),d("form",{"data-valid":L,onSubmit:v(Z,i=>E?.(i)),className:t("flex w-full flex-col gap-y-6","desktop:gap-y-8",o?.form),children:[r.enabled&&e(_,{progress:R,topContent:e(p,{html:r.title}),leftSubtitle:e(p,{html:r.leftSubtitle}),rightSubtitle:e(p,{html:r.rightSubtitle}),maxPercent:r.maxPercent,classes:o?.progressBar}),e($,{control:b,fields:c}),d("div",{className:t("mob-body-regular-s flex flex-col items-start justify-between gap-4",{"desktop:flex-row desktop:items-center":n.length===1}),children:[W(a,m,F,o?.approvement),e("div",{className:t("flex w-full flex-col items-center justify-between gap-4 desktop:flex-row",{"desktop:w-fit":n.length===1}),children:n?.map((i,U)=>{const q=i.type==="submit"&&a.type==="checkbox"?!m:!1;return J(oe,{...i,size:"lg",key:U,disabled:C||q,className:t("w-full whitespace-nowrap",{"desktop:!w-fit":n.length===1},{"w-full":!!a},o?.submit)})})})]}),!u&&l&&e(S,{...l,onClick:N})]})]})})})};export{we as DynamicForm,we as default};
 //# sourceMappingURL=DynamicForm.js.map

package/dist/lib/widgets/dynamicForm/DynamicForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type Control, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { HTMLRenderer } from '../htmlParser'\nimport {\n  type Approvement,\n  type ApprovementClasses,\n  type ApprovementType,\n  type Auth,\n  type AuthMode,\n  type Chips,\n  type ChipsClasses,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType,\n  type SubmitProps,\n  withApprovement,\n  withAuthProvider\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { type BackgroundColors } from '$/shared/constants'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport { Button, type ButtonProps, type CheckedState, Heading, Icon, ProgressBar, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\nexport type DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  ssoAuthorizationTop: boolean\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n  backgroundColor?: BackgroundColors\n  disabledButtons?: boolean\n}\n\nexport const DynamicForm = <\n  AType extends ApprovementType,\n  CType extends ChipsType,\n  PType extends ProgressType,\n  AuthType extends AuthMode\n>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  auth,\n  classes,\n  buttonGroup,\n  ssoAuthorizationTop = false,\n  backgroundColor,\n  disabledButtons\n}: DynamicFormProps<AType, CType, PType, AuthType>) => {\n  const { submitCallback, onErrorCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(approvement.type === 'checkbox' ? approvement.defaultValue : false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const {\n    control,\n    handleSubmit,\n    formState: { isValid }\n  } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <section\n        id='form'\n        data-test-id='form'\n        className={cn('w-full', classes?.root, backgroundColor && `desktop:py-[80px]`)}\n        style={{ backgroundColor }}\n      >\n        <ResponsiveContainer\n          className={cn(\n            'border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm bg-color-white py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('text-color-dark desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('text-color-dark mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <form\n            data-valid={isValid}\n            onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                leftSubtitle={<HTMLRenderer html={progress.leftSubtitle} />}\n                rightSubtitle={<HTMLRenderer html={progress.rightSubtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div\n              className={cn('mob-body-regular-s flex flex-col items-start justify-between gap-4', {\n                ['desktop:flex-row desktop:items-center']: buttonGroup.length === 1\n              })}\n            >\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div\n                className={cn('flex w-full flex-col items-center justify-between gap-4 desktop:flex-row', {\n                  'desktop:w-fit': buttonGroup.length === 1\n                })}\n              >\n                {buttonGroup?.map((button, index) => {\n                  const isDisabledByLogic = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  const disabled = disabledButtons || isDisabledByLogic\n\n                  return (\n                    <Button\n                      {...button}\n                      size='lg'\n                      key={index}\n                      disabled={disabled}\n                      className={cn(\n                        'w-full whitespace-nowrap',\n                        {\n                          ['desktop:!w-fit']: buttonGroup.length === 1\n                        },\n                        {\n                          'w-full': Boolean(approvement)\n                        },\n                        classes?.submit\n                      )}\n                    />\n                  )\n                })}\n              </div>\n            </div>\n            {!ssoAuthorizationTop && withAuthProvider(auth)}\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["DynamicForm","fields","title","progress","approvement","chips","submitProps","auth","classes","buttonGroup","ssoAuthorizationTop","backgroundColor","disabledButtons","submitCallback","onErrorCallback","checked","onCheckedChange","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","isValid","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","QueryClientProvider","jsx","cn","jsxs","ResponsiveContainer","Icon","Heading","withAuthProvider","error","ProgressBar","HTMLRenderer","FieldMapper","withApprovement","button","index","isDisabledByLogic","createElement","Button"],"mappings":"skCA6DO,MAAMA,GAAc,CAKzB,CACA,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,QAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EACA,gBAAAC,CACF,IAAuD,CACrD,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBR,GAAe,CAAA,EAErD,CAACS,EAASC,CAAe,EAAIC,EAAuBb,EAAY,OAAS,WAAaA,EAAY,aAAe,EAAK,EAEtHc,EAASC,EAAiBlB,CAAM,EAChCmB,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CACJ,QAAAI,EACA,aAAAC,EACA,UAAW,CAAE,QAAAC,CAAA,CAAQ,EACnBC,EAAkB,CACpB,OAAAP,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKM,EAAiBC,EAAkBxB,EAAUF,CAAM,EAEnD2B,EAAoBC,EAAkB,CAAE,QAAAP,EAAS,OAAQI,GAAkB,CAAA,EAAI,OAAAR,EAAQ,EAEvFY,EAAkDC,GAAW,CAC7DlB,GAAgBA,EAAe,CAAE,GAAGkB,EAAQ,MAAOhB,EAAS,CAClE,EAEA,SACGiB,EAAA,CACC,SAAAC,EAAC,UAAA,CACC,GAAG,OACH,eAAa,OACb,UAAWC,EAAG,SAAU1B,GAAS,KAAMG,GAAmB,mBAAmB,EAC7E,MAAO,CAAE,gBAAAA,CAAA,EAET,SAAAwB,EAACC,EAAA,CACC,UAAWF,EACT,yEACA,oFAAA,EAGD,SAAA,CAAA7B,EAAM,SACL8B,EAAC,MAAA,CACC,UAAWD,EACT,4EACA,uDACA,sBACA1B,GAAS,OAAO,IAAA,EAGjB,SAAA,CAAAH,EAAM,OAAS4B,EAACI,EAAA,CAAK,KAAMhC,EAAM,MAAO,UAAW6B,EAAG,SAAU1B,GAAS,OAAO,IAAI,CAAA,CAAG,EACvFH,EAAM,OAAA,CAAA,CAAA,EAGX4B,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWJ,EAAG,iCAAkC1B,GAAS,KAAK,EAC5E,SAAAN,CAAA,CACH,EACA+B,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWJ,EAAG,gCAAiC1B,GAAS,KAAK,EAC3E,SAAAN,CAAA,CACH,EACCQ,GAAuB6B,EAAiBhC,CAAI,EAC7C4B,EAAC,OAAA,CACC,aAAYX,EACZ,SAAUD,EAAaO,EAAWU,GAAU1B,IAAkB0B,CAAK,CAAC,EACpE,UAAWN,EAAG,+BAAgC,kBAAmB1B,GAAS,IAAI,EAE7E,SAAA,CAAAL,EAAS,SACR8B,EAACQ,EAAA,CACC,SAAUb,EACV,WAAYK,EAACS,EAAA,CAAa,KAAMvC,EAAS,MAAO,EAChD,aAAc8B,EAACS,EAAA,CAAa,KAAMvC,EAAS,aAAc,EACzD,cAAe8B,EAACS,EAAA,CAAa,KAAMvC,EAAS,cAAe,EAC3D,WAAYA,EAAS,WACrB,QAASK,GAAS,WAAA,CAAA,EAGtByB,EAACU,EAAA,CAAY,QAAArB,EAAwC,OAAArB,CAAA,CAAgB,EACrEkC,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsE,CACjF,wCAA0CzB,EAAY,SAAW,CAAA,CACnE,EAEA,SAAA,CAAAmC,EAAgBxC,EAAaW,EAASC,EAAiBR,GAAS,WAAW,EAC5EyB,EAAC,MAAA,CACC,UAAWC,EAAG,2EAA4E,CACxF,gBAAiBzB,EAAY,SAAW,CAAA,CACzC,EAEA,SAAAA,GAAa,IAAI,CAACoC,EAAQC,IAAU,CACnC,MAAMC,EAAoBF,EAAO,OAAS,UAAYzC,EAAY,OAAS,WAAa,CAACW,EAAU,GAInG,OACEiC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAPalC,GAAmBmC,EAQhC,UAAWb,EACT,2BACA,CACG,iBAAmBzB,EAAY,SAAW,CAAA,EAE7C,CACE,SAAU,EAAQL,CAAW,EAE/BI,GAAS,MAAA,CACX,CAAA,CAGN,CAAC,CAAA,CAAA,CACH,CAAA,CAAA,EAED,CAACE,GAAuB6B,EAAiBhC,CAAI,CAAA,CAAA,CAAA,CAChD,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"DynamicForm.js","sources":["../../../../lib/widgets/dynamicForm/DynamicForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type Control, type SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { Esia, type EsiaProps } from '../esia'\nimport { HTMLRenderer } from '../htmlParser'\nimport {\n  type Approvement,\n  type ApprovementClasses,\n  type ApprovementType,\n  type Chips,\n  type ChipsClasses,\n  type ChipsType,\n  getFieldsProgress,\n  type Progress,\n  type ProgressField,\n  type ProgressType,\n  type SubmitProps,\n  withApprovement\n} from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { type BackgroundColors } from '$/shared/constants'\nimport { useControlledForm, useFieldsProgress } from '$/shared/hooks'\nimport { Button, type ButtonProps, type CheckedState, Heading, Icon, ProgressBar, ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\nexport type DynamicFormClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  chips?: ChipsClasses\n  approvement?: ApprovementClasses\n  progressBar?: React.ComponentProps<typeof ProgressBar>['classes']\n  submit?: string\n}\n\nexport type DynamicFormProps<AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType> = {\n  fields: FieldElement<any, any, { validation: FieldValidation; progress: ProgressField }>[]\n  ssoAuthorizationTop: boolean\n  title: string\n  progress: Progress<PType>\n  approvement: Approvement<AType>\n  chips: Chips<CType>\n  submitProps?: SubmitProps\n  classes?: DynamicFormClasses\n  buttonGroup: ButtonProps[]\n  backgroundColor?: BackgroundColors\n  disabledButtons?: boolean\n  esiaConfig?: EsiaProps\n}\n\nexport const DynamicForm = <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType>({\n  fields,\n  title,\n  progress,\n  approvement,\n  chips,\n  submitProps,\n  classes,\n  buttonGroup,\n  ssoAuthorizationTop = false,\n  backgroundColor,\n  disabledButtons,\n  esiaConfig\n}: DynamicFormProps<AType, CType, PType>) => {\n  const { submitCallback, onErrorCallback } = submitProps || {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(approvement.type === 'checkbox' ? approvement.defaultValue : false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const {\n    control,\n    handleSubmit,\n    getValues,\n    watch,\n    trigger,\n    formState: { isValid, errors }\n  } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const fieldsProgress = getFieldsProgress(progress, fields)\n\n  const formattedProgress = useFieldsProgress({ control, fields: fieldsProgress || [], schema })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  const [fio, phone] = watch(['fio', 'phone'])\n  const isFioValid = Boolean(fio) && !errors.fio\n  const isPhoneValid = Boolean(phone) && !errors.phone\n  const disabledEsia = !isFioValid || !isPhoneValid || !checked\n\n  const handleClickEsia = async () => {\n    if (disabledEsia) {\n      // Триггерим валидацию для полей fio и phone\n      await trigger(['fio', 'phone'])\n      console.error('[Error] - Empty field fio or phone', { fio, phone })\n      return\n    }\n\n    if (esiaConfig?.onClick) {\n      esiaConfig.onClick({ ...getValues(), agree: checked })\n    }\n  }\n\n  return (\n    <QueryClientProvider>\n      <section\n        id='form'\n        data-test-id='form'\n        className={cn('w-full', classes?.root, backgroundColor && `desktop:py-[80px]`)}\n        style={{ backgroundColor }}\n      >\n        <ResponsiveContainer\n          className={cn(\n            'border-warm-grey-200 px-4 desktop:w-[636px] desktop:gap-8 desktop:p-14',\n            'relative mx-auto flex flex-col gap-6 rounded-sm bg-color-white py-8 desktop:border'\n          )}\n        >\n          {chips.enabled && (\n            <div\n              className={cn(\n                'desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute',\n                'bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n                'right-4 top-4 w-max',\n                classes?.chips?.root\n              )}\n            >\n              {chips.image && <Icon name={chips.image} className={cn('size-6', classes?.chips?.icon)} />}\n              {chips.content}\n            </div>\n          )}\n          <Heading as='h2' className={cn('text-color-dark desktop:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          <Heading as='h3' className={cn('text-color-dark mobile:hidden', classes?.title)}>\n            {title}\n          </Heading>\n          {ssoAuthorizationTop && esiaConfig && <Esia {...esiaConfig} onClick={handleClickEsia} />}\n          <form\n            data-valid={isValid}\n            onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))}\n            className={cn('flex w-full flex-col gap-y-6', 'desktop:gap-y-8', classes?.form)}\n          >\n            {progress.enabled && (\n              <ProgressBar\n                progress={formattedProgress}\n                topContent={<HTMLRenderer html={progress.title} />}\n                leftSubtitle={<HTMLRenderer html={progress.leftSubtitle} />}\n                rightSubtitle={<HTMLRenderer html={progress.rightSubtitle} />}\n                maxPercent={progress.maxPercent}\n                classes={classes?.progressBar}\n              />\n            )}\n            <FieldMapper control={control as unknown as Control} fields={fields} />\n            <div\n              className={cn('mob-body-regular-s flex flex-col items-start justify-between gap-4', {\n                ['desktop:flex-row desktop:items-center']: buttonGroup.length === 1\n              })}\n            >\n              {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n              <div\n                className={cn('flex w-full flex-col items-center justify-between gap-4 desktop:flex-row', {\n                  'desktop:w-fit': buttonGroup.length === 1\n                })}\n              >\n                {buttonGroup?.map((button, index) => {\n                  const isDisabledByLogic = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                  const disabled = disabledButtons || isDisabledByLogic\n\n                  return (\n                    <Button\n                      {...button}\n                      size='lg'\n                      key={index}\n                      disabled={disabled}\n                      className={cn(\n                        'w-full whitespace-nowrap',\n                        {\n                          ['desktop:!w-fit']: buttonGroup.length === 1\n                        },\n                        {\n                          'w-full': Boolean(approvement)\n                        },\n                        classes?.submit\n                      )}\n                    />\n                  )\n                })}\n              </div>\n            </div>\n            {!ssoAuthorizationTop && esiaConfig && <Esia {...esiaConfig} onClick={handleClickEsia} />}\n          </form>\n        </ResponsiveContainer>\n      </section>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicForm\n"],"names":["DynamicForm","fields","title","progress","approvement","chips","submitProps","classes","buttonGroup","ssoAuthorizationTop","backgroundColor","disabledButtons","esiaConfig","submitCallback","onErrorCallback","checked","onCheckedChange","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","getValues","watch","trigger","isValid","errors","useControlledForm","fieldsProgress","getFieldsProgress","formattedProgress","useFieldsProgress","onSubmit","values","fio","phone","isFioValid","isPhoneValid","disabledEsia","handleClickEsia","QueryClientProvider","jsx","cn","jsxs","ResponsiveContainer","Icon","Heading","Esia","error","ProgressBar","HTMLRenderer","FieldMapper","withApprovement","button","index","isDisabledByLogic","createElement","Button"],"mappings":"0lCAsDO,MAAMA,GAAc,CAAqF,CAC9G,OAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,YAAAC,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EACA,gBAAAC,EACA,WAAAC,CACF,IAA6C,CAC3C,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBR,GAAe,CAAA,EAErD,CAACS,EAASC,CAAe,EAAIC,EAAuBb,EAAY,OAAS,WAAaA,EAAY,aAAe,EAAK,EAEtHc,EAASC,EAAiBlB,CAAM,EAChCmB,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CACJ,QAAAI,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,UAAW,CAAE,QAAAC,EAAS,OAAAC,CAAA,CAAO,EAC3BC,EAAkB,CACpB,OAAAX,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEKU,EAAiBC,EAAkB5B,EAAUF,CAAM,EAEnD+B,EAAoBC,EAAkB,CAAE,QAAAX,EAAS,OAAQQ,GAAkB,CAAA,EAAI,OAAAZ,EAAQ,EAEvFgB,EAAkDC,GAAW,CAC7DtB,GAAgBA,EAAe,CAAE,GAAGsB,EAAQ,MAAOpB,EAAS,CAClE,EAEM,CAACqB,EAAKC,CAAK,EAAIZ,EAAM,CAAC,MAAO,OAAO,CAAC,EACrCa,EAAa,EAAQF,GAAQ,CAACR,EAAO,IACrCW,EAAe,EAAQF,GAAU,CAACT,EAAO,MACzCY,EAAe,CAACF,GAAc,CAACC,GAAgB,CAACxB,EAEhD0B,EAAkB,SAAY,CAClC,GAAID,EAAc,CAEhB,MAAMd,EAAQ,CAAC,MAAO,OAAO,CAAC,EAC9B,QAAQ,MAAM,qCAAsC,CAAE,IAAAU,EAAK,MAAAC,EAAO,EAClE,MACF,CAEIzB,GAAY,SACdA,EAAW,QAAQ,CAAE,GAAGY,IAAa,MAAOT,EAAS,CAEzD,EAEA,SACG2B,EAAA,CACC,SAAAC,EAAC,UAAA,CACC,GAAG,OACH,eAAa,OACb,UAAWC,EAAG,SAAUrC,GAAS,KAAMG,GAAmB,mBAAmB,EAC7E,MAAO,CAAE,gBAAAA,CAAA,EAET,SAAAmC,EAACC,GAAA,CACC,UAAWF,EACT,yEACA,oFAAA,EAGD,SAAA,CAAAvC,EAAM,SACLwC,EAAC,MAAA,CACC,UAAWD,EACT,4EACA,uDACA,sBACArC,GAAS,OAAO,IAAA,EAGjB,SAAA,CAAAF,EAAM,OAASsC,EAACI,GAAA,CAAK,KAAM1C,EAAM,MAAO,UAAWuC,EAAG,SAAUrC,GAAS,OAAO,IAAI,CAAA,CAAG,EACvFF,EAAM,OAAA,CAAA,CAAA,EAGXsC,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWJ,EAAG,iCAAkCrC,GAAS,KAAK,EAC5E,SAAAL,CAAA,CACH,EACAyC,EAACK,EAAA,CAAQ,GAAG,KAAK,UAAWJ,EAAG,gCAAiCrC,GAAS,KAAK,EAC3E,SAAAL,CAAA,CACH,EACCO,GAAuBG,GAAc+B,EAACM,GAAM,GAAGrC,EAAY,QAAS6B,EAAiB,EACtFI,EAAC,OAAA,CACC,aAAYlB,EACZ,SAAUJ,EAAaW,EAAWgB,GAAUpC,IAAkBoC,CAAK,CAAC,EACpE,UAAWN,EAAG,+BAAgC,kBAAmBrC,GAAS,IAAI,EAE7E,SAAA,CAAAJ,EAAS,SACRwC,EAACQ,EAAA,CACC,SAAUnB,EACV,WAAYW,EAACS,EAAA,CAAa,KAAMjD,EAAS,MAAO,EAChD,aAAcwC,EAACS,EAAA,CAAa,KAAMjD,EAAS,aAAc,EACzD,cAAewC,EAACS,EAAA,CAAa,KAAMjD,EAAS,cAAe,EAC3D,WAAYA,EAAS,WACrB,QAASI,GAAS,WAAA,CAAA,EAGtBoC,EAACU,EAAA,CAAY,QAAA/B,EAAwC,OAAArB,CAAA,CAAgB,EACrE4C,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsE,CACjF,wCAA0CpC,EAAY,SAAW,CAAA,CACnE,EAEA,SAAA,CAAA8C,EAAgBlD,EAAaW,EAASC,EAAiBT,GAAS,WAAW,EAC5EoC,EAAC,MAAA,CACC,UAAWC,EAAG,2EAA4E,CACxF,gBAAiBpC,EAAY,SAAW,CAAA,CACzC,EAEA,SAAAA,GAAa,IAAI,CAAC+C,EAAQC,IAAU,CACnC,MAAMC,EAAoBF,EAAO,OAAS,UAAYnD,EAAY,OAAS,WAAa,CAACW,EAAU,GAInG,OACE2C,EAACC,GAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAPa7C,GAAmB8C,EAQhC,UAAWb,EACT,2BACA,CACG,iBAAmBpC,EAAY,SAAW,CAAA,EAE7C,CACE,SAAU,EAAQJ,CAAW,EAE/BG,GAAS,MAAA,CACX,CAAA,CAGN,CAAC,CAAA,CAAA,CACH,CAAA,CAAA,EAED,CAACE,GAAuBG,GAAc+B,EAACM,GAAM,GAAGrC,EAAY,QAAS6B,CAAA,CAAiB,CAAA,CAAA,CAAA,CACzF,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ"}

package/dist/lib/widgets/dynamicForm/model/helpers.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as d}from"react/jsx-runtime";import{CheckboxBase as i}from"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{AuthProvider as m}from"../../authProvider/AuthProvider.js";import{HTMLRenderer as n}from"../../htmlParser/HTMLRenderer.js";import{cn as c}from"../../../shared/utils/cn.js";const p=e=>{switch(e?.mode){case"esia":return r(m,{...e,mode:e?.mode});case"mobileId":return r(m,{...e,mode:e?.mode});case"combine":return r(m,{...e,mode:e?.mode});default:return null}},x=(e,o,t,s)=>e.type==="off"?null:e.type==="text"?r(n,{html:e.message,as:"div",className:s?.content}):d("label",{className:c("mob-body-regular-s text-color-dark","desktop:desk-body-regular-s desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[r(i,{classes:s?.checkbox,checked:o,onCheckedChange:t}),r(n,{html:e.content,as:"div",className:s?.content})]}),b=(e,o)=>e.enabled?o.map(t=>({name:t.args.name,...t.args.progress})):null;export{b as getFieldsProgress,x as withApprovement,p as withAuthProvider};
+import{jsx as o,jsxs as a}from"react/jsx-runtime";import{CheckboxBase as m}from"../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{HTMLRenderer as n}from"../../htmlParser/HTMLRenderer.js";import{cn as l}from"../../../shared/utils/cn.js";const g=(e,t,r,s)=>e.type==="off"?null:e.type==="text"?o(n,{html:e.message,as:"div",className:s?.content}):a("label",{className:l("mob-body-regular-s text-color-dark","desktop:desk-body-regular-s desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[o(m,{classes:s?.checkbox,checked:t,onCheckedChange:r}),o(n,{html:e.content,as:"div",className:s?.content})]}),u=(e,t)=>e.enabled?t.map(r=>({name:r.args.name,...r.args.progress})):null;export{u as getFieldsProgress,g as withApprovement};
 //# sourceMappingURL=helpers.js.map

package/dist/lib/widgets/dynamicForm/model/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/dynamicForm/model/helpers.tsx"],"sourcesContent":["import { type FieldPath, type FieldValues } from 'react-hook-form'\nimport type { Approvement, ApprovementClasses, ApprovementType, Auth, AuthMode } from './types'\nimport type { Progress, ProgressField, ProgressType } from './types'\nimport { type ISubscribedField } from '$/shared/hooks'\nimport { CheckboxBase, type CheckedState } from '$/shared/ui/formElements/uncontrolled/checkbox/Checkbox'\nimport { cn } from '$/shared/utils'\nimport { AuthProvider } from '$/widgets'\nimport { HTMLRenderer } from '$/widgets'\nimport type { FieldElement } from '$/widgets/fieldMapper'\n\nexport const withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth?.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth?.mode} />\n\n    default:\n      return null\n  }\n}\n\nexport const withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-s desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nexport const getFieldsProgress = <TFieldValues extends FieldValues, Type extends ProgressType>(\n  progress: Progress<Type>,\n  fields: FieldElement<any, any, { progress: ProgressField }>[]\n) => {\n  if (!progress.enabled) return null\n\n  return fields.map<ISubscribedField<TFieldValues>>((field) => ({\n    name: field.args.name as FieldPath<TFieldValues>,\n    ...field.args.progress\n  }))\n}\n"],"names":["withAuthProvider","auth","AuthProvider","withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","getFieldsProgress","progress","fields","field"],"mappings":"sUAUO,MAAMA,EAA2CC,GAAqB,CAC3E,OAAQA,GAAM,KAAA,CACZ,IAAK,OACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAM,KAAM,EACnD,IAAK,WACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAM,KAAM,EACnD,IAAK,UACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,GAAM,KAAM,EAEnD,QACE,OAAO,IAAA,CAEb,EAEaE,EAAkB,CAC7BC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAKxEM,EAAoB,CAC/BC,EACAC,IAEKD,EAAS,QAEPC,EAAO,IAAqCC,IAAW,CAC5D,KAAMA,EAAM,KAAK,KACjB,GAAGA,EAAM,KAAK,QAAA,EACd,EAL4B"}
+{"version":3,"file":"helpers.js","sources":["../../../../../lib/widgets/dynamicForm/model/helpers.tsx"],"sourcesContent":["import { type FieldPath, type FieldValues } from 'react-hook-form'\nimport type { Approvement, ApprovementClasses, ApprovementType } from './types'\nimport type { Progress, ProgressField, ProgressType } from './types'\nimport { type ISubscribedField } from '$/shared/hooks'\nimport { CheckboxBase, type CheckedState } from '$/shared/ui/formElements/uncontrolled/checkbox/Checkbox'\nimport { cn } from '$/shared/utils'\nimport { HTMLRenderer } from '$/widgets'\nimport type { FieldElement } from '$/widgets/fieldMapper'\n\nexport const withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n): React.ReactNode => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-s desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nexport const getFieldsProgress = <TFieldValues extends FieldValues, Type extends ProgressType>(\n  progress: Progress<Type>,\n  fields: FieldElement<any, any, { progress: ProgressField }>[]\n) => {\n  if (!progress.enabled) return null\n\n  return fields.map<ISubscribedField<TFieldValues>>((field) => ({\n    name: field.args.name as FieldPath<TFieldValues>,\n    ...field.args.progress\n  }))\n}\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","getFieldsProgress","progress","fields","field"],"mappings":"oQASO,MAAMA,EAAkB,CAC7BC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAKxEM,EAAoB,CAC/BC,EACAC,IAEKD,EAAS,QAEPC,EAAO,IAAqCC,IAAW,CAC5D,KAAMA,EAAM,KAAK,KACjB,GAAGA,EAAM,KAAK,QAAA,EACd,EAL4B"}

package/dist/lib/widgets/dynamicForm/model/index.js

@@ -1,2 +1,2 @@
-import{getFieldsProgress as t,withApprovement as o,withAuthProvider as i}from"./helpers.js";export{t as getFieldsProgress,o as withApprovement,i as withAuthProvider};
+import{getFieldsProgress as o,withApprovement as t}from"./helpers.js";export{o as getFieldsProgress,t as withApprovement};
 //# sourceMappingURL=index.js.map

package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as g}from"react/jsx-runtime";import{useState as j,createElement as v}from"react";import{getDynamicSchema as A}from"../../../src/shared/utils/getDynamicSchema.js";import{Button as P}from"../../shared/ui/button/Button.js";import{Dialog as E}from"../../shared/ui/dialog/Dialog.js";import{CheckboxBase as L}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{QueryClientProvider as M}from"../queryClientProvider/QueryClientProvider.js";import{TypeGuards as Z}from"../../shared/utils/typeGuards.js";import{FieldMapper as H}from"../fieldMapper/FieldMapper.js";import{cn as x}from"../../shared/utils/cn.js";import{ZodUtils as I}from"../../shared/validation/utils/zodUtils.js";import{useControlledForm as Q}from"../../shared/hooks/useControlledForm.js";import{AuthProvider as s}from"../authProvider/AuthProvider.js";import{HTMLRenderer as p}from"../htmlParser/HTMLRenderer.js";const R=(e,l,t,m)=>e.type==="off"?null:e.type==="text"?o(p,{html:e.message,as:"div",className:m?.content}):g("label",{className:x("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[o(L,{classes:m?.checkbox,checked:l,onCheckedChange:t}),o(p,{html:e.content,as:"div",className:m?.content})]}),b=e=>{switch(e.mode){case"esia":return o(s,{...e,mode:e.mode});case"mobileId":return o(s,{...e,mode:e.mode});case"combine":return o(s,{...e,mode:e.mode});case"off":return null}},re=({fields:e,title:l,approvement:t,submitProps:m,dialogId:h,classes:c,auth:a,buttonGroup:n,ssoAuthorizationTop:d=!1,disabledButtons:y,...k})=>{const{submitCallback:f,onErrorCallback:w}=m??{},[i,C]=j(!1),u=A(e),D=I.getZodDefaults(u),{control:N,handleSubmit:S}=Q({schema:u,defaultValues:D,mode:"onBlur"});return o(M,{children:o(E,{id:h,title:l,...k,children:g("form",{onSubmit:S(r=>{f&&f({...r,agree:i})},r=>w?.(r)),className:"flex flex-col gap-6",children:[d&&b(a),o(H,{control:N,fields:e}),R(t,i,C,c?.approvement),Z.isArrayFilled(n)&&o("div",{className:"flex flex-col gap-4",children:n?.map((r,B)=>{const F=r.type==="submit"&&t.type==="checkbox"?!i:!1;return v(P,{...r,size:"lg",key:B,disabled:y||F,className:x("w-full whitespace-nowrap",{"w-full":!!t},c?.submit)})})}),!d&&b(a)]})})})};export{re as DynamicFormDialog,re as default};
+import{jsx as e,jsxs as x}from"react/jsx-runtime";import{useState as H,createElement as Q}from"react";import{getDynamicSchema as R}from"../../../src/shared/utils/getDynamicSchema.js";import{Button as T}from"../../shared/ui/button/Button.js";import{Dialog as U}from"../../shared/ui/dialog/Dialog.js";import{CheckboxBase as q}from"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import{QueryClientProvider as z}from"../queryClientProvider/QueryClientProvider.js";import{TypeGuards as G}from"../../shared/utils/typeGuards.js";import{FieldMapper as I}from"../fieldMapper/FieldMapper.js";import{cn as g}from"../../shared/utils/cn.js";import{ZodUtils as J}from"../../shared/validation/utils/zodUtils.js";import{useControlledForm as K}from"../../shared/hooks/useControlledForm.js";import{Esia as k}from"../esia/Esia.js";import{HTMLRenderer as y}from"../htmlParser/HTMLRenderer.js";const O=(o,s,l,i)=>o.type==="off"?null:o.type==="text"?e(y,{html:o.message,as:"div",className:i?.content}):x("label",{className:g("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4","flex items-center justify-items-start gap-x-3"),children:[e(q,{classes:i?.checkbox,checked:s,onCheckedChange:l}),e(y,{html:o.content,as:"div",className:i?.content})]}),de=({fields:o,title:s,approvement:l,submitProps:i,dialogId:w,classes:c,buttonGroup:m,ssoAuthorizationTop:n=!1,disabledButtons:B,esiaConfig:r,...C})=>{const{submitCallback:d,onErrorCallback:E}=i??{},[a,S]=H(!1),f=R(o),D=J.getZodDefaults(f),{control:N,handleSubmit:F,watch:V,trigger:j,getValues:L,formState:{errors:p}}=K({schema:f,defaultValues:D,mode:"onBlur"}),[u,h]=V(["fio","phone"]),M=!!u&&!p.fio,P=!!h&&!p.phone,Z=!M||!P||!a,b=async()=>{if(Z){await j(["fio","phone"]),console.error("[Error] - Empty field fio or phone",{fio:u,phone:h});return}r?.onClick&&r.onClick({...L(),agree:a})};return e(z,{children:e(U,{id:w,title:s,...C,children:x("form",{onSubmit:F(t=>{d&&d({...t,agree:a})},t=>E?.(t)),className:"flex flex-col gap-6",children:[n&&r&&e(k,{...r,onClick:b}),e(I,{control:N,fields:o}),O(l,a,S,c?.approvement),G.isArrayFilled(m)&&e("div",{className:"flex flex-col gap-4",children:m?.map((t,v)=>{const A=t.type==="submit"&&l.type==="checkbox"?!a:!1;return Q(T,{...t,size:"lg",key:v,disabled:B||A,className:g("w-full whitespace-nowrap",{"w-full":!!l},c?.submit)})})}),!n&&r&&e(k,{...r,onClick:b})]})})})};export{de as DynamicFormDialog,de as default};
 //# sourceMappingURL=DynamicFormDialog.js.map

package/dist/lib/widgets/dynamicFormDialog/DynamicFormDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFormDialog.js","sources":["../../../../lib/widgets/dynamicFormDialog/DynamicFormDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport type { Control, FieldValues, SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport { type Auth, type AuthMode } from '../dynamicForm/model'\nimport type { Approvement, ApprovementType } from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, type ButtonProps } from '$/shared/ui/button/Button'\nimport { Dialog } from '$/shared/ui/dialog/Dialog'\nimport { CheckboxBase, type CheckedState } from '$/shared/ui/formElements/uncontrolled/checkbox/Checkbox'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { AuthProvider } from '$/widgets'\nimport { HTMLRenderer } from '$/widgets'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n  onErrorCallback?: <T extends FieldValues>(error: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<\n  AType extends ApprovementType,\n  AuthType extends AuthMode\n> = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  fields: FieldElement<any, any, { validation: FieldValidation }>[]\n  title: string\n  approvement: Approvement<AType>\n  dialogId: string\n  submitProps?: SubmitProps\n  classes?: DynamicFormDialogClasses\n  buttonGroup: ButtonProps[]\n  auth: Auth<AuthType>\n  ssoAuthorizationTop?: boolean\n  disabledButtons?: boolean\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n) => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-m desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nconst withAuthProvider = <Mode extends AuthMode>(auth: Auth<Mode>) => {\n  switch (auth.mode) {\n    case 'esia':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'mobileId':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'combine':\n      return <AuthProvider {...auth} mode={auth.mode} />\n    case 'off':\n      return null\n  }\n}\n\nexport const DynamicFormDialog = <AType extends ApprovementType, AuthType extends AuthMode>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  auth,\n  buttonGroup,\n  ssoAuthorizationTop = false,\n  disabledButtons,\n  ...props\n}: DynamicFormDialogProps<AType, AuthType>) => {\n  const { submitCallback, onErrorCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const { control, handleSubmit } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))} className='flex flex-col gap-6'>\n          {ssoAuthorizationTop && withAuthProvider(auth)}\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {TypeGuards.isArrayFilled(buttonGroup) && (\n            <div className='flex flex-col gap-4'>\n              {buttonGroup?.map((button, index) => {\n                const isDisabledByLogic = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                const disabled = disabledButtons || isDisabledByLogic\n\n                return (\n                  <Button\n                    {...button}\n                    size='lg'\n                    key={index}\n                    disabled={disabled}\n                    className={cn(\n                      'w-full whitespace-nowrap',\n                      {\n                        'w-full': Boolean(approvement)\n                      },\n                      classes?.submit\n                    )}\n                  />\n                )\n              })}\n            </div>\n          )}\n          {/*<Button {...buttonProps} type='submit' disabled={approvement.type === 'checkbox' ? !checked : false} className='w-full'>*/}\n          {/*  {children ?? 'Отправить форму'}*/}\n          {/*</Button>*/}\n          {!ssoAuthorizationTop && withAuthProvider(auth)}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","withAuthProvider","auth","AuthProvider","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","ssoAuthorizationTop","disabledButtons","props","submitCallback","onErrorCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","useControlledForm","QueryClientProvider","Dialog","values","error","FieldMapper","TypeGuards","button","index","isDisabledByLogic","createElement","Button"],"mappings":"k5BAoDA,MAAMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAK/EM,EAA2CC,GAAqB,CACpE,OAAQA,EAAK,KAAA,CACX,IAAK,OACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,WACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,UACH,SAAQC,EAAA,CAAc,GAAGD,EAAM,KAAMA,EAAK,KAAM,EAClD,IAAK,MACH,OAAO,IAAA,CAEb,EAEaE,GAAoB,CAA2D,CAC1F,OAAAC,EACA,MAAAC,EACA,YAAAd,EACA,YAAAe,EACA,SAAAC,EACA,QAAAb,EACA,KAAAO,EACA,YAAAO,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBP,GAAe,CAAA,EAErD,CAACd,EAASC,CAAe,EAAIqB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBZ,CAAM,EAChCa,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CAAE,QAAAI,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAAN,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAMD,OACEtB,EAAC2B,GACC,SAAA3B,EAAC4B,EAAA,CAAO,GAAIhB,EAAU,MAAAF,EAAe,GAAGM,EACtC,SAAAd,EAAC,QAAK,SAAUuB,EAPkCI,GAAW,CAC7DZ,GAAgBA,EAAe,CAAE,GAAGY,EAAQ,MAAOhC,EAAS,CAClE,EAK8CiC,GAAUZ,IAAkBY,CAAK,CAAC,EAAG,UAAU,sBACpF,SAAA,CAAAhB,GAAuBT,EAAiBC,CAAI,EAC7CN,EAAC+B,EAAA,CAAY,QAAAP,EAAwC,OAAAf,CAAA,CAAgB,EACpEd,EAAgBC,EAAaC,EAASC,EAAiBC,GAAS,WAAW,EAC3EiC,EAAW,cAAcnB,CAAW,GACnCb,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAa,GAAa,IAAI,CAACoB,EAAQC,IAAU,CACnC,MAAMC,EAAoBF,EAAO,OAAS,UAAYrC,EAAY,OAAS,WAAa,CAACC,EAAU,GAInG,OACEuC,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAPanB,GAAmBoB,EAQhC,UAAWhC,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAS,MAAA,CACX,CAAA,CAGN,CAAC,CAAA,CACH,EAKD,CAACe,GAAuBT,EAAiBC,CAAI,CAAA,CAAA,CAChD,EACF,EACF,CAEJ"}
+{"version":3,"file":"DynamicFormDialog.js","sources":["../../../../lib/widgets/dynamicFormDialog/DynamicFormDialog.tsx"],"sourcesContent":["import { useState } from 'react'\nimport type { Control, FieldValues, SubmitHandler } from 'react-hook-form'\nimport { type TypeOf } from 'zod'\nimport type { Approvement, ApprovementType } from './model'\nimport { type FieldValidation, getDynamicSchema } from '@/shared/utils'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, type ButtonProps } from '$/shared/ui/button/Button'\nimport { Dialog } from '$/shared/ui/dialog/Dialog'\nimport { CheckboxBase, type CheckedState } from '$/shared/ui/formElements/uncontrolled/checkbox/Checkbox'\nimport { cn, TypeGuards } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\nimport { Esia, type EsiaProps, HTMLRenderer } from '$/widgets'\nimport { type FieldElement, FieldMapper } from '$/widgets/fieldMapper'\nimport { QueryClientProvider } from '$/widgets/queryClientProvider'\n\ntype SubmitProps = {\n  submitCallback: <T extends FieldValues>(values: T) => void\n  onErrorCallback?: <T extends FieldValues>(error: T) => void\n}\n\ntype ApprovementClasses = {\n  checkbox?: React.ComponentProps<typeof CheckboxBase>['classes']\n  content?: string\n}\n\ntype DynamicFormDialogClasses = {\n  root?: string\n  title?: string\n  fields?: string\n  form?: string\n  approvement?: ApprovementClasses\n  submit?: string\n}\n\nexport type DynamicFormDialogProps<AType extends ApprovementType> = React.DialogHTMLAttributes<HTMLDialogElement> & {\n  fields: FieldElement<any, any, { validation: FieldValidation }>[]\n  title: string\n  approvement: Approvement<AType>\n  dialogId: string\n  submitProps?: SubmitProps\n  classes?: DynamicFormDialogClasses\n  buttonGroup: ButtonProps[]\n  ssoAuthorizationTop?: boolean\n  disabledButtons?: boolean\n  esiaConfig?: EsiaProps\n}\n\nconst withApprovement = <Type extends ApprovementType>(\n  approvement: Approvement<Type>,\n  checked: CheckedState,\n  onCheckedChange: (checked: CheckedState) => void,\n  classes?: ApprovementClasses\n) => {\n  if (approvement.type === 'off') return null\n\n  if (approvement.type === 'text') {\n    return <HTMLRenderer html={approvement.message} as='div' className={classes?.content} />\n  }\n\n  return (\n    <label\n      className={cn(\n        'mob-body-regular-s text-color-dark',\n        'desktop:desk-body-regular-m desktop:gap-x-4',\n        'flex items-center justify-items-start gap-x-3'\n      )}\n    >\n      <CheckboxBase classes={classes?.checkbox} checked={checked} onCheckedChange={onCheckedChange} />\n      <HTMLRenderer html={approvement.content} as='div' className={classes?.content} />\n    </label>\n  )\n}\n\nexport const DynamicFormDialog = <AType extends ApprovementType>({\n  fields,\n  title,\n  approvement,\n  submitProps,\n  dialogId,\n  classes,\n  buttonGroup,\n  ssoAuthorizationTop = false,\n  disabledButtons,\n  esiaConfig,\n  ...props\n}: DynamicFormDialogProps<AType>) => {\n  const { submitCallback, onErrorCallback } = submitProps ?? {}\n\n  const [checked, onCheckedChange] = useState<CheckedState>(false)\n\n  const schema = getDynamicSchema(fields)\n  const defaultValues = ZodUtils.getZodDefaults(schema)\n\n  const {\n    control,\n    handleSubmit,\n    watch,\n    trigger,\n    getValues,\n    formState: { errors }\n  } = useControlledForm({\n    schema,\n    defaultValues,\n    mode: 'onBlur'\n  })\n\n  const [fio, phone] = watch(['fio', 'phone'])\n  const isFioValid = Boolean(fio) && !errors.fio\n  const isPhoneValid = Boolean(phone) && !errors.phone\n  const disabledEsia = !isFioValid || !isPhoneValid || !checked\n\n  const handleClickEsia = async () => {\n    if (disabledEsia) {\n      // Триггерим валидацию для полей fio и phone\n      await trigger(['fio', 'phone'])\n      console.error('[Error] - Empty field fio or phone', { fio, phone })\n      return\n    }\n\n    if (esiaConfig?.onClick) {\n      esiaConfig.onClick({ ...getValues(), agree: checked })\n    }\n  }\n\n  const onSubmit: SubmitHandler<TypeOf<typeof schema>> = (values) => {\n    if (submitCallback) submitCallback({ ...values, agree: checked })\n  }\n\n  return (\n    <QueryClientProvider>\n      <Dialog id={dialogId} title={title} {...props}>\n        <form onSubmit={handleSubmit(onSubmit, (error) => onErrorCallback?.(error))} className='flex flex-col gap-6'>\n          {ssoAuthorizationTop && esiaConfig && <Esia {...esiaConfig} onClick={handleClickEsia} />}\n          <FieldMapper control={control as unknown as Control} fields={fields} />\n          {withApprovement(approvement, checked, onCheckedChange, classes?.approvement)}\n          {TypeGuards.isArrayFilled(buttonGroup) && (\n            <div className='flex flex-col gap-4'>\n              {buttonGroup?.map((button, index) => {\n                const isDisabledByLogic = button.type === 'submit' && approvement.type === 'checkbox' ? !checked : false\n\n                const disabled = disabledButtons || isDisabledByLogic\n\n                return (\n                  <Button\n                    {...button}\n                    size='lg'\n                    key={index}\n                    disabled={disabled}\n                    className={cn(\n                      'w-full whitespace-nowrap',\n                      {\n                        'w-full': Boolean(approvement)\n                      },\n                      classes?.submit\n                    )}\n                  />\n                )\n              })}\n            </div>\n          )}\n\n          {!ssoAuthorizationTop && esiaConfig && <Esia {...esiaConfig} onClick={handleClickEsia} />}\n        </form>\n      </Dialog>\n    </QueryClientProvider>\n  )\n}\n\nexport default DynamicFormDialog\n"],"names":["withApprovement","approvement","checked","onCheckedChange","classes","jsx","HTMLRenderer","jsxs","cn","CheckboxBase","DynamicFormDialog","fields","title","submitProps","dialogId","buttonGroup","ssoAuthorizationTop","disabledButtons","esiaConfig","props","submitCallback","onErrorCallback","useState","schema","getDynamicSchema","defaultValues","ZodUtils","control","handleSubmit","watch","trigger","getValues","errors","useControlledForm","fio","phone","isFioValid","isPhoneValid","disabledEsia","handleClickEsia","QueryClientProvider","Dialog","values","error","Esia","FieldMapper","TypeGuards","button","index","isDisabledByLogic","createElement","Button"],"mappings":"03BA+CA,MAAMA,EAAkB,CACtBC,EACAC,EACAC,EACAC,IAEIH,EAAY,OAAS,MAAc,KAEnCA,EAAY,OAAS,OAChBI,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,EAItFG,EAAC,QAAA,CACC,UAAWC,EACT,qCACA,8CACA,+CAAA,EAGF,SAAA,CAAAH,EAACI,EAAA,CAAa,QAASL,GAAS,SAAU,QAAAF,EAAkB,gBAAAC,EAAkC,EAC9FE,EAACC,GAAa,KAAML,EAAY,QAAS,GAAG,MAAM,UAAWG,GAAS,OAAA,CAAS,CAAA,CAAA,CAAA,EAKxEM,GAAoB,CAAgC,CAC/D,OAAAC,EACA,MAAAC,EACA,YAAAX,EACA,YAAAY,EACA,SAAAC,EACA,QAAAV,EACA,YAAAW,EACA,oBAAAC,EAAsB,GACtB,gBAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAqC,CACnC,KAAM,CAAE,eAAAC,EAAgB,gBAAAC,CAAA,EAAoBR,GAAe,CAAA,EAErD,CAACX,EAASC,CAAe,EAAImB,EAAuB,EAAK,EAEzDC,EAASC,EAAiBb,CAAM,EAChCc,EAAgBC,EAAS,eAAeH,CAAM,EAE9C,CACJ,QAAAI,EACA,aAAAC,EACA,MAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAW,CAAE,OAAAC,CAAA,CAAO,EAClBC,EAAkB,CACpB,OAAAV,EACA,cAAAE,EACA,KAAM,QAAA,CACP,EAEK,CAACS,EAAKC,CAAK,EAAIN,EAAM,CAAC,MAAO,OAAO,CAAC,EACrCO,EAAa,EAAQF,GAAQ,CAACF,EAAO,IACrCK,EAAe,EAAQF,GAAU,CAACH,EAAO,MACzCM,EAAe,CAACF,GAAc,CAACC,GAAgB,CAACnC,EAEhDqC,EAAkB,SAAY,CAClC,GAAID,EAAc,CAEhB,MAAMR,EAAQ,CAAC,MAAO,OAAO,CAAC,EAC9B,QAAQ,MAAM,qCAAsC,CAAE,IAAAI,EAAK,MAAAC,EAAO,EAClE,MACF,CAEIjB,GAAY,SACdA,EAAW,QAAQ,CAAE,GAAGa,IAAa,MAAO7B,EAAS,CAEzD,EAMA,OACEG,EAACmC,GACC,SAAAnC,EAACoC,EAAA,CAAO,GAAI3B,EAAU,MAAAF,EAAe,GAAGO,EACtC,SAAAZ,EAAC,QAAK,SAAUqB,EAPkCc,GAAW,CAC7DtB,GAAgBA,EAAe,CAAE,GAAGsB,EAAQ,MAAOxC,EAAS,CAClE,EAK8CyC,GAAUtB,IAAkBsB,CAAK,CAAC,EAAG,UAAU,sBACpF,SAAA,CAAA3B,GAAuBE,GAAcb,EAACuC,EAAA,CAAM,GAAG1B,EAAY,QAASqB,EAAiB,EACtFlC,EAACwC,EAAA,CAAY,QAAAlB,EAAwC,OAAAhB,CAAA,CAAgB,EACpEX,EAAgBC,EAAaC,EAASC,EAAiBC,GAAS,WAAW,EAC3E0C,EAAW,cAAc/B,CAAW,GACnCV,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAAU,GAAa,IAAI,CAACgC,EAAQC,IAAU,CACnC,MAAMC,EAAoBF,EAAO,OAAS,UAAY9C,EAAY,OAAS,WAAa,CAACC,EAAU,GAInG,OACEgD,EAACC,EAAA,CACE,GAAGJ,EACJ,KAAK,KACL,IAAKC,EACL,SAPa/B,GAAmBgC,EAQhC,UAAWzC,EACT,2BACA,CACE,SAAU,EAAQP,CAAW,EAE/BG,GAAS,MAAA,CACX,CAAA,CAGN,CAAC,CAAA,CACH,EAGD,CAACY,GAAuBE,GAAcb,EAACuC,GAAM,GAAG1B,EAAY,QAASqB,CAAA,CAAiB,CAAA,CAAA,CACzF,EACF,EACF,CAEJ"}

package/dist/lib/widgets/esia/Esia.js

@@ -0,0 +1,2 @@
+import{jsx as o,jsxs as m}from"react/jsx-runtime";import{cn as r}from"../../shared/utils/cn.js";import{EsiaLogo as f}from"./ui/EsiaLogo.js";import{TextBlock as x}from"./ui/TextBlock.js";import{useDevice as d}from"../../shared/hooks/useDevice.js";import{Loader as g}from"../../shared/ui/loader/Loader.js";import{Icon as b}from"../../shared/ui/icon/Icon.js";import{Badge as y}from"../../shared/ui/badge/Badge.js";const E=({isLoading:i,disabled:p,classes:e,titles:l,description:c,badge:t,onClick:n,loaderProps:a,...u})=>{const{isMobile:s}=d();return o("button",{disabled:p,type:"button",className:r("relative flex h-[90px] w-full items-center justify-center rounded-sm p-2 desktop:max-w-[524px]","bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",e?.root,{"cursor-auto opacity-60":p}),...u,onClick:n,children:o("div",{className:r("flex h-[74px] flex-1 rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3","bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",{"items-center":i},e?.wrapper),children:i?o(g,{position:"static",classes:{wrapper:"size-8 m-auto"},...a}):m("div",{className:r("flex flex-1 items-center justify-between gap-1",{"mobile: justify-center":!t&&s},e?.innerWrapper),children:[m("div",{className:r("flex items-center gap-1 desktop:gap-4",e?.textWrapper),children:[o(f,{className:r("size-7 desktop:size-8",e?.esiaLogo)}),o(x,{titles:l,description:c,isMobile:s,classes:e?.textBlock}),o(b,{name:"arrows/arrowRight",className:r("size-6 mobile:hidden",e?.arrowIcon)})]}),t&&o(y,{className:r("bg-color-positive",e?.badge),children:t})]})})})};export{E as Esia};
+//# sourceMappingURL=Esia.js.map

package/dist/lib/widgets/esia/Esia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Esia.js","sources":["../../../../lib/widgets/esia/Esia.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\nimport type { FieldValues } from 'react-hook-form'\nimport { EsiaLogo, TextBlock, type TextBlockClasses, type TextBlockProps } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { Badge, Icon, Loader, type LoaderProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype EsiaClasses = {\n  root?: string\n  wrapper?: string\n  innerWrapper?: string\n  textWrapper?: string\n  esiaLogo?: string\n  arrowIcon?: string\n  badge?: string\n  textBlock?: TextBlockClasses\n}\n\nexport interface EsiaProps extends Pick<TextBlockProps, 'titles' | 'description'>, ComponentProps<'button'> {\n  classes?: EsiaClasses\n  badge?: string\n  loaderProps?: LoaderProps\n  isLoading?: boolean\n  onClick: <T extends FieldValues>(values: T) => void\n}\n\nexport const Esia = ({ isLoading, disabled, classes, titles, description, badge, onClick, loaderProps, ...props }: EsiaProps) => {\n  const { isMobile } = useDevice()\n\n  return (\n    <button\n      disabled={disabled}\n      type='button'\n      className={cn(\n        'relative flex h-[90px] w-full items-center justify-center rounded-sm p-2 desktop:max-w-[524px]',\n        'bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus',\n        classes?.root,\n        { 'cursor-auto opacity-60': disabled }\n      )}\n      {...props}\n      onClick={onClick}\n    >\n      <div\n        className={cn(\n          'flex h-[74px] flex-1 rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3',\n          'bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300',\n          { 'items-center': isLoading },\n          classes?.wrapper\n        )}\n      >\n        {isLoading ? (\n          <Loader position='static' classes={{ wrapper: 'size-8 m-auto' }} {...loaderProps} />\n        ) : (\n          <div\n            className={cn(\n              'flex flex-1 items-center justify-between gap-1',\n              { 'mobile: justify-center': !badge && isMobile },\n              classes?.innerWrapper\n            )}\n          >\n            <div className={cn('flex items-center gap-1 desktop:gap-4', classes?.textWrapper)}>\n              <EsiaLogo className={cn('size-7 desktop:size-8', classes?.esiaLogo)} />\n              <TextBlock titles={titles} description={description} isMobile={isMobile} classes={classes?.textBlock} />\n              <Icon name='arrows/arrowRight' className={cn('size-6 mobile:hidden', classes?.arrowIcon)} />\n            </div>\n            {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n          </div>\n        )}\n      </div>\n    </button>\n  )\n}\n"],"names":["Esia","isLoading","disabled","classes","titles","description","badge","onClick","loaderProps","props","isMobile","useDevice","jsx","cn","Loader","jsxs","EsiaLogo","TextBlock","Icon","Badge"],"mappings":"2ZA0BO,MAAMA,EAAO,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,YAAAC,EAAa,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAa,GAAGC,KAAuB,CAC/H,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OACEC,EAAC,SAAA,CACC,SAAAV,EACA,KAAK,SACL,UAAWW,EACT,iGACA,+GACAV,GAAS,KACT,CAAE,yBAA0BD,CAAA,CAAS,EAEtC,GAAGO,EACJ,QAAAF,EAEA,SAAAK,EAAC,MAAA,CACC,UAAWC,EACT,wFACA,oFACA,CAAE,eAAgBZ,CAAA,EAClBE,GAAS,OAAA,EAGV,SAAAF,EACCW,EAACE,EAAA,CAAO,SAAS,SAAS,QAAS,CAAE,QAAS,eAAA,EAAoB,GAAGN,CAAA,CAAa,EAElFO,EAAC,MAAA,CACC,UAAWF,EACT,iDACA,CAAE,yBAA0B,CAACP,GAASI,CAAA,EACtCP,GAAS,YAAA,EAGX,SAAA,CAAAY,EAAC,OAAI,UAAWF,EAAG,wCAAyCV,GAAS,WAAW,EAC9E,SAAA,CAAAS,EAACI,GAAS,UAAWH,EAAG,wBAAyBV,GAAS,QAAQ,EAAG,IACpEc,EAAA,CAAU,OAAAb,EAAgB,YAAAC,EAA0B,SAAAK,EAAoB,QAASP,GAAS,UAAW,EACtGS,EAACM,GAAK,KAAK,oBAAoB,UAAWL,EAAG,uBAAwBV,GAAS,SAAS,CAAA,CAAG,CAAA,EAC5F,EACCG,KAAUa,EAAA,CAAM,UAAWN,EAAG,oBAAqBV,GAAS,KAAK,EAAI,SAAAG,CAAA,CAAM,CAAA,CAAA,CAAA,CAC9E,CAAA,CAEJ,CAAA,CAGN"}

package/dist/lib/widgets/esia/index.js

@@ -0,0 +1,2 @@
+import{Esia as a}from"./Esia.js";export{a as Esia};
+//# sourceMappingURL=index.js.map

package/dist/lib/widgets/esia/ui/EsiaLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EsiaLogo.js","sources":["../../../../../lib/widgets/esia/ui/EsiaLogo.tsx"],"sourcesContent":["import { type SVGProps } from 'react'\n\nexport const EsiaLogo = ({ ...props }: SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        d='M30.3986 10.6149C30.2728 8.96576 29.014 6.85155 27.7553 5.83672C26.3398 4.79816 24.8691 3.83828 23.3497 2.96139C21.8418 2.06068 20.2871 1.24201 18.6923 0.508895C17.8404 0.15868 16.927 -0.0139306 16.007 0.00148264C15.0868 -0.0180029 14.1725 0.154761 13.3217 0.508895C11.7272 1.24253 10.1725 2.06119 8.66438 2.96139C6.23081 4.44134 4.25878 5.83672 4.25878 5.83672C3.22329 6.71008 2.43892 7.83418 1.97146 9.09195C1.87834 9.34251 2.07032 9.59987 2.33762 9.59987H4.2568C4.55401 9.59987 4.82321 9.43281 4.98085 9.18085C5.33539 8.61417 5.77902 8.10202 6.29948 7.66607C6.29948 7.66607 7.92774 6.52186 9.93709 5.3083C11.1823 4.57013 12.466 3.89884 13.7826 3.29725C14.485 3.00687 15.2399 2.8652 15.9998 2.88118C16.7593 2.86854 17.5136 3.01008 18.217 3.29725C19.5337 3.89841 20.8174 4.56972 22.0624 5.3083C23.317 6.02735 24.5313 6.81445 25.7 7.66607C26.7394 8.49823 27.7787 10.2319 27.8826 11.5841C27.8826 11.5841 28.1251 13.5952 28.1598 15.9772C28.1576 17.4483 28.0767 18.9183 27.9173 20.3807C27.6755 21.912 26.8879 23.3038 25.7 24.2988C25.7 24.2988 24.0718 25.4777 22.0624 26.6912C20.8172 27.4294 19.5335 28.1007 18.217 28.7023C17.5145 28.9927 16.7596 29.1343 15.9998 29.1184C15.2409 29.1343 14.4867 28.9963 13.7826 28.7127C12.4658 28.1115 11.1821 27.4402 9.93709 26.7016C7.92774 25.5228 6.29948 24.3092 6.29948 24.3092C5.84515 23.9454 5.39081 23.4094 5.01172 22.8082C4.85581 22.561 4.5896 22.3997 4.2973 22.3997H2.34718C2.07645 22.3997 1.88475 22.6629 1.98611 22.914C2.49249 24.168 3.37564 25.4212 4.25878 26.1332C4.25878 26.1332 6.23081 27.6132 8.66438 29.0508C10.1723 29.9515 11.7269 30.7702 13.3217 31.5033C14.1745 31.8492 15.088 32.0175 16.007 31.998C16.9273 32.0175 17.8416 31.8448 18.6923 31.4906C20.2869 30.757 21.8415 29.9383 23.3497 29.0381C25.7833 27.5582 27.7553 26.1205 27.7553 26.1205C29.1939 24.9072 30.1478 23.2098 30.4406 21.3424C30.6337 19.5589 30.7317 17.7663 30.7343 15.9723C30.6923 13.0673 30.3986 10.6149 30.3986 10.6149Z'\n        fill='url(#paint0_linear_6493_452)'\n      />\n      <path\n        d='M1.27985 12.4821C1.27985 12.1286 1.56638 11.8421 1.91985 11.8421H11.8398C12.1933 11.8421 12.4798 12.1286 12.4798 12.4821V14.4021C12.4798 14.7555 12.1933 15.0421 11.8398 15.0421H1.27985V12.4821Z'\n        fill='#0066B3'\n      />\n      <path\n        d='M1.27985 16.9618H21.4398C21.7933 16.9618 22.0798 17.2484 22.0798 17.6018V19.5218C22.0798 19.8752 21.7933 20.1618 21.4398 20.1618H1.91985C1.56638 20.1618 1.27985 19.8752 1.27985 19.5218V16.9618Z'\n        fill='#EE2F53'\n      />\n      <defs>\n        <linearGradient id='paint0_linear_6493_452' x1='16.0071' y1='0' x2='16.0071' y2='31.9996' gradientUnits='userSpaceOnUse'>\n          <stop stopColor='#0066B3' />\n          <stop offset='0.354167' stopColor='#0066B3' />\n          <stop offset='0.6875' stopColor='#EE2F53' />\n          <stop offset='1' stopColor='#EE2F53' />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n"],"names":["EsiaLogo","props","jsxs","jsx"],"mappings":"kDAEO,MAAMA,EAAW,CAAC,CAAE,GAAGC,KAE1BC,EAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGD,EACjG,SAAA,CAAAE,EAAC,OAAA,CACC,EAAE,i5DACF,KAAK,8BAAA,CAAA,EAEPA,EAAC,OAAA,CACC,EAAE,oMACF,KAAK,SAAA,CAAA,EAEPA,EAAC,OAAA,CACC,EAAE,oMACF,KAAK,SAAA,CAAA,EAEPA,EAAC,OAAA,CACC,SAAAD,EAAC,iBAAA,CAAe,GAAG,yBAAyB,GAAG,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,UAAU,cAAc,iBACtG,SAAA,CAAAC,EAAC,OAAA,CAAK,UAAU,SAAA,CAAU,EAC1BA,EAAC,OAAA,CAAK,OAAO,WAAW,UAAU,UAAU,EAC5CA,EAAC,OAAA,CAAK,OAAO,SAAS,UAAU,UAAU,EAC1CA,EAAC,OAAA,CAAK,OAAO,IAAI,UAAU,SAAA,CAAU,CAAA,CAAA,CACvC,CAAA,CACF,CAAA,EACF"}

package/dist/lib/widgets/esia/ui/TextBlock.js

@@ -0,0 +1,2 @@
+import{jsxs as i,jsx as l}from"react/jsx-runtime";import{cn as t}from"../../../shared/utils/cn.js";const x=({titles:o,description:r,isMobile:d,classes:e})=>i("div",{className:t("flex flex-col",e?.root),children:[l("div",{className:t("desk-body-medium-l text-left text-color-dark",e?.titles),children:d?o?.mobileTitle:o?.desktopTitle}),r&&l("p",{className:t("desk-body-regular-m text-left text-color-tetriary",e?.description,{}),children:r})]});export{x as TextBlock};
+//# sourceMappingURL=TextBlock.js.map

package/dist/lib/widgets/esia/ui/TextBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextBlock.js","sources":["../../../../../lib/widgets/esia/ui/TextBlock.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type TextBlockClasses = {\n  root?: string\n  titles?: string\n  description?: string\n}\n\nexport interface TextBlockProps {\n  isMobile: boolean\n  classes?: TextBlockClasses\n  titles: {\n    desktopTitle: string\n    mobileTitle: string\n  }\n  description?: string\n}\n\nexport const TextBlock = ({ titles, description, isMobile, classes }: TextBlockProps) => {\n  return (\n    <div className={cn('flex flex-col', classes?.root)}>\n      <div className={cn('desk-body-medium-l text-left text-color-dark', classes?.titles)}>\n        {isMobile ? titles?.mobileTitle : titles?.desktopTitle}\n      </div>\n\n      {description && (\n        <p className={cn('desk-body-regular-m text-left text-color-tetriary', classes?.description, {})}>{description}</p>\n      )}\n    </div>\n  )\n}\n"],"names":["TextBlock","titles","description","isMobile","classes","cn","jsx"],"mappings":"mGAkBO,MAAMA,EAAY,CAAC,CAAE,OAAAC,EAAQ,YAAAC,EAAa,SAAAC,EAAU,QAAAC,OAEtD,MAAA,CAAI,UAAWC,EAAG,gBAAiBD,GAAS,IAAI,EAC/C,SAAA,CAAAE,EAAC,MAAA,CAAI,UAAWD,EAAG,+CAAgDD,GAAS,MAAM,EAC/E,SAAAD,EAAWF,GAAQ,YAAcA,GAAQ,YAAA,CAC5C,EAECC,GACCI,EAAC,IAAA,CAAE,UAAWD,EAAG,oDAAqDD,GAAS,YAAa,CAAA,CAAE,EAAI,SAAAF,CAAA,CAAY,CAAA,EAElH"}

package/dist/lib/widgets/esia/ui/index.js

@@ -0,0 +1,2 @@
+import{TextBlock as e}from"./TextBlock.js";import{EsiaLogo as x}from"./EsiaLogo.js";export{x as EsiaLogo,e as TextBlock};
+//# sourceMappingURL=index.js.map