@scbt-ecom/ui 0.158.1 → 0.159.0

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-\[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}}
+@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-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(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/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as r}from"react/jsx-runtime";import{cn as t}from"../../../../utils/cn.js";const i=({slideIndex:c,title:a,description:l,imgProps:o,slideFullScreenClasses:e})=>d("div",{className:t("flex w-[var(--mobile-width)] flex-none basis-full flex-col gap-6 lg:w-[var(--desktop-width)]",e?.root),children:[(a||l)&&d("div",{className:t("flex items-center gap-4",e?.wrapper),children:[r("span",{className:t("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",e?.numeric),children:c}),d("div",{className:t("flex flex-1 flex-col gap-2",e?.textWrapper),children:[a&&r("div",{dangerouslySetInnerHTML:{__html:a},className:t(e?.title,"mob-title-bold-m desktop:desk-title-bold-s")}),l&&r("div",{dangerouslySetInnerHTML:{__html:l},className:t("desk-body-regular-l text-color-secondary",e?.description)})]})]}),o&&o?.src&&r("img",{className:t("w-full object-contain",e?.image),src:o?.src,alt:o?.alt})]});export{i as SlideFullScreen};
+import{jsxs as i,jsx as d}from"react/jsx-runtime";import x from"./slide.module.css.js";import{cn as t}from"../../../../utils/cn.js";import{extractNumberFromString as a}from"../../model/helpers.js";const k=({slideIndex:c,title:r,description:l,imgProps:o,slideFullScreenClasses:e,slidesConfig:m})=>{const n=a(m.deskSlideWidth),s=a(m.mobSlideWidth);return i("div",{style:{"--mobile-width":`${s}px`,"--desktop-width":`${n}px`},className:t("slideWidth flex flex-none basis-full flex-col gap-6",x.slideWidth,e?.root),children:[(r||l)&&i("div",{className:t("flex items-center gap-4",e?.wrapper),children:[d("span",{className:t("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",e?.numeric),children:c}),i("div",{className:t("flex flex-1 flex-col gap-2",e?.textWrapper),children:[r&&d("div",{dangerouslySetInnerHTML:{__html:r},className:t(e?.title,"mob-title-bold-m desktop:desk-title-bold-s")}),l&&d("div",{dangerouslySetInnerHTML:{__html:l},className:t("desk-body-regular-l text-color-secondary",e?.description)})]})]}),o&&o?.src&&d("img",{className:t("w-full object-contain",e?.image),src:o?.src,alt:o?.alt})]})};export{k as SlideFullScreen};
 //# sourceMappingURL=SlideFullScreen.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideFullScreen.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.tsx"],"sourcesContent":["import { type SlidesConfig } from '../../model'\nimport { cn } from '$/shared/utils'\n\nexport type SlideFullScreenClasses = {\n  root?: string\n  wrapper?: string\n  numeric?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n}\n\nexport interface SlideFullScreenProps {\n  slidesConfig: SlidesConfig\n  slideIndex?: number\n  title?: string\n  description?: string\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  slideFullScreenClasses?: SlideFullScreenClasses\n}\n\nexport const SlideFullScreen = ({ slideIndex, title, description, imgProps, slideFullScreenClasses }: SlideFullScreenProps) => {\n  return (\n    <div\n      className={cn(\n        'flex w-[var(--mobile-width)] flex-none basis-full flex-col gap-6 lg:w-[var(--desktop-width)]',\n        slideFullScreenClasses?.root\n      )}\n    >\n      {(title || description) && (\n        <div className={cn('flex items-center gap-4', slideFullScreenClasses?.wrapper)}>\n          <span\n            className={cn(\n              'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n              slideFullScreenClasses?.numeric\n            )}\n          >\n            {slideIndex}\n          </span>\n\n          <div className={cn('flex flex-1 flex-col gap-2', slideFullScreenClasses?.textWrapper)}>\n            {title && (\n              <div\n                dangerouslySetInnerHTML={{ __html: title }}\n                className={cn(slideFullScreenClasses?.title, 'mob-title-bold-m desktop:desk-title-bold-s')}\n              />\n            )}\n            {description && (\n              <div\n                dangerouslySetInnerHTML={{ __html: description }}\n                className={cn('desk-body-regular-l text-color-secondary', slideFullScreenClasses?.description)}\n              />\n            )}\n          </div>\n        </div>\n      )}\n\n      {imgProps && imgProps?.src && (\n        <img className={cn('w-full object-contain', slideFullScreenClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n      )}\n    </div>\n  )\n}\n"],"names":["SlideFullScreen","slideIndex","title","description","imgProps","slideFullScreenClasses","jsxs","cn","jsx"],"mappings":"+FAyBO,MAAMA,EAAkB,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,YAAAC,EAAa,SAAAC,EAAU,uBAAAC,KAExEC,EAAC,MAAA,CACC,UAAWC,EACT,+FACAF,GAAwB,IAAA,EAGxB,SAAA,EAAAH,GAASC,MACR,MAAA,CAAI,UAAWI,EAAG,0BAA2BF,GAAwB,OAAO,EAC3E,SAAA,CAAAG,EAAC,OAAA,CACC,UAAWD,EACT,4JACAF,GAAwB,OAAA,EAGzB,SAAAJ,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWM,EAAG,6BAA8BF,GAAwB,WAAW,EACjF,SAAA,CAAAH,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWK,EAAGF,GAAwB,MAAO,4CAA4C,CAAA,CAAA,EAG5FF,GACCK,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQL,CAAA,EACnC,UAAWI,EAAG,2CAA4CF,GAAwB,WAAW,CAAA,CAAA,CAC/F,CAAA,CAEJ,CAAA,EACF,EAGDD,GAAYA,GAAU,KACrBI,EAAC,MAAA,CAAI,UAAWD,EAAG,wBAAyBF,GAAwB,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SlideFullScreen.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.tsx"],"sourcesContent":["import { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideFullScreenClasses = {\n  root?: string\n  wrapper?: string\n  numeric?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n}\n\nexport interface SlideFullScreenProps {\n  slidesConfig: SlidesConfig\n  slideIndex?: number\n  title?: string\n  description?: string\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  slideFullScreenClasses?: SlideFullScreenClasses\n}\n\nexport const SlideFullScreen = ({\n  slideIndex,\n  title,\n  description,\n  imgProps,\n  slideFullScreenClasses,\n  slidesConfig\n}: SlideFullScreenProps) => {\n  const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n  const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n  return (\n    <div\n      style={\n        {\n          '--mobile-width': `${mobCardWidth}px`,\n          '--desktop-width': `${deskCardWidth}px`\n        } as React.CSSProperties\n      }\n      className={cn('slideWidth flex flex-none basis-full flex-col gap-6', styles.slideWidth, slideFullScreenClasses?.root)}\n    >\n      {(title || description) && (\n        <div className={cn('flex items-center gap-4', slideFullScreenClasses?.wrapper)}>\n          <span\n            className={cn(\n              'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n              slideFullScreenClasses?.numeric\n            )}\n          >\n            {slideIndex}\n          </span>\n\n          <div className={cn('flex flex-1 flex-col gap-2', slideFullScreenClasses?.textWrapper)}>\n            {title && (\n              <div\n                dangerouslySetInnerHTML={{ __html: title }}\n                className={cn(slideFullScreenClasses?.title, 'mob-title-bold-m desktop:desk-title-bold-s')}\n              />\n            )}\n            {description && (\n              <div\n                dangerouslySetInnerHTML={{ __html: description }}\n                className={cn('desk-body-regular-l text-color-secondary', slideFullScreenClasses?.description)}\n              />\n            )}\n          </div>\n        </div>\n      )}\n\n      {imgProps && imgProps?.src && (\n        <img className={cn('w-full object-contain', slideFullScreenClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n      )}\n    </div>\n  )\n}\n"],"names":["SlideFullScreen","slideIndex","title","description","imgProps","slideFullScreenClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsxs","cn","styles","jsx"],"mappings":"qMA0BO,MAAMA,EAAkB,CAAC,CAC9B,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,uBAAAC,EACA,aAAAC,CACF,IAA4B,CAC1B,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,OACEI,EAAC,MAAA,CACC,MACE,CACE,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAGvC,UAAWI,EAAG,sDAAuDC,EAAO,WAAYP,GAAwB,IAAI,EAElH,SAAA,EAAAH,GAASC,MACR,MAAA,CAAI,UAAWQ,EAAG,0BAA2BN,GAAwB,OAAO,EAC3E,SAAA,CAAAQ,EAAC,OAAA,CACC,UAAWF,EACT,4JACAN,GAAwB,OAAA,EAGzB,SAAAJ,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWU,EAAG,6BAA8BN,GAAwB,WAAW,EACjF,SAAA,CAAAH,GACCW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQX,CAAA,EACnC,UAAWS,EAAGN,GAAwB,MAAO,4CAA4C,CAAA,CAAA,EAG5FF,GACCU,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQV,CAAA,EACnC,UAAWQ,EAAG,2CAA4CN,GAAwB,WAAW,CAAA,CAAA,CAC/F,CAAA,CAEJ,CAAA,EACF,EAGDD,GAAYA,GAAU,KACrBS,EAAC,MAAA,CAAI,UAAWF,EAAG,wBAAyBN,GAAwB,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAAA,CAAA,CAI5H"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideMultipleCards.js

