@scbt-ecom/ui 0.99.0 → 0.101.0

package/dist/lib/shared/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0,#f3f4f7 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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left: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-\[50px\]{top:50px}.top-\[64px\]{top:64px}.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-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}.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-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[208px\]{height:208px}.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-\[368px\]{height:368px}.h-\[400px\]{height:400px}.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}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[54px\]{min-height:54px}.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-\[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-\[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-\[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%}.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))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;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))}.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-\[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}.justify-self-center{justify-self:center}.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-l{border-left-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-500{--tw-border-opacity: 1;border-bottom-color:rgb(169 182 197 / 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-\[\#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-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-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-2{padding-left:.5rem}.pl-4{padding-left:1rem}.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}.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}.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}.\!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-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-700{--tw-text-opacity: 1;color:rgb(105 128 154 / 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}.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}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}@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}}.\[\&\&\]\: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))}.focus-within\:outline-primary-focus:focus-within{outline-color:#2477ff}.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-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-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-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-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\:my-8{margin-top:2rem;margin-bottom:2rem}.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-2{margin-top:.5rem}.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-\[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-\[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-\[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-\[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\: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-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\: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-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\:pb-0{padding-bottom:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pb-8{padding-bottom:2rem}.desktop\:pl-12{padding-left:3rem}.desktop\:pr-8{padding-right:2rem}.desktop\:pt-0{padding-top:0}.desktop\:pt-20{padding-top:5rem}.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}.\[\&_input\]\:px-4 input{padding-left:1rem;padding-right:1rem}.\[\&_input\]\:pb-\[6px\] input{padding-bottom:6px}.\[\&_input\]\:pt-\[28px\] input{padding-top:28px}.\[\&_label\]\:focus-within\:top-\[9px\]:focus-within label{top:9px}.\[\&_label\]\:focus-within\:translate-y-0:focus-within label{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_label\]\:focus-within\:text-color-tetriary:focus-within label{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:w-\[132px\] svg{width:132px}@media (min-width: 1188px){.desktop\:\[\&_svg\]\:h-\[32px\] svg{height:32px}.desktop\:\[\&_svg\]\:w-\[192px\] svg{width:192px}}
+@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0,#f3f4f7 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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left: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-\[50px\]{top:50px}.top-\[64px\]{top:64px}.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-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}.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-\[172px\]{height:172px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[208px\]{height:208px}.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-\[368px\]{height:368px}.h-\[400px\]{height:400px}.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}.min-h-6{min-height:1.5rem}.min-h-\[240px\]{min-height:240px}.min-h-\[54px\]{min-height:54px}.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-\[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-\[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-\[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%}.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))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;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))}.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-\[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}.justify-self-center{justify-self:center}.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-l{border-left-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-500{--tw-border-opacity: 1;border-bottom-color:rgb(169 182 197 / 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-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-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-2{padding-left:.5rem}.pl-4{padding-left:1rem}.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}.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}.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}.\!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-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-700{--tw-text-opacity: 1;color:rgb(105 128 154 / 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}.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}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}@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}}.\[\&\&\]\: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))}.focus-within\:outline-primary-focus:focus-within{outline-color:#2477ff}.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-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 247 / var(--tw-bg-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-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-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\:my-8{margin-top:2rem;margin-bottom:2rem}.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-2{margin-top:.5rem}.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-\[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-\[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-\[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-\[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\: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-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\: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-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\:pb-0{padding-bottom:0}.desktop\:pb-3{padding-bottom:.75rem}.desktop\:pb-8{padding-bottom:2rem}.desktop\:pl-12{padding-left:3rem}.desktop\:pr-8{padding-right:2rem}.desktop\:pt-0{padding-top:0}.desktop\:pt-20{padding-top:5rem}.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}.\[\&_input\]\:px-4 input{padding-left:1rem;padding-right:1rem}.\[\&_input\]\:pb-\[6px\] input{padding-bottom:6px}.\[\&_input\]\:pt-\[28px\] input{padding-top:28px}.\[\&_label\]\:focus-within\:top-\[9px\]:focus-within label{top:9px}.\[\&_label\]\:focus-within\:translate-y-0:focus-within label{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_label\]\:focus-within\:text-color-tetriary:focus-within label{--tw-text-opacity: 1;color:rgb(90 110 133 / var(--tw-text-opacity, 1))}.\[\&_svg\]\:w-\[132px\] svg{width:132px}@media (min-width: 1188px){.desktop\:\[\&_svg\]\:h-\[32px\] svg{height:32px}.desktop\:\[\&_svg\]\:w-\[192px\] svg{width:192px}}

package/dist/lib/shared/ui/dropdownList/hooks/model/index.js

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

package/dist/lib/shared/ui/dropdownList/hooks/model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/shared/ui/dropdownList/hooks/model/scrollTo.js

@@ -0,0 +1,2 @@
+import{listNavigate as c}from"../../model/utils.js";const g=4,d=(l,r)=>{const{options:t,elements:i,container:e,focusedIndex:n,behavior:a}=r;let o=c(n,l,t.length);for(;t[o].disabled;)o=c(o,l,t.length);const s=i[o],f=e.scrollTop,p=e.scrollTop+e.clientHeight;if(s.offsetTop<f||s.offsetTop>p){const T=s.offsetTop-e.offsetTop-g,h=n===0&&o===t.length-1||n===t.length-1&&o===0?"instant":"smooth";e.scrollTo({top:T,behavior:a||h})}return o};export{d as scrollTo};
+//# sourceMappingURL=scrollTo.js.map

