se-design 0.0.164 → 0.0.166
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.
- package/dist/assets/style.css +1 -1
- package/dist/components/Dropdown/index.d.ts +1 -1
- package/dist/index23.js +56 -54
- package/dist/index23.js.map +1 -1
- package/dist/index46.js +8 -6
- package/dist/index46.js.map +1 -1
- 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-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.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-\[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-10{margin-top:2.5rem}.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-\[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-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-\[1000vh\]{max-height:1000vh}.max-h-\[150px\]{max-height:150px}.min-h-\[45px\]{min-height:45px}.min-h-full{min-height:100%}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.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-\[165px\]{min-width:165px}.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))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.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-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-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-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-500{color:#6b7280}.text-gray-700{color:#374151}.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-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.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\:border-l-0:first-child{border-left-width:0px}.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-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-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\: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:baseline;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}.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-dropdown .dropdown-src-element{border:none;background-color:transparent;color:var(--color-blue-500);padding:0}.se-design-tabs-dropdown .dropdown-content{min-width:165px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.se-design-tabs-dropdown .popover-content{width:-webkit-max-content;width:-moz-max-content;width:max-content;left:0%!important;transform:translate(-5%)!important;top:120%!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:18px;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-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}}
|
|
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-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.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-10{margin-top:2.5rem}.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-\[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-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-full{min-height:100%}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.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-\[165px\]{min-width:165px}.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-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-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-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-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.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-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.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\:border-l-0:first-child{border-left-width:0px}.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-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-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\: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:baseline;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}.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-dropdown .dropdown-src-element{border:none;background-color:transparent;color:var(--color-blue-500);padding:0}.se-design-tabs-dropdown .dropdown-content{min-width:165px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.se-design-tabs-dropdown .popover-content{width:-webkit-max-content;width:-moz-max-content;width:max-content;left:0%!important;transform:translate(-5%)!important;top:120%!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 .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}.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:18px;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-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}}
|
|
@@ -13,7 +13,7 @@ type DropdownProps = {
|
|
|
13
13
|
defaultSelectedValue?: DropdownValue | DropdownValue[];
|
|
14
14
|
onOptionClick?: (selectedValue: DropdownValue) => void;
|
|
15
15
|
style?: React.CSSProperties;
|
|
16
|
-
renderOptionChip?: (option: DropdownValue) => React.ReactNode;
|
|
16
|
+
renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;
|
|
17
17
|
className?: string;
|
|
18
18
|
iconColor?: string;
|
|
19
19
|
disabled?: boolean;
|
package/dist/index23.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import
|
|
1
|
+
import l, { useState as g, useRef as q, useEffect as z } from "react";
|
|
2
2
|
import { Popover as J } from "./index17.js";
|
|
3
3
|
import { Icon as h } from "./index5.js";
|
|
4
4
|
import { Checkbox as U } from "./index21.js";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as E } from "./index3.js";
|
|
6
6
|
const G = (t) => {
|
|
7
|
-
const [v,
|
|
8
|
-
selectBy:
|
|
7
|
+
const [v, C] = g(!1), [n, d] = g(() => t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : []), m = q(null), {
|
|
8
|
+
selectBy: s = "",
|
|
9
9
|
optionsUniqueBy: a = "",
|
|
10
10
|
displaySelected: D = !1,
|
|
11
11
|
dropDownOptions: y,
|
|
12
|
-
defaultText:
|
|
12
|
+
defaultText: i = "Select",
|
|
13
13
|
iconColor: w = "var(--color-gray-700)",
|
|
14
|
-
disabled:
|
|
14
|
+
disabled: u = !1,
|
|
15
15
|
dropdownClassName: N = "",
|
|
16
16
|
hasError: b = !1,
|
|
17
17
|
errorMessage: k = "",
|
|
@@ -20,108 +20,110 @@ const G = (t) => {
|
|
|
20
20
|
} = t;
|
|
21
21
|
z(() => {
|
|
22
22
|
const e = t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : [];
|
|
23
|
-
|
|
23
|
+
d(e);
|
|
24
24
|
}, [t?.defaultSelectedValue]);
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
}, A = (e) =>
|
|
28
|
-
|
|
29
|
-
},
|
|
25
|
+
const f = t?.type === "multi-select", $ = (e) => {
|
|
26
|
+
d([e]), m.current?.togglePopover(), t?.onOptionClick?.(e);
|
|
27
|
+
}, A = (e) => f ? i : e?.[s] || i, I = () => {
|
|
28
|
+
d([]);
|
|
29
|
+
}, x = (e, r = !1) => {
|
|
30
30
|
if (t?.renderOptionChip)
|
|
31
|
-
return t?.renderOptionChip(e);
|
|
32
|
-
if (
|
|
33
|
-
const
|
|
34
|
-
return /* @__PURE__ */
|
|
31
|
+
return t?.renderOptionChip(e, r);
|
|
32
|
+
if (f && n?.length > 0) {
|
|
33
|
+
const o = n[0]?.[s] || "", c = n.length - 1;
|
|
34
|
+
return /* @__PURE__ */ l.createElement("div", {
|
|
35
35
|
className: "option-chip flex items-center w-full"
|
|
36
|
-
}, /* @__PURE__ */
|
|
37
|
-
className: `${
|
|
38
|
-
}, `${
|
|
36
|
+
}, /* @__PURE__ */ l.createElement("div", {
|
|
37
|
+
className: `${c > 0 ? "w-full" : "flex-1"} truncate`
|
|
38
|
+
}, `${i}: ${o}`), c > 0 && /* @__PURE__ */ l.createElement("div", {
|
|
39
39
|
className: "flex-shrink-0"
|
|
40
|
-
}, "+",
|
|
40
|
+
}, "+", c));
|
|
41
41
|
}
|
|
42
|
-
return /* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ l.createElement("p", {
|
|
43
43
|
className: "option-chip flex flex-1 items-center justify-between"
|
|
44
44
|
}, A(e));
|
|
45
45
|
}, B = (e) => {
|
|
46
|
-
const r = e[
|
|
47
|
-
return /* @__PURE__ */
|
|
46
|
+
const r = e[s], o = n[0]?.[s] || i, c = a?.length ? e[a] == n[0]?.[a] : !0, p = D && r === o && c;
|
|
47
|
+
return /* @__PURE__ */ l.createElement("div", {
|
|
48
48
|
key: `$drop-option-${r}`,
|
|
49
49
|
className: `option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${p ? "selected" : ""}`,
|
|
50
50
|
onClick: () => $(e)
|
|
51
|
-
},
|
|
51
|
+
}, x({
|
|
52
52
|
...e,
|
|
53
53
|
isOptionSelected: p
|
|
54
|
-
}), p && /* @__PURE__ */
|
|
54
|
+
}, !1), p && /* @__PURE__ */ l.createElement(h, {
|
|
55
55
|
name: "checkmark",
|
|
56
56
|
stroke: w
|
|
57
57
|
}));
|
|
58
|
-
}, P = () => /* @__PURE__ */
|
|
58
|
+
}, P = () => /* @__PURE__ */ l.createElement("div", {
|
|
59
59
|
className: "dropdown-content dropdown-options"
|
|
60
60
|
}, y?.map((e) => B(e))), j = (e, r) => {
|
|
61
|
-
let
|
|
62
|
-
e ?
|
|
61
|
+
let o = [];
|
|
62
|
+
e ? o = [...n, r] : o = n?.filter((c) => c[a] !== r[a]), d(o);
|
|
63
63
|
}, M = () => {
|
|
64
|
-
|
|
64
|
+
m.current?.togglePopover(), t?.onApply?.(n);
|
|
65
65
|
}, O = (e) => {
|
|
66
|
-
const r = n.some((
|
|
67
|
-
return /* @__PURE__ */
|
|
68
|
-
key: `$drop-option-${e[
|
|
66
|
+
const r = n.some((o) => o[a] === e[a]);
|
|
67
|
+
return /* @__PURE__ */ l.createElement("div", {
|
|
68
|
+
key: `$drop-option-${e[s]}`,
|
|
69
69
|
className: "option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between"
|
|
70
|
-
}, /* @__PURE__ */
|
|
70
|
+
}, /* @__PURE__ */ l.createElement(U, {
|
|
71
71
|
automationId: "checkbox",
|
|
72
72
|
className: "checkbox",
|
|
73
73
|
defaultChecked: r,
|
|
74
|
-
onChange: (
|
|
74
|
+
onChange: (o) => j(o, e),
|
|
75
75
|
label: e?.label
|
|
76
76
|
}));
|
|
77
|
-
}, R = () => /* @__PURE__ */
|
|
77
|
+
}, R = () => /* @__PURE__ */ l.createElement("div", {
|
|
78
78
|
className: "dropdown-content dropdown-options"
|
|
79
|
-
},
|
|
79
|
+
}, /* @__PURE__ */ l.createElement("div", {
|
|
80
|
+
className: "flex flex-col max-h-80 overflow-y-auto"
|
|
81
|
+
}, y?.map((e) => O(e))), /* @__PURE__ */ l.createElement("div", {
|
|
80
82
|
className: "flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]"
|
|
81
|
-
}, /* @__PURE__ */
|
|
83
|
+
}, /* @__PURE__ */ l.createElement(E, {
|
|
82
84
|
label: "Clear",
|
|
83
85
|
type: "link",
|
|
84
86
|
size: "sm",
|
|
85
87
|
onClick: I
|
|
86
|
-
}), /* @__PURE__ */
|
|
88
|
+
}), /* @__PURE__ */ l.createElement(E, {
|
|
87
89
|
label: "Apply",
|
|
88
90
|
type: "primary",
|
|
89
91
|
size: "sm",
|
|
90
92
|
onClick: M
|
|
91
93
|
}))), T = () => {
|
|
92
|
-
const e = v ? "border-[var(--color-blue-500)]" :
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
className:
|
|
95
|
-
}, /* @__PURE__ */
|
|
94
|
+
const e = v ? "border-[var(--color-blue-500)]" : u ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", r = b ? "border-[var(--color-red-500)]" : "", o = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${V ? "border-0" : `border rounded-md ${r || e}`} flex items-center ${N}`;
|
|
95
|
+
return /* @__PURE__ */ l.createElement("div", {
|
|
96
|
+
className: o
|
|
97
|
+
}, /* @__PURE__ */ l.createElement("div", {
|
|
96
98
|
className: "flex-1 min-w-0",
|
|
97
99
|
"data-automation-id": t?.dropDownSelectAutomationId || "selected-dropdown-value"
|
|
98
|
-
},
|
|
100
|
+
}, x(n[0], !0)), /* @__PURE__ */ l.createElement("div", {
|
|
99
101
|
className: "flex-shrink-0 ml-2"
|
|
100
|
-
}, /* @__PURE__ */
|
|
102
|
+
}, /* @__PURE__ */ l.createElement(h, {
|
|
101
103
|
name: "chevron",
|
|
102
104
|
rotation: v ? "180" : "0",
|
|
103
105
|
className: "transition-transform",
|
|
104
106
|
stroke: w
|
|
105
107
|
})));
|
|
106
108
|
};
|
|
107
|
-
return /* @__PURE__ */
|
|
109
|
+
return /* @__PURE__ */ l.createElement("div", {
|
|
108
110
|
className: `se-design-dropdown-container${t?.className ? ` ${t?.className}` : ""}`,
|
|
109
111
|
style: t?.style
|
|
110
|
-
}, t?.label && /* @__PURE__ */
|
|
112
|
+
}, t?.label && /* @__PURE__ */ l.createElement("div", {
|
|
111
113
|
className: "se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm"
|
|
112
|
-
}, t?.label), /* @__PURE__ */
|
|
114
|
+
}, t?.label), /* @__PURE__ */ l.createElement("div", {
|
|
113
115
|
style: t?.style,
|
|
114
|
-
className: `${
|
|
115
|
-
}, /* @__PURE__ */
|
|
116
|
-
ref:
|
|
117
|
-
renderPopoverContents: S || (
|
|
116
|
+
className: `${u ? "bg-[var(--color-gray-50)] rounded-md cursor-not-allowed" : ""}`
|
|
117
|
+
}, /* @__PURE__ */ l.createElement(J, {
|
|
118
|
+
ref: m,
|
|
119
|
+
renderPopoverContents: S || (f ? R : P),
|
|
118
120
|
contentWidth: "full",
|
|
119
121
|
renderPopoverSrcElement: T,
|
|
120
|
-
onPopoverToggle: (e) =>
|
|
121
|
-
disabled:
|
|
122
|
+
onPopoverToggle: (e) => C(e),
|
|
123
|
+
disabled: u,
|
|
122
124
|
automationId: t?.dropDownSrcAutomationId,
|
|
123
125
|
popoverContentAutomationId: t?.dropDownContentAutomationId
|
|
124
|
-
})), b && /* @__PURE__ */
|
|
126
|
+
})), b && /* @__PURE__ */ l.createElement("div", {
|
|
125
127
|
className: "text-[var(--color-red-500)] text-sm"
|
|
126
128
|
}, k));
|
|
127
129
|
};
|
package/dist/index23.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index23.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\n\ntype DropdownValue = {\n [key: string]: any;\n};\n\ntype DropdownProps = {\n label?: string;\n type: 'select' | 'multi-select';\n dropDownOptions?: DropdownValue[];\n defaultText?: string;\n selectBy?: string;\n optionsUniqueBy?: string;\n displaySelected?: boolean;\n defaultSelectedValue?: DropdownValue | DropdownValue[];\n onOptionClick?: (selectedValue: DropdownValue) => void;\n style?: React.CSSProperties;\n renderOptionChip?: (option: DropdownValue) => React.ReactNode;\n className?: string;\n iconColor?: string;\n disabled?: boolean;\n dropdownClassName?: string;\n hasError?: boolean;\n errorMessage?: string;\n onApply?: (selectedValue: DropdownValue[]) => void;\n customDropdownContent?: () => React.ReactNode;\n isBorderless?: boolean;\n dropDownSrcAutomationId?: string;\n dropDownSelectAutomationId?: string;\n dropDownContentAutomationId?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n props?.defaultSelectedValue\n ? Array.isArray(props?.defaultSelectedValue)\n ? props?.defaultSelectedValue\n : [props.defaultSelectedValue]\n : []\n );\n const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n const {\n selectBy = '',\n optionsUniqueBy = '',\n displaySelected = false,\n dropDownOptions,\n defaultText = 'Select',\n iconColor = 'var(--color-gray-700)',\n disabled = false,\n dropdownClassName = '',\n hasError = false,\n errorMessage = '',\n customDropdownContent = null,\n isBorderless = false\n } = props;\n\n useEffect(() => {\n const newValues = props?.defaultSelectedValue\n ? Array.isArray(props?.defaultSelectedValue)\n ? props?.defaultSelectedValue\n : [props.defaultSelectedValue]\n : [];\n setSelectedDropDownValues(newValues);\n }, [props?.defaultSelectedValue]);\n\n const isMultiSelect = props?.type === 'multi-select';\n\n const handleDropDownOptionClick = (dropDownOption: any) => {\n setSelectedDropDownValues([dropDownOption]);\n popoverRef.current?.togglePopover();\n props?.onOptionClick?.(dropDownOption);\n };\n\n const getSelectedDropDownValue = (option: DropdownValue) => {\n if (isMultiSelect) {\n return defaultText;\n }\n return option?.[selectBy] || defaultText;\n };\n\n const clearSelectedDropDownValues = () => {\n setSelectedDropDownValues([]);\n };\n\n const optionChip = (option: DropdownValue) => {\n if (props?.renderOptionChip) {\n return props?.renderOptionChip(option);\n }\n\n if (isMultiSelect && selectedDropDownValues?.length > 0) {\n const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n const remainingCount = selectedDropDownValues.length - 1;\n\n // For multiple selections: text takes remaining space, count takes minimum space needed\n return (\n <div className={`option-chip flex items-center w-full`}>\n <div\n className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n >{`${defaultText}: ${firstSelectedLabel}`}</div>\n {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n </div>\n );\n }\n\n return <p className={`option-chip flex flex-1 items-center justify-between`}>{getSelectedDropDownValue(option)}</p>;\n };\n\n const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n const optionTxt = dropDownOption[selectBy];\n const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n const selectByUniqueId = optionsUniqueBy?.length\n ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n : true;\n const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n return (\n <div\n key={`$drop-option-${optionTxt}`}\n className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${\n isOptionSelected ? 'selected' : ''\n }`}\n onClick={() => handleDropDownOptionClick(dropDownOption)}\n >\n {optionChip({ ...dropDownOption, isOptionSelected })}\n {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n </div>\n );\n };\n\n const renderDropdownContents = () => {\n return (\n <div className=\"dropdown-content dropdown-options\">\n {dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}\n </div>\n );\n };\n\n const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n let newSelectedDropDownValues: DropdownValue[] = [];\n if (isSelected) {\n newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n } else {\n newSelectedDropDownValues = selectedDropDownValues?.filter(\n (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n );\n }\n setSelectedDropDownValues(newSelectedDropDownValues);\n };\n\n const handleApplySelectedDropDownValues = () => {\n popoverRef.current?.togglePopover();\n props?.onApply?.(selectedDropDownValues);\n };\n\n const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n const isOptionSelected = selectedDropDownValues.some(\n (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n );\n return (\n <div\n key={`$drop-option-${dropDownOption[selectBy]}`}\n className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between\"\n >\n <Checkbox\n automationId=\"checkbox\"\n className=\"checkbox\"\n defaultChecked={isOptionSelected}\n onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n label={dropDownOption?.label}\n />\n </div>\n );\n };\n\n const renderMultiSelectDropdownContents = () => {\n return (\n <div className=\"dropdown-content dropdown-options\">\n {dropDownOptions?.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))}\n <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n </div>\n </div>\n );\n };\n\n const renderDropdownSelect = () => {\n const borderColor = isDropDownOpen\n ? 'border-[var(--color-blue-500)]'\n : disabled\n ? 'border-[var(--color-gray-300)]'\n : 'border-[var(--color-gray-600)]';\n const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n } flex items-center ${dropdownClassName}`;\n\n return (\n <div className={dropDownSelectClass}>\n <div className=\"flex-1 min-w-0\" data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}>{optionChip(selectedDropDownValues[0])}</div>\n <div className=\"flex-shrink-0 ml-2\">\n <Icon\n name={'chevron'}\n rotation={isDropDownOpen ? '180' : '0'}\n className={`transition-transform`}\n stroke={iconColor}\n />\n </div>\n </div>\n );\n };\n\n return (\n <div\n className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n style={props?.style}\n >\n {props?.label && (\n <div className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">{props?.label}</div>\n )}\n <div\n style={props?.style}\n className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n >\n <Popover\n ref={popoverRef}\n renderPopoverContents={\n customDropdownContent\n ? customDropdownContent\n : isMultiSelect\n ? renderMultiSelectDropdownContents\n : renderDropdownContents\n }\n contentWidth={'full'}\n renderPopoverSrcElement={renderDropdownSelect}\n onPopoverToggle={(value) => setIsDropDownOpen(value)}\n disabled={disabled}\n automationId={props?.dropDownSrcAutomationId}\n popoverContentAutomationId={props?.dropDownContentAutomationId}\n />\n </div>\n {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n </div>\n );\n};\n"],"names":["React__default","useState","useRef","useEffect","Popover","Icon","Checkbox","Button","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","newValues","isMultiSelect","type","handleDropDownOptionClick","dropDownOption","current","togglePopover","onOptionClick","getSelectedDropDownValue","option","clearSelectedDropDownValues","optionChip","renderOptionChip","length","firstSelectedLabel","remainingCount","React","createElement","className","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","key","onClick","name","stroke","renderDropdownContents","map","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","filter","handleApplySelectedDropDownValues","onApply","multiSelectDropdownOptionJSX","some","automationId","defaultChecked","onChange","value","label","renderMultiSelectDropdownContents","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index23.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\n\ntype DropdownValue = {\n [key: string]: any;\n};\n\ntype DropdownProps = {\n label?: string;\n type: 'select' | 'multi-select';\n dropDownOptions?: DropdownValue[];\n defaultText?: string;\n selectBy?: string;\n optionsUniqueBy?: string;\n displaySelected?: boolean;\n defaultSelectedValue?: DropdownValue | DropdownValue[];\n onOptionClick?: (selectedValue: DropdownValue) => void;\n style?: React.CSSProperties;\n renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;\n className?: string;\n iconColor?: string;\n disabled?: boolean;\n dropdownClassName?: string;\n hasError?: boolean;\n errorMessage?: string;\n onApply?: (selectedValue: DropdownValue[]) => void;\n customDropdownContent?: () => React.ReactNode;\n isBorderless?: boolean;\n dropDownSrcAutomationId?: string;\n dropDownSelectAutomationId?: string;\n dropDownContentAutomationId?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n props?.defaultSelectedValue\n ? Array.isArray(props?.defaultSelectedValue)\n ? props?.defaultSelectedValue\n : [props.defaultSelectedValue]\n : []\n );\n const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n const {\n selectBy = '',\n optionsUniqueBy = '',\n displaySelected = false,\n dropDownOptions,\n defaultText = 'Select',\n iconColor = 'var(--color-gray-700)',\n disabled = false,\n dropdownClassName = '',\n hasError = false,\n errorMessage = '',\n customDropdownContent = null,\n isBorderless = false\n } = props;\n\n useEffect(() => {\n const newValues = props?.defaultSelectedValue\n ? Array.isArray(props?.defaultSelectedValue)\n ? props?.defaultSelectedValue\n : [props.defaultSelectedValue]\n : [];\n setSelectedDropDownValues(newValues);\n }, [props?.defaultSelectedValue]);\n\n const isMultiSelect = props?.type === 'multi-select';\n\n const handleDropDownOptionClick = (dropDownOption: any) => {\n setSelectedDropDownValues([dropDownOption]);\n popoverRef.current?.togglePopover();\n props?.onOptionClick?.(dropDownOption);\n };\n\n const getSelectedDropDownValue = (option: DropdownValue) => {\n if (isMultiSelect) {\n return defaultText;\n }\n return option?.[selectBy] || defaultText;\n };\n\n const clearSelectedDropDownValues = () => {\n setSelectedDropDownValues([]);\n };\n\n const optionChip = (option: DropdownValue, srcOption: boolean = false) => {\n if (props?.renderOptionChip) {\n return props?.renderOptionChip(option, srcOption);\n }\n\n if (isMultiSelect && selectedDropDownValues?.length > 0) {\n const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n const remainingCount = selectedDropDownValues.length - 1;\n\n // For multiple selections: text takes remaining space, count takes minimum space needed\n return (\n <div className={`option-chip flex items-center w-full`}>\n <div\n className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n >{`${defaultText}: ${firstSelectedLabel}`}</div>\n {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n </div>\n );\n }\n\n return <p className={`option-chip flex flex-1 items-center justify-between`}>{getSelectedDropDownValue(option)}</p>;\n };\n\n const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n const optionTxt = dropDownOption[selectBy];\n const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n const selectByUniqueId = optionsUniqueBy?.length\n ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n : true;\n const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n return (\n <div\n key={`$drop-option-${optionTxt}`}\n className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${\n isOptionSelected ? 'selected' : ''\n }`}\n onClick={() => handleDropDownOptionClick(dropDownOption)}\n >\n {optionChip({ ...dropDownOption, isOptionSelected }, false)}\n {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n </div>\n );\n };\n\n const renderDropdownContents = () => {\n return (\n <div className=\"dropdown-content dropdown-options\">\n {dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}\n </div>\n );\n };\n\n const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n let newSelectedDropDownValues: DropdownValue[] = [];\n if (isSelected) {\n newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n } else {\n newSelectedDropDownValues = selectedDropDownValues?.filter(\n (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n );\n }\n setSelectedDropDownValues(newSelectedDropDownValues);\n };\n\n const handleApplySelectedDropDownValues = () => {\n popoverRef.current?.togglePopover();\n props?.onApply?.(selectedDropDownValues);\n };\n\n const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n const isOptionSelected = selectedDropDownValues.some(\n (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n );\n return (\n <div\n key={`$drop-option-${dropDownOption[selectBy]}`}\n className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between\"\n >\n <Checkbox\n automationId=\"checkbox\"\n className=\"checkbox\"\n defaultChecked={isOptionSelected}\n onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n label={dropDownOption?.label}\n />\n </div>\n );\n };\n\n const renderMultiSelectDropdownContents = () => {\n return (\n <div className=\"dropdown-content dropdown-options\">\n <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n {dropDownOptions?.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))}\n </div>\n <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n </div>\n </div>\n );\n };\n\n const renderDropdownSelect = () => {\n const borderColor = isDropDownOpen\n ? 'border-[var(--color-blue-500)]'\n : disabled\n ? 'border-[var(--color-gray-300)]'\n : 'border-[var(--color-gray-600)]';\n const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n } flex items-center ${dropdownClassName}`;\n\n return (\n <div className={dropDownSelectClass}>\n <div className=\"flex-1 min-w-0\" data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}>{optionChip(selectedDropDownValues[0], true)}</div>\n <div className=\"flex-shrink-0 ml-2\">\n <Icon\n name={'chevron'}\n rotation={isDropDownOpen ? '180' : '0'}\n className={`transition-transform`}\n stroke={iconColor}\n />\n </div>\n </div>\n );\n };\n\n return (\n <div\n className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n style={props?.style}\n >\n {props?.label && (\n <div className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">{props?.label}</div>\n )}\n <div\n style={props?.style}\n className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n >\n <Popover\n ref={popoverRef}\n renderPopoverContents={\n customDropdownContent\n ? customDropdownContent\n : isMultiSelect\n ? renderMultiSelectDropdownContents\n : renderDropdownContents\n }\n contentWidth={'full'}\n renderPopoverSrcElement={renderDropdownSelect}\n onPopoverToggle={(value) => setIsDropDownOpen(value)}\n disabled={disabled}\n automationId={props?.dropDownSrcAutomationId}\n popoverContentAutomationId={props?.dropDownContentAutomationId}\n />\n </div>\n {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n </div>\n );\n};\n"],"names":["React__default","useState","useRef","useEffect","Popover","Icon","Checkbox","Button","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","newValues","isMultiSelect","type","handleDropDownOptionClick","dropDownOption","current","togglePopover","onOptionClick","getSelectedDropDownValue","option","clearSelectedDropDownValues","optionChip","srcOption","renderOptionChip","length","firstSelectedLabel","remainingCount","React","createElement","className","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","key","onClick","name","stroke","renderDropdownContents","map","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","filter","handleApplySelectedDropDownValues","onApply","multiSelectDropdownOptionJSX","some","automationId","defaultChecked","onChange","value","label","renderMultiSelectDropdownContents","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId"],"mappings":"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"}
|
package/dist/index46.js
CHANGED
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import u from "react";
|
|
2
|
-
const
|
|
2
|
+
const o = ["var(--color-green-500)", "var(--color-blue-500)", "var(--color-purple-600)", "var(--color-red-400)", "var(--color-yellow-600)"], m = ({
|
|
3
3
|
size: r = 40,
|
|
4
4
|
text: a,
|
|
5
5
|
textColor: l = "var(--color-white)",
|
|
6
6
|
backgroundColor: e = "",
|
|
7
7
|
className: n = "",
|
|
8
|
-
onClick:
|
|
8
|
+
onClick: t
|
|
9
9
|
}) => {
|
|
10
|
-
const c = a?.split(" ")?.map((s) => s[0])?.join("")?.toUpperCase()?.slice(0, 3), i = () => e ||
|
|
10
|
+
const c = a?.split(" ")?.map((s) => s[0])?.join("")?.toUpperCase()?.slice(0, 3), i = () => e || o[Math.floor(Math.random() * o.length)];
|
|
11
11
|
return /* @__PURE__ */ u.createElement("div", {
|
|
12
12
|
className: `
|
|
13
13
|
se-design-avatar
|
|
14
14
|
flex items-center justify-center
|
|
15
15
|
rounded-full font-medium
|
|
16
|
-
${
|
|
16
|
+
${t ? "cursor-pointer" : "cursor-default"}
|
|
17
17
|
${n}
|
|
18
18
|
`,
|
|
19
|
-
onClick:
|
|
19
|
+
onClick: t,
|
|
20
20
|
style: {
|
|
21
21
|
width: r,
|
|
22
22
|
height: r,
|
|
23
|
+
minWidth: 20,
|
|
24
|
+
minHeight: 20,
|
|
23
25
|
backgroundColor: i(),
|
|
24
26
|
color: l,
|
|
25
27
|
fontSize: `${r * 0.4}px`
|
|
@@ -27,6 +29,6 @@ const t = ["var(--color-green-500)", "var(--color-blue-500)", "var(--color-purpl
|
|
|
27
29
|
}, c);
|
|
28
30
|
};
|
|
29
31
|
export {
|
|
30
|
-
|
|
32
|
+
m as Avatar
|
|
31
33
|
};
|
|
32
34
|
//# sourceMappingURL=index46.js.map
|
package/dist/index46.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index46.js","sources":["../src/components/Avatar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport type AvatarProps = {\n size?: number;\n text: string;\n textColor?: string;\n backgroundColor?: string;\n className?: string;\n onClick?: () => void;\n};\n\nconst AVATAR_COLORS = [\n 'var(--color-green-500)',\n 'var(--color-blue-500)',\n 'var(--color-purple-600)',\n 'var(--color-red-400)',\n 'var(--color-yellow-600)'\n];\n\nexport const Avatar: FC<AvatarProps> = ({\n size = 40,\n text,\n textColor = 'var(--color-white)',\n backgroundColor = '',\n className = '',\n onClick\n}) => {\n const initials = text\n ?.split(' ')\n ?.map((word) => word[0])\n ?.join('')\n ?.toUpperCase()\n ?.slice(0, 3);\n\n const getBackgroundColor = () => {\n if (backgroundColor) {\n return backgroundColor;\n }\n return AVATAR_COLORS[Math.floor(Math.random() * AVATAR_COLORS.length)];\n };\n\n return (\n <div\n className={`\n se-design-avatar \n flex items-center justify-center \n rounded-full font-medium\n ${onClick ? 'cursor-pointer' : 'cursor-default'}\n ${className}\n `}\n onClick={onClick}\n style={{\n width: size,\n height: size,\n backgroundColor: getBackgroundColor(),\n color: textColor,\n fontSize: `${size * 0.4}px`\n }}\n >\n {initials}\n </div>\n );\n};\n"],"names":["React__default","AVATAR_COLORS","Avatar","size","text","textColor","backgroundColor","className","onClick","initials","split","map","word","join","toUpperCase","slice","getBackgroundColor","Math","floor","random","length","React","createElement","style","width","height","color","fontSize"],"mappings":"AAWA,OAAAA,OAAA;AAAA,MAAMC,IAAgB,CACpB,0BACA,yBACA,2BACA,wBACA,yBAAyB,GAGdC,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,iBAAAA,IAAkB;AAAA,EAClBC,WAAAA,IAAY;AAAA,EACZC,SAAAA;AACF,MAAM;AACJ,QAAMC,IAAWL,GACbM,MAAM,GAAG,GACTC,IAAKC,OAASA,EAAK,CAAC,CAAC,GACrBC,KAAK,EAAE,GACPC,YACAC,GAAAA,MAAM,GAAG,CAAC,GAERC,IAAqBA,MACrBV,KAGGL,EAAcgB,KAAKC,MAAMD,KAAKE,WAAWlB,EAAcmB,MAAM,CAAC;AAIrEC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEf,WAAW;AAAA;AAAA;AAAA;AAAA,UAIPC,IAAU,mBAAmB,gBAAgB;AAAA,UAC7CD,CAAS;AAAA;AAAA,IAEbC,SAAAA;AAAAA,IACAe,OAAO;AAAA,MACLC,OAAOrB;AAAAA,MACPsB,QAAQtB;AAAAA,
|
|
1
|
+
{"version":3,"file":"index46.js","sources":["../src/components/Avatar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport type AvatarProps = {\n size?: number;\n text: string;\n textColor?: string;\n backgroundColor?: string;\n className?: string;\n onClick?: () => void;\n};\n\nconst AVATAR_COLORS = [\n 'var(--color-green-500)',\n 'var(--color-blue-500)',\n 'var(--color-purple-600)',\n 'var(--color-red-400)',\n 'var(--color-yellow-600)'\n];\n\nexport const Avatar: FC<AvatarProps> = ({\n size = 40,\n text,\n textColor = 'var(--color-white)',\n backgroundColor = '',\n className = '',\n onClick\n}) => {\n const initials = text\n ?.split(' ')\n ?.map((word) => word[0])\n ?.join('')\n ?.toUpperCase()\n ?.slice(0, 3);\n\n const getBackgroundColor = () => {\n if (backgroundColor) {\n return backgroundColor;\n }\n return AVATAR_COLORS[Math.floor(Math.random() * AVATAR_COLORS.length)];\n };\n\n return (\n <div\n className={`\n se-design-avatar \n flex items-center justify-center \n rounded-full font-medium\n ${onClick ? 'cursor-pointer' : 'cursor-default'}\n ${className}\n `}\n onClick={onClick}\n style={{\n width: size,\n height: size,\n minWidth: 20,\n minHeight: 20,\n backgroundColor: getBackgroundColor(),\n color: textColor,\n fontSize: `${size * 0.4}px`\n }}\n >\n {initials}\n </div>\n );\n};\n"],"names":["React__default","AVATAR_COLORS","Avatar","size","text","textColor","backgroundColor","className","onClick","initials","split","map","word","join","toUpperCase","slice","getBackgroundColor","Math","floor","random","length","React","createElement","style","width","height","minWidth","minHeight","color","fontSize"],"mappings":"AAWA,OAAAA,OAAA;AAAA,MAAMC,IAAgB,CACpB,0BACA,yBACA,2BACA,wBACA,yBAAyB,GAGdC,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,iBAAAA,IAAkB;AAAA,EAClBC,WAAAA,IAAY;AAAA,EACZC,SAAAA;AACF,MAAM;AACJ,QAAMC,IAAWL,GACbM,MAAM,GAAG,GACTC,IAAKC,OAASA,EAAK,CAAC,CAAC,GACrBC,KAAK,EAAE,GACPC,YACAC,GAAAA,MAAM,GAAG,CAAC,GAERC,IAAqBA,MACrBV,KAGGL,EAAcgB,KAAKC,MAAMD,KAAKE,WAAWlB,EAAcmB,MAAM,CAAC;AAIrEC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEf,WAAW;AAAA;AAAA;AAAA;AAAA,UAIPC,IAAU,mBAAmB,gBAAgB;AAAA,UAC7CD,CAAS;AAAA;AAAA,IAEbC,SAAAA;AAAAA,IACAe,OAAO;AAAA,MACLC,OAAOrB;AAAAA,MACPsB,QAAQtB;AAAAA,MACRuB,UAAU;AAAA,MACVC,WAAW;AAAA,MACXrB,iBAAiBU,EAAmB;AAAA,MACpCY,OAAOvB;AAAAA,MACPwB,UAAU,GAAG1B,IAAO,GAAG;AAAA,IACzB;AAAA,KAECM,CACE;AAET;"}
|