@@ -1,2 +1,2 @@
-import{jsx as l,jsxs as m}from"react/jsx-runtime";import x from"./slide.module.css.js";import{extractNumberFromString as h}from"../../model/helpers.js";import{cn as t}from"../../../../utils/cn.js";import{Button as f}from"../../../button/Button.js";const w=({title:c,imgProps:i,description:o,buttonProps:r,slideProductCardClasses:e,slidesConfig:d})=>{const n=h(d.deskSlideWidth),a=h(d.mobSlideWidth);return l("div",{children:m("div",{style:{"--mobile-width":`${a}px`,"--desktop-width":`${n}px`},className:t("flex h-full shrink-0 flex-grow flex-col justify-between rounded-md bg-[#F3F4F7] p-4 desktop:p-6",x.slideWidth,e?.root),children:[m("div",{className:t("flex flex-col gap-2",e?.wrapper),children:[m("div",{className:t("flex flex-col gap-2",e?.textWrapper),children:[c&&l("h3",{className:t("desk-title-bold-s text-color-dark",e?.title),children:c}),o&&l("p",{className:t("desk-body-medium-l text-color-tetriary",e?.description),children:o})]}),i&&i?.src&&l("img",{className:t("w-full object-contain",e?.image),src:i?.src,alt:i?.alt})]}),r&&l(f,{size:"sm",className:t("w-full",e?.button),...r,children:r?.children||"Оформить заявку"})]})})};export{w as SlideMultipleCards};
+import{jsx as l,jsxs as m}from"react/jsx-runtime";import x from"./slide.module.css.js";import{extractNumberFromString as h}from"../../model/helpers.js";import{cn as t}from"../../../../utils/cn.js";import{Button as f}from"../../../button/Button.js";const w=({title:c,imgProps:i,description:o,buttonProps:r,slideProductCardClasses:e,slidesConfig:d})=>{const n=h(d.deskSlideWidth),a=h(d.mobSlideWidth);return l("div",{children:m("div",{style:{"--mobile-width":`${a}px`,"--desktop-width":`${n}px`},className:t("slideWidth flex h-full shrink-0 flex-grow flex-col justify-between rounded-md bg-[#F3F4F7] p-4 desktop:p-6",x.slideWidth,e?.root),children:[m("div",{className:t("flex flex-col gap-2",e?.wrapper),children:[m("div",{className:t("flex flex-col gap-2",e?.textWrapper),children:[c&&l("h3",{className:t("desk-title-bold-s text-color-dark",e?.title),children:c}),o&&l("p",{className:t("desk-body-medium-l text-color-tetriary",e?.description),children:o})]}),i&&i?.src&&l("img",{className:t("w-full object-contain",e?.image),src:i?.src,alt:i?.alt})]}),r&&l(f,{size:"sm",className:t("w-full",e?.button),...r,children:r?.children||"Оформить заявку"})]})})};export{w as SlideMultipleCards};
 //# sourceMappingURL=SlideMultipleCards.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideMultipleCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideMultipleCards.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideMultipleCards.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../../../button'\nimport { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideMultipleCardsClasses = {\n  root?: string\n  wrapper?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n  button?: string\n}\n\nexport interface SlideMultipleCardsProps {\n  slidesConfig: SlidesConfig\n  title?: string\n  description?: string\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  buttonProps?: ButtonProps\n  slideProductCardClasses?: SlideMultipleCardsClasses\n}\n\nexport const SlideMultipleCards = ({\n  title,\n  imgProps,\n  description,\n  buttonProps,\n  slideProductCardClasses,\n  slidesConfig\n}: SlideMultipleCardsProps) => {\n  const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n  const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n  return (\n    <div>\n      <div\n        style={{\n          // @ts-expect-error Для ISR нельзя использовать useDevice\n          '--mobile-width': `${mobCardWidth}px`,\n          '--desktop-width': `${deskCardWidth}px`\n        }}\n        className={cn(\n          'flex h-full shrink-0 flex-grow flex-col justify-between rounded-md bg-[#F3F4F7] p-4 desktop:p-6',\n          styles.slideWidth,\n          slideProductCardClasses?.root\n        )}\n      >\n        <div className={cn('flex flex-col gap-2', slideProductCardClasses?.wrapper)}>\n          <div className={cn('flex flex-col gap-2', slideProductCardClasses?.textWrapper)}>\n            {title && <h3 className={cn('desk-title-bold-s text-color-dark', slideProductCardClasses?.title)}>{title}</h3>}\n            {description && (\n              <p className={cn('desk-body-medium-l text-color-tetriary', slideProductCardClasses?.description)}>{description}</p>\n            )}\n          </div>\n          {imgProps && imgProps?.src && (\n            <img\n              className={cn('w-full object-contain', slideProductCardClasses?.image)}\n              src={imgProps?.src}\n              alt={imgProps?.alt}\n            />\n          )}\n        </div>\n\n        {buttonProps && (\n          <Button size='sm' className={cn('w-full', slideProductCardClasses?.button)} {...buttonProps}>\n            {buttonProps?.children || 'Оформить заявку'}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SlideMultipleCards","title","imgProps","description","buttonProps","slideProductCardClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsxs","cn","styles","jsx","Button"],"mappings":"wPA2BO,MAAMA,EAAqB,CAAC,CACjC,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,wBAAAC,EACA,aAAAC,CACF,IAA+B,CAC7B,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,SACG,MAAA,CACC,SAAAI,EAAC,MAAA,CACC,MAAO,CAEL,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAErC,UAAWI,EACT,kGACAC,EAAO,WACPP,GAAyB,IAAA,EAG3B,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,OAAO,EACxE,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,WAAW,EAC3E,SAAA,CAAAJ,GAASY,EAAC,MAAG,UAAWF,EAAG,oCAAqCN,GAAyB,KAAK,EAAI,SAAAJ,CAAA,CAAM,EACxGE,KACE,IAAA,CAAE,UAAWQ,EAAG,yCAA0CN,GAAyB,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAEnH,EACCD,GAAYA,GAAU,KACrBW,EAAC,MAAA,CACC,UAAWF,EAAG,wBAAyBN,GAAyB,KAAK,EACrE,IAAKH,GAAU,IACf,IAAKA,GAAU,GAAA,CAAA,CACjB,EAEJ,EAECE,GACCS,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUN,GAAyB,MAAM,EAAI,GAAGD,EAC7E,SAAAA,GAAa,UAAY,iBAAA,CAC5B,CAAA,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"SlideMultipleCards.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideMultipleCards.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../../../button'\nimport { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideMultipleCardsClasses = {\n  root?: string\n  wrapper?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n  button?: string\n}\n\nexport interface SlideMultipleCardsProps {\n  slidesConfig: SlidesConfig\n  title?: string\n  description?: string\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  buttonProps?: ButtonProps\n  slideProductCardClasses?: SlideMultipleCardsClasses\n}\n\nexport const SlideMultipleCards = ({\n  title,\n  imgProps,\n  description,\n  buttonProps,\n  slideProductCardClasses,\n  slidesConfig\n}: SlideMultipleCardsProps) => {\n  const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n  const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n  return (\n    <div>\n      <div\n        style={\n          {\n            '--mobile-width': `${mobCardWidth}px`,\n            '--desktop-width': `${deskCardWidth}px`\n          } as React.CSSProperties\n        }\n        className={cn(\n          'slideWidth flex h-full shrink-0 flex-grow flex-col justify-between rounded-md bg-[#F3F4F7] p-4 desktop:p-6',\n          styles.slideWidth,\n          slideProductCardClasses?.root\n        )}\n      >\n        <div className={cn('flex flex-col gap-2', slideProductCardClasses?.wrapper)}>\n          <div className={cn('flex flex-col gap-2', slideProductCardClasses?.textWrapper)}>\n            {title && <h3 className={cn('desk-title-bold-s text-color-dark', slideProductCardClasses?.title)}>{title}</h3>}\n            {description && (\n              <p className={cn('desk-body-medium-l text-color-tetriary', slideProductCardClasses?.description)}>{description}</p>\n            )}\n          </div>\n          {imgProps && imgProps?.src && (\n            <img\n              className={cn('w-full object-contain', slideProductCardClasses?.image)}\n              src={imgProps?.src}\n              alt={imgProps?.alt}\n            />\n          )}\n        </div>\n\n        {buttonProps && (\n          <Button size='sm' className={cn('w-full', slideProductCardClasses?.button)} {...buttonProps}>\n            {buttonProps?.children || 'Оформить заявку'}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SlideMultipleCards","title","imgProps","description","buttonProps","slideProductCardClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsxs","cn","styles","jsx","Button"],"mappings":"wPA2BO,MAAMA,EAAqB,CAAC,CACjC,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,wBAAAC,EACA,aAAAC,CACF,IAA+B,CAC7B,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,SACG,MAAA,CACC,SAAAI,EAAC,MAAA,CACC,MACE,CACE,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAGvC,UAAWI,EACT,6GACAC,EAAO,WACPP,GAAyB,IAAA,EAG3B,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,OAAO,EACxE,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,WAAW,EAC3E,SAAA,CAAAJ,GAASY,EAAC,MAAG,UAAWF,EAAG,oCAAqCN,GAAyB,KAAK,EAAI,SAAAJ,CAAA,CAAM,EACxGE,KACE,IAAA,CAAE,UAAWQ,EAAG,yCAA0CN,GAAyB,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAEnH,EACCD,GAAYA,GAAU,KACrBW,EAAC,MAAA,CACC,UAAWF,EAAG,wBAAyBN,GAAyB,KAAK,EACrE,IAAKH,GAAU,IACf,IAAKA,GAAU,GAAA,CAAA,CACjB,EAEJ,EAECE,GACCS,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUN,GAAyB,MAAM,EAAI,GAAGD,EAC7E,SAAAA,GAAa,UAAY,iBAAA,CAC5B,CAAA,CAAA,CAAA,EAGN,CAEJ"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import o from"./slide.module.css.js";import{cn as l}from"../../../../utils/cn.js";import{extractNumberFromString as a}from"../../model/helpers.js";const f=({imgProps:t,slideStepsListClasses:r,slidesConfig:i})=>{const d=a(i.deskSlideWidth),m=a(i.mobSlideWidth);return e("div",{style:{"--mobile-width":`${m}px`,"--desktop-width":`${d}px`},className:l("flex flex-none basis-full flex-col gap-2",o.slideWidth,r?.wrapper),children:e("div",{className:l("w-full max-w-[464px]",r?.imageWrapper),children:t&&t?.src&&e("img",{className:l("w-full object-contain",r?.image),src:t?.src,alt:t?.alt})})})};export{f as SlideStepsList};