package/dist/lib/shared/ui/dropdownList/hooks/model/scrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollTo.js","sources":["../../../../../../../lib/shared/ui/dropdownList/hooks/model/scrollTo.ts"],"sourcesContent":["import { listNavigate } from '../../model'\nimport type { DropdownItemOption } from '../../ui/dropdownItem'\n\nconst ELEMENT_OFFSET = 4\n\ntype ScrollToProps = {\n  focusedIndex: number\n  options: DropdownItemOption[]\n  elements: HTMLElement[]\n  container: HTMLElement\n  behavior?: 'smooth' | 'instant'\n}\n\nexport const scrollTo = (direction: 1 | -1, params: ScrollToProps) => {\n  const { options, elements, container, focusedIndex, behavior: defaultBehavior } = params\n\n  let currentIndex = listNavigate(focusedIndex, direction, options.length)\n\n  while (options[currentIndex].disabled) {\n    currentIndex = listNavigate(currentIndex, direction, options.length)\n  }\n\n  const scrollElement = elements[currentIndex]\n\n  const containerTop = container.scrollTop\n  const containerBottom = container.scrollTop + container.clientHeight\n\n  if (scrollElement.offsetTop < containerTop || scrollElement.offsetTop > containerBottom) {\n    const scrollTop = scrollElement.offsetTop - container.offsetTop - ELEMENT_OFFSET\n\n    const behavior =\n      (focusedIndex === 0 && currentIndex === options.length - 1) || (focusedIndex === options.length - 1 && currentIndex === 0)\n        ? 'instant'\n        : 'smooth'\n\n    container.scrollTo({\n      top: scrollTop,\n      behavior: defaultBehavior || behavior\n    })\n  }\n\n  return currentIndex\n}\n"],"names":["ELEMENT_OFFSET","scrollTo","direction","params","options","elements","container","focusedIndex","defaultBehavior","currentIndex","listNavigate","scrollElement","containerTop","containerBottom","scrollTop","behavior"],"mappings":"oDAGA,MAAMA,EAAiB,EAUVC,EAAW,CAACC,EAAmBC,IAA0B,CACpE,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,aAAAC,EAAc,SAAUC,GAAoBL,EAElF,IAAIM,EAAeC,EAAaH,EAAcL,EAAWE,EAAQ,MAAM,EAEvE,KAAOA,EAAQK,CAAY,EAAE,UAC3BA,EAAeC,EAAaD,EAAcP,EAAWE,EAAQ,MAAM,EAGrE,MAAMO,EAAgBN,EAASI,CAAY,EAErCG,EAAeN,EAAU,UACzBO,EAAkBP,EAAU,UAAYA,EAAU,aAExD,GAAIK,EAAc,UAAYC,GAAgBD,EAAc,UAAYE,EAAiB,CACvF,MAAMC,EAAYH,EAAc,UAAYL,EAAU,UAAYN,EAE5De,EACHR,IAAiB,GAAKE,IAAiBL,EAAQ,OAAS,GAAOG,IAAiBH,EAAQ,OAAS,GAAKK,IAAiB,EACpH,UACA,SAENH,EAAU,SAAS,CACjB,IAAKQ,EACL,SAAUN,GAAmBO,CAAA,CAC9B,CACH,CAEA,OAAON,CACT"}

package/dist/lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.js

