se-design 1.0.31 → 1.0.33

package/dist/assets/style.css

@@ -1 +1 @@
-*,: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: }::-ms-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: }::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:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;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]){-webkit-text-decoration:underline dotted;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::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}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}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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:-webkit-sticky;position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-8{right:2rem}.right-\[-8px\]{right:-8px}.right-\[12px\]{right:12px}.top-0{top:0}.top-4{top:1rem}.top-8{top:2rem}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.top-\[3px\]{top:3px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-\[1000\]{z-index:1000}.z-\[1010\]{z-index:1010}.z-\[1020\]{z-index:1020}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[3px\]{margin-bottom:3px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-\[22px\]{margin-left:22px}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-\[100px\]{margin-top:100px}.mt-\[12px\]{margin-top:12px}.mt-\[1vw\]{margin-top:1vw}.mt-\[48px\]{margin-top:48px}.mt-\[4px\]{margin-top:4px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[1px\]{height:1px}.h-\[34px\]{height:34px}.h-\[48px\]{height:48px}.h-\[6px\]{height:6px}.h-\[initial\]{height:initial}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-80{max-height:20rem}.max-h-\[1000vh\]{max-height:1000vh}.max-h-\[150px\]{max-height:150px}.min-h-\[45px\]{min-height:45px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[124px\]{width:124px}.w-\[147px\]{width:147px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[1px\]{width:1px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[385px\]{width:385px}.w-\[48px\]{width:48px}.w-\[70\%\]{width:70%}.w-\[8px\]{width:8px}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-24{min-width:6rem}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[212px\]{min-width:212px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-\[20vw\]{max-width:20vw}.max-w-\[50vw\]{max-width:50vw}.max-w-\[initial\]{max-width:initial}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-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-x-4{--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))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[24px\]{border-radius:24px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#1088E7\]{border-color:#1088e7}.border-\[\#C9D4E3\]{border-color:#c9d4e3}.border-\[var\(--color-blue-500\)\]{border-color:var(--color-blue-500)}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-600\)\]{border-color:var(--color-gray-600)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-red-500\)\]{border-color:var(--color-red-500)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-\[var\(--color-yellow-700\)\]{border-color:var(--color-yellow-700)}.border-blue-300{border-color:#93c5fd}.border-current{border-color:currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#E5E7EB\]{background-color:#e5e7eb}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-200\)\]{background-color:var(--color-blue-200)}.bg-\[var\(--color-blue-450\)\]{background-color:var(--color-blue-450)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-blue-600\)\]{background-color:var(--color-blue-600)}.bg-\[var\(--color-gray-100\)\]{background-color:var(--color-gray-100)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-400\)\]{background-color:var(--color-gray-400)}.bg-\[var\(--color-gray-50\)\]{background-color:var(--color-gray-50)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-100\)\]{background-color:var(--color-green-100)}.bg-\[var\(--color-green-300\)\]{background-color:var(--color-green-300)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-red-500\)\]{background-color:var(--color-red-500)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-\[var\(--color-yellow-50\)\]{background-color:var(--color-yellow-50)}.bg-blue-500{background-color:#3b82f6}.bg-white{background-color:#fff}.stroke-\[var\(--color-gray-600\)\]{stroke:var(--color-gray-600)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-\[100px\]{padding-bottom:100px}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[24px\]{line-height:24px}.leading-normal{line-height:1.5}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[\#1B2636\]{color:#1b2636}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-blue-600\)\]{color:var(--color-blue-600)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-500\)\]{color:var(--color-gray-500)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-red-500\)\]{color:var(--color-red-500)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.text-\[var\(--color-yellow-700\)\]{color:var(--color-yellow-700)}.text-blue-500{color:#3b82f6}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.accent-\[\#1088E7\]{accent-color:#1088E7}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) 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-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.first\:rounded-l-\[0\.3rem\]:first-child{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.first\:border-l-0:first-child{border-left-width:0px}.last\:rounded-r-\[0\.3rem\]:last-child{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.last\:pb-4:last-child{padding-bottom:1rem}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-white\)\]:hover{border-color:var(--color-white)}.hover\:border-\[var\(--color-yellow-900\)\]:hover{border-color:var(--color-yellow-900)}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-450\)\]:hover{background-color:var(--color-blue-450)}.hover\:bg-\[var\(--color-blue-500\)\]:hover{background-color:var(--color-blue-500)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-100\)\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-gray-500\)\]:hover{background-color:var(--color-gray-500)}.hover\:bg-\[var\(--color-gray-600\)\]:hover{background-color:var(--color-gray-600)}.hover\:bg-\[var\(--color-green-500\)\]:hover{background-color:var(--color-green-500)}.hover\:bg-\[var\(--color-red-500\)\]:hover{background-color:var(--color-red-500)}.hover\:bg-\[var\(--color-yellow-50\)\]:hover{background-color:var(--color-yellow-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.hover\:text-gray-900:hover{color:#111827}.focus\:border-\[var\(--color-blue-500\)\]:focus{border-color:var(--color-blue-500)}.focus\:border-\[var\(--color-red-400\)\]:focus{border-color:var(--color-red-400)}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--color-blue-500\)\]:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-\[var\(--color-red-400\)\]:focus{--tw-ring-color: var(--color-red-400)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus-visible\:outline:focus-visible{outline-style:solid}.active\:border-transparent:active{border-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{background-color:#f9fafb}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}.se-design-button{justify-content:center}.se-design-button.small{font-size:16px;line-height:24px;font-weight:400}.se-design-button.small.primary-btn,.se-design-button.small.secondary-btn{min-width:80px}.se-design-button.medium{font-size:16px;line-height:24px;font-weight:400}.se-design-button.medium.primary-btn,.se-design-button.medium.secondary-btn{min-width:104px}.se-design-button.large{font-size:16px;line-height:24px;font-weight:400}.se-design-button.large.primary-btn,.se-design-button.large.secondary-btn{min-width:120px}.se-design-button.theme-blue.primary-btn{color:var(--color-white);background-color:var(--color-blue-500)}.se-design-button.theme-blue.primary-btn:hover{background-color:var(--color-blue-600)}.se-design-button.theme-blue.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-blue.secondary-btn{color:var(--color-blue-500);background-color:var(--color-white);border:1px solid var(--color-blue-500)}.se-design-button.theme-blue.secondary-btn:hover{color:var(--color-blue-600);background-color:var(--color-blue-100);border-color:var(--color-blue-600)}.se-design-button.theme-blue.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-blue.ghost-btn{color:var(--color-blue-500)}.se-design-button.theme-blue.ghost-btn:hover{color:var(--color-blue-600);background-color:var(--color-blue-200)}.se-design-button.theme-blue.ghost-btn{padding:2px}.se-design-button.theme-blue.ghost-btn.large{padding:4px}.se-design-button.theme-blue.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-blue.link-btn{color:var(--color-blue-500)}.se-design-button.theme-blue.link-btn:hover{color:var(--color-blue-600)}.se-design-button.theme-blue.link-btn{padding:2px}.se-design-button.theme-blue.link-btn.large{padding:4px}.se-design-button.theme-blue.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-red.primary-btn{color:var(--color-white);background-color:var(--color-red-400)}.se-design-button.theme-red.primary-btn:hover{background-color:var(--color-red-600)}.se-design-button.theme-red.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-red.secondary-btn{color:var(--color-red-400);background-color:var(--color-white);border:1px solid var(--color-red-400)}.se-design-button.theme-red.secondary-btn:hover{color:var(--color-red-700);background-color:var(--color-red-50);border-color:var(--color-red-600)}.se-design-button.theme-red.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-red.ghost-btn{color:var(--color-red-400)}.se-design-button.theme-red.ghost-btn:hover{color:var(--color-red-600);background-color:var(--color-red-100)}.se-design-button.theme-red.ghost-btn{padding:2px}.se-design-button.theme-red.ghost-btn.large{padding:4px}.se-design-button.theme-red.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-red.link-btn{color:var(--color-red-400)}.se-design-button.theme-red.link-btn:hover{color:var(--color-red-600)}.se-design-button.theme-red.link-btn{padding:2px}.se-design-button.theme-red.link-btn.large{padding:4px}.se-design-button.theme-red.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-yellow.primary-btn{color:var(--color-white);background-color:var(--color-yellow-600)}.se-design-button.theme-yellow.primary-btn:hover{background-color:var(--color-yellow-700)}.se-design-button.theme-yellow.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-yellow.secondary-btn{color:var(--color-red-700);background-color:var(--color-white);border:1px solid var(--color-red-700)}.se-design-button.theme-yellow.secondary-btn:hover{color:var(--color-red-800);background-color:var(--color-yellow-50);border-color:var(--color-red-800)}.se-design-button.theme-yellow.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-yellow.ghost-btn{color:var(--color-yellow-700)}.se-design-button.theme-yellow.ghost-btn:hover{color:var(--color-yellow-800);background-color:var(--color-yellow-50)}.se-design-button.theme-yellow.ghost-btn{padding:2px}.se-design-button.theme-yellow.ghost-btn.large{padding:4px}.se-design-button.theme-yellow.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-yellow.link-btn{color:var(--color-yellow-700)}.se-design-button.theme-yellow.link-btn:hover{color:var(--color-yellow-800)}.se-design-button.theme-yellow.link-btn{padding:2px}.se-design-button.theme-yellow.link-btn.large{padding:4px}.se-design-button.theme-yellow.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-green.primary-btn{color:var(--color-white);background-color:var(--color-green-400)}.se-design-button.theme-green.primary-btn:hover{background-color:var(--color-green-700)}.se-design-button.theme-green.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-green.secondary-btn{color:var(--color-green-500);background-color:var(--color-white);border:1px solid var(--color-green-500)}.se-design-button.theme-green.secondary-btn:hover{color:var(--color-green-700);background-color:var(--color-green-50);border-color:var(--color-green-700)}.se-design-button.theme-green.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-green.ghost-btn{color:var(--color-green-500)}.se-design-button.theme-green.ghost-btn:hover{color:var(--color-green-700);background-color:var(--color-green-50)}.se-design-button.theme-green.ghost-btn{padding:2px}.se-design-button.theme-green.ghost-btn.large{padding:4px}.se-design-button.theme-green.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-green.link-btn{color:var(--color-green-500)}.se-design-button.theme-green.link-btn:hover{color:var(--color-green-700)}.se-design-button.theme-green.link-btn{padding:2px}.se-design-button.theme-green.link-btn.large{padding:4px}.se-design-button.theme-green.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-white.primary-btn{color:var(--color-gray-900);background-color:var(--color-white)}.se-design-button.theme-white.primary-btn:hover{background-color:var(--color-blue-200)}.se-design-button.theme-white.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-white.secondary-btn{color:var(--color-white);border:1px solid var(--color-white)}.se-design-button.theme-white.secondary-btn:hover{background-color:var(--color-gray-300)}.se-design-button.theme-white.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-600)}.se-design-button.theme-white.ghost-btn{color:var(--color-white)}.se-design-button.theme-white.ghost-btn:hover{background-color:var(--color-gray-300)}.se-design-button.theme-white.ghost-btn{padding:2px}.se-design-button.theme-white.ghost-btn.large{padding:4px}.se-design-button.theme-white.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-white.link-btn{color:var(--color-white)}.se-design-button.theme-white.link-btn:hover{color:var(--color-yellow-300)}.se-design-button.theme-white.link-btn{padding:2px}.se-design-button.theme-white.link-btn.large{padding:4px}.se-design-button.theme-white.link-btn.disabled-btn{color:var(--color-gray-600)}.input-with-icon-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-with-icon-wrapper.has-left-icon .input-with-icon-element{padding-left:40px}.input-with-icon-wrapper.has-right-icon .input-with-icon-element{padding-right:40px}.input-with-icon-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:100%;z-index:2;cursor:pointer;transition:all .2s ease}.input-with-icon-icon.input-with-icon-icon-left{left:0}.input-with-icon-icon.input-with-icon-icon-right{right:0}.input-with-icon-icon:hover:not(.disabled):not(.no-hover){background-color:var(--color-gray-100)}.input-with-icon-icon:active:not(.disabled):not(.no-hover){background-color:var(--color-gray-200)}.input-with-icon-icon.disabled{cursor:not-allowed;opacity:.5}.input-with-icon-icon.no-hover{cursor:pointer}.input-with-icon-icon svg{width:16px;height:16px;color:var(--color-gray-600)}.input-with-icon-element{width:100%;border:none;outline:none;background:transparent;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:var(--color-gray-900)}.input-with-icon-element::-ms-input-placeholder{color:var(--color-gray-600)}.input-with-icon-element::placeholder{color:var(--color-gray-600)}.input-with-icon-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);padding:8px 12px}.input-with-icon-container-default:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.input-with-icon-container-error{border-radius:6px;border:1px solid var(--color-red-400);background:var(--color-white);padding:8px 12px}.input-with-icon-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed;opacity:.7}.se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;height:20px!important;width:20px!important;animation:rotate 1.5s infinite linear}.se-design-loading-modal .se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;height:20px!important;width:20px!important;animation:rotate 1.5s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-table-content-loader td div{height:20px;width:80%;border-radius:72px}.se-design-table-content-loader td:last-child div{width:100%}.se-design-table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.se-design-checkbox-ctn{display:flex;align-items:center;gap:8px}.se-design-checkbox-ctn .se-design-checkbox{display:flex;align-items:center;cursor:pointer;gap:8px}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item{display:flex;position:relative;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item:after{z-index:1;display:block;content:"";width:16px;height:16px}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]{display:none}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%231088E7'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked:hover+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230167C2'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.unchecked .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='white'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%23A1B3CF'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.unchecked:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='%23EAEFF9'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%23A1B3CF'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.minus-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%231088E7'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.minus-checkbox input[type=checkbox]:checked:hover+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230167C2'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-default,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.se-design-checkbox-ctn .se-design-checkbox.disabled-default .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M12%208H4'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-default:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M12%208H4'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .checkbox-label{color:var(--color-gray-900);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.se-design-checkbox-ctn .checkbox-label-disabled{position:relative;color:var(--color-gray-600);cursor:not-allowed}.se-design-sidebar-overlay-container{height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.se-design-sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%);box-shadow:7px 0 14px #00000017}.se-design-sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.right-aligned{right:0;transform:translate(100%);box-shadow:0 0 24px #0000000d}.se-design-sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.open-sidebar .overlay-content{opacity:1;height:100%;display:flex;flex-direction:column;width:100%;transition:opacity .3s ease-in-out}.se-design-sidebar-overlay-container.closed-sidebar .overlay-content{opacity:0;position:absolute;transform:inherit}.se-design-sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;top:10px}.se-design-tabs .se-design-overflow-tabs{align-self:stretch}.se-design-tabs .se-design-overflow-tabs .overflow-tabs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-tabs .se-design-overflow-tabs .popover-content{top:103%!important}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.banner-ctn .banner-image-ctn{display:flex;align-items:flex-end;margin-top:14px}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{display:flex;flex:1;align-items:center;margin:14px 14px 14px 0}}.widget-ctn .widget-title,.widget-ctn .webinar-title{font-size:18px;line-height:24px;font-weight:600}.widget-ctn .widget-description,.widget-ctn .widget-date{font-size:16px;line-height:24px;font-weight:400}.input-with-tags-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid #C9D4E3;cursor:text;background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-with-tags-container:focus-within{border-color:var(--color-blue-500)}.input-with-tags-error{border:1px solid var(--color-red-400)}.tag-in-inputwithtags{padding:2px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;background:var(--color-gray-50);color:var(--color-gray-700);font-size:16px;text-align:center}.close-icon-in-inputwithtags{cursor:pointer}.input-with-tags-input,.input-with-tags-input:focus{flex-grow:1;border-width:0px;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.dropdown-with-input-tags-wrapper{position:relative;width:100%}.dropdown-with-input-tags-label{display:block;margin-bottom:3px;font-size:14px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.dropdown-with-input-tags-input-container{position:relative;width:100%;background-color:var(--color-white)}.dropdown-with-input-tags-popover{width:100%}.dropdown-with-input-tags-popover .popover-content{max-height:none!important;overflow:visible!important}.dropdown-with-input-tags-content{max-height:196px!important;overflow-y:auto!important;padding:4px 0}.dropdown-with-input-tags-option{padding:0 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background-color .2s ease;min-height:48px;align-items:flex-start;justify-content:center}.dropdown-with-input-tags-option:hover{background-color:var(--color-gray-50)}.dropdown-with-input-tags-option .option-label{font-size:14px;font-weight:500;color:var(--color-gray-900)}.dropdown-with-input-tags-option .option-value{font-size:12px;color:var(--color-gray-600)}.dropdown-with-input-tags-multi-select-option{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;min-height:0}.dropdown-with-input-tags-custom-option{border-top:1px solid var(--color-gray-200);background-color:var(--color-blue-50);color:var(--color-blue-700);font-style:italic}.dropdown-with-input-tags-custom-option:hover{background-color:var(--color-blue-100)}.dropdown-with-input-tags-no-options{padding:8px 12px}.dropdown-with-input-tags-no-options-text{font-size:14px;color:var(--color-gray-600);text-align:center;padding:8px 0}.dropdown-with-input-tags-ctas-container{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px;border-top:1px solid var(--color-gray-200)}.dropdown-with-input-tags-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto;overflow-x:hidden}.dropdown-with-input-tags-wrapper .input-with-tags-container:focus-within{border:1px solid var(--color-blue-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .input-with-tags-container{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .input-with-tags-container:focus-within{border:1px solid var(--color-gray-300)}.dropdown-with-input-tags-wrapper.disabled-wrapper .tag-in-inputwithtags{background:var(--color-gray-100);color:var(--color-gray-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper .close-icon-in-inputwithtags{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .dropdown-with-input-tags-popover{pointer-events:none}.dropdown-with-input-tags-wrapper .tag-in-inputwithtags{padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:var(--Corner-radius-6px, 6px);background:var(--color-blue-100);color:var(--color-gray-700);text-align:center;font-size:16px;line-height:24px;font-weight:400}.dropdown-with-input-tags-wrapper .close-icon-in-inputwithtags{cursor:pointer}.dropdown-with-input-tags-wrapper .input-with-tags-input,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus{flex-grow:1;border-width:0;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:transparent;padding:0;margin:3px 0}.dropdown-with-input-tags-wrapper .input-with-tags-input:disabled,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus:disabled{cursor:not-allowed;color:var(--color-gray-500)}.input-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-main-container .input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.input-main-container .label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error{border-radius:6px;border:1px solid var(--color-red-400);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed}.se-search-box{min-height:40px;box-sizing:border-box;transition:width .3s ease-in-out;border:1px solid var(--color-gray-600);border-radius:6px;box-shadow:none}.se-search-box:focus-within{border:1px solid var(--color-blue-500)}.se-search-box .search-box-container{width:100%;padding:8px;position:relative;display:flex;align-items:center;justify-content:flex-start;cursor:text}.se-search-box .search-box-container .chips-and-search-box-container{display:flex;align-items:center;flex-grow:1;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:scroll}.se-search-box .search-box-container .search-input-container{display:flex;align-items:center;gap:8px;flex:1;min-width:100px}.se-search-box .search-box-container .search-input{border:none!important;outline:none!important;box-shadow:none!important;width:100%;padding:0;transition:all .2s ease-in-out}.se-search-box .search-box-container .search-input::-ms-input-placeholder{color:var(--color-gray-600)}.se-search-box .search-box-container .search-input::placeholder{color:var(--color-gray-600)}.se-search-box .search-box-container .filter-component-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;display:flex;align-self:stretch;border-left:1px solid var(--color-gray-400);padding-left:8px;margin-left:8px}.se-search-box .search-box-container .img-wrap.cross-icon{cursor:pointer}.se-search-box .search-box-container .img-wrap.cross-icon svg{stroke:transparent}.se-search-box .search-box-container ::-webkit-input-placeholder{color:#c2c2c2;font-size:.875rem}.se-search-box.shrink-box{width:32px!important;cursor:pointer}.progress-bar-ctn .steps-count{font-size:14px;line-height:18px;font-weight:400}.getting-started-widget-ctn .title{font-size:18px;line-height:24px;font-weight:600}.getting-started-widget-ctn .action-item-label{font-size:16px;line-height:24px;font-weight:400}.getting-started-widget-ctn .steps-count{font-size:14px;line-height:18px;font-weight:400}.getting-started-widget-ctn .get-started-progress-bar-ctn{width:100%!important}.se-design-message-bar .message-text{font-size:16px;line-height:24px;font-weight:400}.se-design-message-bar.show{animation:slideInDown .5s ease-in-out forwards;pointer-events:auto}.se-design-message-bar.hide{animation:slideUpOut .5s ease-in-out forwards;pointer-events:none}.se-design-message-bar .alert-btn{display:inline-block!important}.se-design-toast-bar .message-text{font-size:16px;line-height:24px;font-weight:400}.se-design-toast-bar{z-index:1100}.se-design-toast-bar.show{animation:slideInDown .5s ease-in-out forwards;pointer-events:auto}.se-design-toast-bar.hide{animation:slideUpOut .5s ease-in-out forwards;pointer-events:none}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.main-container-autocomplete-se-design{width:100%;display:flex;flex-direction:column;gap:6px}.input-wrapper{position:relative;width:100%;display:flex;align-items:center}.input-icon-chevron{position:absolute;right:7px;pointer-events:none;display:flex;align-items:center;justify-content:center}.input-icon-close{position:absolute;right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;width:24px;height:24px;transition:background-color .2s ease}.input-icon-close:hover{background-color:#0000000a}.input-container-default{border-radius:var(--Corner-radius-6px, .375rem);border:1px solid var(--Colors-Gray-600, #92a1b9);background:var(--Colors-White-Pure_white, #fff);color:var(--color-gray-900, #1b2636);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-default.with-icon{padding-right:20px}.input-container-default.with-icons{padding-right:45px}.input-container-default:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.input-container-error{border-radius:var(--Corner-radius-6px, .375rem);border:1px solid var(--color-red-500);background:var(--Colors-White-Pure_white, #fff);color:var(--color-gray-900, #1b2636);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error.with-icon{padding-right:20px}.input-container-error.with-icons{padding-right:45px}.label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.label-container.label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-and-max-word{display:flex;justify-content:space-between;align-items:center}.error-and-max-word .error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.error-and-max-word .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);font-size:1rem}.max-word-container{display:flex;justify-content:end;align-items:center}.max-word-container .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.main-container-autocomplete-se-design .input-container-wrapper{position:relative}.main-container-autocomplete-se-design .input-container-wrapper .suggestions-list{display:flex;flex-direction:column;position:absolute;left:0;background-color:var(--color-white);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;width:100%;max-height:200px;overflow-y:auto;margin-top:1px;padding:0}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item{padding:8px 12px;cursor:pointer;font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-900)}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item:hover{background-color:var(--color-gray-100)}.phone-input-container-se-design-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.phone-input-container-se-design-main-container .label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.phone-input-container-se-design-main{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);position:relative;width:100%;height:40px;display:flex;align-items:center}.phone-input-container-se-design-main:focus-within{border:1px solid var(--color-blue-500)}.phone-input-container-se-design-main.error{border:1px solid var(--color-red-400)}.phone-input-container-se-design{display:flex;align-items:center;padding:8px 12px;gap:12px;align-self:stretch}.phone-input-container-se-design .divider{width:1px;height:24px;background-color:var(--color-gray-300)}.phone-input-container-se-design-country-code{cursor:pointer;display:flex;align-items:center;gap:10px}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;width:100%;max-height:200px;overflow-y:auto;margin-top:4px;padding:0}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list .search-input-wrapper{display:flex;align-items:center;position:relative}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list .search-icon{position:absolute;left:8px;pointer-events:none}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item{padding:8px 12px;cursor:pointer;font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-900);display:flex;align-items:center;gap:10px}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item:hover{background-color:var(--color-gray-100)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input{border:none!important;outline:none!important;padding-left:30px;flex:1;border-bottom:1px solid var(--color-gray-300)!important;height:100%}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-no-resuts{cursor:not-allowed;padding:8px 12px;color:var(--color-gray-900);font-size:16px;line-height:24px;font-weight:400}.error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.phone-input-container-se-design-phone-number-input{flex:1;height:100%;border:none;outline:none;width:100%;padding-left:0}.phone-input-container-se-design-phone-number-input:focus-within{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.se-design-breadcrumbs .se-design-breadcrumbs-item-label{font-size:20px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.se-design-breadcrumbs .highlighted-crumb,.se-design-breadcrumbs .single-crumb{color:var(--color-gray-900)}.se-design-breadcrumbs .se-design-overflow-breadcrumbs{align-self:stretch}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .overflow-breadcrumbs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .popover-content{top:110%!important}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list{border-radius:6px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list .se-design-menu-item span{color:var(--color-gray-700)!important}.se-design-datepicker{border-radius:12px!important}.se-design-datepicker .datepicker-title{font-size:16px;line-height:20px;font-weight:600}.se-design-datepicker .datepicker-weekdays{font-size:14px;line-height:20px;font-weight:400;color:var(--color-gray-700);height:40px;width:40px;display:flex;justify-content:center;align-items:center}.se-design-datepicker .datepicker-navigation-icon:hover{cursor:pointer}.se-design-datepicker .datepicker-navigation-icon .disabled{cursor:not-allowed}.se-design-datepicker .dropdown-option-container .dropdown-src-element{border:none;background-color:var(--color-gray-50);color:var(--color-gray-700);padding:4px 8px}.se-design-datepicker .dropdown-option-container .dropdown-content{max-height:200px;color:var(--color-gray-700);overflow-y:auto}.se-design-datepicker-modal .modal-content{padding:0!important;border-radius:12px!important}.se-design-shimmer-loader{--shimmer-duration: 1.5s;--shimmer-base-color: #f0f0f0;--shimmer-highlight-color: #e0e0e0;width:100%;height:auto;display:flex;flex-direction:column;gap:8px}.se-design-shimmer-container{display:flex;flex-direction:column;gap:8px}.se-design-shimmer-container.row{flex-direction:row;align-items:center}.se-design-shimmer-element{position:relative;overflow:hidden;background:var(--shimmer-base-color);background-size:200% 100%;animation:shimmer var(--shimmer-duration) infinite linear}.se-design-shimmer-element:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--shimmer-highlight-color) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-wave var(--shimmer-duration) infinite linear}.se-design-shimmer-element.se-design-shimmer-text{height:16px;border-radius:4px}.se-design-shimmer-element.se-design-shimmer-rect{border-radius:4px}.se-design-shimmer-element.se-design-shimmer-circle{border-radius:50%;aspect-ratio:1}.se-design-shimmer-element.se-design-shimmer-avatar{border-radius:50%;aspect-ratio:1;min-width:40px;min-height:40px}.se-design-shimmer-element.se-design-shimmer-image{border-radius:8px;aspect-ratio:16/9}.se-design-shimmer-element.se-design-shimmer-button{border-radius:6px;height:36px;min-width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.se-design-shimmer-loader,.se-design-shimmer-container{gap:6px}.se-design-shimmer-element.se-design-shimmer-text{height:14px}.se-design-shimmer-element.se-design-shimmer-button{height:32px;min-width:70px}}@media (prefers-color-scheme: dark){.se-design-shimmer-loader{--shimmer-base-color: #2a2a2a;--shimmer-highlight-color: #3a3a3a}}.se-design-shimmer-loader.shimmer-primary{--shimmer-base-color: #e3f2fd;--shimmer-highlight-color: #bbdefb}.se-design-shimmer-loader.shimmer-secondary{--shimmer-base-color: #f3e5f5;--shimmer-highlight-color: #e1bee7}.se-design-shimmer-loader.shimmer-success{--shimmer-base-color: #e8f5e8;--shimmer-highlight-color: #c8e6c9}.se-design-shimmer-loader.shimmer-warning{--shimmer-base-color: #fff3e0;--shimmer-highlight-color: #ffcc02}.se-design-shimmer-loader.shimmer-error{--shimmer-base-color: #ffebee;--shimmer-highlight-color: #ffcdd2}.snackbar-backdrop{pointer-events:none}.snackbar-container{position:fixed;max-width:400px;min-width:300px;width:100%;background:var(--color-gray-900);border-radius:12px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:1000}.snackbar-container.snackbar-enter{animation:snackbarSlideIn .3s ease-out}.snackbar-container.snackbar-exit{animation:snackbarSlideOut .3s ease-in}.snackbar-content{padding:16px;color:var(--color-white)}.snackbar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.snackbar-header-actions{display:flex;align-items:center;gap:4px}.snackbar-title-section{display:flex;align-items:center;gap:8px;flex:1}.snackbar-icon{flex-shrink:0}.snackbar-title{font-size:16px;line-height:24px;font-weight:500;margin:0;color:var(--color-white)}.snackbar-expand-icon{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.snackbar-expand-icon:hover{background-color:#ffffff1a}.snackbar-expand-icon:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-close-icon{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.snackbar-close-icon:hover{background-color:#ffffff1a}.snackbar-close-icon:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-description{font-size:16px;line-height:1.5;color:var(--color-gray-300);margin-bottom:12px}.snackbar-items-container{margin-bottom:12px;overflow:hidden;transition:max-height .3s ease-in-out}.snackbar-items-container.snackbar-items-collapsed{max-height:0}.snackbar-items-container.snackbar-items-expanded{max-height:300px}.snackbar-items-list{max-height:200px;overflow-y:auto;padding-right:4px}.snackbar-items-list::-webkit-scrollbar{width:4px}.snackbar-items-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.snackbar-items-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.snackbar-items-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.snackbar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:#ffffff0d;border-radius:6px;transition:background-color .2s ease}.snackbar-item:hover{background:#ffffff1a}.snackbar-item:last-child{margin-bottom:0}.snackbar-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.snackbar-item-icon{flex-shrink:0}.snackbar-item-name{font-size:16px;line-height:24px;font-weight:400;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.snackbar-item-action{flex-shrink:0;opacity:.6;transition:opacity .2s ease}.snackbar-item:hover .snackbar-item-action{opacity:1}.snackbar-progress-container{height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;margin-bottom:12px}.snackbar-indeterminate-progress{height:100%;width:100%;position:relative;overflow:hidden}.snackbar-progress-gradient{height:100%;width:100%;background:linear-gradient(90deg,#22c55e 0% 33%,#16a34a 33% 100%);animation:snackbarProgressSlide 1s ease-in-out infinite;transform:translate(-100%)}.snackbar-progress-bar{height:100%;background-color:var(--color-blue-500);border-radius:2px;transition:width .3s ease}.snackbar-actions{display:flex;gap:8px;justify-content:flex-end}.snackbar-action-button{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.snackbar-action-button.snackbar-action-primary{background-color:var(--color-blue-500);color:var(--color-white)}.snackbar-action-button.snackbar-action-primary:hover{background-color:var(--color-blue-600)}.snackbar-action-button.snackbar-action-primary:focus{outline:2px solid var(--color-blue-300);outline-offset:2px}.snackbar-action-button.snackbar-action-secondary{background-color:transparent;color:var(--color-gray-300);border:1px solid var(--color-gray-600)}.snackbar-action-button.snackbar-action-secondary:hover{background-color:#ffffff1a;color:var(--color-white)}.snackbar-action-button.snackbar-action-secondary:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-default{background:var(--color-gray-900)}.snackbar-success{background:var(--color-gray-900);border-left:4px solid var(--color-green-500)}.snackbar-warning{background:var(--color-gray-900);border-left:4px solid var(--color-yellow-500)}.snackbar-error{background:var(--color-gray-900);border-left:4px solid var(--color-red-500)}.snackbar-info{background:var(--color-gray-900);border-left:4px solid var(--color-blue-500)}@keyframes snackbarSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.snackbar-container[class*=top-].snackbar-enter{animation:snackbarSlideInTop .3s ease-out}.snackbar-container[class*=top-].snackbar-exit{animation:snackbarSlideOutTop .3s ease-in}.snackbar-container[class*=bottom-].snackbar-enter{animation:snackbarSlideInBottom .3s ease-out}.snackbar-container[class*=bottom-].snackbar-exit{animation:snackbarSlideOutBottom .3s ease-in}@keyframes snackbarSlideInTop{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOutTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes snackbarSlideInBottom{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOutBottom{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes snackbarProgressSlide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 480px){.snackbar-container{max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);margin:0 16px}.snackbar-content{padding:12px}.snackbar-title{font-size:13px}.snackbar-description{font-size:12px}}.se-design-otp-input-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin-bottom:1rem}.se-design-otp-input-error{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem;margin-top:.5rem}:root{--color-blue-50: #f5f9fd;--color-blue-100: #e9f2fc;--color-blue-200: #cfe7fa;--color-blue-300: #9fcff5;--color-blue-400: #66b1f1;--color-blue-450: #3a91da;--color-blue-500: #1088e7;--color-blue-600: #0167c2;--color-blue-700: #2a5092;--color-gray-25: #f6f8fc;--color-gray-50: #f2f4f8;--color-gray-100: #eaeff9;--color-gray-200: #e4e9f1;--color-gray-300: #e1e4eb;--color-gray-400: #c9d4e3;--color-gray-500: #a1b3cf;--color-gray-600: #92a1b9;--color-gray-650: #5980b6;--color-gray-700: #415575;--color-gray-800: #2d3a48;--color-gray-900: #1b2636;--color-green-50: #e9f5ee;--color-green-100: #c8eed9;--color-green-200: #96deb5;--color-green-300: #56c486;--color-green-400: #3ab46c;--color-green-500: #1f9c56;--color-green-600: #3db370;--color-green-700: #045f1d;--color-yellow-50: #fff2d7;--color-yellow-100: #ffe5ae;--color-yellow-200: #ffd782;--color-yellow-500: #f5bb3f;--color-yellow-600: #e99e11;--color-yellow-700: #954a29;--color-yellow-800: #682e15;--color-yellow-400: #ffc107;--color-red-50: #ffeff2;--color-red-100: #ffd8e1;--color-red-200: #ffb2c5;--color-red-300: #ff89a6;--color-red-400: #fc2f60;--color-red-500: #fe4773;--color-red-600: #ca264d;--color-red-700: #860b29;--color-white: #ffffff;--color-purple-50: #f6f3ff;--color-purple-100: #f2e6ff;--color-purple-200: #e7d3ff;--color-purple-300: #d6b3ff;--color-purple-500: #ad67ff;--color-purple-600: #8930ee;--color-purple-700: #59209b;--color-purple-800: #9335f0}.se-design-info-tooltip-wrapper-disabled *{cursor:not-allowed!important}.se-design-info-tooltip-src{display:inline-flex;border-radius:6px;transition:background-color .2s ease-in,transform .12s ease-in;padding:4px;cursor:pointer}.se-design-info-tooltip-src:hover{background-color:var(--color-blue-200);cursor:pointer}.se-design-info-tooltip-src:hover svg{color:var(--info-tooltip-icon-color, var(--color-blue-500));stroke:var(--info-tooltip-icon-color, var(--color-blue-500))}.se-design-info-tooltip-src:hover svg path,.se-design-info-tooltip-src:hover svg circle,.se-design-info-tooltip-src:hover svg rect,.se-design-info-tooltip-src:hover svg line,.se-design-info-tooltip-src:hover svg polyline,.se-design-info-tooltip-src:hover svg polygon{stroke:var(--info-tooltip-icon-color, var(--color-blue-500))}.se-design-info-tooltip-src.se-design-info-tooltip-disabled{cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg{color:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover{background-color:transparent;cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg{color:var(--color-gray-500);stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-content{border-radius:6px;background:var(--color-gray-800);margin-top:4px;display:flex;max-width:200px;padding:2px 6px;justify-content:center;align-items:center;color:var(--color-gray-50);font-size:16px;animation:fadeInTooltip .3s ease-in-out;z-index:9999!important;box-shadow:0 6px 20px #0000001a}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
+*,: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: }::-ms-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: }::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:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;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]){-webkit-text-decoration:underline dotted;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::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}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}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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:-webkit-sticky;position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-8{right:2rem}.right-\[-8px\]{right:-8px}.right-\[12px\]{right:12px}.top-0{top:0}.top-4{top:1rem}.top-8{top:2rem}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.top-\[3px\]{top:3px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-\[1000\]{z-index:1000}.z-\[1010\]{z-index:1010}.z-\[1020\]{z-index:1020}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[3px\]{margin-bottom:3px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-\[22px\]{margin-left:22px}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-\[100px\]{margin-top:100px}.mt-\[12px\]{margin-top:12px}.mt-\[1vw\]{margin-top:1vw}.mt-\[48px\]{margin-top:48px}.mt-\[4px\]{margin-top:4px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[1px\]{height:1px}.h-\[34px\]{height:34px}.h-\[48px\]{height:48px}.h-\[6px\]{height:6px}.h-\[initial\]{height:initial}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-80{max-height:20rem}.max-h-\[1000vh\]{max-height:1000vh}.max-h-\[150px\]{max-height:150px}.min-h-\[45px\]{min-height:45px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[124px\]{width:124px}.w-\[147px\]{width:147px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[1px\]{width:1px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[385px\]{width:385px}.w-\[48px\]{width:48px}.w-\[70\%\]{width:70%}.w-\[8px\]{width:8px}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-24{min-width:6rem}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[212px\]{min-width:212px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-\[20vw\]{max-width:20vw}.max-w-\[50vw\]{max-width:50vw}.max-w-\[initial\]{max-width:initial}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-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-x-4{--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))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[0\.625rem\]{gap:.625rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[24px\]{border-radius:24px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-\[\#1088E7\]{border-color:#1088e7}.border-\[\#C9D4E3\]{border-color:#c9d4e3}.border-\[var\(--color-blue-500\)\]{border-color:var(--color-blue-500)}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-600\)\]{border-color:var(--color-gray-600)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-red-500\)\]{border-color:var(--color-red-500)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-\[var\(--color-yellow-700\)\]{border-color:var(--color-yellow-700)}.border-blue-300{border-color:#93c5fd}.border-current{border-color:currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#E5E7EB\]{background-color:#e5e7eb}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-200\)\]{background-color:var(--color-blue-200)}.bg-\[var\(--color-blue-450\)\]{background-color:var(--color-blue-450)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-blue-600\)\]{background-color:var(--color-blue-600)}.bg-\[var\(--color-gray-100\)\]{background-color:var(--color-gray-100)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-400\)\]{background-color:var(--color-gray-400)}.bg-\[var\(--color-gray-50\)\]{background-color:var(--color-gray-50)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-100\)\]{background-color:var(--color-green-100)}.bg-\[var\(--color-green-300\)\]{background-color:var(--color-green-300)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-red-500\)\]{background-color:var(--color-red-500)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-\[var\(--color-yellow-50\)\]{background-color:var(--color-yellow-50)}.bg-blue-500{background-color:#3b82f6}.bg-white{background-color:#fff}.stroke-\[var\(--color-gray-600\)\]{stroke:var(--color-gray-600)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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}.px-8{padding-left:2rem;padding-right:2rem}.px-\[6px\]{padding-left:6px;padding-right:6px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.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-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-\[100px\]{padding-bottom:100px}.pl-6,.pl-\[1\.5rem\]{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-\[60px\]{padding-top:60px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.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}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[24px\]{line-height:24px}.leading-normal{line-height:1.5}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[\#1B2636\]{color:#1b2636}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-blue-600\)\]{color:var(--color-blue-600)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-500\)\]{color:var(--color-gray-500)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-red-500\)\]{color:var(--color-red-500)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.text-\[var\(--color-yellow-700\)\]{color:var(--color-yellow-700)}.text-blue-500{color:#3b82f6}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.accent-\[\#1088E7\]{accent-color:#1088E7}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -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)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 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-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) 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-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.first\:rounded-l-\[0\.3rem\]:first-child{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.first\:border-l-0:first-child{border-left-width:0px}.last\:rounded-r-\[0\.3rem\]:last-child{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.last\:pb-4:last-child{padding-bottom:1rem}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-white\)\]:hover{border-color:var(--color-white)}.hover\:border-\[var\(--color-yellow-900\)\]:hover{border-color:var(--color-yellow-900)}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-450\)\]:hover{background-color:var(--color-blue-450)}.hover\:bg-\[var\(--color-blue-500\)\]:hover{background-color:var(--color-blue-500)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-100\)\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-gray-500\)\]:hover{background-color:var(--color-gray-500)}.hover\:bg-\[var\(--color-gray-600\)\]:hover{background-color:var(--color-gray-600)}.hover\:bg-\[var\(--color-green-500\)\]:hover{background-color:var(--color-green-500)}.hover\:bg-\[var\(--color-red-500\)\]:hover{background-color:var(--color-red-500)}.hover\:bg-\[var\(--color-yellow-50\)\]:hover{background-color:var(--color-yellow-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.hover\:text-gray-900:hover{color:#111827}.focus\:border-\[var\(--color-blue-500\)\]:focus{border-color:var(--color-blue-500)}.focus\:border-\[var\(--color-red-400\)\]:focus{border-color:var(--color-red-400)}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--color-blue-500\)\]:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-\[var\(--color-red-400\)\]:focus{--tw-ring-color: var(--color-red-400)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus-visible\:outline:focus-visible{outline-style:solid}.active\:border-transparent:active{border-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{background-color:#f9fafb}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}.se-design-button{justify-content:center}.se-design-button.small{font-size:16px;line-height:24px;font-weight:400}.se-design-button.small.primary-btn,.se-design-button.small.secondary-btn{min-width:80px}.se-design-button.medium{font-size:16px;line-height:24px;font-weight:400}.se-design-button.medium.primary-btn,.se-design-button.medium.secondary-btn{min-width:104px}.se-design-button.large{font-size:16px;line-height:24px;font-weight:400}.se-design-button.large.primary-btn,.se-design-button.large.secondary-btn{min-width:120px}.se-design-button.theme-blue.primary-btn{color:var(--color-white);background-color:var(--color-blue-500)}.se-design-button.theme-blue.primary-btn:hover{background-color:var(--color-blue-600)}.se-design-button.theme-blue.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-blue.secondary-btn{color:var(--color-blue-500);background-color:var(--color-white);border:1px solid var(--color-blue-500)}.se-design-button.theme-blue.secondary-btn:hover{color:var(--color-blue-600);background-color:var(--color-blue-100);border-color:var(--color-blue-600)}.se-design-button.theme-blue.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-blue.ghost-btn{color:var(--color-blue-500)}.se-design-button.theme-blue.ghost-btn:hover{color:var(--color-blue-600);background-color:var(--color-blue-200)}.se-design-button.theme-blue.ghost-btn{padding:2px}.se-design-button.theme-blue.ghost-btn.large{padding:4px}.se-design-button.theme-blue.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-blue.link-btn{color:var(--color-blue-500)}.se-design-button.theme-blue.link-btn:hover{color:var(--color-blue-600)}.se-design-button.theme-blue.link-btn{padding:2px}.se-design-button.theme-blue.link-btn.large{padding:4px}.se-design-button.theme-blue.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-red.primary-btn{color:var(--color-white);background-color:var(--color-red-400)}.se-design-button.theme-red.primary-btn:hover{background-color:var(--color-red-600)}.se-design-button.theme-red.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-red.secondary-btn{color:var(--color-red-400);background-color:var(--color-white);border:1px solid var(--color-red-400)}.se-design-button.theme-red.secondary-btn:hover{color:var(--color-red-700);background-color:var(--color-red-50);border-color:var(--color-red-600)}.se-design-button.theme-red.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-red.ghost-btn{color:var(--color-red-400)}.se-design-button.theme-red.ghost-btn:hover{color:var(--color-red-600);background-color:var(--color-red-100)}.se-design-button.theme-red.ghost-btn{padding:2px}.se-design-button.theme-red.ghost-btn.large{padding:4px}.se-design-button.theme-red.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-red.link-btn{color:var(--color-red-400)}.se-design-button.theme-red.link-btn:hover{color:var(--color-red-600)}.se-design-button.theme-red.link-btn{padding:2px}.se-design-button.theme-red.link-btn.large{padding:4px}.se-design-button.theme-red.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-yellow.primary-btn{color:var(--color-white);background-color:var(--color-yellow-600)}.se-design-button.theme-yellow.primary-btn:hover{background-color:var(--color-yellow-700)}.se-design-button.theme-yellow.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-yellow.secondary-btn{color:var(--color-red-700);background-color:var(--color-white);border:1px solid var(--color-red-700)}.se-design-button.theme-yellow.secondary-btn:hover{color:var(--color-red-800);background-color:var(--color-yellow-50);border-color:var(--color-red-800)}.se-design-button.theme-yellow.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-yellow.ghost-btn{color:var(--color-yellow-700)}.se-design-button.theme-yellow.ghost-btn:hover{color:var(--color-yellow-800);background-color:var(--color-yellow-50)}.se-design-button.theme-yellow.ghost-btn{padding:2px}.se-design-button.theme-yellow.ghost-btn.large{padding:4px}.se-design-button.theme-yellow.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-yellow.link-btn{color:var(--color-yellow-700)}.se-design-button.theme-yellow.link-btn:hover{color:var(--color-yellow-800)}.se-design-button.theme-yellow.link-btn{padding:2px}.se-design-button.theme-yellow.link-btn.large{padding:4px}.se-design-button.theme-yellow.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-green.primary-btn{color:var(--color-white);background-color:var(--color-green-400)}.se-design-button.theme-green.primary-btn:hover{background-color:var(--color-green-700)}.se-design-button.theme-green.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-green.secondary-btn{color:var(--color-green-500);background-color:var(--color-white);border:1px solid var(--color-green-500)}.se-design-button.theme-green.secondary-btn:hover{color:var(--color-green-700);background-color:var(--color-green-50);border-color:var(--color-green-700)}.se-design-button.theme-green.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-300)}.se-design-button.theme-green.ghost-btn{color:var(--color-green-500)}.se-design-button.theme-green.ghost-btn:hover{color:var(--color-green-700);background-color:var(--color-green-50)}.se-design-button.theme-green.ghost-btn{padding:2px}.se-design-button.theme-green.ghost-btn.large{padding:4px}.se-design-button.theme-green.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-green.link-btn{color:var(--color-green-500)}.se-design-button.theme-green.link-btn:hover{color:var(--color-green-700)}.se-design-button.theme-green.link-btn{padding:2px}.se-design-button.theme-green.link-btn.large{padding:4px}.se-design-button.theme-green.link-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-white.primary-btn{color:var(--color-gray-900);background-color:var(--color-white)}.se-design-button.theme-white.primary-btn:hover{background-color:var(--color-blue-200)}.se-design-button.theme-white.primary-btn.disabled-btn{color:var(--color-gray-600);background-color:var(--color-gray-300)}.se-design-button.theme-white.secondary-btn{color:var(--color-white);border:1px solid var(--color-white)}.se-design-button.theme-white.secondary-btn:hover{background-color:var(--color-gray-300)}.se-design-button.theme-white.secondary-btn.disabled-btn{color:var(--color-gray-600);border-color:var(--color-gray-600)}.se-design-button.theme-white.ghost-btn{color:var(--color-white)}.se-design-button.theme-white.ghost-btn:hover{background-color:var(--color-gray-300)}.se-design-button.theme-white.ghost-btn{padding:2px}.se-design-button.theme-white.ghost-btn.large{padding:4px}.se-design-button.theme-white.ghost-btn.disabled-btn{color:var(--color-gray-600)}.se-design-button.theme-white.link-btn{color:var(--color-white)}.se-design-button.theme-white.link-btn:hover{color:var(--color-yellow-300)}.se-design-button.theme-white.link-btn{padding:2px}.se-design-button.theme-white.link-btn.large{padding:4px}.se-design-button.theme-white.link-btn.disabled-btn{color:var(--color-gray-600)}.input-with-icon-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-with-icon-wrapper.has-left-icon .input-with-icon-element{padding-left:40px}.input-with-icon-wrapper.has-right-icon .input-with-icon-element{padding-right:40px}.input-with-icon-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:40px;height:100%;z-index:2;cursor:pointer;transition:all .2s ease}.input-with-icon-icon.input-with-icon-icon-left{left:0}.input-with-icon-icon.input-with-icon-icon-right{right:0}.input-with-icon-icon:hover:not(.disabled):not(.no-hover){background-color:var(--color-gray-100)}.input-with-icon-icon:active:not(.disabled):not(.no-hover){background-color:var(--color-gray-200)}.input-with-icon-icon.disabled{cursor:not-allowed;opacity:.5}.input-with-icon-icon.no-hover{cursor:pointer}.input-with-icon-icon svg{width:16px;height:16px;color:var(--color-gray-600)}.input-with-icon-element{width:100%;border:none;outline:none;background:transparent;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:var(--color-gray-900)}.input-with-icon-element::-ms-input-placeholder{color:var(--color-gray-600)}.input-with-icon-element::placeholder{color:var(--color-gray-600)}.input-with-icon-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);padding:8px 12px}.input-with-icon-container-default:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.input-with-icon-container-error{border-radius:6px;border:1px solid var(--color-red-400);background:var(--color-white);padding:8px 12px}.input-with-icon-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed;opacity:.7}.se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;height:20px!important;width:20px!important;animation:rotate 1.5s infinite linear}.se-design-loading-modal .se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;height:20px!important;width:20px!important;animation:rotate 1.5s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-table-content-loader td div{height:20px;width:80%;border-radius:72px}.se-design-table-content-loader td:last-child div{width:100%}.se-design-table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.se-design-checkbox-ctn{display:flex;align-items:center;gap:8px}.se-design-checkbox-ctn .se-design-checkbox{display:flex;align-items:center;cursor:pointer;gap:8px}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item{display:flex;position:relative;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item:after{z-index:1;display:block;content:"";width:16px;height:16px}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]{display:none}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%231088E7'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked:hover+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230167C2'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.unchecked .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='white'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%23A1B3CF'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.unchecked:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20fill='%23EAEFF9'/%3e%3cpath%20d='M0.6%204C0.6%202.12223%202.12223%200.6%204%200.6H12C13.8778%200.6%2015.4%202.12223%2015.4%204V12C15.4%2013.8778%2013.8778%2015.4%2012%2015.4H4C2.12223%2015.4%200.6%2013.8778%200.6%2012V4Z'%20stroke='%23A1B3CF'%20stroke-width='1.2'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.minus-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%231088E7'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.minus-checkbox input[type=checkbox]:checked:hover+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230167C2'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-default,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.se-design-checkbox-ctn .se-design-checkbox.disabled-default .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M12%208H4'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-default:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M12%208H4'%20stroke='%2392A1B9'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .checkbox-label{color:var(--color-gray-900);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.se-design-checkbox-ctn .checkbox-label-disabled{position:relative;color:var(--color-gray-600);cursor:not-allowed}.se-design-sidebar-overlay-container{height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.se-design-sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%);box-shadow:7px 0 14px #00000017}.se-design-sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.right-aligned{right:0;transform:translate(100%);box-shadow:0 0 24px #0000000d}.se-design-sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.open-sidebar .overlay-content{opacity:1;height:100%;display:flex;flex-direction:column;width:100%;transition:opacity .3s ease-in-out}.se-design-sidebar-overlay-container.closed-sidebar .overlay-content{opacity:0;position:absolute;transform:inherit}.se-design-sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;top:10px}.se-design-tabs .se-design-overflow-tabs{align-self:stretch}.se-design-tabs .se-design-overflow-tabs .overflow-tabs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-tabs .se-design-overflow-tabs .popover-content{top:103%!important}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.banner-ctn .banner-image-ctn{display:flex;align-items:flex-end;margin-top:14px}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{display:flex;flex:1;align-items:center;margin:14px 14px 14px 0}}.widget-ctn .widget-title,.widget-ctn .webinar-title{font-size:18px;line-height:24px;font-weight:600}.widget-ctn .widget-description,.widget-ctn .widget-date{font-size:16px;line-height:24px;font-weight:400}.input-with-tags-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid #C9D4E3;cursor:text;background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-with-tags-container:focus-within{border-color:var(--color-blue-500)}.input-with-tags-error{border:1px solid var(--color-red-400)}.tag-in-inputwithtags{padding:2px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;background:var(--color-gray-50);color:var(--color-gray-700);font-size:16px;text-align:center}.close-icon-in-inputwithtags{cursor:pointer}.input-with-tags-input,.input-with-tags-input:focus{flex-grow:1;border-width:0px;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.dropdown-with-input-tags-wrapper{position:relative;width:100%}.dropdown-with-input-tags-label{display:block;margin-bottom:3px;font-size:14px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.dropdown-with-input-tags-input-container{position:relative;width:100%;background-color:var(--color-white)}.dropdown-with-input-tags-popover{width:100%}.dropdown-with-input-tags-popover .popover-content{max-height:none!important;overflow:visible!important}.dropdown-with-input-tags-content{max-height:196px!important;overflow-y:auto!important;padding:4px 0}.dropdown-with-input-tags-option{padding:0 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background-color .2s ease;min-height:48px;align-items:flex-start;justify-content:center}.dropdown-with-input-tags-option:hover{background-color:var(--color-gray-50)}.dropdown-with-input-tags-option .option-label{font-size:14px;font-weight:500;color:var(--color-gray-900)}.dropdown-with-input-tags-option .option-value{font-size:12px;color:var(--color-gray-600)}.dropdown-with-input-tags-multi-select-option{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;min-height:0}.dropdown-with-input-tags-custom-option{border-top:1px solid var(--color-gray-200);background-color:var(--color-blue-50);color:var(--color-blue-700);font-style:italic}.dropdown-with-input-tags-custom-option:hover{background-color:var(--color-blue-100)}.dropdown-with-input-tags-no-options{padding:8px 12px}.dropdown-with-input-tags-no-options-text{font-size:14px;color:var(--color-gray-600);text-align:center;padding:8px 0}.dropdown-with-input-tags-ctas-container{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px;border-top:1px solid var(--color-gray-200)}.dropdown-with-input-tags-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto;overflow-x:hidden}.dropdown-with-input-tags-wrapper .input-with-tags-container:focus-within{border:1px solid var(--color-blue-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .input-with-tags-container{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .input-with-tags-container:focus-within{border:1px solid var(--color-gray-300)}.dropdown-with-input-tags-wrapper.disabled-wrapper .tag-in-inputwithtags{background:var(--color-gray-100);color:var(--color-gray-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper .close-icon-in-inputwithtags{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .dropdown-with-input-tags-popover{pointer-events:none}.dropdown-with-input-tags-wrapper .tag-in-inputwithtags{padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:var(--Corner-radius-6px, 6px);background:var(--color-blue-100);color:var(--color-gray-700);text-align:center;font-size:16px;line-height:24px;font-weight:400}.dropdown-with-input-tags-wrapper .close-icon-in-inputwithtags{cursor:pointer}.dropdown-with-input-tags-wrapper .input-with-tags-input,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus{flex-grow:1;border-width:0;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:transparent;padding:0;margin:3px 0}.dropdown-with-input-tags-wrapper .input-with-tags-input:disabled,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus:disabled{cursor:not-allowed;color:var(--color-gray-500)}.input-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-main-container .input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.input-main-container .label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error{border-radius:6px;border:1px solid var(--color-red-400);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed}.se-search-box{min-height:40px;box-sizing:border-box;transition:width .3s ease-in-out;border:1px solid var(--color-gray-600);border-radius:6px;box-shadow:none}.se-search-box:focus-within{border:1px solid var(--color-blue-500)}.se-search-box .search-box-container{width:100%;padding:8px;position:relative;display:flex;align-items:center;justify-content:flex-start;cursor:text}.se-search-box .search-box-container .chips-and-search-box-container{display:flex;align-items:center;flex-grow:1;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:scroll}.se-search-box .search-box-container .search-input-container{display:flex;align-items:center;gap:8px;flex:1;min-width:100px}.se-search-box .search-box-container .search-input{border:none!important;outline:none!important;box-shadow:none!important;width:100%;padding:0;transition:all .2s ease-in-out}.se-search-box .search-box-container .search-input::-ms-input-placeholder{color:var(--color-gray-600)}.se-search-box .search-box-container .search-input::placeholder{color:var(--color-gray-600)}.se-search-box .search-box-container .filter-component-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;display:flex;align-self:stretch;border-left:1px solid var(--color-gray-400);padding-left:8px;margin-left:8px}.se-search-box .search-box-container .img-wrap.cross-icon{cursor:pointer}.se-search-box .search-box-container .img-wrap.cross-icon svg{stroke:transparent}.se-search-box .search-box-container ::-webkit-input-placeholder{color:#c2c2c2;font-size:.875rem}.se-search-box.shrink-box{width:32px!important;cursor:pointer}.progress-bar-ctn .steps-count{font-size:14px;line-height:18px;font-weight:400}.getting-started-widget-ctn .title{font-size:18px;line-height:24px;font-weight:600}.getting-started-widget-ctn .action-item-label{font-size:16px;line-height:24px;font-weight:400}.getting-started-widget-ctn .steps-count{font-size:14px;line-height:18px;font-weight:400}.getting-started-widget-ctn .get-started-progress-bar-ctn{width:100%!important}.se-design-message-bar .message-text{font-size:16px;line-height:24px;font-weight:400}.se-design-message-bar.show{animation:slideInDown .5s ease-in-out forwards;pointer-events:auto}.se-design-message-bar.hide{animation:slideUpOut .5s ease-in-out forwards;pointer-events:none}.se-design-message-bar .alert-btn{display:inline-block!important}.se-design-toast-bar .message-text{font-size:16px;line-height:24px;font-weight:400}.se-design-toast-bar{z-index:1100}.se-design-toast-bar.show{animation:slideInDown .5s ease-in-out forwards;pointer-events:auto}.se-design-toast-bar.hide{animation:slideUpOut .5s ease-in-out forwards;pointer-events:none}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.main-container-autocomplete-se-design{width:100%;display:flex;flex-direction:column;gap:6px}.input-wrapper{position:relative;width:100%;display:flex;align-items:center}.input-icon-chevron{position:absolute;right:7px;pointer-events:none;display:flex;align-items:center;justify-content:center}.input-icon-close{position:absolute;right:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;width:24px;height:24px;transition:background-color .2s ease}.input-icon-close:hover{background-color:#0000000a}.input-container-default{border-radius:var(--Corner-radius-6px, .375rem);border:1px solid var(--Colors-Gray-600, #92a1b9);background:var(--Colors-White-Pure_white, #fff);color:var(--color-gray-900, #1b2636);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-default.with-icon{padding-right:20px}.input-container-default.with-icons{padding-right:45px}.input-container-default:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.input-container-error{border-radius:var(--Corner-radius-6px, .375rem);border:1px solid var(--color-red-500);background:var(--Colors-White-Pure_white, #fff);color:var(--color-gray-900, #1b2636);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error.with-icon{padding-right:20px}.input-container-error.with-icons{padding-right:45px}.label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.label-container.label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-and-max-word{display:flex;justify-content:space-between;align-items:center}.error-and-max-word .error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.error-and-max-word .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);font-size:1rem}.max-word-container{display:flex;justify-content:end;align-items:center}.max-word-container .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.main-container-autocomplete-se-design .input-container-wrapper{position:relative}.main-container-autocomplete-se-design .input-container-wrapper .suggestions-list{display:flex;flex-direction:column;position:absolute;left:0;background-color:var(--color-white);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;width:100%;max-height:200px;overflow-y:auto;margin-top:1px;padding:0}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item{padding:8px 12px;cursor:pointer;font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-900)}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item:hover{background-color:var(--color-gray-100)}.phone-input-container-se-design-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.phone-input-container-se-design-main-container .label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.phone-input-container-se-design-main{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);position:relative;width:100%;height:40px;display:flex;align-items:center}.phone-input-container-se-design-main:focus-within{border:1px solid var(--color-blue-500)}.phone-input-container-se-design-main.error{border:1px solid var(--color-red-400)}.phone-input-container-se-design{display:flex;align-items:center;padding:8px 12px;gap:12px;align-self:stretch}.phone-input-container-se-design .divider{width:1px;height:24px;background-color:var(--color-gray-300)}.phone-input-container-se-design-country-code{cursor:pointer;display:flex;align-items:center;gap:10px}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;width:100%;max-height:200px;overflow-y:auto;margin-top:4px;padding:0}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list .search-input-wrapper{display:flex;align-items:center;position:relative}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list .search-icon{position:absolute;left:8px;pointer-events:none}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item{padding:8px 12px;cursor:pointer;font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-900);display:flex;align-items:center;gap:10px}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item:hover{background-color:var(--color-gray-100)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input{border:none!important;outline:none!important;padding-left:30px;flex:1;border-bottom:1px solid var(--color-gray-300)!important;height:100%}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input:focus-within{border-color:var(--color-blue-500);box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-no-resuts{cursor:not-allowed;padding:8px 12px;color:var(--color-gray-900);font-size:16px;line-height:24px;font-weight:400}.error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.phone-input-container-se-design-phone-number-input{flex:1;height:100%;border:none;outline:none;width:100%;padding-left:0}.phone-input-container-se-design-phone-number-input:focus-within{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.se-design-breadcrumbs .se-design-breadcrumbs-item-label{font-size:20px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.se-design-breadcrumbs .highlighted-crumb,.se-design-breadcrumbs .single-crumb{color:var(--color-gray-900)}.se-design-breadcrumbs .se-design-overflow-breadcrumbs{align-self:stretch}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .overflow-breadcrumbs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .popover-content{top:110%!important}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list{border-radius:6px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list .se-design-menu-item span{color:var(--color-gray-700)!important}.se-design-datepicker{border-radius:12px!important}.se-design-datepicker .datepicker-title{font-size:16px;line-height:20px;font-weight:600}.se-design-datepicker .datepicker-weekdays{font-size:14px;line-height:20px;font-weight:400;color:var(--color-gray-700);height:40px;width:40px;display:flex;justify-content:center;align-items:center}.se-design-datepicker .datepicker-navigation-icon:hover{cursor:pointer}.se-design-datepicker .datepicker-navigation-icon .disabled{cursor:not-allowed}.se-design-datepicker .dropdown-option-container .dropdown-src-element{border:none;background-color:var(--color-gray-50);color:var(--color-gray-700);padding:4px 8px}.se-design-datepicker .dropdown-option-container .dropdown-content{max-height:200px;color:var(--color-gray-700);overflow-y:auto}.se-design-datepicker-modal .modal-content{padding:0!important;border-radius:12px!important}.se-design-shimmer-loader{--shimmer-duration: 1.5s;--shimmer-base-color: #f0f0f0;--shimmer-highlight-color: #e0e0e0;width:100%;height:auto;display:flex;flex-direction:column;gap:8px}.se-design-shimmer-container{display:flex;flex-direction:column;gap:8px}.se-design-shimmer-container.row{flex-direction:row;align-items:center}.se-design-shimmer-element{position:relative;overflow:hidden;background:var(--shimmer-base-color);background-size:200% 100%;animation:shimmer var(--shimmer-duration) infinite linear}.se-design-shimmer-element:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--shimmer-highlight-color) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-wave var(--shimmer-duration) infinite linear}.se-design-shimmer-element.se-design-shimmer-text{height:16px;border-radius:4px}.se-design-shimmer-element.se-design-shimmer-rect{border-radius:4px}.se-design-shimmer-element.se-design-shimmer-circle{border-radius:50%;aspect-ratio:1}.se-design-shimmer-element.se-design-shimmer-avatar{border-radius:50%;aspect-ratio:1;min-width:40px;min-height:40px}.se-design-shimmer-element.se-design-shimmer-image{border-radius:8px;aspect-ratio:16/9}.se-design-shimmer-element.se-design-shimmer-button{border-radius:6px;height:36px;min-width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.se-design-shimmer-loader,.se-design-shimmer-container{gap:6px}.se-design-shimmer-element.se-design-shimmer-text{height:14px}.se-design-shimmer-element.se-design-shimmer-button{height:32px;min-width:70px}}@media (prefers-color-scheme: dark){.se-design-shimmer-loader{--shimmer-base-color: #2a2a2a;--shimmer-highlight-color: #3a3a3a}}.se-design-shimmer-loader.shimmer-primary{--shimmer-base-color: #e3f2fd;--shimmer-highlight-color: #bbdefb}.se-design-shimmer-loader.shimmer-secondary{--shimmer-base-color: #f3e5f5;--shimmer-highlight-color: #e1bee7}.se-design-shimmer-loader.shimmer-success{--shimmer-base-color: #e8f5e8;--shimmer-highlight-color: #c8e6c9}.se-design-shimmer-loader.shimmer-warning{--shimmer-base-color: #fff3e0;--shimmer-highlight-color: #ffcc02}.se-design-shimmer-loader.shimmer-error{--shimmer-base-color: #ffebee;--shimmer-highlight-color: #ffcdd2}.snackbar-backdrop{pointer-events:none}.snackbar-container{position:fixed;max-width:400px;min-width:300px;width:100%;background:var(--color-gray-900);border-radius:12px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:1000}.snackbar-container.snackbar-enter{animation:snackbarSlideIn .3s ease-out}.snackbar-container.snackbar-exit{animation:snackbarSlideOut .3s ease-in}.snackbar-content{padding:16px;color:var(--color-white)}.snackbar-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.snackbar-header-actions{display:flex;align-items:center;gap:4px}.snackbar-title-section{display:flex;align-items:center;gap:8px;flex:1}.snackbar-icon{flex-shrink:0}.snackbar-title{font-size:16px;line-height:24px;font-weight:500;margin:0;color:var(--color-white)}.snackbar-expand-icon{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.snackbar-expand-icon:hover{background-color:#ffffff1a}.snackbar-expand-icon:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-close-icon{cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.snackbar-close-icon:hover{background-color:#ffffff1a}.snackbar-close-icon:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-description{font-size:16px;line-height:1.5;color:var(--color-gray-300);margin-bottom:12px}.snackbar-items-container{margin-bottom:12px;overflow:hidden;transition:max-height .3s ease-in-out}.snackbar-items-container.snackbar-items-collapsed{max-height:0}.snackbar-items-container.snackbar-items-expanded{max-height:300px}.snackbar-items-list{max-height:200px;overflow-y:auto;padding-right:4px}.snackbar-items-list::-webkit-scrollbar{width:4px}.snackbar-items-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.snackbar-items-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.snackbar-items-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.snackbar-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:12px;background:#ffffff0d;border-radius:6px;transition:background-color .2s ease}.snackbar-item:hover{background:#ffffff1a}.snackbar-item:last-child{margin-bottom:0}.snackbar-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.snackbar-item-icon{flex-shrink:0}.snackbar-item-name{font-size:16px;line-height:24px;font-weight:400;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.snackbar-item-action{flex-shrink:0;opacity:.6;transition:opacity .2s ease}.snackbar-item:hover .snackbar-item-action{opacity:1}.snackbar-progress-container{height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;margin-bottom:12px}.snackbar-indeterminate-progress{height:100%;width:100%;position:relative;overflow:hidden}.snackbar-progress-gradient{height:100%;width:100%;background:linear-gradient(90deg,#22c55e 0% 33%,#16a34a 33% 100%);animation:snackbarProgressSlide 1s ease-in-out infinite;transform:translate(-100%)}.snackbar-progress-bar{height:100%;background-color:var(--color-blue-500);border-radius:2px;transition:width .3s ease}.snackbar-actions{display:flex;gap:8px;justify-content:flex-end}.snackbar-action-button{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.snackbar-action-button.snackbar-action-primary{background-color:var(--color-blue-500);color:var(--color-white)}.snackbar-action-button.snackbar-action-primary:hover{background-color:var(--color-blue-600)}.snackbar-action-button.snackbar-action-primary:focus{outline:2px solid var(--color-blue-300);outline-offset:2px}.snackbar-action-button.snackbar-action-secondary{background-color:transparent;color:var(--color-gray-300);border:1px solid var(--color-gray-600)}.snackbar-action-button.snackbar-action-secondary:hover{background-color:#ffffff1a;color:var(--color-white)}.snackbar-action-button.snackbar-action-secondary:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.snackbar-default{background:var(--color-gray-900)}.snackbar-success{background:var(--color-gray-900);border-left:4px solid var(--color-green-500)}.snackbar-warning{background:var(--color-gray-900);border-left:4px solid var(--color-yellow-500)}.snackbar-error{background:var(--color-gray-900);border-left:4px solid var(--color-red-500)}.snackbar-info{background:var(--color-gray-900);border-left:4px solid var(--color-blue-500)}@keyframes snackbarSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.snackbar-container[class*=top-].snackbar-enter{animation:snackbarSlideInTop .3s ease-out}.snackbar-container[class*=top-].snackbar-exit{animation:snackbarSlideOutTop .3s ease-in}.snackbar-container[class*=bottom-].snackbar-enter{animation:snackbarSlideInBottom .3s ease-out}.snackbar-container[class*=bottom-].snackbar-exit{animation:snackbarSlideOutBottom .3s ease-in}@keyframes snackbarSlideInTop{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOutTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes snackbarSlideInBottom{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snackbarSlideOutBottom{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes snackbarProgressSlide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@media (max-width: 480px){.snackbar-container{max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);margin:0 16px}.snackbar-content{padding:12px}.snackbar-title{font-size:13px}.snackbar-description{font-size:12px}}.se-design-otp-input-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin-bottom:1rem}.se-design-otp-input-error{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem;margin-top:.5rem}:root{--color-blue-50: #f5f9fd;--color-blue-100: #e9f2fc;--color-blue-200: #cfe7fa;--color-blue-300: #9fcff5;--color-blue-400: #66b1f1;--color-blue-450: #3a91da;--color-blue-500: #1088e7;--color-blue-600: #0167c2;--color-blue-700: #2a5092;--color-gray-25: #f6f8fc;--color-gray-50: #f2f4f8;--color-gray-100: #eaeff9;--color-gray-200: #e4e9f1;--color-gray-300: #e1e4eb;--color-gray-400: #c9d4e3;--color-gray-500: #a1b3cf;--color-gray-600: #92a1b9;--color-gray-650: #5980b6;--color-gray-700: #415575;--color-gray-800: #2d3a48;--color-gray-900: #1b2636;--color-green-50: #e9f5ee;--color-green-100: #c8eed9;--color-green-200: #96deb5;--color-green-300: #56c486;--color-green-400: #3ab46c;--color-green-500: #1f9c56;--color-green-600: #3db370;--color-green-700: #045f1d;--color-yellow-50: #fff2d7;--color-yellow-100: #ffe5ae;--color-yellow-200: #ffd782;--color-yellow-500: #f5bb3f;--color-yellow-600: #e99e11;--color-yellow-700: #954a29;--color-yellow-800: #682e15;--color-yellow-400: #ffc107;--color-red-50: #ffeff2;--color-red-100: #ffd8e1;--color-red-200: #ffb2c5;--color-red-300: #ff89a6;--color-red-400: #fc2f60;--color-red-500: #fe4773;--color-red-600: #ca264d;--color-red-700: #860b29;--color-white: #ffffff;--color-purple-50: #f6f3ff;--color-purple-100: #f2e6ff;--color-purple-200: #e7d3ff;--color-purple-300: #d6b3ff;--color-purple-500: #ad67ff;--color-purple-600: #8930ee;--color-purple-700: #59209b;--color-purple-800: #9335f0}.se-design-info-tooltip-wrapper-disabled *{cursor:not-allowed!important}.se-design-info-tooltip-src{display:inline-flex;border-radius:6px;transition:background-color .2s ease-in,transform .12s ease-in;padding:4px;cursor:pointer}.se-design-info-tooltip-src:hover{background-color:var(--color-blue-200);cursor:pointer}.se-design-info-tooltip-src:hover svg{color:var(--info-tooltip-icon-color, var(--color-blue-500));stroke:var(--info-tooltip-icon-color, var(--color-blue-500))}.se-design-info-tooltip-src:hover svg path,.se-design-info-tooltip-src:hover svg circle,.se-design-info-tooltip-src:hover svg rect,.se-design-info-tooltip-src:hover svg line,.se-design-info-tooltip-src:hover svg polyline,.se-design-info-tooltip-src:hover svg polygon{stroke:var(--info-tooltip-icon-color, var(--color-blue-500))}.se-design-info-tooltip-src.se-design-info-tooltip-disabled{cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg{color:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover{background-color:transparent;cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg{color:var(--color-gray-500);stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-content{border-radius:6px;background:var(--color-gray-800);margin-top:4px;display:flex;max-width:200px;padding:2px 6px;justify-content:center;align-items:center;color:var(--color-gray-50);font-size:16px;animation:fadeInTooltip .3s ease-in-out;z-index:9999!important;box-shadow:0 6px 20px #0000001a}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

package/dist/components/DropdownWithInputTags/index.d.ts

@@ -15,7 +15,6 @@ export interface DropdownWithInputTagsProps {
     className?: string;
     options?: DropdownOption[];
     renderOption?: (option: DropdownOption, onSelect: (option: DropdownOption) => void) => React.ReactNode;
-    onSearch?: (searchTerm: string) => void;
     label?: string;
     automationId?: string;
     noOptionsMessage?: string;
@@ -23,5 +22,6 @@ export interface DropdownWithInputTagsProps {
     disabled?: boolean;
     type?: 'select' | 'multi-select' | 'multi-select-without-cta';
     showInput?: boolean;
+    displayTagBy?: 'label' | 'value';
 }
 export declare const DropdownWithInputTags: React.ForwardRefExoticComponent<DropdownWithInputTagsProps & React.RefAttributes<DropdownWithInputTagsHandle>>;

package/dist/components/Radio/index.d.ts

@@ -13,5 +13,7 @@ export interface RadioProps {
     radioContainerClassName?: string;
     automationId?: string;
     withBorder?: boolean;
+    bgColor?: string;
+    content?: () => React.ReactNode;
 }
 export declare function Radio(props: RadioProps): React.JSX.Element;

package/dist/index31.js

@@ -1,35 +1,38 @@
-import a, { useRef as f } from "react";
-function b(e) {
+import a, { useRef as b } from "react";
+function w(e) {
   const {
-    label: n,
-    value: r,
-    checked: o,
+    label: d,
+    value: o,
+    checked: r,
     disabled: t,
-    name: d,
+    name: c,
     onChange: l,
-    width: c,
-    radioLabelClassName: s = "",
-    radioContainerClassName: m = "",
-    automationId: u = "",
-    withBorder: x = !0
-  } = e, i = f(null);
+    width: s,
+    radioLabelClassName: m = "",
+    radioContainerClassName: u = "",
+    automationId: x = "",
+    bgColor: f = "var(--color-white)",
+    withBorder: h = !0,
+    content: i
+  } = e, n = b(null);
   return /* @__PURE__ */ a.createElement("div", {
-    className: `flex flex-col justify-center items-start gap-2 ${t ? "cursor-not-allowed" : "cursor-pointer"} bg-[var(--color-white)] ${x ? `border ${o ? "border-[#1088E7]" : "border-[#C9D4E3]"} p-4` : ""} rounded-[6px] transition-colors duration-300 ${t ? "opacity-50" : ""} ${m}`,
-    onClick: () => i.current?.click(),
+    className: `flex flex-col justify-center items-start gap-2 ${t ? "cursor-not-allowed" : "cursor-pointer"} ${h ? `border ${r ? "border-[#1088E7]" : "border-[#C9D4E3]"} p-4` : ""} rounded-[6px] transition-colors duration-300 ${t ? "opacity-50" : ""} ${u}`,
+    onClick: () => n.current?.click(),
     style: {
-      width: c || "20vw"
+      width: s || "20vw",
+      backgroundColor: f
     },
-    "data-automation-id": u
+    "data-automation-id": x
   }, /* @__PURE__ */ a.createElement("div", {
-    className: "flex items-center gap-3",
+    className: "flex items-center gap-[0.625rem]",
     "data-automation-id": "radio-field-content"
   }, /* @__PURE__ */ a.createElement("input", {
-    ref: i,
+    ref: n,
     type: "radio",
-    id: r,
-    name: d,
-    value: r,
-    checked: o,
+    id: o,
+    name: c,
+    value: o,
+    checked: r,
     disabled: t,
     className: "radio-field-input cursor-pointer accent-[#1088E7] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]",
     onChange: () => {
@@ -39,21 +42,23 @@ function b(e) {
       });
     }
   }), /* @__PURE__ */ a.createElement("label", {
-    htmlFor: r,
+    htmlFor: o,
     className: `${e.helperLabel ? "flex flex-col gap-[6px]" : ""} ${t ? "cursor-not-allowed" : "cursor-pointer"}`,
     "data-automation-id": "radio-field-label"
   }, /* @__PURE__ */ a.createElement("span", {
-    className: `text-sm text-[var(--color-gray-800)] ${s} `,
+    className: `text-sm text-[var(--color-gray-800)] ${m} `,
     style: {
       fontSize: "16px",
       fontWeight: "400"
     }
-  }, n))), e.helperLabel && /* @__PURE__ */ a.createElement("span", {
+  }, d))), r && i && /* @__PURE__ */ a.createElement("div", {
+    className: "radio-child-content pl-[1.5rem] w-full"
+  }, i()), e.helperLabel && /* @__PURE__ */ a.createElement("span", {
     className: `text-sm font-normal text-[var(--color-gray-600)] ${e.maxWidth ? `max-w-[${e.maxWidth}]` : "max-w-[20vw]"} break-words whitespace-normal`,
     "data-automation-id": "radio-field-helper-text"
   }, e.helperLabel));
 }
 export {
-  b as Radio
+  w as Radio
 };
 //# sourceMappingURL=index31.js.map

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","sources":["../src/components/Radio/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface RadioProps {\n  label: string;\n  value: string;\n  checked: boolean;\n  disabled: boolean;\n  name: string;\n  onChange?: (props: RadioProps) => void;\n  helperLabel?: string;\n  maxWidth?: string;\n  width?: string;\n  radioLabelClassName?: string;\n  radioContainerClassName?: string;\n  automationId?: string;\n  withBorder?: boolean;\n}\n\nexport function Radio(props: RadioProps) {\n  const {\n    label,\n    value,\n    checked,\n    disabled,\n    name,\n    onChange,\n    width,\n    radioLabelClassName = '',\n    radioContainerClassName = '',\n    automationId = '',\n    withBorder = true\n  } = props;\n  const radioRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <div\n      className={`flex flex-col justify-center items-start gap-2 ${\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n      } bg-[var(--color-white)] ${\n        withBorder ? `border ${checked ? 'border-[#1088E7]' : 'border-[#C9D4E3]'} p-4` : ''\n      } rounded-[6px] transition-colors duration-300 ${disabled ? 'opacity-50' : ''} ${radioContainerClassName}`}\n      onClick={() => radioRef.current?.click()}\n      style={{ width: width || '20vw' }}\n      data-automation-id={automationId}\n    >\n      <div className=\"flex items-center gap-3\" data-automation-id=\"radio-field-content\">\n        <input\n          ref={radioRef}\n          type=\"radio\"\n          id={value}\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          className=\"radio-field-input cursor-pointer accent-[#1088E7] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]\"\n          onChange={() => {\n            onChange && onChange({ ...props, checked: true });\n          }}\n        />\n        <label\n          htmlFor={value}\n          className={`${props.helperLabel ? 'flex flex-col gap-[6px]' : ''} ${\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n          }`}\n          data-automation-id=\"radio-field-label\"\n        >\n          <span\n            className={`text-sm text-[var(--color-gray-800)] ${radioLabelClassName} `}\n            style={{ fontSize: '16px', fontWeight: '400' }}\n          >\n            {label}\n          </span>\n        </label>\n      </div>\n\n      {props.helperLabel && (\n        <span\n          className={`text-sm font-normal text-[var(--color-gray-600)] ${\n            props.maxWidth ? `max-w-[${props.maxWidth}]` : 'max-w-[20vw]'\n          } break-words whitespace-normal`}\n          data-automation-id=\"radio-field-helper-text\"\n        >\n          {props.helperLabel}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Radio","props","label","value","checked","disabled","name","onChange","width","radioLabelClassName","radioContainerClassName","automationId","withBorder","radioRef","useRef","React","createElement","className","onClick","current","click","style","ref","type","id","htmlFor","helperLabel","fontSize","fontWeight","maxWidth"],"mappings":";AAkBO,SAASA,EAAMC,GAAmB;AACvC,QAAM;AAAA,IACJC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,qBAAAA,IAAsB;AAAA,IACtBC,yBAAAA,IAA0B;AAAA,IAC1BC,cAAAA,IAAe;AAAA,IACfC,YAAAA,IAAa;AAAA,EAAA,IACXX,GACEY,IAAWC,EAAyB,IAAI;AAE9C,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,kDACTZ,IAAW,uBAAuB,gBAAgB,4BAElDO,IAAa,UAAUR,IAAU,qBAAqB,kBAAkB,SAAS,EAAE,iDACpCC,IAAW,eAAe,EAAE,IAAIK,CAAuB;AAAA,IACxGQ,SAASA,MAAML,EAASM,SAASC,MAAAA;AAAAA,IACjCC,OAAO;AAAA,MAAEb,OAAOA,KAAS;AAAA,IAAA;AAAA,IACzB,sBAAoBG;AAAAA,EAAAA,GAEpBI,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAA0B,sBAAmB;AAAA,EAAA,GAC1DF,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEM,KAAKT;AAAAA,IACLU,MAAK;AAAA,IACLC,IAAIrB;AAAAA,IACJG,MAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAY,WAAU;AAAA,IACVV,UAAUA,MAAM;AACdA,MAAAA,KAAYA,EAAS;AAAA,QAAE,GAAGN;AAAAA,QAAOG,SAAS;AAAA,MAAA,CAAM;AAAA,IAClD;AAAA,EAAA,CACD,GACDW,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACES,SAAStB;AAAAA,IACTc,WAAW,GAAGhB,EAAMyB,cAAc,4BAA4B,EAAE,IAC9DrB,IAAW,uBAAuB,gBAAgB;AAAA,IAEpD,sBAAmB;AAAA,EAAA,GAEnBU,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,wCAAwCR,CAAmB;AAAA,IACtEY,OAAO;AAAA,MAAEM,UAAU;AAAA,MAAQC,YAAY;AAAA,IAAA;AAAA,EAAM,GAE5C1B,CACG,CACD,CACJ,GAEJD,EAAMyB,eACLX,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,oDACThB,EAAM4B,WAAW,UAAU5B,EAAM4B,QAAQ,MAAM,cAAc;AAAA,IAE/D,sBAAmB;AAAA,EAAA,GAElB5B,EAAMyB,WACH,CAEL;AAET;"}
+{"version":3,"file":"index31.js","sources":["../src/components/Radio/index.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface RadioProps {\n  label: string;\n  value: string;\n  checked: boolean;\n  disabled: boolean;\n  name: string;\n  onChange?: (props: RadioProps) => void;\n  helperLabel?: string;\n  maxWidth?: string;\n  width?: string;\n  radioLabelClassName?: string;\n  radioContainerClassName?: string;\n  automationId?: string;\n  withBorder?: boolean;\n  bgColor?: string;\n  content?: () => React.ReactNode;\n}\n\nexport function Radio(props: RadioProps) {\n  const {\n    label,\n    value,\n    checked,\n    disabled,\n    name,\n    onChange,\n    width,\n    radioLabelClassName = '',\n    radioContainerClassName = '',\n    automationId = '',\n    bgColor = 'var(--color-white)',\n    withBorder = true,\n    content\n  } = props;\n  const radioRef = useRef<HTMLInputElement>(null);\n\n  return (\n    <div\n      className={`flex flex-col justify-center items-start gap-2 ${\n        disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n      } ${\n        withBorder ? `border ${checked ? 'border-[#1088E7]' : 'border-[#C9D4E3]'} p-4` : ''\n      } rounded-[6px] transition-colors duration-300 ${disabled ? 'opacity-50' : ''} ${radioContainerClassName}`}\n      onClick={() => radioRef.current?.click()}\n      style={{ width: width || '20vw', backgroundColor: bgColor }}\n      data-automation-id={automationId}\n    >\n      <div className=\"flex items-center gap-[0.625rem]\" data-automation-id=\"radio-field-content\">\n        <input\n          ref={radioRef}\n          type=\"radio\"\n          id={value}\n          name={name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          className=\"radio-field-input cursor-pointer accent-[#1088E7] disabled:cursor-not-allowed disabled:opacity-50 text-[var(--color-blue-500)] w-[14px] h-[14px] p-[3px]\"\n          onChange={() => {\n            onChange && onChange({ ...props, checked: true });\n          }}\n        />\n        <label\n          htmlFor={value}\n          className={`${props.helperLabel ? 'flex flex-col gap-[6px]' : ''} ${\n            disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n          }`}\n          data-automation-id=\"radio-field-label\"\n        >\n          <span\n            className={`text-sm text-[var(--color-gray-800)] ${radioLabelClassName} `}\n            style={{ fontSize: '16px', fontWeight: '400' }}\n          >\n            {label}\n          </span>\n        </label>\n      </div>\n      {checked && content && \n        <div className=\"radio-child-content pl-[1.5rem] w-full\">\n          {content()}\n        </div>\n      }\n      {props.helperLabel && (\n        <span\n          className={`text-sm font-normal text-[var(--color-gray-600)] ${\n            props.maxWidth ? `max-w-[${props.maxWidth}]` : 'max-w-[20vw]'\n          } break-words whitespace-normal`}\n          data-automation-id=\"radio-field-helper-text\"\n        >\n          {props.helperLabel}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Radio","props","label","value","checked","disabled","name","onChange","width","radioLabelClassName","radioContainerClassName","automationId","bgColor","withBorder","content","radioRef","useRef","React","createElement","className","onClick","current","click","style","backgroundColor","ref","type","id","htmlFor","helperLabel","fontSize","fontWeight","maxWidth"],"mappings":";AAoBO,SAASA,EAAMC,GAAmB;AACvC,QAAM;AAAA,IACJC,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,qBAAAA,IAAsB;AAAA,IACtBC,yBAAAA,IAA0B;AAAA,IAC1BC,cAAAA,IAAe;AAAA,IACfC,SAAAA,IAAU;AAAA,IACVC,YAAAA,IAAa;AAAA,IACbC,SAAAA;AAAAA,EAAAA,IACEb,GACEc,IAAWC,EAAyB,IAAI;AAE9C,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,kDACTd,IAAW,uBAAuB,gBAAgB,IAElDQ,IAAa,UAAUT,IAAU,qBAAqB,kBAAkB,SAAS,EAAE,iDACpCC,IAAW,eAAe,EAAE,IAAIK,CAAuB;AAAA,IACxGU,SAASA,MAAML,EAASM,SAASC,MAAAA;AAAAA,IACjCC,OAAO;AAAA,MAAEf,OAAOA,KAAS;AAAA,MAAQgB,iBAAiBZ;AAAAA,IAAAA;AAAAA,IAClD,sBAAoBD;AAAAA,EAAAA,GAEpBM,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAmC,sBAAmB;AAAA,EAAA,GACnEF,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEO,KAAKV;AAAAA,IACLW,MAAK;AAAA,IACLC,IAAIxB;AAAAA,IACJG,MAAAA;AAAAA,IACAH,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAc,WAAU;AAAA,IACVZ,UAAUA,MAAM;AACdA,MAAAA,KAAYA,EAAS;AAAA,QAAE,GAAGN;AAAAA,QAAOG,SAAS;AAAA,MAAA,CAAM;AAAA,IAClD;AAAA,EAAA,CACD,GACDa,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEU,SAASzB;AAAAA,IACTgB,WAAW,GAAGlB,EAAM4B,cAAc,4BAA4B,EAAE,IAC9DxB,IAAW,uBAAuB,gBAAgB;AAAA,IAEpD,sBAAmB;AAAA,EAAA,GAEnBY,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,wCAAwCV,CAAmB;AAAA,IACtEc,OAAO;AAAA,MAAEO,UAAU;AAAA,MAAQC,YAAY;AAAA,IAAA;AAAA,EAAM,GAE5C7B,CACG,CACD,CACJ,GACJE,KAAWU,KACVG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACZL,GACE,GAENb,EAAM4B,eACLZ,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACEC,WAAW,oDACTlB,EAAM+B,WAAW,UAAU/B,EAAM+B,QAAQ,MAAM,cAAc;AAAA,IAE/D,sBAAmB;AAAA,EAAA,GAElB/B,EAAM4B,WACH,CAEL;AAET;"}

package/dist/index33.js

@@ -1,40 +1,40 @@
 import e, { useState as c, useEffect as d } from "react";
 import { Icon as f } from "./index5.js";
-const h = ({
-  title: n,
-  content: r,
+const u = ({
+  title: r,
+  content: i,
   defaultOpen: a,
   overflow: o,
-  titleClassName: s = "",
-  showSeparator: l = !0,
-  automationId: m = ""
+  titleClassName: m = "",
+  showSeparator: s = !0,
+  automationId: l = ""
 }) => {
-  const [t, i] = c(!1);
+  const [t, n] = c(!1);
   return d(() => {
-    i(a || !1);
+    n(a || !1);
   }, [a]), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", {
     className: "flex items-center cursor-pointer max-w-[50vw]",
-    onClick: () => i(!t),
-    "data-automation-id": m
+    onClick: () => n(!t),
+    "data-automation-id": l
   }, /* @__PURE__ */ e.createElement("div", {
     className: `transform transition-transform duration-300 ${t ? "rotate-90" : ""}`
   }, /* @__PURE__ */ e.createElement(f, {
     name: "rightSide"
   })), /* @__PURE__ */ e.createElement("h4", {
-    className: `text-[#1B2636] font-inter text-[18px] font-semibold leading-[24px] ${s}`
-  }, n)), /* @__PURE__ */ e.createElement("div", {
+    className: `text-[#1B2636] font-inter text-[18px] font-semibold leading-[24px] ${m}`
+  }, r)), /* @__PURE__ */ e.createElement("div", {
     className: `
         overflow-${o || "hidden"}
         transition-all
         duration-300
         ml-1
         mt-[1vw]
-        ${t ? "max-h-[1000vh] opacity-100 visible h-auto" : "max-h-0 opacity-0 invisible h-0"}`
-  }, r), l && /* @__PURE__ */ e.createElement("div", {
-    className: `h-[1px] bg-[#E5E7EB] ${t ? "hidden" : "block"}`
+        ${t ? "max-h-[1000vh] opacity-100 visible h-auto" : "hidden"}`
+  }, i), s && /* @__PURE__ */ e.createElement("div", {
+    className: `h-[1px] bg-[#E5E7EB] mt-[12px] ${t ? "hidden" : "block"}`
   }));
 };
 export {
-  h as Accordion
+  u as Accordion
 };
 //# sourceMappingURL=index33.js.map

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","sources":["../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\n\nexport interface AccordionProps {\n  title: string;\n  titleClassName?: string;\n  content: React.ReactNode;\n  defaultOpen?: boolean;\n  showSeparator?: boolean;\n  overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | undefined | string;\n  automationId?: string;\n}\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  content,\n  defaultOpen,\n  overflow,\n  titleClassName = '',\n  showSeparator = true,\n  automationId = ''\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n  return (\n    <div>\n      <div className=\"flex items-center cursor-pointer max-w-[50vw]\" onClick={() => setIsOpen(!isOpen)} data-automation-id={automationId}>\n        <div className={`transform transition-transform duration-300 ${isOpen ? 'rotate-90' : ''}`}>\n          <Icon name=\"rightSide\" />\n        </div>\n        <h4 className={`text-[#1B2636] font-inter text-[18px] font-semibold leading-[24px] ${titleClassName}`}>\n          {title}\n        </h4>\n      </div>\n      <div\n        className={`\n        overflow-${overflow || 'hidden'}\n        transition-all\n        duration-300\n        ml-1\n        mt-[1vw]\n        ${isOpen ? 'max-h-[1000vh] opacity-100 visible h-auto' : 'max-h-0 opacity-0 invisible h-0'}`}\n      >\n        {content}\n      </div>\n      {showSeparator && <div className={`h-[1px] bg-[#E5E7EB] ${!isOpen ? 'block' : 'hidden'}`}></div>}\n    </div>\n  );\n};\n"],"names":["Accordion","title","content","defaultOpen","overflow","titleClassName","showSeparator","automationId","isOpen","setIsOpen","useState","useEffect","createElement","React","className","onClick","Icon","name"],"mappings":";;AAaO,MAAMA,IAAgCA,CAAC;AAAA,EAC5CC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AACjB,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAC1CC,SAAAA,EAAU,MAAM;AACdF,IAAAA,EAAUN,KAAe,EAAK;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC,qBAEdS,cAAA,OAAA,MACEC,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,IAAgDC,SAASA,MAAMN,EAAU,CAACD,CAAM;AAAA,IAAG,sBAAoBD;AAAAA,EAAAA,GACpHM,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAW,+CAA+CN,IAAS,cAAc,EAAE;AAAA,EAAA,GACtFK,gBAAAA,EAAAD,cAACI,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAa,CACrB,GACLJ,gBAAAA,EAAAD,cAAA,MAAA;AAAA,IAAIE,WAAW,sEAAsET,CAAc;AAAA,EAAA,GAChGJ,CACC,CACD,GACLY,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IACEE,WAAW;AAAA,mBACAV,KAAY,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7BI,IAAS,8CAA8C,iCAAiC;AAAA,EAAA,GAEzFN,CACE,GACJI,KAAiBO,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAW,wBAAyBN,IAAmB,WAAV,OAAkB;AAAA,EAAA,CAAS,CAC5F;AAET;"}
+{"version":3,"file":"index33.js","sources":["../src/components/Accordion/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from 'react';\nimport { Icon } from '../Icon';\n\nexport interface AccordionProps {\n  title: string;\n  titleClassName?: string;\n  content: React.ReactNode;\n  defaultOpen?: boolean;\n  showSeparator?: boolean;\n  overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | undefined | string;\n  automationId?: string;\n}\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  content,\n  defaultOpen,\n  overflow,\n  titleClassName = '',\n  showSeparator = true,\n  automationId = ''\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  useEffect(() => {\n    setIsOpen(defaultOpen || false);\n  }, [defaultOpen]);\n  return (\n    <div>\n      <div className=\"flex items-center cursor-pointer max-w-[50vw]\" onClick={() => setIsOpen(!isOpen)} data-automation-id={automationId}>\n        <div className={`transform transition-transform duration-300 ${isOpen ? 'rotate-90' : ''}`}>\n          <Icon name=\"rightSide\" />\n        </div>\n        <h4 className={`text-[#1B2636] font-inter text-[18px] font-semibold leading-[24px] ${titleClassName}`}>\n          {title}\n        </h4>\n      </div>\n      <div\n        className={`\n        overflow-${overflow || 'hidden'}\n        transition-all\n        duration-300\n        ml-1\n        mt-[1vw]\n        ${isOpen ? 'max-h-[1000vh] opacity-100 visible h-auto' : 'hidden'}`}\n      >\n        {content}\n      </div>\n      {showSeparator && <div className={`h-[1px] bg-[#E5E7EB] mt-[12px] ${!isOpen ? 'block' : 'hidden'}`}></div>}\n    </div>\n  );\n};\n"],"names":["Accordion","title","content","defaultOpen","overflow","titleClassName","showSeparator","automationId","isOpen","setIsOpen","useState","useEffect","createElement","React","className","onClick","Icon","name"],"mappings":";;AAaO,MAAMA,IAAgCA,CAAC;AAAA,EAC5CC,OAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,eAAAA,IAAgB;AAAA,EAChBC,cAAAA,IAAe;AACjB,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAC1CC,SAAAA,EAAU,MAAM;AACdF,IAAAA,EAAUN,KAAe,EAAK;AAAA,EAChC,GAAG,CAACA,CAAW,CAAC,qBAEdS,cAAA,OAAA,MACEC,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,IAAgDC,SAASA,MAAMN,EAAU,CAACD,CAAM;AAAA,IAAG,sBAAoBD;AAAAA,EAAAA,GACpHM,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAW,+CAA+CN,IAAS,cAAc,EAAE;AAAA,EAAA,GACtFK,gBAAAA,EAAAD,cAACI,GAAI;AAAA,IAACC,MAAK;AAAA,EAAA,CAAa,CACrB,GACLJ,gBAAAA,EAAAD,cAAA,MAAA;AAAA,IAAIE,WAAW,sEAAsET,CAAc;AAAA,EAAA,GAChGJ,CACC,CACD,GACLY,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IACEE,WAAW;AAAA,mBACAV,KAAY,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7BI,IAAS,8CAA8C,QAAQ;AAAA,EAAA,GAEhEN,CACE,GACJI,KAAiBO,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKE,WAAW,kCAAmCN,IAAmB,WAAV,OAAkB;AAAA,EAAA,CAAS,CACtG;AAET;"}

package/dist/index36.js

@@ -1,251 +1,237 @@
-import l, { forwardRef as Z, useState as b, useRef as D, useEffect as V, useImperativeHandle as ee } from "react";
-import { Popover as te } from "./index17.js";
-import { Icon as ae } from "./index5.js";
+import n, { forwardRef as ee, useState as N, useRef as b, useEffect as I, useImperativeHandle as te } from "react";
+import { Popover as ae } from "./index17.js";
+import { Icon as ne } from "./index5.js";
 import { Checkbox as le } from "./index21.js";
-import { Button as F } from "./index3.js";
+import { Button as V } from "./index3.js";
 /* empty css         */
-function T() {
-  return T = Object.assign ? Object.assign.bind() : function(d) {
-    for (var o = 1; o < arguments.length; o++) {
-      var g = arguments[o];
+function D() {
+  return D = Object.assign ? Object.assign.bind() : function(d) {
+    for (var s = 1; s < arguments.length; s++) {
+      var g = arguments[s];
       for (var h in g) ({}).hasOwnProperty.call(g, h) && (d[h] = g[h]);
     }
     return d;
-  }, T.apply(null, arguments);
+  }, D.apply(null, arguments);
 }
-const ue = /* @__PURE__ */ Z(({
-  value: d = [],
-  onChange: o,
+const pe = /* @__PURE__ */ ee(({
+  value: d,
+  onChange: s,
   placeholder: g = "Type to search or add custom tags...",
   className: h = "",
-  options: c = [],
+  options: m = [],
   renderOption: S,
-  onSearch: N,
-  label: O,
+  label: T,
   automationId: u = "",
-  noOptionsMessage: P = "No options found",
-  allowCustomTags: $ = !0,
-  disabled: r = !1,
-  type: R = "select",
-  showInput: L = !0
+  noOptionsMessage: O = "No options found",
+  allowCustomTags: P = !0,
+  disabled: l = !1,
+  type: $ = "select",
+  showInput: F = !0,
+  displayTagBy: L = "label"
 }, W) => {
-  const [s, p] = b(() => d.map((t) => {
-    const e = c.find((a) => a.value === t);
-    return e ? {
-      label: e.label,
-      value: e.value
+  const R = (t) => t.map((e) => {
+    const a = m.find((c) => c.value === e);
+    return a ? {
+      label: a.label,
+      value: a.value
     } : {
-      label: t,
-      value: t
+      label: e,
+      value: e
     };
-  })), [n, E] = b(""), [v, A] = b(c), [m, i] = b(!1), _ = D(null), x = D(null), y = D(!1), k = R === "multi-select-without-cta", w = R === "multi-select" || k;
-  V(() => {
+  }), [o, p] = N(() => R(d || [])), [r, E] = N(""), [v, _] = N(m), [f, i] = N(!1), j = b(null), A = b(null), y = b(!1), k = $ === "multi-select-without-cta", w = $ === "multi-select" || k;
+  I(() => {
     if (y.current) {
       y.current = !1;
       return;
     }
-    p(d.map((t) => {
-      const e = c.find((a) => a.value === t);
-      return e ? {
-        label: e.label,
-        value: e.value
-      } : {
-        label: t,
-        value: t
-      };
-    }));
-  }, [d, c, m]), V(() => {
-    if (!n.trim())
-      A(c);
-    else {
-      const t = c.filter((e) => e.label.toLowerCase().includes(n.toLowerCase()) || e.value.toLowerCase().includes(n.toLowerCase()));
-      A(t);
-    }
-    N && N(n);
-  }, [n, c, N]);
+    p(R(d || []));
+  }, [d, m, f]), I(() => {
+    const t = m.filter((e) => e.label.toLowerCase().includes(r.toLowerCase()) || e.value.toLowerCase().includes(r.toLowerCase()));
+    _(t);
+  }, [r, m]);
   const C = (t) => {
-    if (r) return;
-    const e = [...s];
+    if (l) return;
+    const e = [...o];
     e.some((a) => a.value === t.value) || (e.push({
       label: t.label,
       value: t.value
-    }), p(e), o?.(e.map((a) => a.value))), E(""), i(!1);
-  }, j = (t) => {
-    if (r) return;
-    const e = s.filter((a, f) => f !== t);
-    p(e), (!w || k || w && !m) && o?.(e.map((a) => a.value));
+    }), p(e), s?.(e.map((a) => a.value))), E(""), i(!1);
   }, z = (t) => {
-    if (!r)
-      if (t.key === "Enter" && n.trim()) {
+    if (l) return;
+    const e = o.filter((a, c) => c !== t);
+    p(e), (!w || k || w && !f) && s?.(e.map((a) => a.value));
+  }, B = (t) => {
+    if (!l)
+      if (t.key === "Enter" && r.trim()) {
         if (t.preventDefault(), v.length > 0)
           if (w) {
-            const e = s.some((a) => a.value === v[0].value);
-            I(!e, v[0]);
+            const e = o.some((a) => a.value === v[0].value);
+            x(!e, v[0]);
           } else
             C(v[0]);
-        else if ($) {
-          const e = [...s];
-          e.some((a) => a.value === n.trim()) || (e.push({
-            label: n.trim(),
-            value: n.trim()
-          }), p(e), o?.(e.map((a) => a.value))), E("");
+        else if (P) {
+          const e = [...o];
+          e.some((a) => a.value === r.trim()) || (e.push({
+            label: r.trim(),
+            value: r.trim()
+          }), p(e), s?.(e.map((a) => a.value))), E("");
         }
         i(!1);
-      } else if (t.key === "Backspace" && n === "" && s.length > 0) {
-        const e = s.slice(0, -1);
-        p(e), o?.(e.map((a) => a.value));
-      } else t.key === "ArrowDown" ? (t.preventDefault(), m || i(!0)) : t.key === "Escape" && (i(!1), E(""));
-  }, B = (t) => {
-    if (r) return;
+      } else if (t.key === "Backspace" && r === "" && o.length > 0) {
+        const e = o.slice(0, -1);
+        p(e), s?.(e.map((a) => a.value));
+      } else t.key === "ArrowDown" ? (t.preventDefault(), f || i(!0)) : t.key === "Escape" && (i(!1), E(""));
+  }, K = (t) => {
+    if (l) return;
     const e = t.target.value;
-    E(e), e.trim() && !m && i(!0);
-  }, K = () => {
-    r || (n.trim() || c.length > 0) && i(!0);
-  }, M = (t) => {
-    r || (t.stopPropagation(), x.current?.focus(), !m && (n.trim() || c.length > 0) && i(!0));
+    E(e), e.trim() && !f && i(!0);
+  }, M = () => {
+    l || (r.trim() || m.length > 0) && i(!0);
   }, H = (t) => {
-    if (r) {
+    l || (t.stopPropagation(), A.current?.focus(), !f && (r.trim() || m.length > 0) && i(!0));
+  }, q = (t) => {
+    if (l) {
       t.preventDefault(), t.stopPropagation();
       return;
     }
     t.target.closest(".input-with-tags-container") && t.stopPropagation();
-  }, q = () => {
-    r || i(!m);
+  }, G = () => {
+    l || i(!f);
   };
-  ee(W, () => ({
-    toggleDropdown: q
+  te(W, () => ({
+    toggleDropdown: G
   }), []);
-  const G = (t, e, a) => {
-    const f = s.some((Y) => Y.value === t.value);
-    return /* @__PURE__ */ l.createElement("div", {
+  const J = (t, e, a) => {
+    const c = o.some((Z) => Z.value === t.value);
+    return /* @__PURE__ */ n.createElement("div", {
       key: t.id,
       className: "dropdown-with-input-tags-option",
       role: "option",
-      "aria-selected": f,
+      "aria-selected": c,
       onClick: () => !a && e(t),
       "data-automation-id": `${u}-option-${t.id}`
-    }, /* @__PURE__ */ l.createElement("span", {
+    }, /* @__PURE__ */ n.createElement("span", {
       className: "option-label"
-    }, t.label), t.value !== t.label && /* @__PURE__ */ l.createElement("span", {
+    }, t.label), t.value !== t.label && /* @__PURE__ */ n.createElement("span", {
       className: "option-value"
     }, t.value));
-  }, I = (t, e) => {
+  }, x = (t, e) => {
     let a = [];
-    t ? a = [...s, {
+    t ? a = [...o, {
       label: e.label,
       value: e.value
-    }] : a = s.filter((f) => f.value !== e.value), p(a), k && o?.(a.map((f) => f.value));
-  }, J = () => {
-    y.current = !0;
-    const t = s.map((e) => e.value);
-    o?.(t), i(!1);
+    }] : a = o.filter((c) => c.value !== e.value), p(a), k && s?.(a.map((c) => c.value));
   }, Q = () => {
+    y.current = !0;
+    const t = o.map((e) => e.value);
+    s?.(t), i(!1);
+  }, U = () => {
     p([]);
-  }, U = (t) => {
-    const e = s.some((a) => a.value === t.value);
-    return /* @__PURE__ */ l.createElement("div", {
+  }, X = (t) => {
+    const e = o.some((a) => a.value === t.value);
+    return /* @__PURE__ */ n.createElement("div", {
       key: t.id,
       className: "dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option",
       role: "option",
       "aria-checked": e,
       "data-automation-id": `${u}-option-${t.id}`
-    }, /* @__PURE__ */ l.createElement(le, {
+    }, /* @__PURE__ */ n.createElement(le, {
       automationId: "checkbox",
       className: "checkbox",
       defaultChecked: e,
-      onChange: (a) => I(a, t),
+      onChange: (a) => x(a, t),
       label: t.label
     }));
-  }, X = () => /* @__PURE__ */ l.createElement("div", {
+  }, Y = () => /* @__PURE__ */ n.createElement("div", {
     className: "dropdown-with-input-tags-ctas-container"
-  }, /* @__PURE__ */ l.createElement(F, {
+  }, /* @__PURE__ */ n.createElement(V, {
     label: "Clear",
     type: "link",
     size: "sm",
-    onClick: Q,
+    onClick: U,
     automationId: `${u}-clear-button`
-  }), /* @__PURE__ */ l.createElement(F, {
+  }), /* @__PURE__ */ n.createElement(V, {
     label: "Apply",
     type: "primary",
     size: "sm",
-    onClick: J,
+    onClick: Q,
     automationId: `${u}-apply-button`
   }));
-  return /* @__PURE__ */ l.createElement("div", {
-    className: `dropdown-with-input-tags-wrapper ${h} ${r ? "disabled-wrapper" : ""}`,
+  return /* @__PURE__ */ n.createElement("div", {
+    className: `dropdown-with-input-tags-wrapper ${h} ${l ? "disabled-wrapper" : ""}`,
     "data-automation-id": u
-  }, O && /* @__PURE__ */ l.createElement("label", {
+  }, T && /* @__PURE__ */ n.createElement("label", {
     id: `${u}-label`,
     className: "dropdown-with-input-tags-label"
-  }, O), /* @__PURE__ */ l.createElement("div", {
-    onClick: H
-  }, /* @__PURE__ */ l.createElement(te, {
-    ref: _,
+  }, T), /* @__PURE__ */ n.createElement("div", {
+    onClick: q
+  }, /* @__PURE__ */ n.createElement(ae, {
+    ref: j,
     className: "dropdown-with-input-tags-popover",
     contentWidth: "full",
     position: "bottom-left",
-    isPopoverOpen: !r && m,
-    onPopoverToggle: r ? () => {
+    isPopoverOpen: !l && f,
+    onPopoverToggle: l ? () => {
     } : i,
     renderPopoverContents: ({
       closePopoverCb: t
-    }) => /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", T({
+    }) => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", D({
       className: "dropdown-with-input-tags-content",
       role: "listbox"
     }, w && {
       "aria-multiselectable": "true"
-    }), v.length > 0 ? v.map((e) => w ? U(e) : S ? S(e, C) : G(e, C, r)) : /* @__PURE__ */ l.createElement("div", {
+    }), v.length > 0 ? v.map((e) => w ? X(e) : S ? S(e, C) : J(e, C, l)) : /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-with-input-tags-no-options"
-    }, n.trim() ? $ ? /* @__PURE__ */ l.createElement("div", {
+    }, r.trim() ? P ? /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-with-input-tags-option dropdown-with-input-tags-custom-option",
       onClick: () => {
-        if (r) return;
-        const e = [...s];
-        e.some((a) => a.value === n.trim()) || (e.push({
-          label: n.trim(),
-          value: n.trim()
-        }), p(e), o?.(e.map((a) => a.value))), E(""), t();
+        if (l) return;
+        const e = [...o];
+        e.some((a) => a.value === r.trim()) || (e.push({
+          label: r.trim(),
+          value: r.trim()
+        }), p(e), s?.(e.map((a) => a.value))), E(""), t();
       }
-    }, 'Add "', n.trim(), '"') : /* @__PURE__ */ l.createElement("div", {
+    }, 'Add "', r.trim(), '"') : /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-with-input-tags-no-options-text",
       role: "status",
       "aria-live": "polite"
-    }, P) : /* @__PURE__ */ l.createElement("div", {
+    }, O) : /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-with-input-tags-no-options-text",
       role: "status",
       "aria-live": "polite"
-    }, P))), w && !k && X()),
-    renderPopoverSrcElement: () => /* @__PURE__ */ l.createElement("div", {
+    }, O))), w && !k && Y()),
+    renderPopoverSrcElement: () => /* @__PURE__ */ n.createElement("div", {
       className: "dropdown-with-input-tags-input-container"
-    }, /* @__PURE__ */ l.createElement("div", {
-      className: `input-with-tags-container ${r ? "disabled-input-with-tags-container" : ""}`,
-      onClick: M
-    }, s.map((t, e) => /* @__PURE__ */ l.createElement("span", {
+    }, /* @__PURE__ */ n.createElement("div", {
+      className: `input-with-tags-container ${l ? "disabled-input-with-tags-container" : ""}`,
+      onClick: H
+    }, o.map((t, e) => /* @__PURE__ */ n.createElement("span", {
       key: e,
       className: "tag-in-inputwithtags"
-    }, t.label, !r && /* @__PURE__ */ l.createElement("span", {
+    }, t[L], !l && /* @__PURE__ */ n.createElement("span", {
       className: "close-icon-in-inputwithtags",
       onClick: (a) => {
-        a.stopPropagation(), j(e);
+        a.stopPropagation(), z(e);
       }
-    }, /* @__PURE__ */ l.createElement(ae, {
+    }, /* @__PURE__ */ n.createElement(ne, {
       name: "close"
-    })))), (L || !s.length) && /* @__PURE__ */ l.createElement("input", {
-      ref: x,
+    })))), (F || !o.length) && /* @__PURE__ */ n.createElement("input", {
+      ref: A,
       type: "text",
-      value: n,
-      onChange: B,
-      onKeyDown: z,
-      onFocus: K,
-      placeholder: s.length === 0 ? g : "",
+      value: r,
+      onChange: K,
+      onKeyDown: B,
+      onFocus: M,
+      placeholder: o.length === 0 ? g : "",
       className: "input-with-tags-input",
-      disabled: r
+      disabled: l
     }))),
     automationId: u,
     popoverContentAutomationId: `${u}-content`
   })));
 });
 export {
-  ue as DropdownWithInputTags
+  pe as DropdownWithInputTags
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (option: DropdownOption, onSelect: (option: DropdownOption) => void) => React.ReactNode;\n  onSearch?: (searchTerm: string) => void;\n  label?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value = [],\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      onSearch,\n      label,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return value.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(\n        value.map(val => {\n          const found = options.find(opt => opt.value === val);\n          return found ? { label: found.label, value: found.value } : { label: val, value: val };\n        })\n      );\n    }, [value, options,isDropdownOpen]);\n\n\n    useEffect(() => {\n      if (!inputValue.trim()) {\n        setFilteredOptions(options);\n      } else {\n        const filtered = options.filter(option =>\n          option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n          option.value.toLowerCase().includes(inputValue.toLowerCase())\n        );\n        setFilteredOptions(filtered);\n      }\n      \n      if (onSearch) {\n        onSearch(inputValue);\n      }\n    }, [inputValue, options, onSearch]);\n\n    const handleSelectOption = (option: DropdownOption) => {\n      if (disabled) return;\n      \n      const newTags = [...tags];\n      if (!newTags.some(tag => tag.value === option.value)) {\n        newTags.push({ label: option.label, value: option.value });\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n      }\n      setInputValue('');\n      setIsDropdownOpen(false);\n    };\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      if (e.key === 'Enter' && inputValue.trim()) {\n        e.preventDefault();\n        \n        if (filteredOptions.length > 0) {\n          if(isMultiSelect ) {\n            const isSelected = tags.some(tag => tag.value === filteredOptions[0].value);\n            handleMultiSelectDropdownOptionClick(!isSelected, filteredOptions[0]);\n          } else {\n            handleSelectOption(filteredOptions[0]);\n          }\n        } else if (allowCustomTags) {\n          const newTags = [...tags];\n          if (!newTags.some(tag => tag.value === inputValue.trim())) {\n            newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n            setTags(newTags);\n            onChange?.(newTags.map(tag => tag.value));\n          }\n          setInputValue('');\n        }\n        setIsDropdownOpen(false);\n      } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n      } else if (e.key === 'Escape') {\n        setIsDropdownOpen(false);\n        setInputValue('');\n      }\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n      \n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n      \n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option\"\n          role=\"option\"\n          aria-selected={isSelected}\n          onClick={() => !disabled && onSelect(option)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleMultiSelectDropdownOptionClick = (isSelected: boolean, option: DropdownOption) => {\n      let newSelectedTags: { label: string; value: string }[] = [];\n      if (isSelected) {\n        newSelectedTags = [...tags, { label: option.label, value: option.value }];\n      } else {\n        newSelectedTags = tags.filter(tag => tag.value !== option.value);\n      }\n      setTags(newSelectedTags);\n      if(isMultiSelectWithoutCTA) {\n        onChange?.(newSelectedTags.map(tag => tag.value));\n      }\n    };\n\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option\"\n          role=\"option\"\n          aria-checked={isOptionSelected}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            defaultChecked={isOptionSelected}\n            onChange={(value) => handleMultiSelectDropdownOptionClick(value, option)}\n            label={option.label}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div className=\"dropdown-with-input-tags-ctas-container\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId} \n      >\n        {label && <label id={`${automationId}-label`} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  className=\"dropdown-with-input-tags-content\"\n                  role=\"listbox\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {filteredOptions.length > 0 ? (\n                    filteredOptions.map((option) =>\n                      isMultiSelect\n                        ? multiSelectRenderOption(option)\n                        : renderOption\n                        ? renderOption(option, handleSelectOption)\n                        : defaultRenderOption(option, handleSelectOption, disabled)\n                    )\n                  ) : (\n                    <div className=\"dropdown-with-input-tags-no-options\">\n                      {inputValue.trim() ? (\n                        allowCustomTags ? (\n                          <div\n                            className=\"dropdown-with-input-tags-option dropdown-with-input-tags-custom-option\"\n                            onClick={() => {\n                              if (disabled) return;\n                              const newTags = [...tags];\n                              if (!newTags.some((tag) => tag.value === inputValue.trim())) {\n                                newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n                                setTags(newTags);\n                                onChange?.(newTags.map((tag) => tag.value));\n                              }\n                              setInputValue('');\n                              closePopoverCb();\n                            }}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        ) : (\n                          <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                            {noOptionsMessage}\n                          </div>\n                        )\n                      ) : (\n                        <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                          {noOptionsMessage}\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''}`}\n                  onClick={handleInputContainerClick}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag.label}\n                      {!disabled && (\n                        <span\n                          className=\"close-icon-in-inputwithtags\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            handleRemoveTag(index);\n                          }}\n                        >\n                          <Icon name=\"close\" />\n                        </span>\n                      )}\n                    </span>\n                  ))}\n                  {(showInput ||!tags.length) && (\n                    <input\n                      ref={inputRef}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className=\"input-with-tags-input\"\n                      disabled={disabled}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","onSearch","label","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","ref","tags","setTags","useState","map","val","found","find","opt","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","useEffect","current","trim","filtered","filter","option","toLowerCase","includes","handleSelectOption","newTags","some","tag","push","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","preventDefault","length","isSelected","handleMultiSelectDropdownOptionClick","slice","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","onSelect","React","createElement","id","role","onClick","newSelectedTags","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","defaultChecked","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","renderPopoverContents","closePopoverCb","Fragment","_extends","renderPopoverSrcElement","Icon","name","onKeyDown","onFocus","popoverContentAutomationId"],"mappings":"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"}
+{"version":3,"file":"index36.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (option: DropdownOption, onSelect: (option: DropdownOption) => void) => React.ReactNode;\n  label?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n  displayTagBy?: 'label' | 'value';\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      label,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label'\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    // Define initValues at the top, right after props\n    const initValues = (values: string[]) => {\n      return values.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    };\n\n    // Now use it in useState\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return initValues(value || []);\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(initValues(value || []));\n    }, [value, options, isDropdownOpen]);\n\n\n    useEffect(() => {\n      // const isInputEmpty = !inputValue.trim();\n      const filtered = options.filter(option =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n        option.value.toLowerCase().includes(inputValue.toLowerCase())\n      );\n      setFilteredOptions(filtered);\n    }, [inputValue, options]);\n\n    const handleSelectOption = (option: DropdownOption) => {\n      if (disabled) return;\n      \n      const newTags = [...tags];\n      if (!newTags.some(tag => tag.value === option.value)) {\n        newTags.push({ label: option.label, value: option.value });\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n      }\n      setInputValue('');\n      setIsDropdownOpen(false);\n    };\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      if (e.key === 'Enter' && inputValue.trim()) {\n        e.preventDefault();\n        \n        if (filteredOptions.length > 0) {\n          if(isMultiSelect ) {\n            const isSelected = tags.some(tag => tag.value === filteredOptions[0].value);\n            handleMultiSelectDropdownOptionClick(!isSelected, filteredOptions[0]);\n          } else {\n            handleSelectOption(filteredOptions[0]);\n          }\n        } else if (allowCustomTags) {\n          const newTags = [...tags];\n          if (!newTags.some(tag => tag.value === inputValue.trim())) {\n            newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n            setTags(newTags);\n            onChange?.(newTags.map(tag => tag.value));\n          }\n          setInputValue('');\n        }\n        setIsDropdownOpen(false);\n      } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n      } else if (e.key === 'Escape') {\n        setIsDropdownOpen(false);\n        setInputValue('');\n      }\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n      \n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n      \n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option\"\n          role=\"option\"\n          aria-selected={isSelected}\n          onClick={() => !disabled && onSelect(option)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleMultiSelectDropdownOptionClick = (isSelected: boolean, option: DropdownOption) => {\n      let newSelectedTags: { label: string; value: string }[] = [];\n      if (isSelected) {\n        newSelectedTags = [...tags, { label: option.label, value: option.value }];\n      } else {\n        newSelectedTags = tags.filter(tag => tag.value !== option.value);\n      }\n      setTags(newSelectedTags);\n      if(isMultiSelectWithoutCTA) {\n        onChange?.(newSelectedTags.map(tag => tag.value));\n      }\n    };\n\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option\"\n          role=\"option\"\n          aria-checked={isOptionSelected}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            defaultChecked={isOptionSelected}\n            onChange={(value) => handleMultiSelectDropdownOptionClick(value, option)}\n            label={option.label}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div className=\"dropdown-with-input-tags-ctas-container\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId} \n      >\n        {label && <label id={`${automationId}-label`} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  className=\"dropdown-with-input-tags-content\"\n                  role=\"listbox\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {filteredOptions.length > 0 ? (\n                    filteredOptions.map((option) =>\n                      isMultiSelect\n                        ? multiSelectRenderOption(option)\n                        : renderOption\n                        ? renderOption(option, handleSelectOption)\n                        : defaultRenderOption(option, handleSelectOption, disabled)\n                    )\n                  ) : (\n                    <div className=\"dropdown-with-input-tags-no-options\">\n                      {inputValue.trim() ? (\n                        allowCustomTags ? (\n                          <div\n                            className=\"dropdown-with-input-tags-option dropdown-with-input-tags-custom-option\"\n                            onClick={() => {\n                              if (disabled) return;\n                              const newTags = [...tags];\n                              if (!newTags.some((tag) => tag.value === inputValue.trim())) {\n                                newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n                                setTags(newTags);\n                                onChange?.(newTags.map((tag) => tag.value));\n                              }\n                              setInputValue('');\n                              closePopoverCb();\n                            }}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        ) : (\n                          <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                            {noOptionsMessage}\n                          </div>\n                        )\n                      ) : (\n                        <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                          {noOptionsMessage}\n                        </div>\n                      )}\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''}`}\n                  onClick={handleInputContainerClick}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <span\n                          className=\"close-icon-in-inputwithtags\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            handleRemoveTag(index);\n                          }}\n                        >\n                          <Icon name=\"close\" />\n                        </span>\n                      )}\n                    </span>\n                  ))}\n                  {(showInput ||!tags.length) && (\n                    <input\n                      ref={inputRef}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className=\"input-with-tags-input\"\n                      disabled={disabled}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","label","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","useEffect","current","filtered","filter","option","toLowerCase","includes","handleSelectOption","newTags","some","tag","push","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","trim","preventDefault","length","isSelected","handleMultiSelectDropdownOptionClick","slice","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","onSelect","React","createElement","id","role","onClick","newSelectedTags","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","defaultChecked","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","renderPopoverContents","closePopoverCb","Fragment","_extends","renderPopoverSrcElement","Icon","name","onKeyDown","onFocus","popoverContentAutomationId"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "se-design",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "type": "module",
   "module": "dist/index.js",
   "exports": {