+import{jsx as r}from"react/jsx-runtime";import o from"./slide.module.css.js";import{cn as i}from"../../../../utils/cn.js";import{extractNumberFromString as d}from"../../model/helpers.js";const x=({imgProps:t,slideStepsListClasses:e,slidesConfig:l})=>{const a=d(l.deskSlideWidth),m=d(l.mobSlideWidth);return r("div",{style:{"--mobile-width":`${m}px`,"--desktop-width":`${a}px`},className:i("slideWidth flex flex-none basis-full flex-col gap-2",o.slideWidth,e?.wrapper),children:r("div",{className:i("w-full max-w-[464px]",e?.imageWrapper),children:t&&t?.src&&r("img",{className:i("w-full object-contain",e?.image),src:t?.src,alt:t?.alt})})})};export{x as SlideStepsList};
 //# sourceMappingURL=SlideStepsList.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideStepsList.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.tsx"],"sourcesContent":["import { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideStepsListClasses = {\n  wrapper?: string\n  imageWrapper?: string\n  image?: string\n}\n\nexport interface SlideStepsListProps {\n  slidesConfig: SlidesConfig\n  slideIndex?: number\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  slideStepsListClasses?: SlideStepsListClasses\n}\n\nexport const SlideStepsList = ({ imgProps, slideStepsListClasses, slidesConfig }: SlideStepsListProps) => {\n  const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n  const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n  return (\n    <div\n      style={{\n        // @ts-expect-error Для ISR нельзя использовать useDevice\n        '--mobile-width': `${mobCardWidth}px`,\n        '--desktop-width': `${deskCardWidth}px`\n      }}\n      className={cn('flex flex-none basis-full flex-col gap-2', styles.slideWidth, slideStepsListClasses?.wrapper)}\n    >\n      <div className={cn('w-full max-w-[464px]', slideStepsListClasses?.imageWrapper)}>\n        {imgProps && imgProps?.src && (\n          <img className={cn('w-full object-contain', slideStepsListClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SlideStepsList","imgProps","slideStepsListClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsx","cn","styles"],"mappings":"2LAoBO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,sBAAAC,EAAuB,aAAAC,KAAwC,CACxG,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,OACEI,EAAC,MAAA,CACC,MAAO,CAEL,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAErC,UAAWI,EAAG,2CAA4CC,EAAO,WAAYP,GAAuB,OAAO,EAE3G,SAAAK,EAAC,MAAA,CAAI,UAAWC,EAAG,uBAAwBN,GAAuB,YAAY,EAC3E,SAAAD,GAAYA,GAAU,KACrBM,EAAC,OAAI,UAAWC,EAAG,wBAAyBN,GAAuB,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAEvH,CAAA,CAAA,CAGN"}