@@ -1,2 +1,2 @@
-import{useState as I,useRef as T,useMemo as R,useEffect as p}from"react";import{isOptionActive as A,listNavigate as h}from"../model/utils.js";const m=4,F=({options:t,multiple:b,onPick:a,value:g})=>{const[n,f]=I(0),l=T(null),u=T([]),w=R(()=>({setReference:r=>{r&&u.current.push(r)},setRoot:()=>l}),[]);return p(()=>{if(!l.current)return;const r=l.current;let o=-1;for(let e=0;e<t.length;e+=1)if(A(t[e],g)){f(e),o=e;break}const s=u.current[o];if(s){const e=s.offsetTop-r.offsetTop-m;r.scrollTo({top:e,behavior:"instant"})}},[t]),p(()=>{if(!l.current)return;const r=new AbortController,o=l.current;return window.addEventListener("keydown",s=>{let e=-1;switch(s.key){case"ArrowUp":s.preventDefault(),e=-1;break;case"ArrowDown":s.preventDefault(),e=1;break;case"Enter":if(s.preventDefault(),n<0)return;const d=t[n];a==null||a(d),b||f(0);return;default:return}let c=h(n,e,t.length);for(;t[c].disabled;)c=h(c,e,t.length);const i=u.current[c],E=o.scrollTop,v=o.scrollTop+o.clientHeight;if(i.offsetTop<E||i.offsetTop>v){const d=i.offsetTop-o.offsetTop-m,x=n===0&&c===t.length-1||n===t.length-1&&c===0?"instant":"smooth";o.scrollTo({top:d,behavior:x})}f(c)},{signal:r.signal}),()=>{r.abort()}},[n,t]),{refs:w,focusedIndex:n,setFocusedIndex:f}};export{F as useKeyboardNavigation};
+import{useState as x,useRef as i,useMemo as I,useEffect as d}from"react";import{isOptionActive as v}from"../model/utils.js";import{scrollTo as m}from"./model/scrollTo.js";const h=({options:r,multiple:b,onPick:a,value:p})=>{const[o,s]=x(0),c=i(null),l=i([]),w=I(()=>({setReference:t=>{t&&l.current.push(t)},setRoot:()=>c}),[]);return d(()=>{if(!c.current)return;const t=c.current;let f=-1;for(let e=0;e<r.length;e+=1)if(v(r[e],p)){s(e),f=e;break}const n=l.current[f];if(n){const e=n.offsetTop-t.offsetTop-4;t.scrollTo({top:e,behavior:"instant"})}},[r]),d(()=>{if(!c.current)return;const t=new AbortController,f=c.current;return window.addEventListener("keydown",n=>{switch(n.key){case"ArrowUp":{n.preventDefault();const u=m(-1,{options:r,focusedIndex:o,container:f,elements:l.current});s(u);break}case"ArrowDown":{n.preventDefault();const u=m(1,{options:r,focusedIndex:o,container:f,elements:l.current});s(u);break}case"Enter":if(n.preventDefault(),o<0)return;const e=r[o];a==null||a(e),b||s(0);break}},{signal:t.signal}),()=>{t.abort()}},[o,r]),{refs:w,focusedIndex:o,setFocusedIndex:s}};export{h as useKeyboardNavigation};
 //# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { isOptionActive, listNavigate } from '../model'\nimport { type DropdownItemOption } from '../ui/dropdownItem'\n\nexport type UseKeyboardNavigationProps<Multi extends boolean> = {\n  options: DropdownItemOption[]\n  multiple?: Multi\n  onPick?: (option: DropdownItemOption) => void\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n}\n\nconst ELEMENT_OFFSET = 4\n\nexport const useKeyboardNavigation = <Container extends HTMLElement, Element extends HTMLElement, Multi extends boolean = false>({\n  options,\n  multiple,\n  onPick,\n  value\n}: UseKeyboardNavigationProps<Multi>) => {\n  const [focusedIndex, setFocusedIndex] = useState<number>(0)\n\n  const containerRef = useRef<Container>(null)\n  const itemRefs = useRef<Element[]>([])\n\n  const refs = useMemo(\n    () => ({\n      setReference: (node: Element | null) => {\n        if (node) itemRefs.current.push(node)\n      },\n      setRoot: () => containerRef\n    }),\n    []\n  )\n\n  // find and scroll to active element if exists\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const container = containerRef.current\n    let activeIndex = -1\n\n    for (let i = 0; i < options.length; i += 1) {\n      if (isOptionActive(options[i], value)) {\n        setFocusedIndex(i)\n        activeIndex = i\n        break\n      }\n    }\n\n    const scrollElement = itemRefs.current[activeIndex]\n\n    if (scrollElement) {\n      const scrollTop = scrollElement.offsetTop - container.offsetTop - ELEMENT_OFFSET\n\n      container.scrollTo({\n        top: scrollTop,\n        behavior: 'instant'\n      })\n    }\n  }, [options])\n\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const abortController = new AbortController()\n    const container = containerRef.current\n\n    window.addEventListener(\n      'keydown',\n      (event) => {\n        let direction: 1 | -1 = -1\n\n        switch (event.key) {\n          case 'ArrowUp':\n            event.preventDefault()\n\n            direction = -1\n            break\n          case 'ArrowDown':\n            event.preventDefault()\n\n            direction = 1\n            break\n          case 'Enter':\n            event.preventDefault()\n\n            if (focusedIndex < 0) return\n\n            const selectedItem = options[focusedIndex]\n            onPick?.(selectedItem)\n            if (!multiple) setFocusedIndex(0)\n\n            return\n          default:\n            return\n        }\n\n        let currentIndex = listNavigate(focusedIndex, direction, options.length)\n\n        while (options[currentIndex].disabled) {\n          currentIndex = listNavigate(currentIndex, direction, options.length)\n        }\n\n        const scrollElement = itemRefs.current[currentIndex]\n\n        const containerTop = container.scrollTop\n        const containerBottom = container.scrollTop + container.clientHeight\n\n        if (scrollElement.offsetTop < containerTop || scrollElement.offsetTop > containerBottom) {\n          const scrollTop = scrollElement.offsetTop - container.offsetTop - ELEMENT_OFFSET\n\n          const behavior =\n            (focusedIndex === 0 && currentIndex === options.length - 1) ||\n            (focusedIndex === options.length - 1 && currentIndex === 0)\n              ? 'instant'\n              : 'smooth'\n\n          container.scrollTo({\n            top: scrollTop,\n            behavior\n          })\n        }\n\n        setFocusedIndex(currentIndex)\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [focusedIndex, options])\n\n  return { refs, focusedIndex, setFocusedIndex }\n}\n"],"names":["ELEMENT_OFFSET","useKeyboardNavigation","options","multiple","onPick","value","focusedIndex","setFocusedIndex","useState","containerRef","useRef","itemRefs","refs","useMemo","node","useEffect","container","activeIndex","i","isOptionActive","scrollElement","scrollTop","abortController","event","direction","selectedItem","currentIndex","listNavigate","containerTop","containerBottom","behavior"],"mappings":"8IAWA,MAAMA,EAAiB,EAEVC,EAAwB,CAA4F,CAC/H,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CACF,IAAyC,CACvC,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAiB,CAAC,EAEpDC,EAAeC,EAAkB,IAAI,EACrCC,EAAWD,EAAkB,EAAE,EAE/BE,EAAOC,EACX,KAAO,CACL,aAAeC,GAAyB,CAClCA,GAAMH,EAAS,QAAQ,KAAKG,CAAI,CACtC,EACA,QAAS,IAAML,CAAA,GAEjB,CAAA,CAAC,EAIH,OAAAM,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMO,EAAYP,EAAa,QAC/B,IAAIQ,EAAc,GAElB,QAASC,EAAI,EAAGA,EAAIhB,EAAQ,OAAQgB,GAAK,EACvC,GAAIC,EAAejB,EAAQgB,CAAC,EAAGb,CAAK,EAAG,CACrCE,EAAgBW,CAAC,EACjBD,EAAcC,EACd,KACF,CAGF,MAAME,EAAgBT,EAAS,QAAQM,CAAW,EAElD,GAAIG,EAAe,CACjB,MAAMC,EAAYD,EAAc,UAAYJ,EAAU,UAAYhB,EAElEgB,EAAU,SAAS,CACjB,IAAKK,EACL,SAAU,SAAA,CACX,CACH,CACF,EAAG,CAACnB,CAAO,CAAC,EAEZa,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMa,EAAkB,IAAI,gBACtBN,EAAYP,EAAa,QAE/B,cAAO,iBACL,UACCc,GAAU,CACT,IAAIC,EAAoB,GAExB,OAAQD,EAAM,IAAA,CACZ,IAAK,UACHA,EAAM,eAAA,EAENC,EAAY,GACZ,MACF,IAAK,YACHD,EAAM,eAAA,EAENC,EAAY,EACZ,MACF,IAAK,QAGH,GAFAD,EAAM,eAAA,EAEFjB,EAAe,EAAG,OAEtB,MAAMmB,EAAevB,EAAQI,CAAY,EACzCF,GAAA,MAAAA,EAASqB,GACJtB,GAAUI,EAAgB,CAAC,EAEhC,OACF,QACE,MAAA,CAGJ,IAAImB,EAAeC,EAAarB,EAAckB,EAAWtB,EAAQ,MAAM,EAEvE,KAAOA,EAAQwB,CAAY,EAAE,UAC3BA,EAAeC,EAAaD,EAAcF,EAAWtB,EAAQ,MAAM,EAGrE,MAAMkB,EAAgBT,EAAS,QAAQe,CAAY,EAE7CE,EAAeZ,EAAU,UACzBa,EAAkBb,EAAU,UAAYA,EAAU,aAExD,GAAII,EAAc,UAAYQ,GAAgBR,EAAc,UAAYS,EAAiB,CACvF,MAAMR,EAAYD,EAAc,UAAYJ,EAAU,UAAYhB,EAE5D8B,EACHxB,IAAiB,GAAKoB,IAAiBxB,EAAQ,OAAS,GACxDI,IAAiBJ,EAAQ,OAAS,GAAKwB,IAAiB,EACrD,UACA,SAENV,EAAU,SAAS,CACjB,IAAKK,EACL,SAAAS,CAAA,CACD,CACH,CAEAvB,EAAgBmB,CAAY,CAC9B,EACA,CAAE,OAAQJ,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAChB,EAAcJ,CAAO,CAAC,EAEnB,CAAE,KAAAU,EAAM,aAAAN,EAAc,gBAAAC,CAAA,CAC/B"}
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { isOptionActive } from '../model'\nimport { type DropdownItemOption } from '../ui/dropdownItem'\nimport { scrollTo } from './model'\n\nexport type UseKeyboardNavigationProps<Multi extends boolean> = {\n  options: DropdownItemOption[]\n  multiple?: Multi\n  onPick?: (option: DropdownItemOption) => void\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n}\n\nexport const useKeyboardNavigation = <Container extends HTMLElement, Element extends HTMLElement, Multi extends boolean = false>({\n  options,\n  multiple,\n  onPick,\n  value\n}: UseKeyboardNavigationProps<Multi>) => {\n  const [focusedIndex, setFocusedIndex] = useState<number>(0)\n\n  const containerRef = useRef<Container>(null)\n  const itemRefs = useRef<Element[]>([])\n\n  const refs = useMemo(\n    () => ({\n      setReference: (node: Element | null) => {\n        if (node) itemRefs.current.push(node)\n      },\n      setRoot: () => containerRef\n    }),\n    []\n  )\n\n  // find and scroll to active element if exists\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const container = containerRef.current\n    let activeIndex = -1\n\n    for (let i = 0; i < options.length; i += 1) {\n      if (isOptionActive(options[i], value)) {\n        setFocusedIndex(i)\n        activeIndex = i\n        break\n      }\n    }\n\n    const scrollElement = itemRefs.current[activeIndex]\n\n    if (scrollElement) {\n      const scrollTop = scrollElement.offsetTop - container.offsetTop - 4\n\n      container.scrollTo({\n        top: scrollTop,\n        behavior: 'instant'\n      })\n    }\n  }, [options])\n\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const abortController = new AbortController()\n    const container = containerRef.current\n\n    window.addEventListener(\n      'keydown',\n      (event) => {\n        switch (event.key) {\n          case 'ArrowUp': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(-1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'ArrowDown': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'Enter':\n            event.preventDefault()\n\n            if (focusedIndex < 0) return\n\n            const selectedItem = options[focusedIndex]\n            onPick?.(selectedItem)\n            if (!multiple) setFocusedIndex(0)\n\n            break\n        }\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [focusedIndex, options])\n\n  return { refs, focusedIndex, setFocusedIndex }\n}\n"],"names":["useKeyboardNavigation","options","multiple","onPick","value","focusedIndex","setFocusedIndex","useState","containerRef","useRef","itemRefs","refs","useMemo","node","useEffect","container","activeIndex","i","isOptionActive","scrollElement","scrollTop","abortController","event","nextIndex","scrollTo","selectedItem"],"mappings":"2KAYO,MAAMA,EAAwB,CAA4F,CAC/H,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CACF,IAAyC,CACvC,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAiB,CAAC,EAEpDC,EAAeC,EAAkB,IAAI,EACrCC,EAAWD,EAAkB,EAAE,EAE/BE,EAAOC,EACX,KAAO,CACL,aAAeC,GAAyB,CAClCA,GAAMH,EAAS,QAAQ,KAAKG,CAAI,CACtC,EACA,QAAS,IAAML,CAAA,GAEjB,CAAA,CAAC,EAIH,OAAAM,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMO,EAAYP,EAAa,QAC/B,IAAIQ,EAAc,GAElB,QAASC,EAAI,EAAGA,EAAIhB,EAAQ,OAAQgB,GAAK,EACvC,GAAIC,EAAejB,EAAQgB,CAAC,EAAGb,CAAK,EAAG,CACrCE,EAAgBW,CAAC,EACjBD,EAAcC,EACd,KACF,CAGF,MAAME,EAAgBT,EAAS,QAAQM,CAAW,EAElD,GAAIG,EAAe,CACjB,MAAMC,EAAYD,EAAc,UAAYJ,EAAU,UAAY,EAElEA,EAAU,SAAS,CACjB,IAAKK,EACL,SAAU,SAAA,CACX,CACH,CACF,EAAG,CAACnB,CAAO,CAAC,EAEZa,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMa,EAAkB,IAAI,gBACtBN,EAAYP,EAAa,QAE/B,cAAO,iBACL,UACCc,GAAU,CACT,OAAQA,EAAM,IAAA,CACZ,IAAK,UAAW,CACdA,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,GAAI,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC/FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,YAAa,CAChBD,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,EAAG,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC9FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,QAGH,GAFAD,EAAM,eAAA,EAEFjB,EAAe,EAAG,OAEtB,MAAMoB,EAAexB,EAAQI,CAAY,EACzCF,GAAA,MAAAA,EAASsB,GACJvB,GAAUI,EAAgB,CAAC,EAEhC,KAAA,CAEN,EACA,CAAE,OAAQe,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAChB,EAAcJ,CAAO,CAAC,EAEnB,CAAE,KAAAU,EAAM,aAAAN,EAAc,gBAAAC,CAAA,CAC/B"}

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js

@@ -1,2 +1,2 @@
-import{jsxs as K,jsx as r}from"react/jsx-runtime";import{forwardRef as Q,useRef as v}from"react";import{useFloating as T}from"../../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";import{useCombobox as V}from"./hooks/useCombobox.js";import{useClickOutside as W}from"../../../../hooks/useClickOutside.js";import{cn as p}from"../../../../utils/cn.js";import{mergeRefs as X}from"../../../../utils/mergeRefs.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as Y}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../dayPicker/DayPicker.js";import{InputBase as Z}from"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{DropdownList as _}from"../../../dropdownList/DropdownList.js";import{AnimatePresence as $}from"../../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as a}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";import{autoUpdate as x}from"../../../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{flip as l,offset as H}from"../../../../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";const oo=({options:A,multiple:n,value:m,onChange:B,defaultOpen:F,attachmentProps:N,searchable:i,invalid:O,displayValue:g,label:P,disabled:f,readOnly:C,className:j,externalHandlers:o,inputValue:h,filterDisabled:s,onInputChange:z,classes:t},D)=>{var b;const{floating:L,...d}=(t==null?void 0:t.list)??{},u=v(null),w=v(null),{refs:I,floatingStyles:E}=T({placement:"bottom-start",strategy:"absolute",middleware:[l({boundary:"clippingAncestors",crossAxis:!1}),H(4)],whileElementsMounted:x}),{open:R,setOpen:c,state:M,changeHandler:S,options:U,search:q,onInputChange:G,comboboxDisplayValue:y}=V({multiple:n,value:m,onChange:B,searchable:i,defaultOpen:F,displayValue:g,initialOptions:A,filterDisabled:s,externalHandlers:o,externalInputValue:h,externalOnInputChange:z}),J=()=>m?n&&i?y(m):i?q:y(m):"";return W(u,()=>c(!1)),K("div",{ref:u,className:p("relative w-full",t==null?void 0:t.root,j),children:[r(Z,{ref:X(D,w,I.setReference),label:P,invalid:O,readOnly:C||!i,value:h||J(),onChange:G,disabled:f,onClick:e=>{var k;c(!0),(k=o==null?void 0:o.clickHandler)==null||k.call(o,e)},onBlur:o==null?void 0:o.blurHandler,onFocus:o==null?void 0:o.focusHandler,classes:{input:p({"cursor-pointer":!i,"cursor-default":f,"pointer-events-none":f||C}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:r(Y,{name:"arrows/arrowRight",className:p("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":R})}),onClickIcon:()=>c(e=>!e),...N}}),r($,{children:R&&r(a.div,{ref:I.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:p("z-[1000]",L),style:{...E,width:(b=u.current)==null?void 0:b.getBoundingClientRect().width},children:r(_,{options:U,multiple:n,onPick:S,value:M,displayValue:g,classes:d,target:w})})})]})},Qo=Q(oo);export{Qo as Combobox};
+import{jsxs as G,jsx as p}from"react/jsx-runtime";import{forwardRef as J,useRef as K,useEffect as Q}from"react";import{useFloating as T}from"../../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.js";import{useCombobox as V}from"./hooks/useCombobox.js";import{useClickOutside as W}from"../../../../hooks/useClickOutside.js";import{cn as u}from"../../../../utils/cn.js";import{mergeRefs as X}from"../../../../utils/mergeRefs.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as Y}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../dayPicker/DayPicker.js";import{InputBase as Z}from"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../uploader/UploaderBase.js";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{DropdownList as _}from"../../../dropdownList/DropdownList.js";import{AnimatePresence as $}from"../../../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as l}from"../../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";import{autoUpdate as x}from"../../../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";import{flip as H,offset as oo}from"../../../../../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";const to=({options:I,multiple:c,value:e,onChange:d,defaultOpen:k,attachmentProps:v,searchable:r,invalid:A,displayValue:h,label:a,disabled:g,readOnly:R,className:B,externalHandlers:o,inputValue:b,filterDisabled:E,onInputChange:F,classes:t},L)=>{var y;const{floating:N,...O}=(t==null?void 0:t.list)??{},C=K(null),{refs:i,floatingStyles:P}=T({placement:"bottom-start",strategy:"absolute",middleware:[H({boundary:"clippingAncestors",crossAxis:!1}),oo(4)],whileElementsMounted:x}),{open:w,setOpen:f,state:j,changeHandler:z,options:D,search:M,onInputChange:S,comboboxDisplayValue:s}=V({multiple:c,value:e,onChange:d,searchable:r,defaultOpen:k,displayValue:h,initialOptions:I,filterDisabled:E,externalHandlers:o,externalInputValue:b,externalOnInputChange:F});Q(()=>{if(!i.domReference.current)return;const m=i.domReference.current,n=new AbortController;return m.addEventListener("keydown",q=>{switch(q.key){case" ":w||f(!0)}},{signal:n.signal}),()=>{n.abort()}},[]);const U=()=>e?c&&r?s(e):r?M:s(e):"";return W(C,()=>f(!1)),G("div",{ref:C,className:u("relative w-full",t==null?void 0:t.root,B),children:[p(Z,{ref:X(L,i.setReference),label:a,invalid:A,readOnly:R||!r,value:b||U(),onChange:S,disabled:g,onClick:m=>{var n;f(!0),(n=o==null?void 0:o.clickHandler)==null||n.call(o,m)},onBlur:o==null?void 0:o.blurHandler,onFocus:o==null?void 0:o.focusHandler,classes:{input:u({"cursor-pointer":!r,"cursor-default":g,"pointer-events-none":g||R}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:p(Y,{name:"arrows/arrowRight",className:u("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":w})}),onClickIcon:()=>f(m=>!m),...v}}),p($,{children:w&&p(l.div,{ref:i.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:u("z-[1000]",N),style:{...P,width:(y=C.current)==null?void 0:y.getBoundingClientRect().width},children:p(_,{options:D,multiple:c,onPick:z,value:j,displayValue:h,classes:O,target:i.domReference})})})]})},Qo=J(to);export{Qo as Combobox};
 //# sourceMappingURL=combobox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, useRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useCombobox } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { type DeepPartial } from '$/shared/types'\nimport { Icon } from '$/shared/ui'\nimport { DropdownList, type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { InputBase, type InputBaseProps } from '$/shared/ui/formElements/uncontrolled/input'\nimport { cn, mergeRefs } 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}\n\nexport interface ComboboxProps<Multi extends boolean> extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange'> {\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?: (option: ComboboxItemOption) => string\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\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    classes\n  }: ComboboxProps<Multi>,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const { refs, floatingStyles } = useFloating<HTMLInputElement>({\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, comboboxDisplayValue } = 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  const getLabel = () => {\n    if (!value) return ''\n\n    if (multiple && searchable) {\n      return comboboxDisplayValue(value)\n    } else if (searchable) {\n      return search\n    } else {\n      return comboboxDisplayValue(value)\n    }\n  }\n\n  useClickOutside(containerRef, () => setOpen(false))\n\n  return (\n    <div ref={containerRef} className={cn('relative w-full', classes?.root, className)}>\n      <InputBase\n        ref={mergeRefs(ref, inputRef, refs.setReference)}\n        label={label}\n        invalid={invalid}\n        readOnly={readOnly || !searchable}\n        value={inputValue || getLabel()}\n        onChange={onInputChange}\n        disabled={disabled}\n        onClick={(event) => {\n          setOpen(true)\n          externalHandlers?.clickHandler?.(event)\n        }}\n        onBlur={externalHandlers?.blurHandler}\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              })}\n            />\n          ),\n          onClickIcon: () => setOpen((prev) => !prev),\n          ...attachmentProps\n        }}\n      />\n\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={{ ...floatingStyles, width: containerRef.current?.getBoundingClientRect().width }}\n          >\n            <DropdownList\n              options={options}\n              multiple={multiple}\n              onPick={changeHandler}\n              value={state}\n              displayValue={displayValue}\n              classes={dropdownClasses}\n              target={inputRef}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\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","classes","ref","floating","dropdownClasses","containerRef","useRef","inputRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","getLabel","useClickOutside","jsxs","cn","jsx","InputBase","mergeRefs","event","_a","Icon","prev","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"++DA+FA,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,QAAAC,CACF,EACAC,IACG,OACH,KAAM,CAAE,SAAAC,EAAU,GAAGC,IAAoBH,GAAA,YAAAA,EAAS,OAAQ,CAAA,EAEpDI,EAAeC,EAAuB,IAAI,EAC1CC,EAAWD,EAAyB,IAAI,EAExC,CAAE,KAAAE,EAAM,eAAAC,CAAA,EAAmBC,EAA8B,CAC7D,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,EAAe,qBAAAC,CAAA,EAAyBC,EAAY,CAChH,SAAArC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEKuB,EAAW,IACVrC,EAEDD,GAAYK,EACP+B,EAAqBnC,CAAK,EACxBI,EACF6B,EAEAE,EAAqBnC,CAAK,EAPhB,GAWrB,OAAAsC,EAAgBnB,EAAc,IAAMU,EAAQ,EAAK,CAAC,EAGhDU,EAAC,MAAA,CAAI,IAAKpB,EAAc,UAAWqB,EAAG,kBAAmBzB,GAAA,YAAAA,EAAS,KAAML,CAAS,EAC/E,SAAA,CAAA+B,EAACC,EAAA,CACC,IAAKC,EAAU3B,EAAKK,EAAUC,EAAK,YAAY,EAC/C,MAAAf,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAcyB,EAAA,EACrB,SAAUH,EACV,SAAA1B,EACA,QAAUoC,GAAU,OAClBf,EAAQ,EAAI,GACZgB,EAAAlC,GAAA,YAAAA,EAAkB,eAAlB,MAAAkC,EAAA,KAAAlC,EAAiCiC,EACnC,EACA,OAAQjC,GAAA,YAAAA,EAAkB,YAC1B,QAASA,GAAA,YAAAA,EAAkB,aAC3B,QAAS,CACP,MAAO6B,EAAG,CACR,iBAAkB,CAACpC,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGM,GAAA,YAAAA,EAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE0B,EAACK,EAAA,CACC,KAAK,oBACL,UAAWN,EAAG,yDAA0D,CACtE,aAAcZ,CAAA,CACf,CAAA,CAAA,EAGL,YAAa,IAAMC,EAASkB,GAAS,CAACA,CAAI,EAC1C,GAAG5C,CAAA,CACL,CAAA,EAGFsC,EAACO,GACE,SAAApB,GACCa,EAACQ,EAAO,IAAP,CACC,IAAK3B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWkB,EAAG,WAAYvB,CAAQ,EAClC,MAAO,CAAE,GAAGM,EAAgB,OAAOsB,EAAA1B,EAAa,UAAb,YAAA0B,EAAsB,wBAAwB,KAAA,EAEjF,SAAAJ,EAACS,EAAA,CACC,QAAAlB,EACA,SAAAjC,EACA,OAAQgC,EACR,MAAOD,EACP,aAAAxB,EACA,QAASY,EACT,OAAQG,CAAA,CAAA,CACV,CAAA,CACF,CAEJ,CAAA,EACF,CAEJ,EAEa8B,GAAWC,EAAWvD,EAAc"}
