@scbt-ecom/ui 0.157.0 → 0.157.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0 14px);background-size:2000% 2000%}.unset-all-apply{all:unset}.skeleton-apply{background:linear-gradient(80deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.gradient-apply{background:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.text-balance{text-wrap:balance}@keyframes shine{to{background-position-x:-200%}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1188px){.container{max-width:1188px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mob-headline-bold-m{font-size:28px;font-weight:700;line-height:32px}.mob-headline-bold-s{font-size:24px;font-weight:700;line-height:30px}.mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}.mob-title-bold-m{font-size:18px;font-weight:700;line-height:22px}.mob-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.mob-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.mob-body-medium-m{font-size:14px;font-weight:500;line-height:20px}.mob-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.mob-body-regular-s{font-size:12px;font-weight:400;line-height:20px}.desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-12{left:-3rem}.-right-12{right:-3rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-\[30px\]{top:30px}.top-\[50px\]{top:50px}.top-\[80\%\]{top:80%}.top-\[9px\]{top:9px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-\[1000\]{z-index:1000}.z-\[4\]{z-index:4}.z-\[60\]{z-index:60}.z-\[6\]{z-index:6}.z-\[7\]{z-index:7}.z-\[8\]{z-index:8}.z-\[9\]{z-index:9}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-top:5rem;margin-bottom:5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.-ml-4{margin-left:-1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-28{width:7rem;height:7rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-\[19px\]{width:19px;height:19px}.size-\[3px\]{width:3px;height:3px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[139px\]{height:139px}.h-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[238px\]{height:238px}.h-\[246px\]{height:246px}.h-\[24px\]{height:24px}.h-\[280px\]{height:280px}.h-\[32px\]{height:32px}.h-\[356px\]{height:356px}.h-\[360px\]{height:360px}.h-\[368px\]{height:368px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[450px\]{height:450px}.h-\[4px\]{height:4px}.h-\[552px\]{height:552px}.h-\[60vh\]{height:60vh}.h-\[64px\]{height:64px}.h-\[74px\]{height:74px}.h-\[90px\]{height:90px}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-6{max-height:1.5rem}.max-h-\[264px\]{max-height:264px}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.max-h-\[70px\]{max-height:70px}.max-h-\[80px\]{max-height:80px}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[350px\]{min-height:350px}.min-h-\[54px\]{min-height:54px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-fit{width:fit-content!important}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[160px\]{width:160px}.w-\[192px\]{width:192px}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[328px\]{width:328px}.w-\[328xp\]{width:328xp}.w-\[330px\]{width:330px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[476px\]{width:476px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[60vw\]{width:60vw}.w-\[80\%\]{width:80%}.w-\[800px\]{width:800px}.w-\[clamp\(360px\,90vw\,1200px\)\]{width:clamp(360px,90vw,1200px)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[328px\]{min-width:328px}.min-w-full{min-width:100%}.max-w-6{max-width:1.5rem}.max-w-64{max-width:16rem}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[240px\]{max-width:240px}.max-w-\[328px\]{max-width:328px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[432px\]{max-width:432px}.max-w-\[456px\]{max-width:456px}.max-w-\[464px\]{max-width:464px}.max-w-\[476px\]{max-width:476px}.max-w-\[500px\]{max-width:500px}.max-w-\[512px\]{max-width:512px}.max-w-\[540px\]{max-width:540px}.max-w-\[600px\]{max-width:600px}.max-w-\[604px\]{max-width:604px}.max-w-\[636px\]{max-width:636px}.max-w-\[656px\]{max-width:656px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-\[840px\]{max-width:840px}.max-w-\[calc\(636px-32px\)\]{max-width:604px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-center{transform-origin:center}.\!-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!-translate-y-1\/2{--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[100\%\]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}@keyframes progress-loader{to{background-position:100% 100%}}.animate-progress-loader{animation:progress-loader 250s linear infinite}@keyframes scale-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.animate-scale-in{animation:scale-in .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[248px_1fr\]{grid-template-columns:248px 1fr}.grid-cols-\[248px_1fr_1fr\]{grid-template-columns:248px 1fr 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[repeat\(3\,minmax\(136px\,1fr\)\)\]{grid-template-rows:repeat(3,minmax(136px,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-\[56px\]{column-gap:56px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-center{justify-self:center}.\!overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-keep{word-break:keep-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-md{border-top-left-radius:8px}.rounded-tr-md{border-top-right-radius:8px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-primary-hover{--tw-border-opacity: 1 !important;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))!important}.\!border-transparent{border-color:transparent!important}.border-blue-grey-500{--tw-border-opacity: 1;border-color:rgb(169 182 197 / var(--tw-border-opacity, 1))}.border-blue-grey-700{--tw-border-opacity: 1;border-color:rgb(105 128 154 / var(--tw-border-opacity, 1))}.border-negative{--tw-border-opacity: 1;border-color:rgb(244 37 0 / var(--tw-border-opacity, 1))}.border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.border-secondary-default{--tw-border-opacity: 1;border-color:rgb(252 80 85 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warm-grey-200{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))}.border-warm-grey-300{--tw-border-opacity: 1;border-color:rgb(195 195 195 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\)\]{--tw-border-opacity: 1;border-bottom-color:rgba(234,237,241,var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\,1\)\]{border-bottom-color:#eaedf1}.border-b-blue-grey-200{--tw-border-opacity: 1;border-bottom-color:rgb(234 237 241 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.\!bg-color-blue-grey-200{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-default{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-hover{--tw-bg-opacity: 1 !important;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))!important}.\!bg-color-secondary-default{--tw-bg-opacity: 1 !important;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))!important}.\!bg-color-transparent{background-color:transparent!important}.bg-\[\#52576a\]{--tw-bg-opacity: 1;background-color:rgb(82 87 106 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F7\]{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-\[\#F4F9FD\]{--tw-bg-opacity: 1;background-color:rgb(244 249 253 / var(--tw-bg-opacity, 1))}.bg-\[\#F7FBFF\]{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-banner-barvcray-300{--tw-bg-opacity: 1;background-color:rgb(221 225 232 / var(--tw-bg-opacity, 1))}.bg-banner-lavender-300{--tw-bg-opacity: 1;background-color:rgb(208 211 241 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-100{--tw-bg-opacity: 1;background-color:rgb(244 248 254 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-300{--tw-bg-opacity: 1;background-color:rgb(217 237 255 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-100{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-200{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-500{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.bg-color-dark{--tw-bg-opacity: 1;background-color:rgb(41 41 41 / var(--tw-bg-opacity, 1))}.bg-color-footer{--tw-bg-opacity: 1;background-color:rgb(64 70 90 / var(--tw-bg-opacity, 1))}.bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}.bg-color-negative-light{--tw-bg-opacity: 1;background-color:rgb(255 210 202 / var(--tw-bg-opacity, 1))}.bg-color-overlay{background-color:#0000004d}.bg-color-positive{--tw-bg-opacity: 1;background-color:rgb(118 188 33 / var(--tw-bg-opacity, 1))}.bg-color-positive-light{--tw-bg-opacity: 1;background-color:rgb(228 246 206 / var(--tw-bg-opacity, 1))}.bg-color-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.bg-color-primary-light-default{--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.bg-color-primary-tr-hover{background-color:#00379014}.bg-color-primary-tr-pressed{background-color:#00379033}.bg-color-secondary-default{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.bg-color-transparent{background-color:transparent}.bg-color-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 238 204 / var(--tw-bg-opacity, 1))}.bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-icon-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.\!bg-none{background-image:none!important}.bg-\[linear-gradient\(97\.94deg\,_\#dae4f2_-14\.21\%\,_\#afcffc_47\.44\%\,_\#79aef8_107\.86\%\)\;\]{background-image:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.fill-\[\#b0c0d2\]{fill:#b0c0d2}.fill-dark-hover{fill:#535353}.fill-secondary-default{fill:#fc5055}.fill-transparent{fill:transparent}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[9px\]{padding-bottom:9px}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[25px\]{padding-top:25px}.pt-\[27px\]{padding-top:27px}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.text-40,.text-\[40px\]{font-size:40px}.text-\[64px\]{font-size:64px}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-16{line-height:16px}.leading-20{line-height:20px}.leading-22{line-height:22px}.leading-24{line-height:24px}.leading-30{line-height:30px}.leading-32{line-height:32px}.leading-40{line-height:40px}.leading-48{line-height:48px}.leading-\[72px\]{line-height:72px}.\!text-color-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\!text-icon-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.text-\[\#02A8FC\]{--tw-text-opacity: 1;color:rgb(2 168 252 / var(--tw-text-opacity, 1))}.text-\[\#5A6E85\]{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-\[\#9ADCFE\]{--tw-text-opacity: 1;color:rgb(154 220 254 / var(--tw-text-opacity, 1))}.text-color-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-color-current{color:currentColor}.text-color-dark{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-color-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-color-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.text-color-negative{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-color-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-color-primary-default\/20{color:#00379033}.text-color-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.text-color-secondary{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.text-color-tetriary{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-color-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-100{--tw-text-opacity: 1;color:rgb(243 244 247 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-icon-dark-hover{--tw-text-opacity: 1;color:rgb(83 83 83 / var(--tw-text-opacity, 1))}.text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-icon-negative-default{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-icon-positive-default{--tw-text-opacity: 1;color:rgb(118 188 33 / var(--tw-text-opacity, 1))}.text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-icon-secondary-dark-default{--tw-text-opacity: 1;color:rgb(241 47 52 / var(--tw-text-opacity, 1))}.text-icon-secondary-default{--tw-text-opacity: 1;color:rgb(252 80 85 / var(--tw-text-opacity, 1))}.text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-\[0_16px_24px_0px_rgba\(0\,33\,87\,0\.16\)\]{--tw-shadow: 0 16px 24px 0px rgba(0,33,87,.16);--tw-shadow-colored: 0 16px 24px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_0px_rgba\(41\,41\,41\,0\.08\)\]{--tw-shadow: 0 8px 20px 0px rgba(41,41,41,.08);--tw-shadow-colored: 0 8px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_-6px_8px_0px_\#2929290A\]{--tw-shadow: 0px -6px 8px 0px #2929290A;--tw-shadow-colored: 0px -6px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 8px 20px 0 rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-offset-4{outline-offset:4px}.outline-offset-\[3px\]{outline-offset:3px}.outline-transparent{outline-color:transparent}.outline-warm-grey-200{outline-color:#e4e4e4}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-\[color\]{transition-property:color;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-12{transition-duration:.12s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-12{animation-duration:.12s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:root{--ff-roboto: "Roboto", sans-serif}*{box-sizing:border-box;padding:0;margin:0}strong{font-weight:500!important}body,html{font-family:var(--ff-roboto),sans-serif;color:#292929}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 5000s ease-in-out 0s}.Tiptap-invisible-character{background:#ffc8004d;border-radius:2px}.Tiptap-invisible-character--nbsp,.Tiptap-invisible-character--hard-break-default,.Tiptap-invisible-character--hard-break-desktop,.Tiptap-invisible-character--hard-break-mobile{outline:1px dashed rgba(255,170,0,.8)}.Tiptap-invisible-character--nbsp:after{content:" ";font-size:12px}.Tiptap-invisible-character--hard-break-desktop:after{content:"⏎ 🖥️";font-size:.75em}.Tiptap-invisible-character--hard-break-mobile:after{content:"⏎📱";font-size:.75em}.Tiptap-invisible-character--hard-break-default:after{content:"⏎";font-size:.75em}@media(max-width:1187px){.mobile\:mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}}@media(min-width:1188px){.desktop\:desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desktop\:desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desktop\:desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desktop\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desktop\:desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desktop\:desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desktop\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desktop\:desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}}.\[\&\&\]\:desk-title-bold-s.\[\&\&\]\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.\[\&\&\]\:desk-body-regular-m.\[\&\&\]\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.\[\&_label\]\:focus-within\:desk-body-regular-s:focus-within label{font-size:12px;font-weight:400;line-height:16px}.placeholder\:text-color-blue-grey-600::placeholder{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.placeholder\:text-color-disabled::placeholder{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.placeholder\:text-color-transparent::placeholder{color:transparent}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\:h-\[4px\]:before{content:var(--tw-content);height:4px}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-color-transparent:before{content:var(--tw-content);background-color:transparent}.before\:bg-color-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-4:after{content:var(--tw-content);bottom:-1rem}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:top-\[-1px\]:after{content:var(--tw-content);top:-1px}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:z-30:after{content:var(--tw-content);z-index:30}.after\:h-10:after{content:var(--tw-content);height:2.5rem}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:h-\[4px\]:after{content:var(--tw-content);height:4px}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:w-\[calc\(100\%-32px\)\]:after{content:var(--tw-content);width:calc(100% - 32px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:max-w-\[636px\]:after{content:var(--tw-content);max-width:636px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-color-blue-grey-200:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.after\:bg-color-blue-grey-300:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.after\:bg-color-primary-default:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.after\:bg-color-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:duration-100:after{content:var(--tw-content);transition-duration:.1s}.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}.after\:duration-100:after{content:var(--tw-content);animation-duration:.1s}.first\:border-none:first-child{border-style:none}.last\:border-none:last-child{border-style:none}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.odd\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.even\:bg-color-primary-light-default:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.focus-within\:border-blue-grey-800:focus-within{--tw-border-opacity: 1;border-color:rgb(90 110 133 / var(--tw-border-opacity, 1))}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.hover\:bg-color-blue-grey-200:hover{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.hover\:bg-color-blue-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-tr-hover:hover{background-color:#00379014}.hover\:bg-color-secondary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.hover\:text-color-dark:hover{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.hover\:text-color-footer:hover{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-hover:hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.hover\:text-color-secondary:hover{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.hover\:text-color-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-icon-blue-grey-800:hover{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.hover\:text-icon-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0px_0px_0px_1px_rgba\(0\,55\,144\,1\)\]:hover{--tw-shadow: 0px 0px 0px 1px rgba(0,55,144,1);--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:before\:bg-color-primary-tr-hover:hover:before{content:var(--tw-content);background-color:#00379014}.hover\:before\:bg-color-transparent:hover:before{content:var(--tw-content);background-color:transparent}.hover\:after\:bg-color-transparent:hover:after{content:var(--tw-content);background-color:transparent}.focus\:bg-color-primary-default:focus{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-focus:focus{--tw-bg-opacity: 1;background-color:rgb(36 119 255 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-hover:focus{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-tr-focus:focus{background-color:#0037901f}.focus\:bg-color-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.focus\:text-color-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-primary-focus:focus{outline-color:#2477ff}.focus\:before\:bg-color-primary-tr-pressed:focus:before{content:var(--tw-content);background-color:#00379033}.focus-visible\:border-solid:focus-visible{border-style:solid}.focus-visible\:border-primary-default:focus-visible{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-focus:focus-visible{--tw-border-opacity: 1;border-color:rgb(36 119 255 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.focus-visible\:bg-color-blue-grey-200:focus-visible{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-color-primary-tr-hover:focus-visible{background-color:#00379014}.focus-visible\:text-color-primary-default:focus-visible{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.focus-visible\:text-color-white:focus-visible{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-primary-focus:focus-visible{outline-color:#2477ff}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:border-solid:active{border-style:solid}.active\:border-primary-hover:active{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.active\:bg-color-blue-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-hover:active{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-tr-pressed:active{background-color:#00379033}.active\:bg-color-secondary-hover:active{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.active\:text-color-primary-hover:active,.active\:text-icon-primary-hover:active{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-width:0px}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-color-blue-grey-200:disabled{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-blue-grey-300:disabled{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-primary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-secondary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(255 183 191 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-transparent:disabled{background-color:transparent}.disabled\:text-color-dark:disabled{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.disabled\:text-color-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-color-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:text-icon-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-icon-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group\/icon:focus-within .group-focus-within\/icon\:text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:visible{visibility:visible}.group:hover .group-hover\:text-icon-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-secondary-dark-hover{--tw-text-opacity: 1;color:rgb(196 3 9 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:opacity-100{opacity:1}.group:focus .group-focus\:text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:active .group-active\:w-full{width:100%}.group:disabled .group-disabled\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=false\]\:bg-color-white[data-open=false]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=\"active\"\]\:\!bg-color-primary-default[data-state=active],.data-\[state\=checked\]\:\!bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:\!bg-color-primary-disabled[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:\!bg-color-blue-grey-200[data-state=unchecked]{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.data-\[state\=\"active\"\]\:\!text-color-white[data-state=active]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:data-\[state\=checked\]\:bg-color-primary-hover[data-state=checked]:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.group:active .data-\[state\=checked\]\:group-active\:translate-x-0[data-state=checked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:border-0{border-width:0px}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-disabled{--tw-border-opacity: 1;border-color:rgb(128 155 199 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.group:disabled[data-state=checked] .group-disabled\:group-data-\[state\=checked\]\:bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}@media(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}}
1
+ @import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0 14px);background-size:2000% 2000%}.unset-all-apply{all:unset}.skeleton-apply{background:linear-gradient(80deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;animation:1.5s shine linear infinite}.gradient-apply{background:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.text-balance{text-wrap:balance}@keyframes shine{to{background-position-x:-200%}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1188px){.container{max-width:1188px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.mob-headline-bold-m{font-size:28px;font-weight:700;line-height:32px}.mob-headline-bold-s{font-size:24px;font-weight:700;line-height:30px}.mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}.mob-title-bold-m{font-size:18px;font-weight:700;line-height:22px}.mob-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.mob-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.mob-body-medium-m{font-size:14px;font-weight:500;line-height:20px}.mob-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.mob-body-regular-s{font-size:12px;font-weight:400;line-height:20px}.desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-12{left:-3rem}.-right-12{right:-3rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-16{top:4rem}.top-4{top:1rem}.top-\[30px\]{top:30px}.top-\[50px\]{top:50px}.top-\[80\%\]{top:80%}.top-\[9px\]{top:9px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-\[1000\]{z-index:1000}.z-\[4\]{z-index:4}.z-\[60\]{z-index:60}.z-\[6\]{z-index:6}.z-\[7\]{z-index:7}.z-\[8\]{z-index:8}.z-\[9\]{z-index:9}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-top:5rem;margin-bottom:5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-40{margin-top:10rem;margin-bottom:10rem}.-ml-4{margin-left:-1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-32{margin-top:8rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-28{width:7rem;height:7rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-\[19px\]{width:19px;height:19px}.size-\[3px\]{width:3px;height:3px}.size-full{width:100%;height:100%}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[139px\]{height:139px}.h-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[238px\]{height:238px}.h-\[246px\]{height:246px}.h-\[24px\]{height:24px}.h-\[280px\]{height:280px}.h-\[32px\]{height:32px}.h-\[356px\]{height:356px}.h-\[360px\]{height:360px}.h-\[368px\]{height:368px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[450px\]{height:450px}.h-\[4px\]{height:4px}.h-\[552px\]{height:552px}.h-\[60vh\]{height:60vh}.h-\[64px\]{height:64px}.h-\[74px\]{height:74px}.h-\[90px\]{height:90px}.h-fit{height:fit-content}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-6{max-height:1.5rem}.max-h-\[264px\]{max-height:264px}.max-h-\[280px\]{max-height:280px}.max-h-\[500px\]{max-height:500px}.max-h-\[70px\]{max-height:70px}.max-h-\[80px\]{max-height:80px}.max-h-\[90vh\]{max-height:90vh}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[350px\]{min-height:350px}.min-h-\[54px\]{min-height:54px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-fit{width:fit-content!important}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[130px\]{width:130px}.w-\[132px\]{width:132px}.w-\[160px\]{width:160px}.w-\[192px\]{width:192px}.w-\[1px\]{width:1px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[328px\]{width:328px}.w-\[328xp\]{width:328xp}.w-\[330px\]{width:330px}.w-\[348px\]{width:348px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[476px\]{width:476px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[60vw\]{width:60vw}.w-\[80\%\]{width:80%}.w-\[800px\]{width:800px}.w-\[clamp\(360px\,90vw\,1200px\)\]{width:clamp(360px,90vw,1200px)}.w-\[var\(--mobile-width\)\]{width:var(--mobile-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-6{min-width:1.5rem}.min-w-\[200px\]{min-width:200px}.min-w-\[328px\]{min-width:328px}.min-w-full{min-width:100%}.max-w-6{max-width:1.5rem}.max-w-64{max-width:16rem}.max-w-\[1140px\]{max-width:1140px}.max-w-\[1920px\]{max-width:1920px}.max-w-\[240px\]{max-width:240px}.max-w-\[328px\]{max-width:328px}.max-w-\[330px\]{max-width:330px}.max-w-\[360px\]{max-width:360px}.max-w-\[432px\]{max-width:432px}.max-w-\[456px\]{max-width:456px}.max-w-\[464px\]{max-width:464px}.max-w-\[476px\]{max-width:476px}.max-w-\[500px\]{max-width:500px}.max-w-\[512px\]{max-width:512px}.max-w-\[540px\]{max-width:540px}.max-w-\[600px\]{max-width:600px}.max-w-\[604px\]{max-width:604px}.max-w-\[636px\]{max-width:636px}.max-w-\[656px\]{max-width:656px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[768px\]{max-width:768px}.max-w-\[800px\]{max-width:800px}.max-w-\[840px\]{max-width:840px}.max-w-\[calc\(636px-32px\)\]{max-width:604px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-center{transform-origin:center}.\!-translate-x-1\/2{--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\!-translate-y-1\/2{--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[100\%\]{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}@keyframes progress-loader{to{background-position:100% 100%}}.animate-progress-loader{animation:progress-loader 250s linear infinite}@keyframes scale-in{0%{opacity:0;scale:0}to{opacity:1;scale:1}}.animate-scale-in{animation:scale-in .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y: pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[248px_1fr\]{grid-template-columns:248px 1fr}.grid-cols-\[248px_1fr_1fr\]{grid-template-columns:248px 1fr 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[repeat\(3\,minmax\(136px\,1fr\)\)\]{grid-template-rows:repeat(3,minmax(136px,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-11{gap:2.75rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[16px\]{gap:16px}.gap-\[6px\]{gap:6px}.gap-x-1{column-gap:.25rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}.gap-x-\[56px\]{column-gap:56px}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-center{justify-self:center}.\!overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-keep{word-break:keep-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:8px}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-t-lg{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-tl-md{border-top-left-radius:8px}.rounded-tr-md{border-top-right-radius:8px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-t,.border-t-\[1px\]{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\!border-primary-hover{--tw-border-opacity: 1 !important;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))!important}.\!border-transparent{border-color:transparent!important}.border-blue-grey-500{--tw-border-opacity: 1;border-color:rgb(169 182 197 / var(--tw-border-opacity, 1))}.border-blue-grey-700{--tw-border-opacity: 1;border-color:rgb(105 128 154 / var(--tw-border-opacity, 1))}.border-negative{--tw-border-opacity: 1;border-color:rgb(244 37 0 / var(--tw-border-opacity, 1))}.border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.border-secondary-default{--tw-border-opacity: 1;border-color:rgb(252 80 85 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warm-grey-200{--tw-border-opacity: 1;border-color:rgb(228 228 228 / var(--tw-border-opacity, 1))}.border-warm-grey-300{--tw-border-opacity: 1;border-color:rgb(195 195 195 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\)\]{--tw-border-opacity: 1;border-bottom-color:rgba(234,237,241,var(--tw-border-opacity, 1))}.border-b-\[rgba\(234\,237\,241\,1\)\]{border-bottom-color:#eaedf1}.border-b-blue-grey-200{--tw-border-opacity: 1;border-bottom-color:rgb(234 237 241 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.\!bg-color-blue-grey-200{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-default{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.\!bg-color-primary-hover{--tw-bg-opacity: 1 !important;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))!important}.\!bg-color-secondary-default{--tw-bg-opacity: 1 !important;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))!important}.\!bg-color-transparent{background-color:transparent!important}.bg-\[\#52576a\]{--tw-bg-opacity: 1;background-color:rgb(82 87 106 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F7\]{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-\[\#F4F9FD\]{--tw-bg-opacity: 1;background-color:rgb(244 249 253 / var(--tw-bg-opacity, 1))}.bg-\[\#F7FBFF\]{--tw-bg-opacity: 1;background-color:rgb(247 251 255 / var(--tw-bg-opacity, 1))}.bg-banner-barvcray-300{--tw-bg-opacity: 1;background-color:rgb(221 225 232 / var(--tw-bg-opacity, 1))}.bg-banner-lavender-300{--tw-bg-opacity: 1;background-color:rgb(208 211 241 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-100{--tw-bg-opacity: 1;background-color:rgb(244 248 254 / var(--tw-bg-opacity, 1))}.bg-banner-skyblue-300{--tw-bg-opacity: 1;background-color:rgb(217 237 255 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-100{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-200{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.bg-color-blue-grey-500{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.bg-color-dark{--tw-bg-opacity: 1;background-color:rgb(41 41 41 / var(--tw-bg-opacity, 1))}.bg-color-footer{--tw-bg-opacity: 1;background-color:rgb(64 70 90 / var(--tw-bg-opacity, 1))}.bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}.bg-color-negative-light{--tw-bg-opacity: 1;background-color:rgb(255 210 202 / var(--tw-bg-opacity, 1))}.bg-color-overlay{background-color:#0000004d}.bg-color-positive{--tw-bg-opacity: 1;background-color:rgb(118 188 33 / var(--tw-bg-opacity, 1))}.bg-color-positive-light{--tw-bg-opacity: 1;background-color:rgb(228 246 206 / var(--tw-bg-opacity, 1))}.bg-color-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.bg-color-primary-light-default{--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.bg-color-primary-tr-hover{background-color:#00379014}.bg-color-primary-tr-pressed{background-color:#00379033}.bg-color-secondary-default{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.bg-color-transparent{background-color:transparent}.bg-color-warning-light{--tw-bg-opacity: 1;background-color:rgb(255 238 204 / var(--tw-bg-opacity, 1))}.bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-icon-primary-default{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.\!bg-none{background-image:none!important}.bg-\[linear-gradient\(97\.94deg\,_\#dae4f2_-14\.21\%\,_\#afcffc_47\.44\%\,_\#79aef8_107\.86\%\)\;\]{background-image:linear-gradient(97.94deg,#dae4f2 -14.21%,#afcffc 47.44%,#79aef8 107.86%)}.fill-\[\#b0c0d2\]{fill:#b0c0d2}.fill-dark-hover{fill:#535353}.fill-secondary-default{fill:#fc5055}.fill-transparent{fill:transparent}.fill-white{fill:#fff}.stroke-white{stroke:#fff}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[9px\]{padding-bottom:9px}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[25px\]{padding-top:25px}.pt-\[27px\]{padding-top:27px}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-12{font-size:12px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.text-40,.text-\[40px\]{font-size:40px}.text-\[64px\]{font-size:64px}.\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-16{line-height:16px}.leading-20{line-height:20px}.leading-22{line-height:22px}.leading-24{line-height:24px}.leading-30{line-height:30px}.leading-32{line-height:32px}.leading-40{line-height:40px}.leading-48{line-height:48px}.leading-\[72px\]{line-height:72px}.\!text-color-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.\!text-icon-primary-disabled{--tw-text-opacity: 1 !important;color:rgb(128 155 199 / var(--tw-text-opacity, 1))!important}.text-\[\#02A8FC\]{--tw-text-opacity: 1;color:rgb(2 168 252 / var(--tw-text-opacity, 1))}.text-\[\#5A6E85\]{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-\[\#9ADCFE\]{--tw-text-opacity: 1;color:rgb(154 220 254 / var(--tw-text-opacity, 1))}.text-color-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-color-current{color:currentColor}.text-color-dark{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-color-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-color-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.text-color-negative{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-color-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-color-primary-default\/20{color:#00379033}.text-color-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.text-color-secondary{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.text-color-tetriary{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-color-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-100{--tw-text-opacity: 1;color:rgb(243 244 247 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-600{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.text-icon-dark-hover{--tw-text-opacity: 1;color:rgb(83 83 83 / var(--tw-text-opacity, 1))}.text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.text-icon-negative-default{--tw-text-opacity: 1;color:rgb(244 37 0 / var(--tw-text-opacity, 1))}.text-icon-positive-default{--tw-text-opacity: 1;color:rgb(118 188 33 / var(--tw-text-opacity, 1))}.text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.text-icon-secondary-dark-default{--tw-text-opacity: 1;color:rgb(241 47 52 / var(--tw-text-opacity, 1))}.text-icon-secondary-default{--tw-text-opacity: 1;color:rgb(252 80 85 / var(--tw-text-opacity, 1))}.text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-\[0_16px_24px_0px_rgba\(0\,33\,87\,0\.16\)\]{--tw-shadow: 0 16px 24px 0px rgba(0,33,87,.16);--tw-shadow-colored: 0 16px 24px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_0px_rgba\(41\,41\,41\,0\.08\)\]{--tw-shadow: 0 8px 20px 0px rgba(41,41,41,.08);--tw-shadow-colored: 0 8px 20px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_-6px_8px_0px_\#2929290A\]{--tw-shadow: 0px -6px 8px 0px #2929290A;--tw-shadow-colored: 0px -6px 8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 8px 20px 0 rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-offset-4{outline-offset:4px}.outline-offset-\[3px\]{outline-offset:3px}.outline-transparent{outline-color:transparent}.outline-warm-grey-200{outline-color:#e4e4e4}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-xl{--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-\[color\]{transition-property:color;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-all{transition-property:all;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:ease-in-out;transition-duration:.3s}.transition-transform{transition-property:transform;transition-timing-function:ease-in-out;transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-12{transition-duration:.12s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.will-change-transform{will-change:transform}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-100{animation-duration:.1s}.duration-1000{animation-duration:1s}.duration-12{animation-duration:.12s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:root{--ff-roboto: "Roboto", sans-serif}*{box-sizing:border-box;padding:0;margin:0}strong{font-weight:500!important}body,html{font-family:var(--ff-roboto),sans-serif;color:#292929}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 5000s ease-in-out 0s}.Tiptap-invisible-character{background:#ffc8004d;border-radius:2px}.Tiptap-invisible-character--nbsp,.Tiptap-invisible-character--hard-break-default,.Tiptap-invisible-character--hard-break-desktop,.Tiptap-invisible-character--hard-break-mobile{outline:1px dashed rgba(255,170,0,.8)}.Tiptap-invisible-character--nbsp:after{content:" ";font-size:12px}.Tiptap-invisible-character--hard-break-desktop:after{content:"⏎ 🖥️";font-size:.75em}.Tiptap-invisible-character--hard-break-mobile:after{content:"⏎📱";font-size:.75em}.Tiptap-invisible-character--hard-break-default:after{content:"⏎";font-size:.75em}@media(max-width:1187px){.mobile\:mob-title-bold-l{font-size:20px;font-weight:700;line-height:24px}}@media(min-width:1188px){.desktop\:desk-headline-bold-l{font-size:40px;font-weight:700;line-height:48px}.desktop\:desk-headline-bold-m{font-size:32px;font-weight:700;line-height:40px}.desktop\:desk-title-bold-l{font-size:24px;font-weight:700;line-height:30px}.desktop\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.desktop\:desk-body-medium-l{font-size:16px;font-weight:500;line-height:22px}.desktop\:desk-body-regular-l{font-size:16px;font-weight:400;line-height:22px}.desktop\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.desktop\:desk-body-regular-s{font-size:12px;font-weight:400;line-height:16px}}.\[\&\&\]\:desk-title-bold-s.\[\&\&\]\:desk-title-bold-s{font-size:18px;font-weight:700;line-height:22px}.\[\&\&\]\:desk-body-regular-m.\[\&\&\]\:desk-body-regular-m{font-size:14px;font-weight:400;line-height:20px}.\[\&_label\]\:focus-within\:desk-body-regular-s:focus-within label{font-size:12px;font-weight:400;line-height:16px}.placeholder\:text-color-blue-grey-600::placeholder{--tw-text-opacity: 1;color:rgb(148 164 183 / var(--tw-text-opacity, 1))}.placeholder\:text-color-disabled::placeholder{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.placeholder\:text-color-transparent::placeholder{color:transparent}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:z-0:before{content:var(--tw-content);z-index:0}.before\:size-8:before{content:var(--tw-content);width:2rem;height:2rem}.before\:h-\[4px\]:before{content:var(--tw-content);height:4px}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.before\:bg-color-transparent:before{content:var(--tw-content);background-color:transparent}.before\:bg-color-white:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.before\:content-\[\"\"\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-bottom-4:after{content:var(--tw-content);bottom:-1rem}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:top-\[-1px\]:after{content:var(--tw-content);top:-1px}.after\:-z-10:after{content:var(--tw-content);z-index:-10}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:z-30:after{content:var(--tw-content);z-index:30}.after\:h-10:after{content:var(--tw-content);height:2.5rem}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:h-\[4px\]:after{content:var(--tw-content);height:4px}.after\:w-0:after{content:var(--tw-content);width:0px}.after\:w-10:after{content:var(--tw-content);width:2.5rem}.after\:w-\[calc\(100\%-32px\)\]:after{content:var(--tw-content);width:calc(100% - 32px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:max-w-\[636px\]:after{content:var(--tw-content);max-width:636px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-color-blue-grey-200:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.after\:bg-color-blue-grey-300:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.after\:bg-color-primary-default:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.after\:bg-color-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:duration-100:after{content:var(--tw-content);transition-duration:.1s}.after\:content-\[\"\"\]:after{--tw-content: "";content:var(--tw-content)}.after\:duration-100:after{content:var(--tw-content);animation-duration:.1s}.first\:border-none:first-child{border-style:none}.last\:border-none:last-child{border-style:none}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.odd\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.even\:bg-color-primary-light-default:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.focus-within\:border-blue-grey-800:focus-within{--tw-border-opacity: 1;border-color:rgb(90 110 133 / var(--tw-border-opacity, 1))}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-primary-hover:hover{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.hover\:bg-color-blue-grey-200:hover{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.hover\:bg-color-blue-grey-500:hover{--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.hover\:bg-color-primary-tr-hover:hover{background-color:#00379014}.hover\:bg-color-secondary-hover:hover{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.hover\:text-color-dark:hover{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.hover\:text-color-footer:hover{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:text-color-primary-hover:hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.hover\:text-color-secondary:hover{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.hover\:text-color-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-icon-blue-grey-800:hover{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.hover\:text-icon-primary-default:hover{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:shadow-\[0px_0px_0px_1px_rgba\(0\,55\,144\,1\)\]:hover{--tw-shadow: 0px 0px 0px 1px rgba(0,55,144,1);--tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:before\:bg-color-primary-tr-hover:hover:before{content:var(--tw-content);background-color:#00379014}.hover\:before\:bg-color-transparent:hover:before{content:var(--tw-content);background-color:transparent}.hover\:after\:bg-color-transparent:hover:after{content:var(--tw-content);background-color:transparent}.focus\:bg-color-primary-default:focus{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-focus:focus{--tw-bg-opacity: 1;background-color:rgb(36 119 255 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-hover:focus{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.focus\:bg-color-primary-tr-focus:focus{background-color:#0037901f}.focus\:bg-color-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgb(252 80 85 / var(--tw-bg-opacity, 1))}.focus\:text-color-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-primary-focus:focus{outline-color:#2477ff}.focus\:before\:bg-color-primary-tr-pressed:focus:before{content:var(--tw-content);background-color:#00379033}.focus-visible\:border-solid:focus-visible{border-style:solid}.focus-visible\:border-primary-default:focus-visible{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-focus:focus-visible{--tw-border-opacity: 1;border-color:rgb(36 119 255 / var(--tw-border-opacity, 1))}.focus-visible\:border-primary-hover:focus-visible{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.focus-visible\:bg-color-blue-grey-200:focus-visible{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.focus-visible\:bg-color-primary-tr-hover:focus-visible{background-color:#00379014}.focus-visible\:text-color-primary-default:focus-visible{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.focus-visible\:text-color-white:focus-visible{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline-primary-focus:focus-visible{outline-color:#2477ff}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:border-solid:active{border-style:solid}.active\:border-primary-hover:active{--tw-border-opacity: 1;border-color:rgb(4 46 115 / var(--tw-border-opacity, 1))}.active\:bg-color-blue-grey-300:active{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-hover:active{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.active\:bg-color-primary-tr-pressed:active{background-color:#00379033}.active\:bg-color-secondary-hover:active{--tw-bg-opacity: 1;background-color:rgb(241 47 52 / var(--tw-bg-opacity, 1))}.active\:text-color-primary-hover:active,.active\:text-icon-primary-hover:active{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-0:disabled{border-width:0px}.disabled\:border-transparent:disabled{border-color:transparent}.disabled\:bg-color-blue-grey-200:disabled{--tw-bg-opacity: 1;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-blue-grey-300:disabled{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-primary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-secondary-disabled:disabled{--tw-bg-opacity: 1;background-color:rgb(255 183 191 / var(--tw-bg-opacity, 1))}.disabled\:bg-color-transparent:disabled{background-color:transparent}.disabled\:text-color-dark:disabled{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.disabled\:text-color-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-color-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:text-icon-disabled:disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.disabled\:text-icon-primary-disabled:disabled{--tw-text-opacity: 1;color:rgb(128 155 199 / var(--tw-text-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group\/icon:focus-within .group-focus-within\/icon\:text-icon-blue-grey-800{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:visible{visibility:visible}.group:hover .group-hover\:text-icon-footer{--tw-text-opacity: 1;color:rgb(195 195 195 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-primary-hover{--tw-text-opacity: 1;color:rgb(4 46 115 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-icon-secondary-dark-hover{--tw-text-opacity: 1;color:rgb(196 3 9 / var(--tw-text-opacity, 1))}.group\/category:hover .group-hover\/category\:opacity-100{opacity:1}.group:focus .group-focus\:text-icon-dark-default{--tw-text-opacity: 1;color:rgb(41 41 41 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-primary-default{--tw-text-opacity: 1;color:rgb(0 55 144 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:text-icon-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:active .group-active\:w-full{width:100%}.group:disabled .group-disabled\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group:disabled .group-disabled\:text-icon-disabled{--tw-text-opacity: 1;color:rgb(169 182 197 / var(--tw-text-opacity, 1))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[open\=false\]\:bg-color-white[data-open=false]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.data-\[state\=\"active\"\]\:\!bg-color-primary-default[data-state=active],.data-\[state\=checked\]\:\!bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:\!bg-color-primary-disabled[data-state=checked]{--tw-bg-opacity: 1 !important;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))!important}.data-\[state\=checked\]\:bg-color-primary-default[data-state=checked]{--tw-bg-opacity: 1;background-color:rgb(0 55 144 / var(--tw-bg-opacity, 1))}.data-\[state\=unchecked\]\:\!bg-color-blue-grey-200[data-state=unchecked]{--tw-bg-opacity: 1 !important;background-color:rgb(234 237 241 / var(--tw-bg-opacity, 1))!important}.data-\[state\=\"active\"\]\:\!text-color-white[data-state=active]{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.hover\:data-\[state\=checked\]\:bg-color-primary-hover[data-state=checked]:hover{--tw-bg-opacity: 1;background-color:rgb(4 46 115 / var(--tw-bg-opacity, 1))}.group:active .data-\[state\=checked\]\:group-active\:translate-x-0[data-state=checked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:border-0{border-width:0px}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-default{--tw-border-opacity: 1;border-color:rgb(0 55 144 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:border-primary-disabled{--tw-border-opacity: 1;border-color:rgb(128 155 199 / var(--tw-border-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:bg-color-primary-disabled{--tw-bg-opacity: 1;background-color:rgb(128 155 199 / var(--tw-bg-opacity, 1))}.group[data-state=unchecked] .group-data-\[state\=unchecked\]\:bg-color-blue-grey-300{--tw-bg-opacity: 1;background-color:rgb(212 219 226 / var(--tw-bg-opacity, 1))}.group[data-state=checked] .group-data-\[state\=checked\]\:\!text-color-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}.group:disabled[data-state=checked] .group-disabled\:group-data-\[state\=checked\]\:bg-color-negative{--tw-bg-opacity: 1;background-color:rgb(244 37 0 / var(--tw-bg-opacity, 1))}@media(min-width:1024px){.lg\:w-\[var\(--desktop-width\)\]{width:var(--desktop-width)}}@media(max-width:1187px){.mobile\:absolute{position:absolute}.mobile\:bottom-0{bottom:0}.mobile\:m-0{margin:0}.mobile\:mx-auto{margin-left:auto;margin-right:auto}.mobile\:mb-2{margin-bottom:.5rem}.mobile\:mb-6{margin-bottom:1.5rem}.mobile\:mt-6{margin-top:1.5rem}.mobile\:flex{display:flex}.mobile\:hidden{display:none}.mobile\:h-\[320px\]{height:320px}.mobile\:w-\[240px\]{width:240px}.mobile\:w-\[320px\]{width:320px}.mobile\:w-\[328px\]{width:328px}.mobile\:w-full{width:100%}.mobile\:max-w-\[360px\]{max-width:360px}.mobile\:grid-rows-\[400px\,1fr\,1fr\,400px\]{grid-template-rows:400px 1fr 1fr 400px}.mobile\:grid-rows-\[repeat\(2\,400px\)\]{grid-template-rows:repeat(2,400px)}.mobile\:flex-col{flex-direction:column}.mobile\:items-center{align-items:center}.mobile\:gap-4{gap:1rem}.mobile\:gap-8{gap:2rem}.mobile\:border-b{border-bottom-width:1px}.mobile\:bg-color-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.mobile\:px-4{padding-left:1rem;padding-right:1rem}.mobile\:py-8{padding-top:2rem;padding-bottom:2rem}.mobile\:pb-\[176px\]{padding-bottom:176px}.mobile\:last\:mb-0:last-child{margin-bottom:0}.mobile\:last\:border-none:last-child{border-style:none}.mobile\:last\:pb-0:last-child{padding-bottom:0}}@media(min-width:1188px){.desktop\:static{position:static}.desktop\:absolute{position:absolute}.desktop\:bottom-\[-50px\]{bottom:-50px}.desktop\:left-auto{left:auto}.desktop\:right-1\/2{right:50%}.desktop\:right-20{right:5rem}.desktop\:col-span-1{grid-column:span 1 / span 1}.desktop\:col-span-2{grid-column:span 2 / span 2}.desktop\:my-8{margin-top:2rem;margin-bottom:2rem}.desktop\:mb-11{margin-bottom:2.75rem}.desktop\:mb-12{margin-bottom:3rem}.desktop\:mb-6{margin-bottom:1.5rem}.desktop\:ml-8{margin-left:2rem}.desktop\:mt-12{margin-top:3rem}.desktop\:mt-6{margin-top:1.5rem}.desktop\:mt-8{margin-top:2rem}.desktop\:flex{display:flex}.desktop\:grid{display:grid}.desktop\:hidden{display:none}.desktop\:size-12{width:3rem;height:3rem}.desktop\:size-8{width:2rem;height:2rem}.desktop\:h-\[177px\]{height:177px}.desktop\:h-\[232px\]{height:232px}.desktop\:h-\[272px\]{height:272px}.desktop\:h-\[32px\]{height:32px}.desktop\:h-\[360px\]{height:360px}.desktop\:h-\[456px\]{height:456px}.desktop\:h-\[72px\]{height:72px}.desktop\:\!w-fit{width:fit-content!important}.desktop\:w-\[1140px\]{width:1140px}.desktop\:w-\[190px\]{width:190px}.desktop\:w-\[194px\]{width:194px}.desktop\:w-\[200px\]{width:200px}.desktop\:w-\[216px\]{width:216px}.desktop\:w-\[240px\]{width:240px}.desktop\:w-\[256px\]{width:256px}.desktop\:w-\[264px\]{width:264px}.desktop\:w-\[280px\]{width:280px}.desktop\:w-\[285px\]{width:285px}.desktop\:w-\[348px\]{width:348px}.desktop\:w-\[386px\]{width:386px}.desktop\:w-\[500px\]{width:500px}.desktop\:w-\[524px\]{width:524px}.desktop\:w-\[550px\]{width:550px}.desktop\:w-\[636px\]{width:636px}.desktop\:w-fit{width:fit-content}.desktop\:w-full{width:100%}.desktop\:w-max{width:max-content}.desktop\:min-w-\[1140px\]{min-width:1140px}.desktop\:max-w-\[1140px\]{max-width:1140px}.desktop\:max-w-\[216px\]{max-width:216px}.desktop\:max-w-\[264px\]{max-width:264px}.desktop\:max-w-\[348px\]{max-width:348px}.desktop\:max-w-\[464px\]{max-width:464px}.desktop\:max-w-\[524px\]{max-width:524px}.desktop\:max-w-\[576px\]{max-width:576px}.desktop\:max-w-\[600px\]{max-width:600px}.desktop\:max-w-\[860px\]{max-width:860px}.desktop\:max-w-full{max-width:100%}.desktop\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:translate-x-1\/2{--tw-translate-x: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr)}.desktop\:grid-cols-\[repeat\(2\,minmax\(353px\,1fr\)\)\]{grid-template-columns:repeat(2,minmax(353px,1fr))}.desktop\:grid-rows-\[repeat\(2\,minmax\(160px\,1fr\)\)\]{grid-template-rows:repeat(2,minmax(160px,1fr))}.desktop\:flex-row{flex-direction:row}.desktop\:flex-row-reverse{flex-direction:row-reverse}.desktop\:flex-col{flex-direction:column}.desktop\:items-start{align-items:flex-start}.desktop\:items-end{align-items:flex-end}.desktop\:items-center{align-items:center}.desktop\:justify-normal{justify-content:normal}.desktop\:justify-start{justify-content:flex-start}.desktop\:justify-center{justify-content:center}.desktop\:justify-between{justify-content:space-between}.desktop\:gap-0{gap:0px}.desktop\:gap-10{gap:2.5rem}.desktop\:gap-12{gap:3rem}.desktop\:gap-4{gap:1rem}.desktop\:gap-6{gap:1.5rem}.desktop\:gap-8{gap:2rem}.desktop\:gap-x-10{column-gap:2.5rem}.desktop\:gap-x-4{column-gap:1rem}.desktop\:gap-y-4{row-gap:1rem}.desktop\:gap-y-8{row-gap:2rem}.desktop\:whitespace-nowrap{white-space:nowrap}.desktop\:rounded-md{border-radius:8px}.desktop\:border{border-width:1px}.desktop\:border-none{border-style:none}.desktop\:p-0{padding:0}.desktop\:p-14{padding:3.5rem}.desktop\:p-4{padding:1rem}.desktop\:p-6{padding:1.5rem}.desktop\:p-8{padding:2rem}.desktop\:px-0{padding-left:0;padding-right:0}.desktop\:px-4{padding-left:1rem;padding-right:1rem}.desktop\:px-6{padding-left:1.5rem;padding-right:1.5rem}.desktop\:px-8{padding-left:2rem;padding-right:2rem}.desktop\:py-0{padding-top:0;padding-bottom:0}.desktop\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.desktop\:py-12{padding-top:3rem;padding-bottom:3rem}.desktop\:py-20{padding-top:5rem;padding-bottom:5rem}.desktop\:py-3{padding-top:.75rem;padding-bottom:.75rem}.desktop\:py-4{padding-top:1rem;padding-bottom:1rem}.desktop\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.desktop\:py-8{padding-top:2rem;padding-bottom:2rem}.desktop\:py-\[17px\]{padding-top:17px;padding-bottom:17px}.desktop\:py-\[80px\]{padding-top:80px;padding-bottom:80px}.desktop\:pb-0{padding-bottom:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pb-8{padding-bottom:2rem}.desktop\:pl-12{padding-left:3rem}.desktop\:pl-5{padding-left:1.25rem}.desktop\:pr-8{padding-right:2rem}.desktop\:pt-0{padding-top:0}.desktop\:pt-20{padding-top:5rem}.desktop\:text-\[80px\]{font-size:80px}.desktop\:leading-\[88px\]{line-height:88px}.desktop\:after\:bottom-auto:after{content:var(--tw-content);bottom:auto}.desktop\:after\:left-auto:after{content:var(--tw-content);left:auto}.desktop\:after\:right-0:after{content:var(--tw-content);right:0}.desktop\:after\:top-1\/2:after{content:var(--tw-content);top:50%}.desktop\:after\:h-10:after{content:var(--tw-content);height:2.5rem}.desktop\:after\:w-\[1px\]:after{content:var(--tw-content);width:1px}.after\:desktop\:max-w-\[1140px\]:after{content:var(--tw-content);max-width:1140px}.desktop\:after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:after\:translate-x-0:after{content:var(--tw-content);--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:col-span-2:first-child{grid-column:span 2 / span 2}.desktop\:first\:col-span-full:first-child{grid-column:1 / -1}.desktop\:first\:ml-0:first-child{margin-left:0}.desktop\:first\:after\:absolute:first-child:after{content:var(--tw-content);position:absolute}.desktop\:first\:after\:right-0:first-child:after{content:var(--tw-content);right:0}.desktop\:first\:after\:top-1\/2:first-child:after{content:var(--tw-content);top:50%}.desktop\:first\:after\:block:first-child:after{content:var(--tw-content);display:block}.desktop\:first\:after\:h-\[64px\]:first-child:after{content:var(--tw-content);height:64px}.desktop\:first\:after\:w-\[1px\]:first-child:after{content:var(--tw-content);width:1px}.desktop\:first\:after\:-translate-y-1\/2:first-child:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.desktop\:first\:after\:bg-color-blue-grey-500:first-child:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(169 182 197 / var(--tw-bg-opacity, 1))}.desktop\:first\:after\:content-\[\"\"\]:first-child:after{--tw-content: "";content:var(--tw-content)}.desktop\:last\:col-span-2:last-child{grid-column:span 2 / span 2}.desktop\:last\:pr-0:last-child{padding-right:0}.desktop\:odd\:border-b:nth-child(odd){border-bottom-width:1px}.desktop\:odd\:pb-3:nth-child(odd){padding-bottom:.75rem}}.\[\&\:not\(\:disabled\)\]\:cursor-pointer:not(:disabled){cursor:pointer}.\[\&\:not\(\:disabled\)\]\:hover\:after\:bg-color-primary-tr-hover:hover:not(:disabled):after{content:var(--tw-content);background-color:#00379014}.\[\&\:not\(\:disabled\)\]\:focus\:after\:bg-color-primary-tr-focus:focus:not(:disabled):after{content:var(--tw-content);background-color:#0037901f}.\[\&\:not\(\:disabled\)\]\:active\:after\:bg-color-primary-tr-pressed:active:not(:disabled):after{content:var(--tw-content);background-color:#00379033}.\[\&\:not\(\:last-child\)\]\:mb-1:not(:last-child){margin-bottom:.25rem}.\[\&\:not\(\:last-child\)\]\:mb-3:not(:last-child){margin-bottom:.75rem}.\[\&\:not\(\:last-child\)\]\:mb-4:not(:last-child){margin-bottom:1rem}.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child){border-bottom-width:1px}.\[\&\:not\(\:last-child\)\]\:border-b-\[rgba\(234\,237\,241\,1\)\]:not(:last-child){border-bottom-color:#eaedf1}.\[\&\:nth-child\(odd\)\]\:bg-color-primary-light-default:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(240 244 249 / var(--tw-bg-opacity, 1))}.\[\&\>li\]\:ml-4>li{margin-left:1rem}.\[\&\>p\]\:hover\:text-color-secondary:hover>p{--tw-text-opacity: 1;color:rgb(64 70 90 / var(--tw-text-opacity, 1))}.\[\&_\>p\]\:inline>p{display:inline}.\[\&_h2\]\:pb-2 h2{padding-bottom:.5rem}.\[\&_h2\]\:pt-4 h2{padding-top:1rem}.\[\&_input\]\:px-4 input{padding-left:1rem;padding-right:1rem}.\[\&_input\]\:pb-\[6px\] input{padding-bottom:6px}.\[\&_input\]\:pt-\[28px\] input{padding-top:28px}.\[\&_label\]\:focus-within\:top-\[9px\]:focus-within label{top:9px}.\[\&_label\]\:focus-within\:translate-y-0:focus-within label{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_label\]\:focus-within\:text-color-tetriary:focus-within label{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:w-\[132px\] svg{width:132px}@media(min-width:1188px){.desktop\:\[\&_svg\]\:h-\[32px\] svg{height:32px}.desktop\:\[\&_svg\]\:w-\[192px\] svg{width:192px}}
@@ -1,2 +1,2 @@
1
- import{jsxs as m,jsx as r}from"react/jsx-runtime";import x from"./slide.module.css.js";import{cn as t}from"../../../../utils/cn.js";import{extractNumberFromString as i}from"../../model/helpers.js";const k=({slideIndex:c,title:d,imgProps:o,description:l,slideFullScreenClasses:e,slidesConfig:a})=>{const n=i(a.deskSlideWidth),s=i(a.mobSlideWidth);return m("div",{style:{"--mobile-width":`${s}px`,"--desktop-width":`${n}px`},className:t("flex flex-none basis-full flex-col gap-6",x.slideWidth,e?.root),children:[(d||l)&&m("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}),m("div",{className:t("flex flex-1 flex-col gap-2",e?.textWrapper),children:[d&&r("div",{dangerouslySetInnerHTML:{__html:d},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{k as SlideFullScreen};
1
+ 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};
2
2
  //# sourceMappingURL=SlideFullScreen.js.map
@@ -1 +1 @@
1
- {"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 imgProps,\n description,\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 // @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-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","imgProps","description","slideFullScreenClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsxs","cn","styles","jsx"],"mappings":"qMA0BO,MAAMA,EAAkB,CAAC,CAC9B,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,aAAAC,CACF,IAA4B,CAC1B,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,GAAwB,IAAI,EAEvG,SAAA,EAAAH,GAASE,MACR,MAAA,CAAI,UAAWO,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,EAG5FD,GACCS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQT,CAAA,EACnC,UAAWO,EAAG,2CAA4CN,GAAwB,WAAW,CAAA,CAAA,CAC/F,CAAA,CAEJ,CAAA,EACF,EAGDF,GAAYA,GAAU,KACrBU,EAAC,MAAA,CAAI,UAAWF,EAAG,wBAAyBN,GAAwB,KAAK,EAAG,IAAKF,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,CAAA,CAAA,CAI5H"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport { type ChangeHandler, type ComboboxValue, stringifyComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { useClickOutsideMany } from '$/shared/hooks'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n root?: string\n list?: { floating?: string } & DropdownListClasses\n input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean> = {\n changeHandler?: ChangeHandler<Multi>\n clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n inputChangeHandler?: (value: string) => void\n onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean>\n extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange' | 'onBlur'>,\n Record<`data-${string}`, unknown> {\n /**\n * Список опций\n */\n options: ComboboxItemOption[]\n /**\n * Выбранное значение\n */\n value?: ComboboxValue<Multi>\n /**\n * Функция для изменения значения\n */\n onChange?: ChangeHandler<Multi>\n /**\n * Свойство управляющее поиском\n */\n searchable?: boolean\n /**\n * Открыть список по умолчанию\n */\n defaultOpen?: boolean\n /**\n * Свойства дополнительной иконки\n */\n attachmentProps?: DeepPartial<IFieldAttachmentProps>\n /**\n * Пометить поле как не валидное\n */\n invalid?: boolean\n /**\n * Функция для управления отображаемым значением\n */\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n /**\n * Отображаемый лейбл\n */\n label: string\n /**\n * Выключено поле\n */\n disabled?: boolean\n /**\n * Только для чтения\n */\n readOnly?: boolean\n /**\n * Дополнительные стили\n */\n classes?: ComboboxClasses\n /**\n * Дополнительные события\n */\n externalHandlers?: ExternalHandlers<Multi>\n /**\n * Функция для изменения значения поиска\n */\n onInputChange?: (value: string) => void\n /**\n * Значение инпута\n */\n inputValue?: string\n /**\n * Выключить фильтрацию списка\n */\n filterDisabled?: boolean\n /**\n * Включить рендеринг в портале\n * @property {false | HTMLElement} portal document.body\n */\n portal?: false | HTMLElement\n /**\n * Обработка ошибок для даталееров\n */\n ['data-error-message']?: string\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n /**\n * Внешнее onBlur событие\n */\n onBlur?: React.FocusEventHandler<HTMLInputElement>\n}\n\nconst InnerComponent = <Multi extends boolean>(\n {\n options: initialOptions,\n multiple,\n value,\n onChange,\n defaultOpen,\n attachmentProps,\n searchable,\n invalid,\n displayValue,\n label,\n disabled,\n readOnly,\n className,\n externalHandlers,\n inputValue,\n filterDisabled,\n onInputChange: externalInputChangeHandler,\n empty,\n classes,\n portal = globalThis ? globalThis?.document?.body : undefined,\n ...props\n }: ComboboxProps<Multi>,\n ref: ForwardedRef<HTMLInputElement>\n) => {\n const dataErrorMessage = props['data-error-message']\n\n const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n placement: 'bottom-start',\n strategy: 'absolute',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(4)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { open, setOpen, state, changeHandler, options, search, onInputChange } = useCombobox({\n multiple,\n value,\n onChange,\n searchable,\n defaultOpen,\n displayValue,\n initialOptions,\n filterDisabled,\n externalHandlers,\n externalInputValue: inputValue,\n externalOnInputChange: externalInputChangeHandler\n })\n\n useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n const getLabel = () => {\n if (!value) return ''\n\n if (multiple && searchable) {\n return stringifyComboboxValue(value)\n } else if (searchable) {\n return search\n } else {\n return stringifyComboboxValue(value)\n }\n }\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (event.target && event.relatedTarget) {\n setOpen(false)\n }\n }\n\n useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement | null>], () => setOpen(false))\n\n const portalContainer = portal ?? refs.domReference.current!\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n <InputBase\n ref={ref}\n label={label}\n invalid={invalid}\n readOnly={readOnly || !searchable}\n value={inputValue || getLabel()}\n onChange={onInputChange}\n disabled={disabled}\n onClick={(event) => {\n if (!open) setOpen(true)\n externalHandlers?.clickHandler?.(event)\n }}\n onBlur={(event) => {\n externalHandlers?.blurHandler?.(event)\n handleBlur(event)\n props?.onBlur?.(event)\n }}\n onFocus={externalHandlers?.focusHandler}\n classes={{\n input: cn({\n 'cursor-pointer': !searchable,\n 'cursor-default': disabled,\n 'pointer-events-none': disabled || readOnly\n }),\n ...classes?.input\n }}\n autoComplete='off'\n attachmentProps={{\n icon: (\n <Icon\n name='arrows/arrowRight'\n className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n '-rotate-90': open,\n 'text-color-negative': invalid\n })}\n />\n ),\n onClickIcon: () => setOpen((prev) => !prev),\n ...attachmentProps\n }}\n data-id='combobox-input'\n data-error-message={dataErrorMessage}\n dataLayers={props?.dataLayers}\n />\n\n <Portal root={portalContainer}>\n <AnimatePresence>\n {open && (\n <motion.div\n ref={refs.setFloating}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.1 }}\n className={cn('z-[1000]', floating)}\n style={{\n ...floatingStyles,\n width: refs.reference.current?.getBoundingClientRect().width\n }}\n >\n {TypeGuards.isArrayFilled(options) && (\n <DropdownList\n empty={empty}\n options={options}\n multiple={multiple}\n onPick={changeHandler}\n value={state}\n displayValue={displayValue}\n classes={dropdownClasses}\n target={refs.domReference}\n />\n )}\n </motion.div>\n )}\n </AnimatePresence>\n </Portal>\n </div>\n )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","useCombobox","useKeyboardNavigation","getLabel","stringifyComboboxValue","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","TypeGuards","DropdownList","Combobox","forwardRef"],"mappings":"+yBAkHA,MAAMA,GAAiB,CACrB,CACE,QAASC,EACT,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,cAAeC,EACf,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,WAAa,YAAY,UAAU,KAAO,OACnD,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAmBF,EAAM,oBAAoB,EAE7C,CAAE,SAAAG,EAAU,GAAGC,GAAoBN,GAAS,MAAQ,CAAA,EAEpD,CAAE,KAAAO,EAAM,eAAAC,CAAA,EAAmBC,EAA4B,CAC3D,UAAW,eACX,SAAU,WACV,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,cAAAC,EAAe,QAAAC,EAAS,OAAAC,EAAQ,cAAAC,CAAA,EAAkBC,EAAY,CAC1F,SAAArC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEDuB,EAAsB,CAAE,IAAKd,EAAK,aAAc,kBAAmBO,EAAS,EAE5E,MAAMQ,EAAW,IACVtC,EAEDD,GAAYK,EACPmC,EAAuBvC,CAAK,EAC1BI,EACF8B,EAEAK,EAAuBvC,CAAK,EAPlB,GAWfwC,EAAcC,GAA8C,CAC5DA,EAAM,QAAUA,EAAM,eACxBX,EAAQ,EAAK,CAEjB,EAEAY,EAAoB,CAACnB,EAAK,SAAUA,EAAK,SAAuD,EAAG,IAAMO,EAAQ,EAAK,CAAC,EAEvH,MAAMa,EAAkB1B,GAAUM,EAAK,aAAa,QAEpD,OACEqB,EAAC,MAAA,CAAI,IAAKrB,EAAK,aAAc,UAAWsB,EAAG,kBAAmB7B,GAAS,KAAMN,CAAS,EACpF,SAAA,CAAAoC,EAACC,EAAA,CACC,IAAA5B,EACA,MAAAZ,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAc0B,EAAA,EACrB,SAAUH,EACV,SAAA3B,EACA,QAAUiC,GAAU,CACbZ,GAAMC,EAAQ,EAAI,EACvBnB,GAAkB,eAAe8B,CAAK,CACxC,EACA,OAASA,GAAU,CACjB9B,GAAkB,cAAc8B,CAAK,EACrCD,EAAWC,CAAK,EAChBvB,GAAO,SAASuB,CAAK,CACvB,EACA,QAAS9B,GAAkB,aAC3B,QAAS,CACP,MAAOkC,EAAG,CACR,iBAAkB,CAACzC,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGO,GAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE8B,EAACE,GAAA,CACC,KAAK,oBACL,UAAWH,EAAG,yDAA0D,CACtE,aAAchB,EACd,sBAAuBxB,CAAA,CACxB,CAAA,CAAA,EAGL,YAAa,IAAMyB,EAASmB,GAAS,CAACA,CAAI,EAC1C,GAAG9C,CAAA,EAEL,UAAQ,iBACR,qBAAoBiB,EACpB,WAAYF,GAAO,UAAA,CAAA,IAGpBgC,EAAA,CAAO,KAAMP,EACZ,SAAAG,EAACK,GACE,SAAAtB,GACCiB,EAACM,EAAO,IAAP,CACC,IAAK7B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWsB,EAAG,WAAYxB,CAAQ,EAClC,MAAO,CACL,GAAGG,EACH,MAAOD,EAAK,UAAU,SAAS,wBAAwB,KAAA,EAGxD,SAAA8B,GAAW,cAAcpB,CAAO,GAC/Ba,EAACQ,GAAA,CACC,MAAAvC,EACA,QAAAkB,EACA,SAAAlC,EACA,OAAQiC,EACR,MAAOD,EACP,aAAAzB,EACA,QAASgB,EACT,OAAQC,EAAK,YAAA,CAAA,CACf,CAAA,EAIR,CAAA,CACF,CAAA,EACF,CAEJ,EAEagC,GAAWC,EAAW3D,EAAc"}
1
+ {"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport { type ChangeHandler, type ComboboxValue, stringifyComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { useClickOutsideMany } from '$/shared/hooks'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n root?: string\n list?: { floating?: string } & DropdownListClasses\n input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean = false> = {\n changeHandler?: ChangeHandler<Multi>\n clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n inputChangeHandler?: (value: string) => void\n onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean = false>\n extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange' | 'onBlur'>,\n Record<`data-${string}`, unknown> {\n /**\n * Список опций\n */\n options: ComboboxItemOption[]\n /**\n * Выбранное значение\n */\n value?: ComboboxValue<Multi>\n /**\n * Функция для изменения значения\n */\n onChange?: ChangeHandler<Multi>\n /**\n * Свойство управляющее поиском\n */\n searchable?: boolean\n /**\n * Открыть список по умолчанию\n */\n defaultOpen?: boolean\n /**\n * Свойства дополнительной иконки\n */\n attachmentProps?: DeepPartial<IFieldAttachmentProps>\n /**\n * Пометить поле как не валидное\n */\n invalid?: boolean\n /**\n * Функция для управления отображаемым значением\n */\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n /**\n * Отображаемый лейбл\n */\n label: string\n /**\n * Выключено поле\n */\n disabled?: boolean\n /**\n * Только для чтения\n */\n readOnly?: boolean\n /**\n * Дополнительные стили\n */\n classes?: ComboboxClasses\n /**\n * Дополнительные события\n */\n externalHandlers?: ExternalHandlers<Multi>\n /**\n * Функция для изменения значения поиска\n */\n onInputChange?: (value: string) => void\n /**\n * Значение инпута\n */\n inputValue?: string\n /**\n * Выключить фильтрацию списка\n */\n filterDisabled?: boolean\n /**\n * Включить рендеринг в портале\n * @property {false | HTMLElement} portal document.body\n */\n portal?: false | HTMLElement\n /**\n * Обработка ошибок для даталееров\n */\n ['data-error-message']?: string\n /**\n * Даталееры\n */\n dataLayers?: DataLayers\n /**\n * Внешнее onBlur событие\n */\n onBlur?: React.FocusEventHandler<HTMLInputElement>\n}\n\nconst InnerComponent = <Multi extends boolean = false>(\n {\n options: initialOptions,\n multiple,\n value,\n onChange,\n defaultOpen,\n attachmentProps,\n searchable,\n invalid,\n displayValue,\n label,\n disabled,\n readOnly,\n className,\n externalHandlers,\n inputValue,\n filterDisabled,\n onInputChange: externalInputChangeHandler,\n empty,\n classes,\n portal = globalThis ? globalThis?.document?.body : undefined,\n ...props\n }: ComboboxProps<Multi>,\n ref: ForwardedRef<HTMLInputElement>\n) => {\n const dataErrorMessage = props['data-error-message']\n\n const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n placement: 'bottom-start',\n strategy: 'absolute',\n middleware: [\n flip({\n boundary: 'clippingAncestors',\n crossAxis: false\n }),\n offset(4)\n ],\n whileElementsMounted: autoUpdate\n })\n\n const { open, setOpen, state, changeHandler, options, search, onInputChange } = useCombobox({\n multiple,\n value,\n onChange,\n searchable,\n defaultOpen,\n displayValue,\n initialOptions,\n filterDisabled,\n externalHandlers,\n externalInputValue: inputValue,\n externalOnInputChange: externalInputChangeHandler\n })\n\n useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n const getLabel = () => {\n if (!value) return ''\n\n if (multiple && searchable) {\n return stringifyComboboxValue(value)\n } else if (searchable) {\n return search\n } else {\n return stringifyComboboxValue(value)\n }\n }\n\n const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n if (event.target && event.relatedTarget) {\n setOpen(false)\n }\n }\n\n useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement | null>], () => setOpen(false))\n\n const portalContainer = portal ?? refs.domReference.current!\n\n return (\n <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n <InputBase\n ref={ref}\n label={label}\n invalid={invalid}\n readOnly={readOnly || !searchable}\n value={inputValue || getLabel()}\n onChange={onInputChange}\n disabled={disabled}\n onClick={(event) => {\n if (!open) setOpen(true)\n externalHandlers?.clickHandler?.(event)\n }}\n onBlur={(event) => {\n externalHandlers?.blurHandler?.(event)\n handleBlur(event)\n props?.onBlur?.(event)\n }}\n onFocus={externalHandlers?.focusHandler}\n classes={{\n input: cn({\n 'cursor-pointer': !searchable,\n 'cursor-default': disabled,\n 'pointer-events-none': disabled || readOnly\n }),\n ...classes?.input\n }}\n autoComplete='off'\n attachmentProps={{\n icon: (\n <Icon\n name='arrows/arrowRight'\n className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n '-rotate-90': open,\n 'text-color-negative': invalid\n })}\n />\n ),\n onClickIcon: () => setOpen((prev) => !prev),\n ...attachmentProps\n }}\n data-id='combobox-input'\n data-error-message={dataErrorMessage}\n dataLayers={props?.dataLayers}\n />\n\n <Portal root={portalContainer}>\n <AnimatePresence>\n {open && (\n <motion.div\n ref={refs.setFloating}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n transition={{ duration: 0.1 }}\n className={cn('z-[1000]', floating)}\n style={{\n ...floatingStyles,\n width: refs.reference.current?.getBoundingClientRect().width\n }}\n >\n {TypeGuards.isArrayFilled(options) && (\n <DropdownList\n empty={empty}\n options={options}\n multiple={multiple}\n onPick={changeHandler}\n value={state}\n displayValue={displayValue}\n classes={dropdownClasses}\n target={refs.domReference}\n />\n )}\n </motion.div>\n )}\n </AnimatePresence>\n </Portal>\n </div>\n )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","useCombobox","useKeyboardNavigation","getLabel","stringifyComboboxValue","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","TypeGuards","DropdownList","Combobox","forwardRef"],"mappings":"+yBAkHA,MAAMA,GAAiB,CACrB,CACE,QAASC,EACT,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,cAAeC,EACf,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,WAAa,YAAY,UAAU,KAAO,OACnD,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAmBF,EAAM,oBAAoB,EAE7C,CAAE,SAAAG,EAAU,GAAGC,GAAoBN,GAAS,MAAQ,CAAA,EAEpD,CAAE,KAAAO,EAAM,eAAAC,CAAA,EAAmBC,EAA4B,CAC3D,UAAW,eACX,SAAU,WACV,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,cAAAC,EAAe,QAAAC,EAAS,OAAAC,EAAQ,cAAAC,CAAA,EAAkBC,EAAY,CAC1F,SAAArC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEDuB,EAAsB,CAAE,IAAKd,EAAK,aAAc,kBAAmBO,EAAS,EAE5E,MAAMQ,EAAW,IACVtC,EAEDD,GAAYK,EACPmC,EAAuBvC,CAAK,EAC1BI,EACF8B,EAEAK,EAAuBvC,CAAK,EAPlB,GAWfwC,EAAcC,GAA8C,CAC5DA,EAAM,QAAUA,EAAM,eACxBX,EAAQ,EAAK,CAEjB,EAEAY,EAAoB,CAACnB,EAAK,SAAUA,EAAK,SAAuD,EAAG,IAAMO,EAAQ,EAAK,CAAC,EAEvH,MAAMa,EAAkB1B,GAAUM,EAAK,aAAa,QAEpD,OACEqB,EAAC,MAAA,CAAI,IAAKrB,EAAK,aAAc,UAAWsB,EAAG,kBAAmB7B,GAAS,KAAMN,CAAS,EACpF,SAAA,CAAAoC,EAACC,EAAA,CACC,IAAA5B,EACA,MAAAZ,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAc0B,EAAA,EACrB,SAAUH,EACV,SAAA3B,EACA,QAAUiC,GAAU,CACbZ,GAAMC,EAAQ,EAAI,EACvBnB,GAAkB,eAAe8B,CAAK,CACxC,EACA,OAASA,GAAU,CACjB9B,GAAkB,cAAc8B,CAAK,EACrCD,EAAWC,CAAK,EAChBvB,GAAO,SAASuB,CAAK,CACvB,EACA,QAAS9B,GAAkB,aAC3B,QAAS,CACP,MAAOkC,EAAG,CACR,iBAAkB,CAACzC,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGO,GAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE8B,EAACE,GAAA,CACC,KAAK,oBACL,UAAWH,EAAG,yDAA0D,CACtE,aAAchB,EACd,sBAAuBxB,CAAA,CACxB,CAAA,CAAA,EAGL,YAAa,IAAMyB,EAASmB,GAAS,CAACA,CAAI,EAC1C,GAAG9C,CAAA,EAEL,UAAQ,iBACR,qBAAoBiB,EACpB,WAAYF,GAAO,UAAA,CAAA,IAGpBgC,EAAA,CAAO,KAAMP,EACZ,SAAAG,EAACK,GACE,SAAAtB,GACCiB,EAACM,EAAO,IAAP,CACC,IAAK7B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWsB,EAAG,WAAYxB,CAAQ,EAClC,MAAO,CACL,GAAGG,EACH,MAAOD,EAAK,UAAU,SAAS,wBAAwB,KAAA,EAGxD,SAAA8B,GAAW,cAAcpB,CAAO,GAC/Ba,EAACQ,GAAA,CACC,MAAAvC,EACA,QAAAkB,EACA,SAAAlC,EACA,OAAQiC,EACR,MAAOD,EACP,aAAAzB,EACA,QAASgB,EACT,OAAQC,EAAK,YAAA,CAAA,CACf,CAAA,EAIR,CAAA,CACF,CAAA,EACF,CAEJ,EAEagC,GAAWC,EAAW3D,EAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue, stringifyComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\n\ntype UseComboboxOptions<Multi extends boolean> = {\n initialOptions: ComboboxItemOption[]\n searchable?: boolean\n multiple?: Multi\n value?: ComboboxValue<Multi>\n onChange?: ChangeHandler<Multi>\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n defaultOpen?: boolean\n externalHandlers?: ExternalHandlers<Multi>\n externalInputValue?: string\n externalOnInputChange?: (value: string) => void\n filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean>(props: UseComboboxOptions<Multi>) => {\n const {\n multiple,\n defaultOpen,\n value,\n onChange,\n initialOptions,\n searchable,\n filterDisabled,\n displayValue,\n externalHandlers,\n externalInputValue,\n externalOnInputChange\n } = props\n const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n const [search, setSearch] = useState<string>(stringifyComboboxValue(value) ?? '')\n const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n const isUpdatingRef = useRef<boolean>(false)\n\n const options = useMemo<ComboboxItemOption[]>(() => {\n if (filterDisabled) {\n return initialOptions\n }\n\n if (!search.length || !searchable) {\n return initialOptions\n }\n\n return initialOptions.filter((option) =>\n option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n )\n }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setOpen(true)\n\n setSearch(e.target.value)\n externalInputChangeHandler?.(e.target.value)\n externalOnInputChange?.(e.target.value)\n }\n\n const changeHandler = (newValue: ComboboxItemOption) => {\n if (isUpdatingRef.current) return\n\n isUpdatingRef.current = true\n\n if (multiple) {\n const prev = (value as ComboboxItemOption[]) || []\n const exists = prev.some((option) => option.value === newValue.value)\n\n let updatedValue: ComboboxItemOption[]\n\n if (exists) {\n updatedValue = prev.filter((option) => option.value !== newValue.value)\n } else {\n updatedValue = [...prev, newValue]\n }\n\n onChange?.(updatedValue as ComboboxValue<Multi>)\n externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n const searchValue = stringifyComboboxValue(prev, displayValue)\n setSearch(searchValue)\n externalOnInputChange?.(searchValue)\n } else {\n let updated: ComboboxValue<Multi>\n\n if ((value as ComboboxItemOption)?.value === newValue.value) {\n updated = null as ComboboxValue<Multi>\n } else {\n updated = newValue as ComboboxValue<Multi>\n }\n\n onChange?.(updated)\n externalChangeHandler?.(updated)\n\n const label = stringifyComboboxValue(updated)\n setSearch(label ?? '')\n externalOnInputChange?.(label ?? '')\n setOpen(false)\n }\n\n setTimeout(() => {\n isUpdatingRef.current = false\n }, 0)\n }\n\n return {\n open,\n setOpen,\n changeHandler,\n options,\n search,\n onInputChange,\n state: value\n }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","stringifyComboboxValue","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label"],"mappings":"qHAmBO,MAAMA,EAAsCC,GAAqC,CACtF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiBC,EAAuBd,CAAK,GAAK,EAAE,EAC1E,CAACe,EAAMC,CAAO,EAAIH,EAAkBd,GAAe,EAAK,EAExDkB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxChB,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQmB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASd,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAwD3E,MAAO,CACL,KAAAY,EACA,QAAAC,EACA,cAjDqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBnB,EAAU,CACZ,MAAMyB,EAAQvB,GAAkC,CAAA,EAC1CwB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCrB,IAAWwB,CAAoC,EAC/ChB,IAAwBgB,CAAoC,EAE5D,MAAMC,EAAcZ,EAAuBS,EAAMlB,CAAY,EAC7DO,EAAUc,CAAW,EACrBlB,IAAwBkB,CAAW,CACrC,KAAO,CACL,IAAIC,EAEC3B,GAA8B,QAAUsB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZrB,IAAW0B,CAAO,EAClBlB,IAAwBkB,CAAO,EAE/B,MAAMC,EAAQd,EAAuBa,CAAO,EAC5Cf,EAAUgB,GAAS,EAAE,EACrBpB,IAAwBoB,GAAS,EAAE,EACnCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAME,QAAAE,EACA,OAAAR,EACA,cA5DqB,GAA2C,CAChEK,EAAQ,EAAI,EAEZJ,EAAU,EAAE,OAAO,KAAK,EACxBF,IAA6B,EAAE,OAAO,KAAK,EAC3CF,IAAwB,EAAE,OAAO,KAAK,CACxC,EAuDE,MAAOR,CAAA,CAEX"}
1
+ {"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue, stringifyComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\n\ntype UseComboboxOptions<Multi extends boolean = false> = {\n initialOptions: ComboboxItemOption[]\n searchable?: boolean\n multiple?: Multi\n value?: ComboboxValue<Multi>\n onChange?: ChangeHandler<Multi>\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n defaultOpen?: boolean\n externalHandlers?: ExternalHandlers<Multi>\n externalInputValue?: string\n externalOnInputChange?: (value: string) => void\n filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean = false>(props: UseComboboxOptions<Multi>) => {\n const {\n multiple,\n defaultOpen,\n value,\n onChange,\n initialOptions,\n searchable,\n filterDisabled,\n displayValue,\n externalHandlers,\n externalInputValue,\n externalOnInputChange\n } = props\n const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n const [search, setSearch] = useState<string>(stringifyComboboxValue(value) ?? '')\n const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n const isUpdatingRef = useRef<boolean>(false)\n\n const options = useMemo<ComboboxItemOption[]>(() => {\n if (filterDisabled) {\n return initialOptions\n }\n\n if (!search.length || !searchable) {\n return initialOptions\n }\n\n return initialOptions.filter((option) =>\n option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n )\n }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n setOpen(true)\n\n setSearch(e.target.value)\n externalInputChangeHandler?.(e.target.value)\n externalOnInputChange?.(e.target.value)\n }\n\n const changeHandler = (newValue: ComboboxItemOption) => {\n if (isUpdatingRef.current) return\n\n isUpdatingRef.current = true\n\n if (multiple) {\n const prev = (value as ComboboxItemOption[]) || []\n const exists = prev.some((option) => option.value === newValue.value)\n\n let updatedValue: ComboboxItemOption[]\n\n if (exists) {\n updatedValue = prev.filter((option) => option.value !== newValue.value)\n } else {\n updatedValue = [...prev, newValue]\n }\n\n onChange?.(updatedValue as ComboboxValue<Multi>)\n externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n const searchValue = stringifyComboboxValue(prev, displayValue)\n setSearch(searchValue)\n externalOnInputChange?.(searchValue)\n } else {\n let updated: ComboboxValue<Multi>\n\n if ((value as ComboboxItemOption)?.value === newValue.value) {\n updated = null as ComboboxValue<Multi>\n } else {\n updated = newValue as ComboboxValue<Multi>\n }\n\n onChange?.(updated)\n externalChangeHandler?.(updated)\n\n const label = stringifyComboboxValue(updated)\n setSearch(label ?? '')\n externalOnInputChange?.(label ?? '')\n setOpen(false)\n }\n\n setTimeout(() => {\n isUpdatingRef.current = false\n }, 0)\n }\n\n return {\n open,\n setOpen,\n changeHandler,\n options,\n search,\n onInputChange,\n state: value\n }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","stringifyComboboxValue","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label"],"mappings":"qHAmBO,MAAMA,EAA8CC,GAAqC,CAC9F,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiBC,EAAuBd,CAAK,GAAK,EAAE,EAC1E,CAACe,EAAMC,CAAO,EAAIH,EAAkBd,GAAe,EAAK,EAExDkB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxChB,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQmB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASd,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAwD3E,MAAO,CACL,KAAAY,EACA,QAAAC,EACA,cAjDqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBnB,EAAU,CACZ,MAAMyB,EAAQvB,GAAkC,CAAA,EAC1CwB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCrB,IAAWwB,CAAoC,EAC/ChB,IAAwBgB,CAAoC,EAE5D,MAAMC,EAAcZ,EAAuBS,EAAMlB,CAAY,EAC7DO,EAAUc,CAAW,EACrBlB,IAAwBkB,CAAW,CACrC,KAAO,CACL,IAAIC,EAEC3B,GAA8B,QAAUsB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZrB,IAAW0B,CAAO,EAClBlB,IAAwBkB,CAAO,EAE/B,MAAMC,EAAQd,EAAuBa,CAAO,EAC5Cf,EAAUgB,GAAS,EAAE,EACrBpB,IAAwBoB,GAAS,EAAE,EACnCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAME,QAAAE,EACA,OAAAR,EACA,cA5DqB,GAA2C,CAChEK,EAAQ,EAAI,EAEZJ,EAAU,EAAE,OAAO,KAAK,EACxBF,IAA6B,EAAE,OAAO,KAAK,EAC3CF,IAAwB,EAAE,OAAO,KAAK,CACxC,EAuDE,MAAOR,CAAA,CAEX"}
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/model/utils.ts"],"sourcesContent":["import { type ComboboxValue } from '$/shared/ui'\n\ntype Fn<T, R> = (arg: T) => R\n\nexport function call<T>(...functions: Array<Fn<T, void> | undefined>): Fn<T, void> {\n return (arg: T) => functions.forEach((fn) => fn?.(arg))\n}\n\nexport const isSingleOption = (option: ComboboxValue<boolean> | undefined): option is ComboboxValue<false> => {\n return !Array.isArray(option)\n}\n\nexport const stringifyComboboxValue = (\n value: ComboboxValue<boolean> | undefined,\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n) => {\n if (isSingleOption(value) && displayValue) {\n return displayValue(value)\n } else if (isSingleOption(value)) {\n return value?.label ?? ''\n } else if (!isSingleOption(value) && displayValue) {\n return value?.map((option) => displayValue(option)).join(', ') ?? ''\n } else if (!isSingleOption(value)) {\n return value?.map((option) => option.label).join(', ') ?? ''\n }\n\n return ''\n}\n"],"names":["call","functions","arg","fn","isSingleOption","option","stringifyComboboxValue","value","displayValue"],"mappings":"AAIO,SAASA,KAAWC,EAAwD,CACjF,OAAQC,GAAWD,EAAU,QAASE,GAAOA,IAAKD,CAAG,CAAC,CACxD,CAEO,MAAME,EAAkBC,GACtB,CAAC,MAAM,QAAQA,CAAM,EAGjBC,EAAyB,CACpCC,EACAC,IAEIJ,EAAeG,CAAK,GAAKC,EACpBA,EAAaD,CAAK,EAChBH,EAAeG,CAAK,EACtBA,GAAO,OAAS,GACd,CAACH,EAAeG,CAAK,GAAKC,EAC5BD,GAAO,IAAKF,GAAWG,EAAaH,CAAM,CAAC,EAAE,KAAK,IAAI,GAAK,GACxDD,EAAeG,CAAK,EAIzB,GAHEA,GAAO,IAAKF,GAAWA,EAAO,KAAK,EAAE,KAAK,IAAI,GAAK"}
1
+ {"version":3,"file":"utils.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/model/utils.ts"],"sourcesContent":["import { type ComboboxValue } from '$/shared/ui'\n\ntype Fn<T, R> = (arg: T) => R\n\nexport function call<T>(...functions: Array<Fn<T, void> | undefined>): Fn<T, void> {\n return (arg: T) => functions.forEach((fn) => fn?.(arg))\n}\n\nexport const isSingleOption = (option: ComboboxValue<boolean> | undefined): option is ComboboxValue<false> => {\n return !Array.isArray(option)\n}\n\nexport const stringifyComboboxValue = (\n value: ComboboxValue<boolean> | undefined,\n displayValue?: ((value: ComboboxValue<boolean>) => string) | undefined\n) => {\n if (isSingleOption(value) && displayValue) {\n return displayValue(value)\n } else if (isSingleOption(value)) {\n return value?.label ?? ''\n } else if (!isSingleOption(value) && displayValue) {\n return value?.map((option) => displayValue(option as ComboboxValue<boolean>)).join(', ') ?? ''\n } else if (!isSingleOption(value)) {\n return value?.map((option) => option.label).join(', ') ?? ''\n }\n\n return ''\n}\n"],"names":["call","functions","arg","fn","isSingleOption","option","stringifyComboboxValue","value","displayValue"],"mappings":"AAIO,SAASA,KAAWC,EAAwD,CACjF,OAAQC,GAAWD,EAAU,QAASE,GAAOA,IAAKD,CAAG,CAAC,CACxD,CAEO,MAAME,EAAkBC,GACtB,CAAC,MAAM,QAAQA,CAAM,EAGjBC,EAAyB,CACpCC,EACAC,IAEIJ,EAAeG,CAAK,GAAKC,EACpBA,EAAaD,CAAK,EAChBH,EAAeG,CAAK,EACtBA,GAAO,OAAS,GACd,CAACH,EAAeG,CAAK,GAAKC,EAC5BD,GAAO,IAAKF,GAAWG,EAAaH,CAAgC,CAAC,EAAE,KAAK,IAAI,GAAK,GAClFD,EAAeG,CAAK,EAIzB,GAHEA,GAAO,IAAKF,GAAWA,EAAO,KAAK,EAAE,KAAK,IAAI,GAAK"}