+{"version":3,"file":"SlideStepsList.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideStepsList.tsx"],"sourcesContent":["import { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideStepsListClasses = {\n  wrapper?: string\n  imageWrapper?: string\n  image?: string\n}\n\nexport interface SlideStepsListProps {\n  slidesConfig: SlidesConfig\n  slideIndex?: number\n  imgProps?: {\n    src: string\n    alt: string\n  }\n  slideStepsListClasses?: SlideStepsListClasses\n}\n\nexport const SlideStepsList = ({ imgProps, slideStepsListClasses, slidesConfig }: SlideStepsListProps) => {\n  const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n  const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n  return (\n    <div\n      style={\n        {\n          '--mobile-width': `${mobCardWidth}px`,\n          '--desktop-width': `${deskCardWidth}px`\n        } as React.CSSProperties\n      }\n      className={cn('slideWidth flex flex-none basis-full flex-col gap-2', styles.slideWidth, slideStepsListClasses?.wrapper)}\n    >\n      <div className={cn('w-full max-w-[464px]', slideStepsListClasses?.imageWrapper)}>\n        {imgProps && imgProps?.src && (\n          <img className={cn('w-full object-contain', slideStepsListClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["SlideStepsList","imgProps","slideStepsListClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsx","cn","styles"],"mappings":"2LAoBO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,sBAAAC,EAAuB,aAAAC,KAAwC,CACxG,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,OACEI,EAAC,MAAA,CACC,MACE,CACE,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAGvC,UAAWI,EAAG,sDAAuDC,EAAO,WAAYP,GAAuB,OAAO,EAEtH,SAAAK,EAAC,MAAA,CAAI,UAAWC,EAAG,uBAAwBN,GAAuB,YAAY,EAC3E,SAAAD,GAAYA,GAAU,KACrBM,EAAC,OAAI,UAAWC,EAAG,wBAAyBN,GAAuB,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAEvH,CAAA,CAAA,CAGN"}

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 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};
+import{jsx as e,jsxs as n}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:l,approvement:a,chips:s,submitProps:B,classes:o,buttonGroup:d,ssoAuthorizationTop:u=!1,backgroundColor:x,disabledButtons:E,esiaConfig:r})=>{const{submitCallback:b,onErrorCallback:F}=B||{},[m,V]=A(a.type==="checkbox"?a.defaultValue:!1),f=K(c),v=O.getZodDefaults(f),{control:g,handleSubmit:C,getValues:j,watch:D,trigger:H,formState:{isValid:L,errors:k}}=G({schema:f,defaultValues:v,mode:"onBlur"}),M=T(l,c),R=X({control:g,fields:M||[],schema:f}),Z=i=>{b&&b({...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}r?.onClick&&r.onClick({...j(),agree:m})};return e(Y,{children:e("section",{id:"form","data-test-id":"form",className:t("w-full",o?.root,x&&"desktop:py-[80px]"),style:{backgroundColor:x},children:n(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&&n("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&&r&&r.mode!=="off"&&e(S,{...r,onClick:N}),n("form",{"data-valid":L,onSubmit:C(Z,i=>F?.(i)),className:t("flex w-full flex-col gap-y-6","desktop:gap-y-8",o?.form),children:[l.enabled&&e(_,{progress:R,topContent:e(p,{html:l.title}),leftSubtitle:e(p,{html:l.leftSubtitle}),rightSubtitle:e(p,{html:l.rightSubtitle}),maxPercent:l.maxPercent,classes:o?.progressBar}),e($,{control:g,fields:c}),n("div",{className:t("mob-body-regular-s flex flex-col items-start justify-between gap-4",{"desktop:flex-row desktop:items-center":d.length===1}),children:[W(a,m,V,o?.approvement),e("div",{className:t("flex w-full flex-col items-center justify-between gap-4 desktop:flex-row",{"desktop:w-fit":d.length===1}),children:d?.map((i,U)=>{const q=i.type==="submit"&&a.type==="checkbox"?!m:!1;return J(oe,{...i,size:"lg",key:U,disabled:E||q,className:t("w-full whitespace-nowrap",{"desktop:!w-fit":d.length===1},{"w-full":!!a},o?.submit)})})})]}),!u&&r&&r.mode!=="off"&&e(S,{...r,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 { 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"}
+{"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 && esiaConfig.mode !== 'off' && <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 && esiaConfig.mode !== 'off' && (\n              <Esia {...esiaConfig} onClick={handleClickEsia} />\n            )}\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,GAAcA,EAAW,OAAS,SAAUqC,EAAA,CAAM,GAAGrC,EAAY,QAAS6B,CAAA,CAAiB,EACnHI,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,GAAcA,EAAW,OAAS,OACzD+B,EAACM,EAAA,CAAM,GAAGrC,EAAY,QAAS6B,CAAA,CAAiB,CAAA,CAAA,CAAA,CAEpD,CAAA,CAAA,CACF,CAAA,EAEJ,CAEJ"}

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

@@ -1,2 +1,2 @@
-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};
+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=(r,m,l,i)=>r.type==="off"?null:r.type==="text"?e(y,{html:r.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:m,onCheckedChange:l}),e(y,{html:r.content,as:"div",className:i?.content})]}),de=({fields:r,title:m,approvement:l,submitProps:i,dialogId:w,classes:c,buttonGroup:s,ssoAuthorizationTop:n=!1,disabledButtons:B,esiaConfig:o,...E})=>{const{submitCallback:d,onErrorCallback:S}=i??{},[a,D]=H(!1),f=R(r),N=J.getZodDefaults(f),{control:C,handleSubmit:F,watch:V,trigger:j,getValues:L,formState:{errors:p}}=K({schema:f,defaultValues:N,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}o?.onClick&&o.onClick({...L(),agree:a})};return e(z,{children:e(U,{id:w,title:m,...E,children:x("form",{onSubmit:F(t=>{d&&d({...t,agree:a})},t=>S?.(t)),className:"flex flex-col gap-6",children:[n&&o&&o.mode!=="off"&&e(k,{...o,onClick:b}),e(I,{control:C,fields:r}),O(l,a,D,c?.approvement),G.isArrayFilled(s)&&e("div",{className:"flex flex-col gap-4",children:s?.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&&o&&o.mode!=="off"&&e(k,{...o,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 { 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"}
+{"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 && esiaConfig.mode !== 'off' && <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 && esiaConfig.mode !== 'off' && <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,GAAcA,EAAW,OAAS,SAAU0B,EAAA,CAAM,GAAG1B,EAAY,QAASqB,CAAA,CAAiB,EACnHlC,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,GAAcA,EAAW,OAAS,OAASb,EAACuC,EAAA,CAAM,GAAG1B,EAAY,QAASqB,CAAA,CAAiB,CAAA,CAAA,CACtH,EACF,EACF,CAEJ"}

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

@@ -1 +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"}
+{"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  mode: 'off' | 'esia'\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":"2ZA2BO,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"}