+{"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef, useEffect, useRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useCombobox } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { type DeepPartial } from '$/shared/types'\nimport { Icon } from '$/shared/ui'\nimport { DropdownList, type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { InputBase, type InputBaseProps } from '$/shared/ui/formElements/uncontrolled/input'\nimport { cn, mergeRefs } 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}\n\nexport interface ComboboxProps<Multi extends boolean> extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange'> {\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?: (option: ComboboxItemOption) => string\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\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    classes\n  }: ComboboxProps<Multi>,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const { refs, floatingStyles } = useFloating<HTMLInputElement>({\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, comboboxDisplayValue } = 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  useEffect(() => {\n    if (!refs.domReference.current) return\n\n    const input = refs.domReference.current\n\n    const abortController = new AbortController()\n\n    input.addEventListener(\n      'keydown',\n      (event) => {\n        switch (event.key) {\n          case ' ':\n            if (!open) setOpen(true)\n        }\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [])\n\n  const getLabel = () => {\n    if (!value) return ''\n\n    if (multiple && searchable) {\n      return comboboxDisplayValue(value)\n    } else if (searchable) {\n      return search\n    } else {\n      return comboboxDisplayValue(value)\n    }\n  }\n\n  useClickOutside(containerRef, () => setOpen(false))\n\n  return (\n    <div ref={containerRef} className={cn('relative w-full', classes?.root, className)}>\n      <InputBase\n        ref={mergeRefs(ref, refs.setReference)}\n        label={label}\n        invalid={invalid}\n        readOnly={readOnly || !searchable}\n        value={inputValue || getLabel()}\n        onChange={onInputChange}\n        disabled={disabled}\n        onClick={(event) => {\n          setOpen(true)\n          externalHandlers?.clickHandler?.(event)\n        }}\n        onBlur={externalHandlers?.blurHandler}\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              })}\n            />\n          ),\n          onClickIcon: () => setOpen((prev) => !prev),\n          ...attachmentProps\n        }}\n      />\n\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={{ ...floatingStyles, width: containerRef.current?.getBoundingClientRect().width }}\n          >\n            <DropdownList\n              options={options}\n              multiple={multiple}\n              onPick={changeHandler}\n              value={state}\n              displayValue={displayValue}\n              classes={dropdownClasses}\n              target={refs.domReference}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\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","classes","ref","floating","dropdownClasses","containerRef","useRef","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","useEffect","input","abortController","event","getLabel","useClickOutside","jsxs","cn","jsx","InputBase","mergeRefs","_a","Icon","prev","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"+/DA+FA,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,QAAAC,CACF,EACAC,IACG,OACH,KAAM,CAAE,SAAAC,EAAU,GAAGC,IAAoBH,GAAA,YAAAA,EAAS,OAAQ,CAAA,EAEpDI,EAAeC,EAAuB,IAAI,EAE1C,CAAE,KAAAC,EAAM,eAAAC,CAAA,EAAmBC,EAA8B,CAC7D,UAAW,eACX,SAAU,WACV,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,GAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,cAAAC,EAAe,QAAAC,EAAS,OAAAC,EAAQ,cAAAC,EAAe,qBAAAC,CAAA,EAAyBC,EAAY,CAChH,SAAApC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEDsB,EAAU,IAAM,CACd,GAAI,CAACf,EAAK,aAAa,QAAS,OAEhC,MAAMgB,EAAQhB,EAAK,aAAa,QAE1BiB,EAAkB,IAAI,gBAE5B,OAAAD,EAAM,iBACJ,UACCE,GAAU,CACT,OAAQA,EAAM,IAAA,CACZ,IAAK,IACEZ,GAAMC,EAAQ,EAAI,CAAA,CAE7B,EACA,CAAE,OAAQU,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAA,CAAE,EAEL,MAAME,EAAW,IACVxC,EAEDD,GAAYK,EACP8B,EAAqBlC,CAAK,EACxBI,EACF4B,EAEAE,EAAqBlC,CAAK,EAPhB,GAWrB,OAAAyC,EAAgBtB,EAAc,IAAMS,EAAQ,EAAK,CAAC,EAGhDc,EAAC,MAAA,CAAI,IAAKvB,EAAc,UAAWwB,EAAG,kBAAmB5B,GAAA,YAAAA,EAAS,KAAML,CAAS,EAC/E,SAAA,CAAAkC,EAACC,EAAA,CACC,IAAKC,EAAU9B,EAAKK,EAAK,YAAY,EACrC,MAAAd,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAc4B,EAAA,EACrB,SAAUP,EACV,SAAAzB,EACA,QAAU+B,GAAU,OAClBX,EAAQ,EAAI,GACZmB,EAAApC,GAAA,YAAAA,EAAkB,eAAlB,MAAAoC,EAAA,KAAApC,EAAiC4B,EACnC,EACA,OAAQ5B,GAAA,YAAAA,EAAkB,YAC1B,QAASA,GAAA,YAAAA,EAAkB,aAC3B,QAAS,CACP,MAAOgC,EAAG,CACR,iBAAkB,CAACvC,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGM,GAAA,YAAAA,EAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE6B,EAACI,EAAA,CACC,KAAK,oBACL,UAAWL,EAAG,yDAA0D,CACtE,aAAchB,CAAA,CACf,CAAA,CAAA,EAGL,YAAa,IAAMC,EAASqB,GAAS,CAACA,CAAI,EAC1C,GAAG9C,CAAA,CACL,CAAA,EAGFyC,EAACM,GACE,SAAAvB,GACCiB,EAACO,EAAO,IAAP,CACC,IAAK9B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWsB,EAAG,WAAY1B,CAAQ,EAClC,MAAO,CAAE,GAAGK,EAAgB,OAAOyB,EAAA5B,EAAa,UAAb,YAAA4B,EAAsB,wBAAwB,KAAA,EAEjF,SAAAH,EAACQ,EAAA,CACC,QAAArB,EACA,SAAAhC,EACA,OAAQ+B,EACR,MAAOD,EACP,aAAAvB,EACA,QAASY,EACT,OAAQG,EAAK,YAAA,CAAA,CACf,CAAA,CACF,CAEJ,CAAA,EACF,CAEJ,EAEagC,GAAWC,EAAWzD,EAAc"}