npm - @scbt-ecom/ui - Versions diffs - 0.97.2 → 0.98.0 - Mend

@scbt-ecom/ui 0.97.2 → 0.98.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/lib/shared/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";.customScrollbar-y::-webkit-scrollbar{width:4px;height:4px}.customScrollbar-y::-webkit-scrollbar-track{border-radius:8px;background:#d4dbe2;cursor:default}.customScrollbar-y::-webkit-scrollbar-thumb{background:#a9b6c5;border-radius:8px;cursor:default}.scrollHidden::-webkit-scrollbar{width:0;height:0}.hidden-scroll{scrollbar-width:none;-ms-overflow-style:none}.hidden-scroll ::-webkit-scrollbar{display:none}.progressBar-apply{background-image:repeating-linear-gradient(-33deg,#d4dbe2,#d4dbe2 5px,#f3f4f7 0,#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}.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}.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\: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}}
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}}

package/dist/lib/shared/ui/table/Desktop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as t}from"react/jsx-runtime";import{flexRender as f}from"../../../../node_modules/@tanstack/react-table/build/lib/index.js";import{TablePagination as C}from"./TablePagination.js";import{Table as N,TableHeader as y,TableRow as p,TableHead as P,TableBody as T,TableCell as u}from"./ui/primitives/Primitives.js";import"react";import{cn as r}from"../../utils/cn.js";const j=({mode:d,enableHeaders:h,table:n,classes:o,pagination:l,empty:b="Not found"})=>{const x=l!==!1&&n.getPageCount()>1,m={pageCount:n.getPageCount(),rowsCount:n.getCoreRowModel().rows.length,pageSize:n.getState().pagination.pageSize,page:n.getState().pagination.pageIndex+1,onPageIndexChange:n.setPageIndex,classes:o==null?void 0:o.pagination};return a("div",{className:r("flex w-full flex-col gap-y-4",o==null?void 0:o.root),children:[a(N,{className:r("w-full",o==null?void 0:o.table),children:[h&&t(y,{className:"px-2",children:n.getHeaderGroups().map(i=>t(p,{className:r("w-full",{"border-b border-b-[rgba(234,237,241,1)]":d==="solid"},o==null?void 0:o.tableHeader),children:i.headers.map(e=>t(P,{className:r("py-3",{"px-2":d==="odd"},o==null?void 0:o.tableHead),children:e.isPlaceholder?null:f(e.column.columnDef.header,e.getContext())},e.id))},i.id))}),t(T,{children:n.getRowModel().rows.length?n.getRowModel().rows.map((i,e)=>t(p,{className:r("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":d==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":d==="odd"},o==null?void 0:o.tableRow),children:i.getVisibleCells().map((g,w)=>t(u,{className:r("py-3",{"px-2":d==="odd","font-medium":w!==0},o==null?void 0:o.tableCell),children:f(g.column.columnDef.cell,{...g.getContext(),rowIndex:e})},g.id))},i.id)):t(p,{children:t(u,{className:"py-4 text-center",colSpan:n.getAllColumns().length,children:b})})})]}),x?typeof l=="function"?l(m):t(C,{...m}):null]})};export{j as Desktop};
+import{jsxs as a,jsx as n}from"react/jsx-runtime";import{flexRender as f}from"../../../../node_modules/@tanstack/react-table/build/lib/index.js";import{TablePagination as C}from"./TablePagination.js";import{Table as N,TableHeader as y,TableRow as p,TableHead as P,TableBody as T,TableCell as u}from"./ui/primitives/Primitives.js";import"react";import{cn as r}from"../../utils/cn.js";const j=({mode:d,enableHeaders:h,table:e,classes:o,pagination:l,empty:b="Ничего не найдено"})=>{const x=l!==!1&&e.getPageCount()>1,m={pageCount:e.getPageCount(),rowsCount:e.getCoreRowModel().rows.length,pageSize:e.getState().pagination.pageSize,page:e.getState().pagination.pageIndex+1,onPageIndexChange:e.setPageIndex,classes:o==null?void 0:o.pagination};return a("div",{className:r("flex w-full flex-col gap-y-4",o==null?void 0:o.root),children:[a(N,{className:r("w-full",o==null?void 0:o.table),children:[h&&n(y,{className:"px-2",children:e.getHeaderGroups().map(i=>n(p,{className:r("w-full",{"border-b border-b-[rgba(234,237,241,1)]":d==="solid"},o==null?void 0:o.tableHeader),children:i.headers.map(t=>n(P,{className:r("py-3",{"px-2":d==="odd"},o==null?void 0:o.tableHead),children:t.isPlaceholder?null:f(t.column.columnDef.header,t.getContext())},t.id))},i.id))}),n(T,{children:e.getRowModel().rows.length?e.getRowModel().rows.map((i,t)=>n(p,{className:r("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":d==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":d==="odd"},o==null?void 0:o.tableRow),children:i.getVisibleCells().map((g,w)=>n(u,{className:r("py-3",{"px-2":d==="odd","font-medium":w!==0},o==null?void 0:o.tableCell),children:f(g.column.columnDef.cell,{...g.getContext(),rowIndex:t})},g.id))},i.id)):n(p,{children:n(u,{className:"py-4 text-center",colSpan:e.getAllColumns().length,children:b})})})]}),x?typeof l=="function"?l(m):n(C,{...m}):null]})};export{j as Desktop};
 //# sourceMappingURL=Desktop.js.map

package/dist/lib/shared/ui/table/Desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = '~~Not~~ ~~found~~'\n}: DesktopTableProps<TData>) => {\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <Table className={cn('w-full', classes?.table)}>\n {enableHeaders && (\n <TableHeader className='px-2'>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow\n key={headerGroup.id}\n className={cn(\n 'w-full',\n {\n 'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n },\n classes?.tableHeader\n )}\n >\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd'\n },\n classes?.tableHead\n )}\n >\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <TableRow\n key={row.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, cellIndex) => (\n <TableCell\n key={cell.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd',\n 'font-medium': cellIndex !== 0\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, { ...cell.getContext(), rowIndex })}\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n {paginationEnabled ? (\n typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : (\n <TablePagination {...paginationProps} />\n )\n ) : null}\n </div>\n )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","TableCell","TablePagination"],"mappings":"+XAaO,MAAMA,EAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,~~WACV~~,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAA,YAAAA,EAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAChCX,EAACY,EAAA,CAEC,UAAWf,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGA,EAAK,WAAA,EAAc,SAAAD,CAAA,CAAU,CAAA,EAVrEC,EAAK,EAAA,CAYb,CAAA,EAxBIF,EAAI,EAAA,CA0BZ,EAEDR,EAACG,EAAA,CACC,WAACS,EAAA,CAAU,UAAU,mBAAmB,QAASrB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACCC,EACC,OAAOF,GAAe,WACpBA,EAAWG,CAAe,EAE1BI,EAACa,EAAA,CAAiB,GAAGjB,CAAA,CAAiB,EAEtC,IAAA,EACN,CAEJ"}
1	+ {"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' \| 'classes' \| 'mode' \| 'pagination' \| 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <Table className={cn('w-full', classes?.table)}>\n {enableHeaders && (\n <TableHeader className='px-2'>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow\n key={headerGroup.id}\n className={cn(\n 'w-full',\n {\n 'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n },\n classes?.tableHeader\n )}\n >\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd'\n },\n classes?.tableHead\n )}\n >\n {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n )}\n <TableBody>\n {table.getRowModel().rows.length ? (\n table.getRowModel().rows.map((row, rowIndex) => (\n <TableRow\n key={row.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n },\n classes?.tableRow\n )}\n >\n {row.getVisibleCells().map((cell, cellIndex) => (\n <TableCell\n key={cell.id}\n className={cn(\n 'py-3',\n {\n 'px-2': mode === 'odd',\n 'font-medium': cellIndex !== 0\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, { ...cell.getContext(), rowIndex })}\n </TableCell>\n ))}\n </TableRow>\n ))\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n {paginationEnabled ? (\n typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : (\n <TablePagination {...paginationProps} />\n )\n ) : null}\n </div>\n )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","TableCell","TablePagination"],"mappings":"+XAaO,MAAMA,EAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAA,YAAAA,EAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAChCX,EAACY,EAAA,CAEC,UAAWf,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGA,EAAK,WAAA,EAAc,SAAAD,CAAA,CAAU,CAAA,EAVrEC,EAAK,EAAA,CAYb,CAAA,EAxBIF,EAAI,EAAA,CA0BZ,EAEDR,EAACG,EAAA,CACC,WAACS,EAAA,CAAU,UAAU,mBAAmB,QAASrB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACCC,EACC,OAAOF,GAAe,WACpBA,EAAWG,CAAe,EAE1BI,EAACa,EAAA,CAAiB,GAAGjB,CAAA,CAAiB,EAEtC,IAAA,EACN,CAEJ"}

package/dist/lib/shared/ui/table/Horizontal.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsxs as m,jsx as r}from"react/jsx-runtime";import{useRef as v,useState as E,useLayoutEffect as H}from"react";import{flexRender as w}from"../../../../node_modules/@tanstack/react-table/build/lib/index.js";import{TablePagination as M}from"./TablePagination.js";import{Table as z,TableBody as I,TableRow as x,TableHead as j,TableCell as b}from"./ui/primitives/Primitives.js";import{cn as a}from"../../utils/cn.js";const V=({mode:l,enableHeaders:C,table:e,classes:t,pagination:g,empty:y="Ничего не найдено"})=>{const d=v(null),[N,R]=E(!1);H(()=>{if(!d.current)return;const n=d.current,o=new AbortController;return d.current.addEventListener("scroll",()=>{const i=n.scrollLeft;R(i!==0)},{signal:o.signal}),()=>{o.abort()}},[]);const L=g!==!1&&e.getPageCount()>1,u={pageCount:e.getPageCount(),rowsCount:e.getCoreRowModel().rows.length,pageSize:e.getState().pagination.pageSize,page:e.getState().pagination.pageIndex+1,onPageIndexChange:e.setPageIndex,classes:t==null?void 0:t.pagination},c=e.getRowModel().rows,p=e.getAllLeafColumns(),h=new Map;return e.getHeaderGroups().forEach(n=>{n.headers.forEach(o=>{h.set(o.column.id,o)})}),m("div",{className:a("flex w-full flex-col gap-y-4",t==null?void 0:t.root),children:[r("div",{ref:d,className:"relative overflow-x-auto",children:r(z,{className:a("min-w-full",t==null?void 0:t.table),children:r(I,{children:p.length&&c.length?p.map((n,o)=>{const i=h.get(n.id);return m(x,{className:a("w-full",{"[&:not(:last-child)]:border-b":l==="solid"},t==null?void 0:t.tableRow),children:[C&&r(j,{className:a("sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap",{"px-3":l==="odd","bg-color-primary-light-default":l==="odd"&&o%2===0,"[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":l==="solid","drop-shadow-xl":N},t==null?void 0:t.tableHead),children:i&&w(i.column.columnDef.header,i.getContext())}),c.map((P,S)=>{const f=P.getVisibleCells().find(T=>T.column.id===n.id);return f?r(b,{className:a("whitespace-nowrap py-3",{"bg-color-primary-light-default":l==="odd"&&o%2===0,"px-3":l==="odd"},t==null?void 0:t.tableCell),children:w(f.column.columnDef.cell,{...f.getContext(),rowIndex:S})},f.id):null})]},n.id)}):r(x,{children:r(b,{className:"py-4 text-center",colSpan:p.length+1,children:y})})})})}),L?typeof g=="function"?g(u):r(M,{...u}):null]})};export{V as Horizontal};
2	+ //# sourceMappingURL=Horizontal.js.map

package/dist/lib/shared/ui/table/Horizontal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Horizontal.js","sources":["../../../../../lib/shared/ui/table/Horizontal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { flexRender, type Header, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n DataTableProps<TData>,\n 'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'\n> & {\n table: TTable<TData>\n}\n\nexport const Horizontal = <TData extends {}>({\n mode,\n enableHeaders,\n table,\n classes,\n pagination,\n empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [hasLeftOffset, setLeftOffset] = useState<boolean>(false)\n\n useLayoutEffect(() => {\n if (!containerRef.current) return\n const container = containerRef.current\n\n const abortController = new AbortController()\n\n containerRef.current.addEventListener(\n 'scroll',\n () => {\n const offset = container.scrollLeft\n setLeftOffset(offset !== 0)\n },\n { signal: abortController.signal }\n )\n\n return () => {\n abortController.abort()\n }\n }, [])\n\n const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n const paginationProps = {\n pageCount: table.getPageCount(),\n rowsCount: table.getCoreRowModel().rows.length,\n pageSize: table.getState().pagination.pageSize,\n page: table.getState().pagination.pageIndex + 1,\n onPageIndexChange: table.setPageIndex,\n classes: classes?.pagination\n }\n\n const rows = table.getRowModel().rows\n const columns = table.getAllLeafColumns()\n\n // карта column.id -> header\n const headersMap = new Map<string, Header<TData, unknown>>()\n table.getHeaderGroups().forEach((group) => {\n group.headers.forEach((header) => {\n headersMap.set(header.column.id, header)\n })\n })\n\n return (\n <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n <div ref={containerRef} className='relative overflow-x-auto'>\n <Table className={cn('min-w-full', classes?.table)}>\n <TableBody>\n {columns.length && rows.length ? (\n columns.map((column, index) => {\n const header = headersMap.get(column.id)\n\n return (\n <TableRow\n key={column.id}\n className={cn(\n 'w-full',\n {\n '[&:not(:last-child)]:border-b': mode === 'solid'\n },\n classes?.tableRow\n )}\n >\n {enableHeaders && (\n <TableHead\n className={cn(\n 'sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap',\n {\n 'px-3': mode === 'odd',\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n '[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n 'drop-shadow-xl': hasLeftOffset\n },\n classes?.tableHead\n )}\n >\n {header && flexRender(header.column.columnDef.header, header.getContext())}\n </TableHead>\n )}\n\n {rows.map((row, rowIndex) => {\n const cell = row.getVisibleCells().find((c) => c.column.id === column.id)\n if (!cell) return null\n\n return (\n <TableCell\n key={cell.id}\n className={cn(\n 'whitespace-nowrap py-3',\n {\n 'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n 'px-3': mode === 'odd'\n },\n classes?.tableCell\n )}\n >\n {flexRender(cell.column.columnDef.cell, {\n ...cell.getContext(),\n rowIndex\n })}\n </TableCell>\n )\n })}\n </TableRow>\n )\n })\n ) : (\n <TableRow>\n <TableCell className='py-4 text-center' colSpan={columns.length + 1}>\n {empty}\n </TableCell>\n </TableRow>\n )}\n </TableBody>\n </Table>\n </div>\n\n {paginationEnabled ? (\n typeof pagination === 'function' ? (\n pagination(paginationProps)\n ) : (\n <TablePagination {...paginationProps} />\n )\n ) : null}\n </div>\n )\n}\n"],"names":["Horizontal","mode","enableHeaders","table","classes","pagination","empty","containerRef","useRef","hasLeftOffset","setLeftOffset","useState","useLayoutEffect","container","abortController","offset","paginationEnabled","paginationProps","rows","columns","headersMap","group","header","cn","jsx","Table","TableBody","column","index","jsxs","TableRow","TableHead","flexRender","row","rowIndex","cell","c","TableCell","TablePagination"],"mappings":"kaAcO,MAAMA,EAAa,CAAmB,CAC3C,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAeC,EAAuB,IAAI,EAC1C,CAACC,EAAeC,CAAa,EAAIC,EAAkB,EAAK,EAE9DC,EAAgB,IAAM,CACpB,GAAI,CAACL,EAAa,QAAS,OAC3B,MAAMM,EAAYN,EAAa,QAEzBO,EAAkB,IAAI,gBAE5B,OAAAP,EAAa,QAAQ,iBACnB,SACA,IAAM,CACJ,MAAMQ,EAASF,EAAU,WACzBH,EAAcK,IAAW,CAAC,CAC5B,EACA,CAAE,OAAQD,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAA,CAAE,EAEL,MAAME,EAAoBX,IAAe,IAASF,EAAM,eAAiB,EAEnEc,EAAkB,CACtB,UAAWd,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGdc,EAAOf,EAAM,YAAA,EAAc,KAC3BgB,EAAUhB,EAAM,kBAAA,EAGhBiB,MAAiB,IACvB,OAAAjB,EAAM,gBAAA,EAAkB,QAASkB,GAAU,CACzCA,EAAM,QAAQ,QAASC,GAAW,CAChCF,EAAW,IAAIE,EAAO,OAAO,GAAIA,CAAM,CACzC,CAAC,CACH,CAAC,IAGE,MAAA,CAAI,UAAWC,EAAG,+BAAgCnB,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAoB,EAAC,MAAA,CAAI,IAAKjB,EAAc,UAAU,2BAChC,SAAAiB,EAACC,EAAA,CAAM,UAAWF,EAAG,aAAcnB,GAAA,YAAAA,EAAS,KAAK,EAC/C,SAAAoB,EAACE,EAAA,CACE,SAAAP,EAAQ,QAAUD,EAAK,OACtBC,EAAQ,IAAI,CAACQ,EAAQC,IAAU,CAC7B,MAAMN,EAASF,EAAW,IAAIO,EAAO,EAAE,EAEvC,OACEE,EAACC,EAAA,CAEC,UAAWP,EACT,SACA,CACE,gCAAiCtB,IAAS,OAAA,EAE5CG,GAAA,YAAAA,EAAS,QAAA,EAGV,SAAA,CAAAF,GACCsB,EAACO,EAAA,CACC,UAAWR,EACT,4FACA,CACE,OAAQtB,IAAS,MACjB,iCAAkCA,IAAS,OAAS2B,EAAQ,IAAM,EAClE,sDAAuD3B,IAAS,QAChE,iBAAkBQ,CAAA,EAEpBL,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAkB,GAAUU,EAAWV,EAAO,OAAO,UAAU,OAAQA,EAAO,YAAY,CAAA,CAAA,EAI5EJ,EAAK,IAAI,CAACe,EAAKC,IAAa,CAC3B,MAAMC,EAAOF,EAAI,gBAAA,EAAkB,KAAMG,GAAMA,EAAE,OAAO,KAAOT,EAAO,EAAE,EACxE,OAAKQ,EAGHX,EAACa,EAAA,CAEC,UAAWd,EACT,yBACA,CACE,iCAAkCtB,IAAS,OAAS2B,EAAQ,IAAM,EAClE,OAAQ3B,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAA4B,EAAWG,EAAK,OAAO,UAAU,KAAM,CACtC,GAAGA,EAAK,WAAA,EACR,SAAAD,CAAA,CACD,CAAA,EAbIC,EAAK,EAAA,EAJI,IAoBpB,CAAC,CAAA,CAAA,EAhDIR,EAAO,EAAA,CAmDlB,CAAC,EAEDH,EAACM,EAAA,CACC,SAAAN,EAACa,GAAU,UAAU,mBAAmB,QAASlB,EAAQ,OAAS,EAC/D,SAAAb,CAAA,CACH,EACF,CAAA,CAEJ,EACF,EACF,EAECU,EACC,OAAOX,GAAe,WACpBA,EAAWY,CAAe,EAE1BO,EAACc,EAAA,CAAiB,GAAGrB,CAAA,CAAiB,EAEtC,IAAA,EACN,CAEJ"}

package/dist/lib/shared/ui/table/Table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{useState as e}from"react";import{useReactTable as F}from"../../../../node_modules/@tanstack/react-table/build/lib/index.js";import{Desktop as f}from"./Desktop.js";import{Mobile as C}from"./Mobile.js";import{useDevice as S}from"../../hooks/useDevice.js";import{getPaginationRowModel as b,getFacetedUniqueValues as P,getFacetedRowModel as h,getSortedRowModel as x,getFilteredRowModel as D,getCoreRowModel as q}from"../../../../node_modules/@tanstack/table-core/build/lib/index.js";const z=({columns:l,data:g,enableHeaders:o=!0,mode:t="solid",classes:i,pagination:s=!0,empty:n,pageSize:d=10})=>{const[m,u]=e([]),[c,M]=e([]),[R,p]=e({pageIndex:0,pageSize:d}),r=F({data:g,columns:l,state:{columnFilters:m,sorting:c,pagination:R},enableRowSelection:!0,onSortingChange:M,onColumnFiltersChange:u,onPaginationChange:p,getCoreRowModel:q(),getFilteredRowModel:D(),getSortedRowModel:x(),getFacetedRowModel:h(),getFacetedUniqueValues:P(),getPaginationRowModel:b()}),{isMobile:w}=S();return w?a(C,{table:r,enableHeaders:o,empty:n,mode:t,classes:i}):a(f,{table:r,enableHeaders:o,empty:n,mode:t,pagination:s,classes:i})};export{z as DataTable};
+import{jsx as n}from"react/jsx-runtime";import{useState as a}from"react";import{useReactTable as F}from"../../../../node_modules/@tanstack/react-table/build/lib/index.js";import{Desktop as C}from"./Desktop.js";import{Horizontal as S}from"./Horizontal.js";import{Mobile as b}from"./Mobile.js";import{useDevice as P}from"../../hooks/useDevice.js";import{getPaginationRowModel as h,getFacetedUniqueValues as x,getFacetedRowModel as D,getSortedRowModel as q,getFilteredRowModel as T,getCoreRowModel as U}from"../../../../node_modules/@tanstack/table-core/build/lib/index.js";const E=({columns:g,data:d,enableHeaders:o=!0,mode:e="solid",classes:t,pagination:l=!0,empty:i,pageSize:m=10,horizontal:s})=>{const[u,c]=a([]),[M,R]=a([]),[w,p]=a({pageIndex:0,pageSize:m}),r=F({data:d,columns:g,state:{columnFilters:u,sorting:M,pagination:w},enableRowSelection:!0,onSortingChange:R,onColumnFiltersChange:c,onPaginationChange:p,getCoreRowModel:U(),getFilteredRowModel:T(),getSortedRowModel:q(),getFacetedRowModel:D(),getFacetedUniqueValues:x(),getPaginationRowModel:h()}),{isMobile:f}=P();return s?n(S,{table:r,enableHeaders:o,empty:i,mode:e,pagination:l,classes:t}):f?n(b,{table:r,enableHeaders:o,empty:i,mode:e,classes:t}):n(C,{table:r,enableHeaders:o,empty:i,mode:e,pagination:l,classes:t})};export{E as DataTable};
 //# sourceMappingURL=Table.js.map

package/dist/lib/shared/ui/table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type SortingState,\n useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\n\nexport const DataTable = <TData extends {}>({\n columns,\n data,\n enableHeaders = true,\n mode = 'solid',\n classes,\n pagination = true,\n empty,\n pageSize = 10\n}: DataTableProps<TData>) => {\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n const [sorting, setSorting] = useState<SortingState>([])\n const [paginationState, setPagination] = useState<PaginationState>({\n pageIndex: 0,\n pageSize\n })\n\n const table = useReactTable({\n data,\n columns,\n state: { columnFilters, sorting, pagination: paginationState },\n enableRowSelection: true,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onPaginationChange: setPagination,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getPaginationRowModel: getPaginationRowModel()\n })\n\n const { isMobile } = useDevice()\n\n return isMobile ? (\n <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n ) : (\n <Desktop table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} pagination={pagination} classes={classes} />\n )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","pageSize","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","jsx","Mobile","Desktop"],"mappings":"~~8gBAkBO~~,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,SAAAC,EAAW,~~EACb~~,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,~~SAAAH~~,CAAA,CACD,~~EAEKQ~~,EAAQC,EAAc,CAC1B,~~KAAAf~~,EACA,QAAAD,EACA,MAAO,CAAE,~~cAAAQ~~,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,~~OAAOD~~,~~EACLE~~,EAACC,EAAA,~~CAAO~~,MAAAX,EAAc,~~cAAAb~~,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,~~EAEhGqB~~,~~EAACE~~,GAAQ,~~MAAAZ~~,EAAc,~~cAAAb~~,EAA8B,MAAAI,EAAc,KAAAH,EAAY,WAAAE,EAAwB,QAAAD,EAAkB,CAE7H"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n type ColumnFiltersState,\n getCoreRowModel,\n getFacetedRowModel,\n getFacetedUniqueValues,\n getFilteredRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n type PaginationState,\n type SortingState,\n useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Horizontal } from './Horizontal'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\n\nexport const DataTable = <TData extends {}>({\n columns,\n data,\n enableHeaders = true,\n mode = 'solid',\n classes,\n pagination = true,\n empty,\n pageSize = 10,\n horizontal\n}: DataTableProps<TData>) => {\n const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n const [sorting, setSorting] = useState<SortingState>([])\n const [paginationState, setPagination] = useState<PaginationState>({\n pageIndex: 0,\n pageSize\n })\n\n const table = useReactTable({\n data,\n columns,\n state: { columnFilters, sorting, pagination: paginationState },\n enableRowSelection: true,\n onSortingChange: setSorting,\n onColumnFiltersChange: setColumnFilters,\n onPaginationChange: setPagination,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getSortedRowModel: getSortedRowModel(),\n getFacetedRowModel: getFacetedRowModel(),\n getFacetedUniqueValues: getFacetedUniqueValues(),\n getPaginationRowModel: getPaginationRowModel()\n })\n\n const { isMobile } = useDevice()\n\n if (horizontal) {\n return (\n <Horizontal\n table={table}\n enableHeaders={enableHeaders}\n empty={empty}\n mode={mode}\n pagination={pagination}\n classes={classes}\n />\n )\n }\n\n return isMobile ? (\n <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n ) : (\n <Desktop table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} pagination={pagination} classes={classes} />\n )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","pageSize","horizontal","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","jsx","Horizontal","Mobile","Desktop"],"mappings":"2jBAmBO,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,SAAAC,EAAW,GACX,WAAAC,CACF,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,SAAAJ,CAAA,CACD,EAEKS,EAAQC,EAAc,CAC1B,KAAAhB,EACA,QAAAD,EACA,MAAO,CAAE,cAAAS,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OAAIjB,EAEAkB,EAACC,EAAA,CACC,MAAAX,EACA,cAAAd,EACA,MAAAI,EACA,KAAAH,EACA,WAAAE,EACA,QAAAD,CAAA,CAAA,EAKCoB,EACLE,EAACE,EAAA,CAAO,MAAAZ,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,EAEhGsB,EAACG,GAAQ,MAAAb,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,WAAAE,EAAwB,QAAAD,EAAkB,CAE7H"}

package/dist/lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as e}from"react/jsx-runtime";import{useDevice as x}from"../../../../hooks/useDevice.js";import"react";import{cn as t}from"../../../../utils/cn.js";import{Icon as b}from"../../../icon/Icon.js";const D=({children:r,canSort:s,toggleSorting:a,nextSortingOrder:n,isSorted:c,classes:i})=>{const{root:m,content:l,icon:p}=i||{},{isDesktop:u}=x(),o=s&&u;return d("button",{type:"button",className:t("desk-body-regular-l flex items-center justify-center gap-x-2 text-color-secondary",m),onClick:()=>a(!c),disabled:!o,children:[e("span",{className:t("",l),children:r}),o&&e(b,{name:"arrows/arrowRight",className:t("size-4 rotate-90 text-color-current duration-100",{"-rotate-90":!n},p)})]})};export{D as DataTableColumnHeader};
+import{jsxs as d,jsx as e}from"react/jsx-runtime";import{useDevice as x}from"../../../../hooks/useDevice.js";import"react";import{cn as t}from"../../../../utils/cn.js";import{Icon as b}from"../../../icon/Icon.js";const D=({children:r,canSort:s,toggleSorting:a,nextSortingOrder:n,isSorted:c,classes:i})=>{const{root:m,content:l,icon:p}=i||{},{isDesktop:u}=x(),o=s&&u;return d("button",{type:"button",className:t("desk-body-regular-l flex items-center justify-center gap-x-2 text-start",m),onClick:()=>a(!c),disabled:!o,children:[e("span",{className:t("",l),children:r}),o&&e(b,{name:"arrows/arrowRight",className:t("size-4 rotate-90 text-color-current duration-100",{"-rotate-90":!n},p)})]})};export{D as DataTableColumnHeader};
 //# sourceMappingURL=DataTableColumnHeader.js.map

package/dist/lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTableColumnHeader.js","sources":["../../../../../../../lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.tsx"],"sourcesContent":["import { type SortDirection } from '@tanstack/react-table'\nimport { useDevice } from '$/shared/hooks'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\ntype DataTableColumnHeaderClasses = {\n root?: string\n content?: string\n icon?: string\n}\n\ntype DataTableColumnHeaderProps = {\n children: React.ReactNode\n isSorted: boolean \| SortDirection\n toggleSorting: (desc: boolean) => void\n nextSortingOrder: boolean \| SortDirection\n canSort: boolean\n classes?: DataTableColumnHeaderClasses\n}\n\nexport const DataTableColumnHeader = ({\n children,\n canSort,\n toggleSorting,\n nextSortingOrder,\n isSorted,\n classes\n}: DataTableColumnHeaderProps) => {\n const { root, content, icon } = classes \|\| {}\n\n const { isDesktop } = useDevice()\n\n const isSortable = canSort && isDesktop\n\n return (\n <button\n type='button'\n className={cn('desk-body-regular-l flex items-center justify-center gap-x-2 text-~~color-secondary~~', root)}\n onClick={() => toggleSorting(!isSorted)}\n disabled={!isSortable}\n >\n <span className={cn('', content)}>{children}</span>\n {isSortable && (\n <Icon\n name='arrows/arrowRight'\n className={cn(\n 'size-4 rotate-90 text-color-current duration-100',\n {\n '-rotate-90': !nextSortingOrder\n },\n icon\n )}\n />\n )}\n </button>\n )\n}\n"],"names":["DataTableColumnHeader","children","canSort","toggleSorting","nextSortingOrder","isSorted","classes","root","content","icon","isDesktop","useDevice","isSortable","jsxs","cn","jsx","Icon"],"mappings":"qNAoBO,MAAMA,EAAwB,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,QAAAC,CACF,IAAkC,CAChC,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,KAAAC,CAAA,EAASH,GAAW,CAAA,EAErC,CAAE,UAAAI,CAAA,EAAcC,EAAA,EAEhBC,EAAaV,GAAWQ,EAE9B,OACEG,EAAC,SAAA,CACC,KAAK,SACL,UAAWC,EAAG,~~oFAAqFP~~,CAAI,~~EACvG~~,QAAS,IAAMJ,EAAc,CAACE,CAAQ,EACtC,SAAU,CAACO,EAEX,SAAA,CAAAG,EAAC,QAAK,UAAWD,EAAG,GAAIN,CAAO,EAAI,SAAAP,EAAS,EAC3CW,GACCG,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,mDACA,CACE,aAAc,CAACV,CAAA,EAEjBK,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}
1	+ {"version":3,"file":"DataTableColumnHeader.js","sources":["../../../../../../../lib/shared/ui/table/ui/dataTableColumnHeader/DataTableColumnHeader.tsx"],"sourcesContent":["import { type SortDirection } from '@tanstack/react-table'\nimport { useDevice } from '$/shared/hooks'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\ntype DataTableColumnHeaderClasses = {\n root?: string\n content?: string\n icon?: string\n}\n\ntype DataTableColumnHeaderProps = {\n children: React.ReactNode\n isSorted: boolean \| SortDirection\n toggleSorting: (desc: boolean) => void\n nextSortingOrder: boolean \| SortDirection\n canSort: boolean\n classes?: DataTableColumnHeaderClasses\n}\n\nexport const DataTableColumnHeader = ({\n children,\n canSort,\n toggleSorting,\n nextSortingOrder,\n isSorted,\n classes\n}: DataTableColumnHeaderProps) => {\n const { root, content, icon } = classes \|\| {}\n\n const { isDesktop } = useDevice()\n\n const isSortable = canSort && isDesktop\n\n return (\n <button\n type='button'\n className={cn('desk-body-regular-l flex items-center justify-center gap-x-2 text-start', root)}\n onClick={() => toggleSorting(!isSorted)}\n disabled={!isSortable}\n >\n <span className={cn('', content)}>{children}</span>\n {isSortable && (\n <Icon\n name='arrows/arrowRight'\n className={cn(\n 'size-4 rotate-90 text-color-current duration-100',\n {\n '-rotate-90': !nextSortingOrder\n },\n icon\n )}\n />\n )}\n </button>\n )\n}\n"],"names":["DataTableColumnHeader","children","canSort","toggleSorting","nextSortingOrder","isSorted","classes","root","content","icon","isDesktop","useDevice","isSortable","jsxs","cn","jsx","Icon"],"mappings":"qNAoBO,MAAMA,EAAwB,CAAC,CACpC,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,QAAAC,CACF,IAAkC,CAChC,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,KAAAC,CAAA,EAASH,GAAW,CAAA,EAErC,CAAE,UAAAI,CAAA,EAAcC,EAAA,EAEhBC,EAAaV,GAAWQ,EAE9B,OACEG,EAAC,SAAA,CACC,KAAK,SACL,UAAWC,EAAG,0EAA2EP,CAAI,EAC7F,QAAS,IAAMJ,EAAc,CAACE,CAAQ,EACtC,SAAU,CAACO,EAEX,SAAA,CAAAG,EAAC,QAAK,UAAWD,EAAG,GAAIN,CAAO,EAAI,SAAAP,EAAS,EAC3CW,GACCG,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,mDACA,CACE,aAAc,CAACV,CAAA,EAEjBK,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,Fragment as k,jsx as p}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as i}from"../../../../shared/utils/cn.js";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as n}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const fo=({headTitle:h,subtitle:b,buttonsConfig:f,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:n.banner,"data-test-id":n.banner,style:{backgroundColor:u??"#d9edff"},className:i("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[p("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?p("img",{loading:"eager",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):p("img",{loading:"eager",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:i("h-full",o==null?void 0:o.container),children:[p("div",{className:i("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:b},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(c,{buttonConfig:f})]})}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{fo as BannerImageFull};
+import{jsxs as m,Fragment as k,jsx as i}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../../shared/utils/cn.js";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as h}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const bo=({headTitle:n,subtitle:f,buttonsConfig:b,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:h.banner,"data-test-id":h.banner,style:{backgroundColor:u??"#d9edff"},className:p("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[i("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:p("h-full",o==null?void 0:o.container),children:[i("div",{className:p("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[i("div",{dangerouslySetInnerHTML:{__html:n},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:f},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(c,{buttonConfig:b})]})}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{bo as BannerImageFull};
 //# sourceMappingURL=BannerImageFull.js.map

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const { isMobile } = useDevice()\n\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <>\n <section\n id={widgetIds.banner}\n data-test-id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n >\n <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n {isMobile ? (\n <img loading='eager' src={images?.mobile} className='h-full w-full object-cover object-center' alt={images?.alt} />\n ) : (\n <img loading='eager' src={images?.desktop} alt={images?.alt} className='h-full w-full object-cover object-center' />\n )}\n </div>\n\n <ResponsiveContainer className={cn('h-full', classes?.container)}>\n <div className={cn('flex h-full', classes?.wrapper)}>\n <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n <div className='z-10 flex flex-col gap-4'>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons buttonConfig={buttonsConfig} />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n </section>\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </>\n )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"8yFAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,~~CAAI~~,QAAQ,~~QAAQ~~,IAAKV,GAAA,YAAAA,EAAQ,~~OAAQ~~,UAAU,~~2CAA2C~~,IAAKA,GAAA,YAAAA,EAAQ,GAAA,~~CAAK~~,~~EAEjHU~~,EAAC,MAAA,~~CAAI~~,QAAQ,~~QAAQ~~,IAAKV,GAAA,YAAAA,EAAQ,~~QAAS~~,IAAKA,GAAA,YAAAA,EAAQ,~~IAAK~~,UAAU,~~2CAA2C~~,~~EAEtH~~,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}
1	+ {"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const { isMobile } = useDevice()\n\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <>\n <section\n id={widgetIds.banner}\n data-test-id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n >\n <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n {isMobile ? (\n <img\n loading='eager'\n fetchPriority='high'\n src={images?.mobile}\n className='h-full w-full object-cover object-center'\n alt={images?.alt}\n />\n ) : (\n <img\n loading='eager'\n fetchPriority='high'\n src={images?.desktop}\n alt={images?.alt}\n className='h-full w-full object-cover object-center'\n />\n )}\n </div>\n\n <ResponsiveContainer className={cn('h-full', classes?.container)}>\n <div className={cn('flex h-full', classes?.wrapper)}>\n <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n <div className='z-10 flex flex-col gap-4'>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons buttonConfig={buttonsConfig} />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n </section>\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </>\n )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"8yFAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,OACb,UAAU,2CACV,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAA,EAGfU,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,QACb,IAAKA,GAAA,YAAAA,EAAQ,IACb,UAAU,0CAAA,CAAA,EAGhB,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as p}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../../../shared/utils/cn.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const no=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var e;const d=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:i("",o==null?void 0:o.root),children:[m(u,{className:i("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:i("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:i("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:k},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(b,{buttonConfig:x,classes:{group:"z-10"}})]}),p("div",{className:i("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{loading:"eager",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),p("div",{className:i("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{loading:"eager",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{no as BannerWithSeparateImg};
+import{jsxs as m,jsx as i}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../../../shared/utils/cn.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const no=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var d;const e=(t==null?void 0:t.details)&&((d=t==null?void 0:t.details)==null?void 0:d.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:p("",o==null?void 0:o.root),children:[m(u,{className:p("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:p("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:p("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[i("div",{dangerouslySetInnerHTML:{__html:h},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:k},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(b,{buttonConfig:x,classes:{group:"z-10"}})]}),i("div",{className:p("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),i("div",{className:p("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{no as BannerWithSeparateImg};
 //# sourceMappingURL=BannerWithSeparateImg.js.map

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["import { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <section\n id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n data-test-id={widgetIds.banner}\n className={cn('', classes?.root)}\n >\n <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons\n buttonConfig={buttonsConfig}\n classes={{\n group: 'z-10'\n }}\n />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </section>\n )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"8tFAKO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,~~EAGhGQ~~,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,~~CACjG~~,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}
1	+ {"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["import { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <section\n id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n data-test-id={widgetIds.banner}\n className={cn('', classes?.root)}\n >\n <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons\n buttonConfig={buttonsConfig}\n classes={{\n group: 'z-10'\n }}\n />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' fetchPriority='high' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' fetchPriority='high' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </section>\n )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"8tFAKO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGrHQ,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACtH,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}