se-design 0.0.177 → 0.0.179

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/assets/style.css +1 -1
  2. package/dist/components/Checkbox/index.d.ts +2 -2
  3. package/dist/components/SearchBox/index.d.ts +1 -0
  4. package/dist/index21.js +34 -34
  5. package/dist/index21.js.map +1 -1
  6. package/dist/index3.js +14 -14
  7. package/dist/index3.js.map +1 -1
  8. package/dist/index37.js +14 -14
  9. package/dist/index37.js.map +1 -1
  10. package/dist/index38.js.map +1 -1
  11. package/dist/index43.js +54 -49
  12. package/dist/index43.js.map +1 -1
  13. package/package.json +1 -1
package/dist/assets/style.css CHANGED
@@ -1 +1 @@
1
- *,: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]{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}*,: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: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.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}.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-\[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-\[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-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{padding:0}.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{padding-top:0;padding-bottom:0}.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{padding-right:.75rem}.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-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:before{content:var(--tw-content);height:.75rem}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.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);padding:2px}.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.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);padding:2px}.se-design-button.theme-blue.link-btn:hover{color:var(--color-blue-600)}.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);padding:2px}.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.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);padding:2px}.se-design-button.theme-red.link-btn:hover{color:var(--color-red-600)}.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);padding:2px}.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.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);padding:2px}.se-design-button.theme-yellow.link-btn:hover{color:var(--color-yellow-800)}.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);padding:2px}.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.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);padding:2px}.se-design-button.theme-green.link-btn:hover{color:var(--color-green-700)}.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);padding:2px}.se-design-button.theme-white.ghost-btn:hover{background-color:var(--color-gray-300)}.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);padding:2px}.se-design-button.theme-white.link-btn:hover{color:var(--color-yellow-300)}.se-design-button.theme-white.link-btn.large{padding:4px}.se-design-button.theme-white.link-btn.disabled-btn{color:var(--color-gray-600)}.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,.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;opacity:.6;pointer-events:none}.se-design-checkbox-ctn .se-design-checkbox.disabled .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: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{position:relative;top:1px;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;top:1px;color:var(--color-gray-500);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.7}.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:var(--Corner-radius-6px, 6px);background:var(--Color-Background-Badge-Gray_default, #f2f4f8);color:var(--Color-Text-Body-Secondary, #415575);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-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-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:1px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto}.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 8px;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;margin:6px 0}.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}.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);cursor:not-allowed}.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{z-index:1100}.se-design-toast-bar .message-text{font-size:16px;line-height:24px;font-weight:400}.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}.input-container-disabled{background-color:var(--color-gray-300);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:#fff;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-Text-Body-Secondary, #415575);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}: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}.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}.label-container{font-size:16px;line-height:24px;color:var(--Color-Text-Body-Secondary, #415575);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.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)}.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}
1
+ *,: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]{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}*,: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: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.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}.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-\[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-\[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-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{padding:0}.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{padding-top:0;padding-bottom:0}.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{padding-right:.75rem}.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-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:before{content:var(--tw-content);height:.75rem}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.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)}.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-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-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:1px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto}.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 8px;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;margin:6px 0}.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}.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.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-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}: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}.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}.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}.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)}.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}
package/dist/components/Checkbox/index.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { FC } from 'react';
1
+ import { default as React, FC } from 'react';
2
2
  export interface CheckboxProps {
3
3
  className?: string;
4
4
  automationId?: string;
5
5
  defaultChecked?: boolean;
6
- onChange?: (checked: boolean) => void;
6
+ onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
7
7
  disabled?: boolean;
8
8
  checkMarkType?: 'tick' | 'minus-checkbox' | '';
9
9
  label?: string;
package/dist/components/SearchBox/index.d.ts CHANGED
@@ -2,6 +2,7 @@ import { default as React } from 'react';
2
2
  interface ChipType {
3
3
  label: string;
4
4
  value: string;
5
+ [key: string]: any;
5
6
  }
6
7
  export interface SearchBoxProps {
7
8
  disabled?: boolean;
package/dist/index21.js CHANGED
@@ -1,47 +1,47 @@
1
- import o, { useState as k, useEffect as d } from "react";
1
+ import s, { useState as C, useEffect as g } from "react";
2
2
  /* empty css */
3
- const g = ({
4
- className: l = "",
5
- automationId: n = "",
6
- defaultChecked: i = !1,
3
+ const $ = ({
4
+ className: m = "",
5
+ automationId: o = "",
6
+ defaultChecked: a = !1,
7
7
  disabled: t = !1,
8
- onChange: m,
9
- checkMarkType: s = "",
10
- label: r = "",
11
- disabledLabel: a = ""
8
+ onChange: b,
9
+ checkMarkType: c = "",
10
+ label: f = "",
11
+ disabledLabel: i = ""
12
12
  }) => {
13
- const [e, u] = k(i);
14
- d(() => {
15
- u(i);
16
- }, [i]);
17
- const b = () => {
18
- t || (u((c) => !c), m?.(!e));
19
- }, x = () => {
20
- const c = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
21
- return t ? e && s === "tick" ? "disabled-tick" : e && s === "minus-checkbox" ? "disabled-minus-checkbox" : e && !s ? "disabled-tick" : "disabled" : s === "minus-checkbox" && e ? `minus-checkbox ${c}` : e ? `checked ${c}` : `unchecked ${c}`;
22
- }, f = () => t ? "checkbox-label-disabled" : "checkbox-label", h = () => t && a ? a : r;
23
- return /* @__PURE__ */ o.createElement("div", {
13
+ const [e, r] = C(a);
14
+ g(() => {
15
+ r(a);
16
+ }, [a]);
17
+ const x = (n) => {
18
+ t || (r((l) => !l), b?.(!e, n));
19
+ }, d = () => {
20
+ const n = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
21
+ return t ? e && c === "tick" ? "disabled-tick" : e && c === "minus-checkbox" ? "disabled-minus-checkbox" : e && !c ? "disabled-tick" : "disabled-default" : c === "minus-checkbox" && e ? `minus-checkbox ${n}` : e ? `checked ${n}` : `unchecked ${n}`;
22
+ }, h = () => t ? "checkbox-label-disabled" : "checkbox-label", k = () => t && i ? i : f, u = crypto.randomUUID();
23
+ return /* @__PURE__ */ s.createElement("div", {
24
24
  className: "se-design-checkbox-ctn"
25
- }, /* @__PURE__ */ o.createElement("label", {
26
- htmlFor: `${n}-${r}`,
27
- className: `se-design-checkbox ${l} ${x()}`,
28
- "data-automation-id": n,
25
+ }, /* @__PURE__ */ s.createElement("label", {
26
+ htmlFor: u,
27
+ className: `se-design-checkbox ${m} ${d()}`,
28
+ "data-automation-id": o,
29
29
  tabIndex: t ? -1 : 0
30
- }, /* @__PURE__ */ o.createElement("input", {
31
- id: `${n}-${r}`,
30
+ }, /* @__PURE__ */ s.createElement("input", {
31
+ id: u,
32
32
  type: "checkbox",
33
33
  checked: e,
34
- onChange: b,
34
+ onChange: x,
35
35
  disabled: t,
36
- "data-automation-id": n
37
- }), /* @__PURE__ */ o.createElement("span", {
36
+ "data-automation-id": o
37
+ }), /* @__PURE__ */ s.createElement("span", {
38
38
  className: "checkbox-item",
39
- "data-automation-id": n
40
- }), /* @__PURE__ */ o.createElement("span", {
41
- className: f()
42
- }, h())));
39
+ "data-automation-id": o
40
+ }), /* @__PURE__ */ s.createElement("span", {
41
+ className: h()
42
+ }, k())));
43
43
  };
44
44
  export {
45
- g as Checkbox
45
+ $ as Checkbox
46
46
  };
47
47
  //# sourceMappingURL=index21.js.map
package/dist/index21.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport './style.scss';\n\nexport interface CheckboxProps {\n className?: string;\n automationId?: string;\n defaultChecked?: boolean;\n onChange?: (checked: boolean) => void;\n disabled?: boolean;\n checkMarkType?: 'tick' | 'minus-checkbox' | '';\n label?: string;\n disabledLabel?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n className = '',\n automationId = '',\n defaultChecked = false,\n disabled = false,\n onChange,\n checkMarkType = '',\n label = '',\n disabledLabel = ''\n}) => {\n const [isChecked, setIsChecked] = useState(defaultChecked);\n\n useEffect(() => {\n setIsChecked(defaultChecked);\n }, [defaultChecked]);\n\n const handleClick = () => {\n if (disabled) return;\n setIsChecked((prev) => (checkMarkType === 'minus-checkbox' ? !prev : !prev));\n onChange?.(!isChecked);\n };\n\n const getCheckBoxClassName = () => {\n const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n\n // Handle disabled states with proper checked status\n if (disabled) {\n if (isChecked && checkMarkType === 'tick') return 'disabled-tick';\n if (isChecked && checkMarkType === 'minus-checkbox') return 'disabled-minus-checkbox';\n if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n return 'disabled'; // Unchecked disabled\n }\n\n // Handle enabled states\n if (checkMarkType === 'minus-checkbox' && isChecked) return `minus-checkbox ${focusClass}`;\n return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n };\n\n const getLabelClassName = () => {\n return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n };\n\n const getLabelText = () => {\n if (disabled && disabledLabel) {\n return disabledLabel;\n }\n return label;\n };\n\n return (\n <div className=\"se-design-checkbox-ctn\">\n <label\n htmlFor={`${automationId}-${label}`}\n className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`}\n data-automation-id={automationId}\n tabIndex={disabled ? -1 : 0}\n >\n <input\n id={`${automationId}-${label}`}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleClick}\n disabled={disabled}\n data-automation-id={automationId}\n />\n <span className=\"checkbox-item\" data-automation-id={automationId}></span>\n <span className={getLabelClassName()}>{getLabelText()}</span>\n </label>\n </div>\n );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","disabledLabel","isChecked","setIsChecked","useState","useEffect","handleClick","prev","getCheckBoxClassName","focusClass","getLabelClassName","getLabelText","React","createElement","htmlFor","tabIndex","id","type","checked"],"mappings":";;AAcO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAClB,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASR,CAAc;AAEzDS,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaP,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEnB,QAAMU,IAAcA,MAAM;AACxB,IAAIT,MACJM,EAAcI,OAA+C,CAACA,CAAa,GAC3ET,IAAW,CAACI,CAAS;AAAA,EAAA,GAGjBM,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AAGnB,WAAIZ,IACEK,KAAaH,MAAkB,SAAe,kBAC9CG,KAAaH,MAAkB,mBAAyB,4BACxDG,KAAa,CAACH,IAAsB,kBACjC,aAILA,MAAkB,oBAAoBG,IAAkB,kBAAkBO,CAAU,KACjFP,IAAY,WAAWO,CAAU,KAAK,aAAaA,CAAU;AAAA,EAAA,GAGhEC,IAAoBA,MACjBb,IAAW,4BAA4B,kBAG1Cc,IAAeA,MACfd,KAAYI,IACPA,IAEFD;AAIPY,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GACbmB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEC,SAAS,GAAGnB,CAAY,IAAIK,CAAK;AAAA,IACjCN,WAAW,sBAAsBA,CAAS,IAAIc,EAAsB,CAAA;AAAA,IACpE,sBAAoBb;AAAAA,IACpBoB,UAAUlB,IAAW,KAAK;AAAA,EAAA,GAE1BgB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEG,IAAI,GAAGrB,CAAY,IAAIK,CAAK;AAAA,IAC5BiB,MAAK;AAAA,IACLC,SAAShB;AAAAA,IACTJ,UAAUQ;AAAAA,IACVT,UAAAA;AAAAA,IACA,sBAAoBF;AAAAA,EAAAA,CACrB,GACDkB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMnB,WAAU;AAAA,IAAgB,sBAAoBC;AAAAA,EAAAA,CAAoB,GACxEkB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMnB,WAAWgB,EAAkB;AAAA,EAAA,GAAIC,EAAAA,CAAqB,CACvD,CACJ;AAET;"}
1
+ {"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport './style.scss';\n\nexport interface CheckboxProps {\n className?: string;\n automationId?: string;\n defaultChecked?: boolean;\n onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;\n disabled?: boolean;\n checkMarkType?: 'tick' | 'minus-checkbox' | '';\n label?: string;\n disabledLabel?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n className = '',\n automationId = '',\n defaultChecked = false,\n disabled = false,\n onChange,\n checkMarkType = '',\n label = '',\n disabledLabel = ''\n}) => {\n const [isChecked, setIsChecked] = useState(defaultChecked);\n\n useEffect(() => {\n setIsChecked(defaultChecked);\n }, [defaultChecked]);\n\n const handleClick = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (disabled) return;\n setIsChecked((prev) => (checkMarkType === 'minus-checkbox' ? !prev : !prev));\n onChange?.(!isChecked, e);\n };\n\n const getCheckBoxClassName = () => {\n const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n\n // Handle disabled states with proper checked status\n if (disabled) {\n if (isChecked && checkMarkType === 'tick') return 'disabled-tick';\n if (isChecked && checkMarkType === 'minus-checkbox') return 'disabled-minus-checkbox';\n if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n return 'disabled-default'; // Unchecked disabled\n }\n\n // Handle enabled states\n if (checkMarkType === 'minus-checkbox' && isChecked) return `minus-checkbox ${focusClass}`;\n return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n };\n\n const getLabelClassName = () => {\n return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n };\n\n const getLabelText = () => {\n if (disabled && disabledLabel) {\n return disabledLabel;\n }\n return label;\n };\n const uniqueId = crypto.randomUUID();\n\n return (\n <div className=\"se-design-checkbox-ctn\">\n <label\n htmlFor={uniqueId}\n className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`}\n data-automation-id={automationId}\n tabIndex={disabled ? -1 : 0}\n >\n <input\n id={uniqueId}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleClick}\n disabled={disabled}\n data-automation-id={automationId}\n />\n <span className=\"checkbox-item\" data-automation-id={automationId}></span>\n <span className={getLabelClassName()}>{getLabelText()}</span>\n </label>\n </div>\n );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","disabledLabel","isChecked","setIsChecked","useState","useEffect","handleClick","e","prev","getCheckBoxClassName","focusClass","getLabelClassName","getLabelText","uniqueId","crypto","randomUUID","React","createElement","htmlFor","tabIndex","id","type","checked"],"mappings":";;AAcO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAClB,MAAM;AACJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASR,CAAc;AAEzDS,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaP,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEbU,QAAAA,IAAcA,CAACC,MAA2C;AAC9D,IAAIV,MACJM,EAAcK,OAA+C,CAACA,CAAa,GAChEV,IAAA,CAACI,GAAWK,CAAC;AAAA,EAAA,GAGpBE,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AAGnB,WAAIb,IACEK,KAAaH,MAAkB,SAAe,kBAC9CG,KAAaH,MAAkB,mBAAyB,4BACxDG,KAAa,CAACH,IAAsB,kBACjC,qBAILA,MAAkB,oBAAoBG,IAAkB,kBAAkBQ,CAAU,KACjFR,IAAY,WAAWQ,CAAU,KAAK,aAAaA,CAAU;AAAA,EAAA,GAGhEC,IAAoBA,MACjBd,IAAW,4BAA4B,kBAG1Ce,IAAeA,MACff,KAAYI,IACPA,IAEFD,GAEHa,IAAWC,OAAOC;AAGtBC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKvB,WAAU;AAAA,EAAA,GACbuB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEC,SAASL;AAAAA,IACTnB,WAAW,sBAAsBA,CAAS,IAAIe,EAAsB,CAAA;AAAA,IACpE,sBAAoBd;AAAAA,IACpBwB,UAAUtB,IAAW,KAAK;AAAA,EAAA,GAE1BoB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEG,IAAIP;AAAAA,IACJQ,MAAK;AAAA,IACLC,SAASpB;AAAAA,IACTJ,UAAUQ;AAAAA,IACVT,UAAAA;AAAAA,IACA,sBAAoBF;AAAAA,EAAAA,CACrB,GACDsB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMvB,WAAU;AAAA,IAAgB,sBAAoBC;AAAAA,EAAAA,CAAoB,GACxEsB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMvB,WAAWiB,EAAkB;AAAA,EAAA,GAAIC,EAAAA,CAAqB,CACvD,CACJ;AAET;"}
package/dist/index3.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import a from "react";
2
2
  import { Icon as u } from "./index5.js";
3
3
  /* empty css */
4
- function m() {
5
- return m = Object.assign ? Object.assign.bind() : function(e) {
4
+ function i() {
5
+ return i = Object.assign ? Object.assign.bind() : function(e) {
6
6
  for (var t = 1; t < arguments.length; t++) {
7
7
  var n = arguments[t];
8
- for (var s in n) ({}).hasOwnProperty.call(n, s) && (e[s] = n[s]);
8
+ for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
9
9
  }
10
10
  return e;
11
- }, m.apply(null, arguments);
11
+ }, i.apply(null, arguments);
12
12
  }
13
13
  const o = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2", h = {
14
14
  primary: "primary-btn disabled-btn pointer-events-none cursor-not-allowed",
@@ -43,24 +43,24 @@ const o = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outli
43
43
  type: e = "primary",
44
44
  theme: t = "blue",
45
45
  size: n = "md",
46
- label: s = "",
47
- iconPosition: i = "left",
46
+ label: r = "",
47
+ iconPosition: d = "left",
48
48
  disabled: c = !1,
49
- loading: l = !1,
49
+ loading: s = !1,
50
50
  className: p = "",
51
- iconProps: r = {
51
+ iconProps: l = {
52
52
  name: ""
53
53
  },
54
54
  ...f
55
55
  }) => {
56
- const y = e !== "link" ? b[n] : "", g = w[t], d = c || l;
57
- return /* @__PURE__ */ a.createElement("button", m({
56
+ const y = e !== "link" ? b[n] : "", g = w[t], m = c || s;
57
+ return m && (l.stroke = "var(--color-gray-600)"), /* @__PURE__ */ a.createElement("button", i({
58
58
  type: "button",
59
- className: `se-design-button ${g} ${y} ${d ? h[e] : b[e]} ${p} rounded-[6px] flex gap-1 items-center min-w-fit`,
60
- disabled: d
61
- }, f), l && /* @__PURE__ */ a.createElement("div", {
59
+ className: `se-design-button ${g} ${y} ${m ? h[e] : b[e]} ${p} rounded-[6px] flex gap-1 items-center min-w-fit`,
60
+ disabled: m
61
+ }, f), s && /* @__PURE__ */ a.createElement("div", {
62
62
  className: "animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full"
63
- }), !l && r?.name && i === "left" && /* @__PURE__ */ a.createElement(u, r), s, !l && r?.name && i === "right" && /* @__PURE__ */ a.createElement(u, r));
63
+ }), !s && l?.name && d === "left" && /* @__PURE__ */ a.createElement(u, l), r, !s && l?.name && d === "right" && /* @__PURE__ */ a.createElement(u, l));
64
64
  };
65
65
  export {
66
66
  N as Button
package/dist/index3.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index3.js","sources":["../src/components/Button/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon, IconProps } from '../Icon';\nimport './style.scss';\n\nexport interface ButtonProps {\n /**\n * Type of the button\n */\n type?: 'primary' | 'secondary' | 'ghost' | 'link';\n /**\n * Color pallet of the button\n */\n theme?: 'blue' | 'red' | 'yellow' | 'green' | 'ai' | 'white';\n /**\n * Size of the button\n */\n size?: 'sm' | 'md' | 'lg';\n /**\n * Button contents\n */\n label: string | '';\n /**\n * Icon props\n */\n iconProps?: IconProps;\n /**\n * Icon position\n */\n iconPosition?: 'left' | 'right';\n /**\n * Disabled state\n */\n disabled?: boolean;\n /**\n * Loading state - will disable button and show spinner\n */\n loading?: boolean;\n /**\n * Optional click handler\n */\n onClick?: () => void;\n /**\n * Custom class name\n */\n className?: string;\n}\n\nconst focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2';\nconst disabledClassNames: Map = {\n primary: 'primary-btn disabled-btn pointer-events-none cursor-not-allowed',\n secondary: 'secondary-btn disabled-btn pointer-events-none cursor-not-allowed',\n ghost: 'ghost-btn disabled-btn pointer-events-none cursor-not-allowed',\n link: 'link-btn w-fit disabled-btn pointer-events-none cursor-not-allowed',\n sm: 'py-1 px-3 small', // padding: 4px, 12px\n md: 'py-2 px-3 medium', // padding: 8px, 12px \n lg: 'py-3 px-4 large', // padding: 12px, 16px\n};\nconst classNames: Map = {\n primary: `primary-btn ${focusClass}`,\n secondary: `secondary-btn ${focusClass}`,\n ghost: `ghost-btn ${focusClass}`,\n link: `link-btn w-fit ${focusClass}`,\n sm: 'py-1 px-3 small', // padding: 4px, 12px\n md: 'py-2 px-3 medium', // padding: 8px, 12px \n lg: 'py-3 px-4 large', // padding: 12px, 16px\n};\n\nconst colorPalletClassNames: Map = {\n blue: `theme-blue`,\n red: 'theme-red',\n yellow: 'theme-yellow',\n green: 'theme-green',\n ai: 'theme-ai',\n white: 'theme-white'\n};\n\nexport const Button: FC<ButtonProps> = ({\n type = 'primary',\n theme = 'blue',\n size = 'md',\n label = '',\n iconPosition = 'left',\n disabled = false,\n loading = false,\n className = '',\n iconProps = { name: '' },\n ...props\n}) => {\n const sizeClassName = type !== 'link' ? classNames[size] : '';\n const colorPalletClassName = colorPalletClassNames[theme];\n const isDisabled = disabled || loading;\n\n return (\n <button\n type=\"button\"\n className={`se-design-button ${colorPalletClassName} ${sizeClassName} ${isDisabled ? disabledClassNames[type] : classNames[type]} ${className} rounded-[6px] flex gap-1 items-center min-w-fit`}\n disabled={isDisabled}\n {...props}\n >\n {loading && (\n <div className=\"animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full\" />\n )}\n {!loading && iconProps?.name && iconPosition === 'left' && <Icon {...iconProps} />}\n {label}\n {!loading && iconProps?.name && iconPosition === 'right' && <Icon {...iconProps} />}\n </button>\n );\n};\n"],"names":["focusClass","disabledClassNames","primary","secondary","ghost","link","sm","md","lg","classNames","colorPalletClassNames","blue","red","yellow","green","ai","white","Button","type","theme","size","label","iconPosition","disabled","loading","className","iconProps","name","props","sizeClassName","colorPalletClassName","isDisabled","React","createElement","_extends","Icon"],"mappings":";;;;;;;;;;;;AAgDA,MAAMA,IAAa,oFACbC,IAA0B;AAAA,EAC9BC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GACMC,IAAkB;AAAA,EACtBP,SAAS,eAAeF,CAAU;AAAA,EAClCG,WAAW,iBAAiBH,CAAU;AAAA,EACtCI,OAAO,aAAaJ,CAAU;AAAA,EAC9BK,MAAM,kBAAkBL,CAAU;AAAA,EAClCM,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GAEME,IAA6B;AAAA,EACjCC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,IAAI;AAAA,EACJC,OAAO;AACT,GAEaC,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,WAAAA,IAAY;AAAA,EACZC,WAAAA,IAAY;AAAA,IAAEC,MAAM;AAAA,EAAG;AAAA,EACvB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgBX,MAAS,SAAST,EAAWW,CAAI,IAAI,IACrDU,IAAuBpB,EAAsBS,CAAK,GAClDY,IAAaR,KAAYC;AAG7BQ,SAAAA,gBAAAA,EAAAC,cAAA,UAAAC,EAAA;AAAA,IACEhB,MAAK;AAAA,IACLO,WAAW,oBAAoBK,CAAoB,IAAID,CAAa,IAAIE,IAAa9B,EAAmBiB,CAAI,IAAIT,EAAWS,CAAI,CAAC,IAAIO,CAAS;AAAA,IAC7IF,UAAUQ;AAAAA,KACNH,CAAK,GAERJ,KACCQ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKR,WAAU;AAAA,EAAkF,CAAA,GAElG,CAACD,KAAWE,GAAWC,QAAQL,MAAiB,UAAUW,gBAAAA,EAAAA,cAACE,GAAST,CAAY,GAChFL,GACA,CAACG,KAAWE,GAAWC,QAAQL,MAAiB,WAAWW,gBAAAA,EAAAA,cAACE,GAAST,CAAY,CAC5E;AAEZ;"}
1
+ {"version":3,"file":"index3.js","sources":["../src/components/Button/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon, IconProps } from '../Icon';\nimport './style.scss';\n\nexport interface ButtonProps {\n /**\n * Type of the button\n */\n type?: 'primary' | 'secondary' | 'ghost' | 'link';\n /**\n * Color pallet of the button\n */\n theme?: 'blue' | 'red' | 'yellow' | 'green' | 'ai' | 'white';\n /**\n * Size of the button\n */\n size?: 'sm' | 'md' | 'lg';\n /**\n * Button contents\n */\n label: string | '';\n /**\n * Icon props\n */\n iconProps?: IconProps;\n /**\n * Icon position\n */\n iconPosition?: 'left' | 'right';\n /**\n * Disabled state\n */\n disabled?: boolean;\n /**\n * Loading state - will disable button and show spinner\n */\n loading?: boolean;\n /**\n * Optional click handler\n */\n onClick?: () => void;\n /**\n * Custom class name\n */\n className?: string;\n}\n\nconst focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2';\nconst disabledClassNames: Map = {\n primary: 'primary-btn disabled-btn pointer-events-none cursor-not-allowed',\n secondary: 'secondary-btn disabled-btn pointer-events-none cursor-not-allowed',\n ghost: 'ghost-btn disabled-btn pointer-events-none cursor-not-allowed',\n link: 'link-btn w-fit disabled-btn pointer-events-none cursor-not-allowed',\n sm: 'py-1 px-3 small', // padding: 4px, 12px\n md: 'py-2 px-3 medium', // padding: 8px, 12px \n lg: 'py-3 px-4 large', // padding: 12px, 16px\n};\nconst classNames: Map = {\n primary: `primary-btn ${focusClass}`,\n secondary: `secondary-btn ${focusClass}`,\n ghost: `ghost-btn ${focusClass}`,\n link: `link-btn w-fit ${focusClass}`,\n sm: 'py-1 px-3 small', // padding: 4px, 12px\n md: 'py-2 px-3 medium', // padding: 8px, 12px \n lg: 'py-3 px-4 large', // padding: 12px, 16px\n};\n\nconst colorPalletClassNames: Map = {\n blue: `theme-blue`,\n red: 'theme-red',\n yellow: 'theme-yellow',\n green: 'theme-green',\n ai: 'theme-ai',\n white: 'theme-white'\n};\n\nexport const Button: FC<ButtonProps> = ({\n type = 'primary',\n theme = 'blue',\n size = 'md',\n label = '',\n iconPosition = 'left',\n disabled = false,\n loading = false,\n className = '',\n iconProps = { name: '' },\n ...props\n}) => {\n const sizeClassName = type !== 'link' ? classNames[size] : '';\n const colorPalletClassName = colorPalletClassNames[theme];\n const isDisabled = disabled || loading;\n\n if(isDisabled) {\n iconProps.stroke = 'var(--color-gray-600)';\n }\n return (\n <button\n type=\"button\"\n className={`se-design-button ${colorPalletClassName} ${sizeClassName} ${isDisabled ? disabledClassNames[type] : classNames[type]} ${className} rounded-[6px] flex gap-1 items-center min-w-fit`}\n disabled={isDisabled}\n {...props}\n >\n {loading && (\n <div className=\"animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full\" />\n )}\n {!loading && iconProps?.name && iconPosition === 'left' && <Icon {...iconProps} />}\n {label}\n {!loading && iconProps?.name && iconPosition === 'right' && <Icon {...iconProps} />}\n </button>\n );\n};\n"],"names":["focusClass","disabledClassNames","primary","secondary","ghost","link","sm","md","lg","classNames","colorPalletClassNames","blue","red","yellow","green","ai","white","Button","type","theme","size","label","iconPosition","disabled","loading","className","iconProps","name","props","sizeClassName","colorPalletClassName","isDisabled","stroke","React","createElement","_extends","Icon"],"mappings":";;;;;;;;;;;;AAgDA,MAAMA,IAAa,oFACbC,IAA0B;AAAA,EAC9BC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GACMC,IAAkB;AAAA,EACtBP,SAAS,eAAeF,CAAU;AAAA,EAClCG,WAAW,iBAAiBH,CAAU;AAAA,EACtCI,OAAO,aAAaJ,CAAU;AAAA,EAC9BK,MAAM,kBAAkBL,CAAU;AAAA,EAClCM,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GAEME,IAA6B;AAAA,EACjCC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,IAAI;AAAA,EACJC,OAAO;AACT,GAEaC,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,WAAAA,IAAY;AAAA,EACZC,WAAAA,IAAY;AAAA,IAAEC,MAAM;AAAA,EAAG;AAAA,EACvB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgBX,MAAS,SAAST,EAAWW,CAAI,IAAI,IACrDU,IAAuBpB,EAAsBS,CAAK,GAClDY,IAAaR,KAAYC;AAE/B,SAAGO,MACDL,EAAUM,SAAS,0BAGnBC,gBAAAA,EAAAC,cAAA,UAAAC,EAAA;AAAA,IACEjB,MAAK;AAAA,IACLO,WAAW,oBAAoBK,CAAoB,IAAID,CAAa,IAAIE,IAAa9B,EAAmBiB,CAAI,IAAIT,EAAWS,CAAI,CAAC,IAAIO,CAAS;AAAA,IAC7IF,UAAUQ;AAAAA,KACNH,CAAK,GAERJ,KACCS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKT,WAAU;AAAA,EAAkF,CAAA,GAElG,CAACD,KAAWE,GAAWC,QAAQL,MAAiB,UAAUY,gBAAAA,EAAAA,cAACE,GAASV,CAAY,GAChFL,GACA,CAACG,KAAWE,GAAWC,QAAQL,MAAiB,WAAWY,gBAAAA,EAAAA,cAACE,GAASV,CAAY,CAC5E;AAEZ;"}
package/dist/index37.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import e from "react";
2
2
  /* empty css */
3
3
  function f({
4
- value: n,
4
+ value: r,
5
5
  onChange: i,
6
- onBlur: m,
7
- disabled: r,
6
+ onBlur: l,
7
+ disabled: a,
8
8
  maxLength: t,
9
9
  tag: o,
10
- error: a,
11
- errorMessage: l,
10
+ error: n,
11
+ errorMessage: m,
12
12
  label: c,
13
13
  placeholder: s,
14
14
  style: d,
@@ -19,23 +19,23 @@ function f({
19
19
  className: "input-main-container",
20
20
  style: d
21
21
  }, c && /* @__PURE__ */ e.createElement("div", {
22
- className: "label-container"
22
+ className: `label-container ${a ? "label-container-disabled" : ""}`
23
23
  }, c), /* @__PURE__ */ e.createElement(p, {
24
- value: n,
24
+ value: r,
25
25
  onChange: (E) => i(E.target.value),
26
- onBlur: m,
27
- disabled: r,
28
- className: `${a ? "input-container-error" : "input-container-default"} ${r ? "input-container-disabled" : ""}`,
26
+ onBlur: l,
27
+ disabled: a,
28
+ className: `${n ? "input-container-error" : "input-container-default"} ${a ? "input-container-disabled" : ""}`,
29
29
  maxLength: t || void 0,
30
30
  placeholder: s,
31
31
  style: u
32
32
  }), /* @__PURE__ */ e.createElement("div", {
33
- className: `${a ? "error-and-max-word" : "max-word-container"}`
34
- }, a && /* @__PURE__ */ e.createElement("div", {
33
+ className: `${n ? "error-and-max-word" : "max-word-container"}`
34
+ }, n && /* @__PURE__ */ e.createElement("div", {
35
35
  className: "error-message"
36
- }, l), t && /* @__PURE__ */ e.createElement("div", {
36
+ }, m), t && /* @__PURE__ */ e.createElement("div", {
37
37
  className: "max-word"
38
- }, t && n?.length + "/" + t)));
38
+ }, t && r?.length + "/" + t)));
39
39
  }
40
40
  export {
41
41
  f as Input
package/dist/index37.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index37.js","sources":["../src/components/Input/index.tsx"],"sourcesContent":["import React from 'react';\nimport './style.scss';\n\nexport interface InputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number | undefined;\n onChange: (value: string) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n style?: React.CSSProperties;\n inputStyle?: React.CSSProperties;\n}\n\nexport function Input({\n value,\n onChange,\n onBlur,\n disabled,\n maxLength,\n tag,\n error,\n errorMessage,\n label,\n placeholder,\n style,\n inputStyle\n}: InputProps) {\n const Element = tag || 'input';\n\n return (\n <div className=\"input-main-container\" style={style}>\n {label && <div className=\"label-container\">{label}</div>}\n {React.createElement(Element, {\n value,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n onBlur,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''}`,\n maxLength: maxLength ? maxLength : undefined,\n placeholder: placeholder,\n style: inputStyle\n })}\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && <div className=\"error-message\">{errorMessage}</div>}\n {maxLength && <div className=\"max-word\">{maxLength && value?.length + '/' + maxLength}</div>}\n </div>\n </div>\n );\n}\n"],"names":["React__default","Input","value","onChange","onBlur","disabled","maxLength","tag","error","errorMessage","label","placeholder","style","inputStyle","Element","React","createElement","className","e","target","undefined","length"],"mappings":"AAkBO,OAAAA,OAAA;AAAA,OAAA;AAAA,SAASC,EAAM;AAAA,EACpBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,YAAAA;AACU,GAAG;AACb,QAAMC,IAAUP,KAAO;AAGrBQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAuBL,OAAAA;AAAAA,EACnCF,GAAAA,KAASM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAmBP,GAAAA,CAAW,GACtDK,gBAAAA,EAAMC,cAAcF,GAAS;AAAA,IAC5BZ,OAAAA;AAAAA,IACAC,UAAUA,CAACe,MAA2Cf,EAASe,EAAEC,OAAOjB,KAAK;AAAA,IAC7EE,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAY,WAAW,GAAGT,IAAQ,0BAA0B,yBAAyB,IAAIH,IAAW,6BAA6B,EAAE;AAAA,IACvHC,WAAWA,KAAwBc;AAAAA,IACnCT,aAAAA;AAAAA,IACAC,OAAOC;AAAAA,EAAAA,CACR,GACDG,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGT,IAAQ,uBAAuB,oBAAoB;AAAA,EACnEA,GAAAA,KAASQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KAAiBR,CAAkB,GAC3DH,KAAaS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAYX,KAAaJ,GAAOmB,SAAS,MAAMf,CAAe,CACxF,CACF;AAET;"}
1
+ {"version":3,"file":"index37.js","sources":["../src/components/Input/index.tsx"],"sourcesContent":["import React from 'react';\nimport './style.scss';\n\nexport interface InputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number | undefined;\n onChange: (value: string) => void;\n onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n style?: React.CSSProperties;\n inputStyle?: React.CSSProperties;\n}\n\nexport function Input({\n value,\n onChange,\n onBlur,\n disabled,\n maxLength,\n tag,\n error,\n errorMessage,\n label,\n placeholder,\n style,\n inputStyle\n}: InputProps) {\n const Element = tag || 'input';\n\n return (\n <div className=\"input-main-container\" style={style}>\n {label && <div className={`label-container ${disabled ? 'label-container-disabled' : ''}`}>{label}</div>}\n {React.createElement(Element, {\n value,\n onChange: (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n onBlur,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''}`,\n maxLength: maxLength ? maxLength : undefined,\n placeholder: placeholder,\n style: inputStyle\n })}\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && <div className=\"error-message\">{errorMessage}</div>}\n {maxLength && <div className=\"max-word\">{maxLength && value?.length + '/' + maxLength}</div>}\n </div>\n </div>\n );\n}\n"],"names":["React__default","Input","value","onChange","onBlur","disabled","maxLength","tag","error","errorMessage","label","placeholder","style","inputStyle","Element","React","createElement","className","e","target","undefined","length"],"mappings":"AAkBO,OAAAA,OAAA;AAAA,OAAA;AAAA,SAASC,EAAM;AAAA,EACpBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,YAAAA;AACU,GAAG;AACb,QAAMC,IAAUP,KAAO;AAGrBQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAuBL,OAAAA;AAAAA,EACnCF,GAAAA,KAASM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,mBAAmBZ,IAAW,6BAA6B,EAAE;AAAA,EAAKK,GAAAA,CAAW,GACtGK,gBAAAA,EAAMC,cAAcF,GAAS;AAAA,IAC5BZ,OAAAA;AAAAA,IACAC,UAAUA,CAACe,MAA2Cf,EAASe,EAAEC,OAAOjB,KAAK;AAAA,IAC7EE,QAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAY,WAAW,GAAGT,IAAQ,0BAA0B,yBAAyB,IAAIH,IAAW,6BAA6B,EAAE;AAAA,IACvHC,WAAWA,KAAwBc;AAAAA,IACnCT,aAAAA;AAAAA,IACAC,OAAOC;AAAAA,EAAAA,CACR,GACDG,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGT,IAAQ,uBAAuB,oBAAoB;AAAA,EACnEA,GAAAA,KAASQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KAAiBR,CAAkB,GAC3DH,KAAaS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAYX,KAAaJ,GAAOmB,SAAS,MAAMf,CAAe,CACxF,CACF;AAET;"}
package/dist/index38.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index38.js","sources":["../src/components/SearchBox/index.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\n\nimport { Icon } from 'components/Icon';\nimport { LabelChip } from 'components/LabelChip';\nimport { debounce } from 'utils/debounce';\n\nimport './style.scss';\ninterface ChipType {\n label: string;\n value: string;\n}\n\nexport interface SearchBoxProps {\n disabled?: boolean;\n placeholder?: string;\n debounceDuration?: number;\n onInputChange?: (value: string) => void;\n onSearchClear?: () => void;\n onChipRemove?: (chip: ChipType) => void;\n updateSearchString?: string;\n collapsible?: boolean;\n width?: string;\n chips?: ChipType[];\n showSearchIcon?: boolean;\n renderFilterComponent?: () => React.ReactNode;\n}\n\nexport function SearchBox(props: SearchBoxProps) {\n const {\n disabled = false,\n placeholder = 'Search',\n debounceDuration = 500,\n onInputChange = () => {},\n onSearchClear = () => {},\n onChipRemove = () => {},\n updateSearchString = '',\n collapsible = false,\n width = '200px',\n chips = [],\n showSearchIcon = true,\n renderFilterComponent = null\n } = props;\n const [inputValue, setInputValue] = useState('');\n const [isExpanded, setIsExpanded] = useState(!props?.collapsible);\n const [searchChips, setSearchChips] = useState<ChipType[]>(chips || []);\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (isExpanded && inputRef.current) {\n setTimeout(() => inputRef?.current?.focus(), 0);\n }\n }, [isExpanded]);\n\n // Manually update the searchbox text\n useEffect(() => {\n if (updateSearchString !== inputValue) {\n setInputValue(updateSearchString);\n }\n }, [updateSearchString]);\n\n useEffect(() => {\n setSearchChips(chips);\n }, [chips]);\n\n const debouncedOnInputChange = useMemo(\n () => debounce(onInputChange, debounceDuration),\n [onInputChange, debounceDuration]\n );\n\n useEffect(() => {\n return () => {\n debouncedOnInputChange.cancel();\n };\n }, [debouncedOnInputChange]);\n\n const onChangeHandler = (value: string) => {\n setInputValue(value);\n debouncedOnInputChange(value);\n };\n\n const iconClickHandler = () => {\n setInputValue('');\n onInputChange('');\n onSearchClear();\n };\n\n const onBlurHandler = () => {\n if (collapsible && inputValue?.trimEnd() === '') {\n setIsExpanded(false);\n }\n };\n\n const removeChip = (chip: ChipType) => {\n setSearchChips(searchChips.filter((c) => c?.value !== chip?.value));\n onChipRemove(chip);\n };\n\n const hasChips = searchChips?.length > 0;\n\n return (\n <div className={`se-search-box ${isExpanded ? 'expand-box' : 'shrink-box'}`} style={{ width: width }}>\n {/* <Icon name=\"search\" className=\"search-icon img-wrap\" onClick={() => collapsible && setIsExpanded((prev) => !prev)} /> */}\n {isExpanded && (\n <div className=\"search-box-container\">\n <div className={`chips-and-search-box-container${hasChips ? ' has-chips' : ''}`}>\n {hasChips &&\n searchChips?.map((chip) => (\n <LabelChip\n key={chip?.value}\n label={chip?.label}\n icon=\"close\"\n onIconClick={() => removeChip(chip)}\n />\n ))}\n <div className=\"search-input-container\">\n {showSearchIcon && (\n <Icon\n name=\"search\"\n className=\"search-icon img-wrap\"\n onClick={() => collapsible && setIsExpanded((prev) => !prev)}\n />\n )}\n <input\n ref={inputRef}\n className={`search-input border-transparent focus:border-transparent active:border-transparent focus:ring-0`}\n id=\"search_bar\"\n type=\"text\"\n placeholder={placeholder}\n onChange={(e) => onChangeHandler(e.target.value)}\n value={inputValue}\n disabled={disabled}\n onBlur={onBlurHandler}\n />\n {!!inputValue && <Icon name=\"close\" className=\"cross-icon img-wrap\" onClick={iconClickHandler} />}\n </div>\n </div>\n {renderFilterComponent && <div className=\"filter-component-container\">{renderFilterComponent()}</div>}\n </div>\n )}\n </div>\n );\n}\n"],"names":["SearchBox","props","disabled","placeholder","debounceDuration","onInputChange","onSearchClear","onChipRemove","updateSearchString","collapsible","width","chips","showSearchIcon","renderFilterComponent","inputValue","setInputValue","useState","isExpanded","setIsExpanded","searchChips","setSearchChips","inputRef","useRef","useEffect","current","setTimeout","focus","debouncedOnInputChange","useMemo","debounce","cancel","onChangeHandler","value","iconClickHandler","onBlurHandler","trimEnd","removeChip","chip","filter","c","hasChips","length","React","createElement","className","style","map","LabelChip","key","label","icon","onIconClick","Icon","name","onClick","prev","ref","id","type","onChange","e","target","onBlur"],"mappings":"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"}
1
+ {"version":3,"file":"index38.js","sources":["../src/components/SearchBox/index.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\n\nimport { Icon } from 'components/Icon';\nimport { LabelChip } from 'components/LabelChip';\nimport { debounce } from 'utils/debounce';\n\nimport './style.scss';\ninterface ChipType {\n label: string;\n value: string;\n [key: string]: any;\n}\n\nexport interface SearchBoxProps {\n disabled?: boolean;\n placeholder?: string;\n debounceDuration?: number;\n onInputChange?: (value: string) => void;\n onSearchClear?: () => void;\n onChipRemove?: (chip: ChipType) => void;\n updateSearchString?: string;\n collapsible?: boolean;\n width?: string;\n chips?: ChipType[];\n showSearchIcon?: boolean;\n renderFilterComponent?: () => React.ReactNode;\n}\n\nexport function SearchBox(props: SearchBoxProps) {\n const {\n disabled = false,\n placeholder = 'Search',\n debounceDuration = 500,\n onInputChange = () => {},\n onSearchClear = () => {},\n onChipRemove = () => {},\n updateSearchString = '',\n collapsible = false,\n width = '200px',\n chips = [],\n showSearchIcon = true,\n renderFilterComponent = null\n } = props;\n const [inputValue, setInputValue] = useState('');\n const [isExpanded, setIsExpanded] = useState(!props?.collapsible);\n const [searchChips, setSearchChips] = useState<ChipType[]>(chips || []);\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (isExpanded && inputRef.current) {\n setTimeout(() => inputRef?.current?.focus(), 0);\n }\n }, [isExpanded]);\n\n // Manually update the searchbox text\n useEffect(() => {\n if (updateSearchString !== inputValue) {\n setInputValue(updateSearchString);\n }\n }, [updateSearchString]);\n\n useEffect(() => {\n setSearchChips(chips);\n }, [chips]);\n\n const debouncedOnInputChange = useMemo(\n () => debounce(onInputChange, debounceDuration),\n [onInputChange, debounceDuration]\n );\n\n useEffect(() => {\n return () => {\n debouncedOnInputChange.cancel();\n };\n }, [debouncedOnInputChange]);\n\n const onChangeHandler = (value: string) => {\n setInputValue(value);\n debouncedOnInputChange(value);\n };\n\n const iconClickHandler = () => {\n setInputValue('');\n onInputChange('');\n onSearchClear();\n };\n\n const onBlurHandler = () => {\n if (collapsible && inputValue?.trimEnd() === '') {\n setIsExpanded(false);\n }\n };\n\n const removeChip = (chip: ChipType) => {\n setSearchChips(searchChips.filter((c) => c?.value !== chip?.value));\n onChipRemove(chip);\n };\n\n const hasChips = searchChips?.length > 0;\n\n return (\n <div className={`se-search-box ${isExpanded ? 'expand-box' : 'shrink-box'}`} style={{ width: width }}>\n {/* <Icon name=\"search\" className=\"search-icon img-wrap\" onClick={() => collapsible && setIsExpanded((prev) => !prev)} /> */}\n {isExpanded && (\n <div className=\"search-box-container\">\n <div className={`chips-and-search-box-container${hasChips ? ' has-chips' : ''}`}>\n {hasChips &&\n searchChips?.map((chip) => (\n <LabelChip\n key={chip?.value}\n label={chip?.label}\n icon=\"close\"\n onIconClick={() => removeChip(chip)}\n />\n ))}\n <div className=\"search-input-container\">\n {showSearchIcon && (\n <Icon\n name=\"search\"\n className=\"search-icon img-wrap\"\n onClick={() => collapsible && setIsExpanded((prev) => !prev)}\n />\n )}\n <input\n ref={inputRef}\n className={`search-input border-transparent focus:border-transparent active:border-transparent focus:ring-0`}\n id=\"search_bar\"\n type=\"text\"\n placeholder={placeholder}\n onChange={(e) => onChangeHandler(e.target.value)}\n value={inputValue}\n disabled={disabled}\n onBlur={onBlurHandler}\n />\n {!!inputValue && <Icon name=\"close\" className=\"cross-icon img-wrap\" onClick={iconClickHandler} />}\n </div>\n </div>\n {renderFilterComponent && <div className=\"filter-component-container\">{renderFilterComponent()}</div>}\n </div>\n )}\n </div>\n );\n}\n"],"names":["SearchBox","props","disabled","placeholder","debounceDuration","onInputChange","onSearchClear","onChipRemove","updateSearchString","collapsible","width","chips","showSearchIcon","renderFilterComponent","inputValue","setInputValue","useState","isExpanded","setIsExpanded","searchChips","setSearchChips","inputRef","useRef","useEffect","current","setTimeout","focus","debouncedOnInputChange","useMemo","debounce","cancel","onChangeHandler","value","iconClickHandler","onBlurHandler","trimEnd","removeChip","chip","filter","c","hasChips","length","React","createElement","className","style","map","LabelChip","key","label","icon","onIconClick","Icon","name","onClick","prev","ref","id","type","onChange","e","target","onBlur"],"mappings":";;;;;AA4BO,SAASA,EAAUC,GAAuB;AACzC,QAAA;AAAA,IACJC,UAAAA,IAAW;AAAA,IACXC,aAAAA,IAAc;AAAA,IACdC,kBAAAA,IAAmB;AAAA,IACnBC,eAAAA,IAAgBA,MAAM;AAAA,IAAC;AAAA,IACvBC,eAAAA,IAAgBA,MAAM;AAAA,IAAC;AAAA,IACvBC,cAAAA,IAAeA,MAAM;AAAA,IAAC;AAAA,IACtBC,oBAAAA,IAAqB;AAAA,IACrBC,aAAAA,IAAc;AAAA,IACdC,OAAAA,IAAQ;AAAA,IACRC,OAAAA,IAAQ,CAAE;AAAA,IACVC,gBAAAA,IAAiB;AAAA,IACjBC,uBAAAA,IAAwB;AAAA,EACtBZ,IAAAA,GACE,CAACa,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzC,CAACC,GAAYC,CAAa,IAAIF,EAAS,CAACf,GAAOQ,WAAW,GAC1D,CAACU,GAAaC,CAAc,IAAIJ,EAAqBL,KAAS,CAAA,CAAE,GAChEU,IAAWC,EAAyB,IAAI;AAE9CC,EAAAA,EAAU,MAAM;AACVN,IAAAA,KAAcI,EAASG,WACzBC,WAAW,MAAMJ,GAAUG,SAASE,SAAS,CAAC;AAAA,EAChD,GACC,CAACT,CAAU,CAAC,GAGfM,EAAU,MAAM;AACd,IAAIf,MAAuBM,KACzBC,EAAcP,CAAkB;AAAA,EAClC,GACC,CAACA,CAAkB,CAAC,GAEvBe,EAAU,MAAM;AACdH,IAAAA,EAAeT,CAAK;AAAA,EAAA,GACnB,CAACA,CAAK,CAAC;AAEJgB,QAAAA,IAAyBC,EAC7B,MAAMC,EAASxB,GAAeD,CAAgB,GAC9C,CAACC,GAAeD,CAAgB,CAClC;AAEAmB,EAAAA,EAAU,MACD,MAAM;AACXI,IAAAA,EAAuBG,OAAO;AAAA,EAAA,GAE/B,CAACH,CAAsB,CAAC;AAErBI,QAAAA,IAAkBA,CAACC,MAAkB;AACzCjB,IAAAA,EAAciB,CAAK,GACnBL,EAAuBK,CAAK;AAAA,EAAA,GAGxBC,IAAmBA,MAAM;AAC7BlB,IAAAA,EAAc,EAAE,GAChBV,EAAc,EAAE,GACFC;EAAA,GAGV4B,IAAgBA,MAAM;AAC1B,IAAIzB,KAAeK,GAAYqB,QAAQ,MAAM,MAC3CjB,EAAc,EAAK;AAAA,EACrB,GAGIkB,IAAaA,CAACC,MAAmB;AACrCjB,IAAAA,EAAeD,EAAYmB,OAAQC,CAAAA,MAAMA,GAAGP,UAAUK,GAAML,KAAK,CAAC,GAClEzB,EAAa8B,CAAI;AAAA,EAAA,GAGbG,IAAWrB,GAAasB,SAAS;AAGrCC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,iBAAiB3B,IAAa,eAAe,YAAY;AAAA,IAAI4B,OAAO;AAAA,MAAEnC,OAAAA;AAAAA,IAAa;AAAA,EAEhGO,GAAAA,KACC0B,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,iCAAiCJ,IAAW,eAAe,EAAE;AAAA,EAAA,GAC1EA,KACCrB,GAAa2B,IAAKT,CAChBK,MAAAA,gBAAAA,EAAAC,cAACI,GAAS;AAAA,IACRC,KAAKX,GAAML;AAAAA,IACXiB,OAAOZ,GAAMY;AAAAA,IACbC,MAAK;AAAA,IACLC,aAAaA,MAAMf,EAAWC,CAAI;AAAA,EACnC,CAAA,CACF,GACHK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EACZhC,GAAAA,KACC+B,gBAAAA,EAAAA,cAACS,GAAI;AAAA,IACHC,MAAK;AAAA,IACLT,WAAU;AAAA,IACVU,SAASA,MAAM7C,KAAeS,EAAeqC,CAAAA,MAAS,CAACA,CAAI;AAAA,EAAA,CAC5D,GAEHZ,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEa,KAAKnC;AAAAA,IACLuB,WAAW;AAAA,IACXa,IAAG;AAAA,IACHC,MAAK;AAAA,IACLvD,aAAAA;AAAAA,IACAwD,UAAWC,CAAAA,MAAM7B,EAAgB6B,EAAEC,OAAO7B,KAAK;AAAA,IAC/CA,OAAOlB;AAAAA,IACPZ,UAAAA;AAAAA,IACA4D,QAAQ5B;AAAAA,EACT,CAAA,GACA,CAAC,CAACpB,KAAc4B,gBAAAA,EAAAC,cAACS,GAAI;AAAA,IAACC,MAAK;AAAA,IAAQT,WAAU;AAAA,IAAsBU,SAASrB;AAAAA,EAAmB,CAAA,CAC7F,CACF,GACJpB,KAAyB6B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAA8B/B,EAAAA,CAA6B,CACjG,CAEJ;AAET;"}
package/dist/index43.js CHANGED
@@ -1,88 +1,93 @@
1
1
  import e, { useRef as B, useEffect as h } from "react";
2
2
  /* empty css */
3
- import { Icon as C } from "./index5.js";
3
+ import { Icon as k } from "./index5.js";
4
4
  const z = /* @__PURE__ */ e.memo(({
5
5
  value: c,
6
- onChange: r,
7
- disabled: u = !1,
6
+ onChange: o,
7
+ disabled: n = !1,
8
8
  maxLength: s,
9
- tag: k = "input",
10
- error: o = !1,
11
- errorMessage: b,
12
- label: f,
13
- placeholder: I,
14
- suggestions: n = [],
9
+ tag: C = "input",
10
+ error: m = !1,
11
+ errorMessage: $,
12
+ label: d,
13
+ placeholder: y,
14
+ suggestions: l = [],
15
15
  customRenderSuggestions: i,
16
16
  onSuggestionClick: E,
17
- ...$
17
+ ...I
18
18
  }) => {
19
- const [l, m] = e.useState([...n]), [N, d] = e.useState(!1), p = B(null), x = e.useCallback((t) => {
19
+ const [r, p] = e.useState([...l]), [v, u] = e.useState(!1), f = B(null), b = e.useCallback((t) => {
20
20
  const a = t.target.value;
21
21
  if (i)
22
- r(a, !1);
23
- else if (r(a), a === "")
24
- m([...n]);
22
+ o(a, !1);
23
+ else if (o(a), a === "")
24
+ p([...l]);
25
25
  else if (a) {
26
- const y = n?.filter((w) => typeof w == "object" && w?.label?.toLowerCase().includes(a?.toLowerCase() ?? ""));
27
- m([...y]);
26
+ const V = l?.filter((w) => typeof w == "object" && w?.label?.toLowerCase().includes(a?.toLowerCase() ?? ""));
27
+ p([...V]);
28
28
  }
29
- }, [r, n, i]);
29
+ }, [o, l, i]);
30
30
  h(() => {
31
- m([...n]);
32
- }, [n]), h(() => {
31
+ p([...l]);
32
+ }, [l]), h(() => {
33
33
  const t = (a) => {
34
- p.current && !p.current.contains(a.target) && d(!1);
34
+ f.current && !f.current.contains(a.target) && u(!1);
35
35
  };
36
36
  return document.addEventListener("mousedown", t), () => {
37
37
  document.removeEventListener("mousedown", t);
38
38
  };
39
39
  }, []);
40
- const S = () => {
41
- d(!0);
42
- }, v = (t) => {
43
- r(t, !0), d(!1), E && E(t);
44
- }, V = () => {
45
- r("", !1);
40
+ const x = () => {
41
+ u(!0);
42
+ }, N = (t) => {
43
+ o(t, !0), u(!1), E && E(t);
44
+ }, S = () => {
45
+ o("", !1);
46
46
  };
47
47
  return /* @__PURE__ */ e.createElement("div", {
48
48
  className: "main-container-autocomplete-se-design",
49
- ref: p
50
- }, f && /* @__PURE__ */ e.createElement("span", {
51
- className: "label-container"
52
- }, f), /* @__PURE__ */ e.createElement("div", {
49
+ ref: f
50
+ }, d && /* @__PURE__ */ e.createElement("span", {
51
+ className: `label-container ${n ? "label-container-disabled" : ""}`
52
+ }, d), /* @__PURE__ */ e.createElement("div", {
53
53
  className: "input-container-wrapper"
54
54
  }, /* @__PURE__ */ e.createElement("div", {
55
- className: "input-wrapper"
56
- }, /* @__PURE__ */ e.createElement(k, {
55
+ className: "input-wrapper",
56
+ style: {
57
+ pointerEvents: n ? "none" : "auto"
58
+ }
59
+ }, /* @__PURE__ */ e.createElement(C, {
57
60
  value: c,
58
- onChange: x,
59
- onClick: S,
60
- disabled: u,
61
- className: `${o ? "input-container-error" : "input-container-default"} ${u ? "input-container-disabled" : ""} ${l.length > 0 || c ? "with-icon" : ""} ${l.length > 0 && c ? "with-icons" : ""}`,
61
+ onChange: b,
62
+ onClick: x,
63
+ disabled: n,
64
+ className: `${m ? "input-container-error" : "input-container-default"} ${n ? "input-container-disabled" : ""} ${r.length > 0 || c ? "with-icon" : ""} ${r.length > 0 && c ? "with-icons" : ""}`,
62
65
  maxLength: s,
63
- placeholder: I,
64
- ...$
65
- }), c && /* @__PURE__ */ e.createElement(C, {
66
+ placeholder: y,
67
+ ...I
68
+ }), c && /* @__PURE__ */ e.createElement(k, {
66
69
  name: "close",
67
70
  className: "input-icon-close",
68
71
  size: 15,
69
- onClick: V
70
- }), l.length > 0 && /* @__PURE__ */ e.createElement(C, {
72
+ onClick: S,
73
+ stroke: n ? "var(--color-gray-600)" : ""
74
+ }), r.length > 0 && /* @__PURE__ */ e.createElement(k, {
71
75
  name: "chevron",
72
- rotation: N ? "180" : "0",
73
- className: "input-icon-chevron"
74
- })), N && l.length > 0 && /* @__PURE__ */ e.createElement("div", {
76
+ rotation: v ? "180" : "0",
77
+ className: "input-icon-chevron",
78
+ stroke: n ? "var(--color-gray-600)" : ""
79
+ })), v && r.length > 0 && /* @__PURE__ */ e.createElement("div", {
75
80
  className: "suggestions-list"
76
- }, i ? i(l, v) : l.map((t, a) => /* @__PURE__ */ e.createElement("div", {
81
+ }, i ? i(r, N) : r.map((t, a) => /* @__PURE__ */ e.createElement("div", {
77
82
  key: a,
78
83
  className: "suggestion-item",
79
- onClick: () => v(t.value)
84
+ onClick: () => N(t.value)
80
85
  }, t.label)))), /* @__PURE__ */ e.createElement("div", {
81
- className: `${o ? "error-and-max-word" : "max-word-container"}`
82
- }, o && /* @__PURE__ */ e.createElement("div", {
86
+ className: `${m ? "error-and-max-word" : "max-word-container"}`
87
+ }, m && /* @__PURE__ */ e.createElement("div", {
83
88
  id: "error-message",
84
89
  className: "error-message"
85
- }, b), s && /* @__PURE__ */ e.createElement("div", {
90
+ }, $), s && /* @__PURE__ */ e.createElement("div", {
86
91
  className: "max-word"
87
92
  }, c.length, "/", s)));
88
93
  });
package/dist/index43.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index43.js","sources":["../src/components/AutoCompleteInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport './style.scss';\nimport { Icon } from '../Icon';\n\nexport interface AutoCompleteInputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number;\n onChange: (value: string, fromSuggestion?: boolean) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n suggestions?: { label: string; value: string }[];\n customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;\n onSuggestionClick?: (suggestion: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = React.memo(\n ({\n value,\n onChange,\n disabled = false,\n maxLength,\n tag = 'input',\n error = false,\n errorMessage,\n label,\n placeholder,\n suggestions = [],\n customRenderSuggestions,\n onSuggestionClick,\n ...props\n }) => {\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<{ label: string; value: string }[]>([\n ...suggestions\n ]);\n const [isSuggestionBoxVisible, setSuggestionBoxVisible] = React.useState<boolean>(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n\n if (customRenderSuggestions) {\n onChange(inputValue, false);\n } else {\n onChange(inputValue);\n if (inputValue === '') {\n setFilteredSuggestions([...suggestions]);\n } else if (inputValue) {\n const filtered = suggestions?.filter(\n (suggestion) =>\n typeof suggestion === 'object' &&\n suggestion?.label?.toLowerCase().includes(inputValue?.toLowerCase() ?? '')\n );\n setFilteredSuggestions([...filtered]);\n }\n }\n },\n [onChange, suggestions, customRenderSuggestions]\n );\n\n useEffect(() => {\n // if (customRenderSuggestions) {\n setFilteredSuggestions([...suggestions]);\n // }\n }, [suggestions]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setSuggestionBoxVisible(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleInputClick = () => {\n setSuggestionBoxVisible(true);\n };\n\n const handleSuggestionClick = (suggestion: string) => {\n onChange(suggestion, true);\n setSuggestionBoxVisible(false);\n onSuggestionClick && onSuggestionClick(suggestion);\n };\n\n const handleClearInput = () => {\n onChange('', false);\n };\n\n return (\n <div className=\"main-container-autocomplete-se-design\" ref={containerRef}>\n {label && <span className=\"label-container\">{label}</span>}\n <div className=\"input-container-wrapper\">\n <div className=\"input-wrapper\">\n {React.createElement(tag, {\n value: value,\n onChange: handleInputChange,\n onClick: handleInputClick,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''} ${filteredSuggestions.length > 0 || value ? 'with-icon' : ''} ${filteredSuggestions.length > 0 && value ? 'with-icons' : ''}`,\n maxLength,\n placeholder,\n ...props\n })}\n {value && <Icon name=\"close\" className=\"input-icon-close\" size={15} onClick={handleClearInput} />}\n {filteredSuggestions.length > 0 && (\n <Icon name=\"chevron\" rotation={isSuggestionBoxVisible ? '180' : '0'} className=\"input-icon-chevron\" />\n )}\n </div>\n {isSuggestionBoxVisible && filteredSuggestions.length > 0 && (\n <div className=\"suggestions-list\">\n {customRenderSuggestions\n ? customRenderSuggestions(filteredSuggestions, handleSuggestionClick)\n : filteredSuggestions.map((suggestion, index) => (\n <div\n key={index}\n className=\"suggestion-item\"\n onClick={() => handleSuggestionClick(suggestion.value)}\n >\n {suggestion.label}\n </div>\n ))}\n </div>\n )}\n </div>\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && (\n <div id=\"error-message\" className=\"error-message\">\n {errorMessage}\n </div>\n )}\n {maxLength && (\n <div className=\"max-word\">\n {value.length}/{maxLength}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n"],"names":["AutoCompleteInput","memo","value","onChange","disabled","maxLength","tag","error","errorMessage","label","placeholder","suggestions","customRenderSuggestions","onSuggestionClick","props","filteredSuggestions","setFilteredSuggestions","React","useState","isSuggestionBoxVisible","setSuggestionBoxVisible","containerRef","useRef","handleInputChange","useCallback","e","inputValue","target","filtered","filter","suggestion","toLowerCase","includes","useEffect","handleClickOutside","event","current","contains","addEventListener","removeEventListener","handleInputClick","handleSuggestionClick","handleClearInput","createElement","className","ref","onClick","length","Icon","name","size","rotation","map","index","key","id"],"mappings":"AAmBaA,OAAAA,KAAAA,UAAAA,GAAAA,aAAAA,SAAAA;AAAAA,OAAAA;AAAAA,SAAAA,QAAAA,SAAAA;AAAAA,MAAAA,IAA4DC,gBAAAA,EAAAA,KACvE,CAAC;AAAA,EACCC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACNC,OAAAA,IAAQ;AAAA,EACRC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,aAAAA,IAAc,CAAE;AAAA,EAChBC,yBAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,CAACC,GAAqBC,CAAsB,IAAIC,EAAMC,SAA6C,CACvG,GAAGP,CAAW,CACf,GACK,CAACQ,GAAwBC,CAAuB,IAAIH,EAAMC,SAAkB,EAAK,GACjFG,IAAeC,EAAuB,IAAI,GAE1CC,IAAoBN,EAAMO,YAC9B,CAACC,MAA2C;AACpCC,UAAAA,IAAaD,EAAEE,OAAOzB;AAE5B,QAAIU;AACFT,MAAAA,EAASuB,GAAY,EAAK;AAAA,aAE1BvB,EAASuB,CAAU,GACfA,MAAe;AACM,MAAAV,EAAA,CAAC,GAAGL,CAAW,CAAC;AAAA,aAC9Be,GAAY;AACrB,YAAME,IAAWjB,GAAakB,OAC3BC,CACCA,MAAA,OAAOA,KAAe,YACtBA,GAAYrB,OAAOsB,cAAcC,SAASN,GAAYK,YAAY,KAAK,EAAE,CAC7E;AACuB,MAAAf,EAAA,CAAC,GAAGY,CAAQ,CAAC;AAAA,IACtC;AAAA,EAGJ,GAAA,CAACzB,GAAUQ,GAAaC,CAAuB,CACjD;AAEAqB,EAAAA,EAAU,MAAM;AAES,IAAAjB,EAAA,CAAC,GAAGL,CAAW,CAAC;AAAA,EAAA,GAEtC,CAACA,CAAW,CAAC,GAEhBsB,EAAU,MAAM;AACRC,UAAAA,IAAqBA,CAACC,MAAsB;AAC5Cd,MAAAA,EAAae,WAAW,CAACf,EAAae,QAAQC,SAASF,EAAMR,MAAc,KAC7EP,EAAwB,EAAK;AAAA,IAC/B;AAGOkB,oBAAAA,iBAAiB,aAAaJ,CAAkB,GAClD,MAAM;AACFK,eAAAA,oBAAoB,aAAaL,CAAkB;AAAA,IAAA;AAAA,EAEhE,GAAG,CAAE,CAAA;AAEL,QAAMM,IAAmBA,MAAM;AAC7BpB,IAAAA,EAAwB,EAAI;AAAA,EAAA,GAGxBqB,IAAwBA,CAACX,MAAuB;AACpD3B,IAAAA,EAAS2B,GAAY,EAAI,GACzBV,EAAwB,EAAK,GAC7BP,KAAqBA,EAAkBiB,CAAU;AAAA,EAAA,GAG7CY,IAAmBA,MAAM;AAC7BvC,IAAAA,EAAS,IAAI,EAAK;AAAA,EAAA;AAIlBc,SAAAA,gBAAAA,EAAA0B,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAwCC,KAAKxB;AAAAA,EACzDZ,GAAAA,KAASkC,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAmBnC,GAAAA,CAAY,GACzDQ,gBAAAA,EAAA0B,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACND,gBAAAA,EAAAA,cAAcrC,GAAK;AAAA,IACxBJ,OAAAA;AAAAA,IACAC,UAAUoB;AAAAA,IACVuB,SAASN;AAAAA,IACTpC,UAAAA;AAAAA,IACAwC,WAAW,GAAGrC,IAAQ,0BAA0B,yBAAyB,IAAIH,IAAW,6BAA6B,EAAE,IAAIW,EAAoBgC,SAAS,KAAK7C,IAAQ,cAAc,EAAE,IAAIa,EAAoBgC,SAAS,KAAK7C,IAAQ,eAAe,EAAE;AAAA,IACpPG,WAAAA;AAAAA,IACAK,aAAAA;AAAAA,IACA,GAAGI;AAAAA,EACJ,CAAA,GACAZ,KAASe,gBAAAA,EAAA0B,cAACK,GAAI;AAAA,IAACC,MAAK;AAAA,IAAQL,WAAU;AAAA,IAAmBM,MAAM;AAAA,IAAIJ,SAASJ;AAAAA,EAAAA,CAAmB,GAC/F3B,EAAoBgC,SAAS,KAC5B9B,gBAAAA,EAAA0B,cAACK,GAAI;AAAA,IAACC,MAAK;AAAA,IAAUE,UAAUhC,IAAyB,QAAQ;AAAA,IAAKyB,WAAU;AAAA,EAAA,CAAsB,CAEpG,GACJzB,KAA0BJ,EAAoBgC,SAAS,KACtDJ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EACZhC,GAAAA,IACGA,EAAwBG,GAAqB0B,CAAqB,IAClE1B,EAAoBqC,IAAI,CAACtB,GAAYuB,MACnCpC,gBAAAA,EAAA0B,cAAA,OAAA;AAAA,IACEW,KAAKD;AAAAA,IACLT,WAAU;AAAA,IACVE,SAASA,MAAML,EAAsBX,EAAW5B,KAAK;AAAA,EAAA,GAEpD4B,EAAWrB,KACT,CACN,CACF,CAEJ,GACLkC,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGrC,IAAQ,uBAAuB,oBAAoB;AAAA,EACnEA,GAAAA,KACCoC,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKY,IAAG;AAAA,IAAgBX,WAAU;AAAA,KAC/BpC,CACE,GAENH,KACCY,gBAAAA,EAAA0B,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KACZ1C,EAAM6C,QAAO,KAAE1C,CACb,CAEJ,CACF;AAET,CACF;"}
1
+ {"version":3,"file":"index43.js","sources":["../src/components/AutoCompleteInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport './style.scss';\nimport { Icon } from '../Icon';\n\nexport interface AutoCompleteInputProps {\n value: string;\n disabled?: boolean;\n maxLength?: number;\n onChange: (value: string, fromSuggestion?: boolean) => void;\n tag?: string;\n error?: boolean;\n errorMessage?: string;\n label?: string;\n placeholder?: string;\n suggestions?: { label: string; value: string }[];\n customRenderSuggestions?: (suggestions: any, handleSuggestionClick: (suggestion: string) => void) => any;\n onSuggestionClick?: (suggestion: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = React.memo(\n ({\n value,\n onChange,\n disabled = false,\n maxLength,\n tag = 'input',\n error = false,\n errorMessage,\n label,\n placeholder,\n suggestions = [],\n customRenderSuggestions,\n onSuggestionClick,\n ...props\n }) => {\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<{ label: string; value: string }[]>([\n ...suggestions\n ]);\n const [isSuggestionBoxVisible, setSuggestionBoxVisible] = React.useState<boolean>(false);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleInputChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n\n if (customRenderSuggestions) {\n onChange(inputValue, false);\n } else {\n onChange(inputValue);\n if (inputValue === '') {\n setFilteredSuggestions([...suggestions]);\n } else if (inputValue) {\n const filtered = suggestions?.filter(\n (suggestion) =>\n typeof suggestion === 'object' &&\n suggestion?.label?.toLowerCase().includes(inputValue?.toLowerCase() ?? '')\n );\n setFilteredSuggestions([...filtered]);\n }\n }\n },\n [onChange, suggestions, customRenderSuggestions]\n );\n\n useEffect(() => {\n // if (customRenderSuggestions) {\n setFilteredSuggestions([...suggestions]);\n // }\n }, [suggestions]);\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setSuggestionBoxVisible(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleInputClick = () => {\n setSuggestionBoxVisible(true);\n };\n\n const handleSuggestionClick = (suggestion: string) => {\n onChange(suggestion, true);\n setSuggestionBoxVisible(false);\n onSuggestionClick && onSuggestionClick(suggestion);\n };\n\n const handleClearInput = () => {\n onChange('', false);\n };\n\n return (\n <div className=\"main-container-autocomplete-se-design\" ref={containerRef}>\n {label && <span className={`label-container ${disabled ? 'label-container-disabled' : ''}`}>{label}</span>}\n <div className=\"input-container-wrapper\">\n <div className=\"input-wrapper\" style={{ pointerEvents: disabled ? 'none' : 'auto' }}>\n {React.createElement(tag, {\n value: value,\n onChange: handleInputChange,\n onClick: handleInputClick,\n disabled,\n className: `${error ? 'input-container-error' : 'input-container-default'} ${disabled ? 'input-container-disabled' : ''} ${filteredSuggestions.length > 0 || value ? 'with-icon' : ''} ${filteredSuggestions.length > 0 && value ? 'with-icons' : ''}`,\n maxLength,\n placeholder,\n ...props\n })}\n {value && <Icon name=\"close\" className=\"input-icon-close\" size={15} onClick={handleClearInput} stroke={disabled ? 'var(--color-gray-600)' : ''} />}\n {filteredSuggestions.length > 0 && (\n <Icon name=\"chevron\" rotation={isSuggestionBoxVisible ? '180' : '0'} className=\"input-icon-chevron\" stroke={disabled ? 'var(--color-gray-600)' : ''} />\n )}\n </div>\n {isSuggestionBoxVisible && filteredSuggestions.length > 0 && (\n <div className=\"suggestions-list\">\n {customRenderSuggestions\n ? customRenderSuggestions(filteredSuggestions, handleSuggestionClick)\n : filteredSuggestions.map((suggestion, index) => (\n <div\n key={index}\n className=\"suggestion-item\"\n onClick={() => handleSuggestionClick(suggestion.value)}\n >\n {suggestion.label}\n </div>\n ))}\n </div>\n )}\n </div>\n <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n {error && (\n <div id=\"error-message\" className=\"error-message\">\n {errorMessage}\n </div>\n )}\n {maxLength && (\n <div className=\"max-word\">\n {value.length}/{maxLength}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n"],"names":["AutoCompleteInput","memo","value","onChange","disabled","maxLength","tag","error","errorMessage","label","placeholder","suggestions","customRenderSuggestions","onSuggestionClick","props","filteredSuggestions","setFilteredSuggestions","React","useState","isSuggestionBoxVisible","setSuggestionBoxVisible","containerRef","useRef","handleInputChange","useCallback","e","inputValue","target","filtered","filter","suggestion","toLowerCase","includes","useEffect","handleClickOutside","event","current","contains","addEventListener","removeEventListener","handleInputClick","handleSuggestionClick","handleClearInput","createElement","className","ref","style","pointerEvents","onClick","length","Icon","name","size","stroke","rotation","map","index","key","id"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "se-design",
3
- "version": "0.0.177",
3
+ "version": "0.0.179",
4
4
  "type": "module",
5
5
  "module": "dist/index.js",
6
6
  "exports": {