npm - se-design - Versions diffs - 1.0.83-dev.1 → 1.0.83-dev.3 - Mend

se-design 1.0.83-dev.1 → 1.0.83-dev.3

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

Files changed (10) hide show

package/dist/assets/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- ,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: },:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-bottom-5{bottom:-1.25rem}.-left-\[9999px\]{left:-9999px}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-8px\]{right:-8px}.right-\[12px\]{right:12px}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.top-\[calc$100\%\+8px$\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[1010\]{z-index:1010}.z-\[1020\]{z-index:1020}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.z-\[2001\]{z-index:2001}.z-\[2002\]{z-index:2002}.m-0{margin:0}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.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-8{margin-bottom:2rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[3px\]{margin-bottom:3px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-\[22px\]{margin-left:22px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-\[100px\]{margin-top:100px}.mt-\[12px\]{margin-top:12px}.mt-\[1vw\]{margin-top:1vw}.mt-\[48px\]{margin-top:48px}.mt-\[4px\]{margin-top:4px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[1px\]{height:1px}.h-\[34px\]{height:34px}.h-\[48px\]{height:48px}.h-\[6px\]{height:6px}.h-\[initial\]{height:initial}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-80{max-height:20rem}.max-h-\[1000vh\]{max-height:1000vh}.max-h-\[150px\]{max-height:150px}.max-h-\[98vh\]{max-height:98vh}.min-h-0{min-height:0px}.min-h-\[45px\]{min-height:45px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[124px\]{width:124px}.w-\[147px\]{width:147px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[1px\]{width:1px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[385px\]{width:385px}.w-\[48px\]{width:48px}.w-\[70\%\]{width:70%}.w-\[8px\]{width:8px}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-24{min-width:6rem}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[212px\]{min-width:212px}.min-w-\[216px\]{min-width:216px}.min-w-\[24px\]{min-width:24px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-\[1200px\]{max-width:1200px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[initial\]{max-width:initial}.max-w-full{max-width:100%}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-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-45{--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))}.-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-0{--tw-rotate: 0deg;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-45{--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))}.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-\[135deg\]{--tw-rotate: 135deg;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-\[225deg\]{--tw-rotate: 225deg;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}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.items-stretch{align-items:stretch}.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-6{gap:1.5rem}.gap-\[0\.625rem\]{gap:.625rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[24px\]{border-radius:24px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.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-dashed{border-style:dashed}.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-blue-300{border-color:#93c5fd}.border-current{border-color:currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-green-500{border-color:#22c55e}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#E5E7EB\]{background-color:#e5e7eb}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[var$--color-blue-100$\]{background-color:var(--color-blue-100)}.bg-\[var$--color-blue-200$\]{background-color:var(--color-blue-200)}.bg-\[var$--color-blue-450$\]{background-color:var(--color-blue-450)}.bg-\[var$--color-blue-50$\]{background-color:var(--color-blue-50)}.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-600$\]{background-color:var(--color-gray-600)}.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-400$\]{background-color:var(--color-green-400)}.bg-\[var$--color-red-50$\]{background-color:var(--color-red-50)}.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-gray-200{background-color:#e5e7eb}.bg-transparent{background-color:transparent}.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-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.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}.px-\[7px\]{padding-left:7px;padding-right:7px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.pb-1{padding-bottom:.25rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pl-6,.pl-\[1\.5rem\]{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pr-\[44px\]{padding-right:44px}.pt-2{padding-top:.5rem}.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-3xl{font-size:1.875rem;line-height:2.25rem}.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-white{color:#fff!important}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[var$--color-black$\]{color:var(--color-black)}.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-650$\]{color:var(--color-gray-650)}.text-\[var$--color-gray-700$\]{color:var(--color-gray-700)}.text-\[var$--color-gray-800$\]{color:var(--color-gray-800)}.text-\[var$--color-gray-900$\]{color:var(--color-gray-900)}.text-\[var$--color-red-500$\]{color:var(--color-red-500)}.text-\[var$--color-white$\]{color:var(--color-white)}.text-\[var$--color-yellow-700$\]{color:var(--color-yellow-700)}.text-blue-500{color:#3b82f6}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-white{color:#fff}.\!underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.accent-\[var$--color-blue-500$\]{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-\[length\:var$--focus-width$\]{outline-width:var(--focus-width)}.-outline-offset-2{outline-offset:-2px}.outline-\[var$--color-blue-500$\]{outline-color:var(--color-blue-500)}.outline-\[var$--focus-color$\]{outline-color:var(--focus-color)}.ring{--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(3px + 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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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)}.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-\[height\]{transition-property:height;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{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[clip\:rect$0\,0\,0\,0$\]{clip:rect(0,0,0,0)}.\[font-weight\:inherit\]{font-weight:inherit}body{font-family:Inter,sans-serif}img{display:inline-block}:root{--focus-color: var(--color-blue-500);--focus-width: 2px;--focus-offset: 2px}.focus-outline:focus-visible{outline:var(--focus-width) solid var(--focus-color)!important;outline-offset:var(--focus-offset)!important}.sr-only{font-size:1px}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-\[-7px\]:before{content:var(--tw-content);bottom:-7px}.before\:bottom-\[7px\]:before{content:var(--tw-content);bottom:7px}.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\:top-\[7px\]:before{content:var(--tw-content);top:7px}.before\:top-\[calc$50\%-7px$\]:before{content:var(--tw-content);top:calc(50% - 7px)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var$--color-gray-800$\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.first\:rounded-l-\[0\.3rem\]:first-child{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.first\:border-l-0:first-child{border-left-width:0px}.last\:rounded-r-\[0\.3rem\]:last-child{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.last\:pb-4:last-child{padding-bottom:1rem}.last\:text-right:last-child{text-align:right}.focus-within\:h-auto:focus-within{height:auto}.focus-within\:px-2:focus-within{padding-left:.5rem;padding-right:.5rem}.focus-within\:py-1:focus-within{padding-top:.25rem;padding-bottom:.25rem}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-blue-500:hover{border-color:#3b82f6}.hover\:bg-\[var$--color-blue-100$\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var$--color-blue-200$\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var$--color-blue-450$\]:hover{background-color:var(--color-blue-450)}.hover\:bg-\[var$--color-blue-600$\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var$--color-blue-700$\]:hover{background-color:var(--color-blue-700)}.hover\:bg-\[var$--color-gray-100$\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var$--color-gray-200$\]:hover{background-color:var(--color-gray-200)}.hover\:bg-\[var$--color-gray-50$\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var$--color-gray-650$\]:hover{background-color:var(--color-gray-650)}.hover\:bg-\[var$--color-green-500$\]:hover{background-color:var(--color-green-500)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[var$--color-blue-500$\]:hover{color:var(--color-blue-500)}.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-blue-600:hover{color:#2563eb}.hover\:text-gray-900:hover{color:#111827}.hover\:outline:hover{outline-style:solid}.hover\:outline-1:hover{outline-width:1px}.hover\:outline-\[var$--color-blue-500$\]:hover{outline-color:var(--color-blue-500)}.focus\:static:focus{position:static}.focus\:left-auto:focus{left:auto}.focus\:border-\[var$--color-blue-500$\]:focus{border-color:var(--color-blue-500)}.focus\:border-\[var$--color-red-500$\]:focus{border-color:var(--color-red-500)}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-\[var$--color-gray-100$\]:focus{background-color:var(--color-gray-100)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var$--color-blue-500$\]:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-\[var$--color-red-500$\]:focus{--tw-ring-color: var(--color-red-500)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:\[clip\:auto\]:focus{clip:auto}.focus-visible\:bg-\[var$--color-gray-100$\]:focus-visible{background-color:var(--color-gray-100)}.focus-visible\:underline:focus-visible{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus-visible\:\!outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:\!outline-2:focus-visible{outline-width:2px!important}.focus-visible\:\!outline-offset-2:focus-visible{outline-offset:2px!important}.focus-visible\:\!outline-\[var$--color-white$\]:focus-visible{outline-color:var(--color-white)!important}.active\:border-transparent:active{border-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{background-color:#f9fafb}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.group:focus-visible .group-focus-visible\:p-\[2px\]{padding:2px}.group:focus-visible .group-focus-visible\:\[outline-offset\:var$--focus-offset$\]{outline-offset:var(--focus-offset)}.group:focus-visible .group-focus-visible\:\[outline\:var$--focus-width$_solid_var$--focus-color$\]{outline:var(--focus-width) solid var(--focus-color)}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.se-design-button.theme-red.primary-btn{color:var(--color-white);background-color:var(--color-red-500)}.se-design-button.theme-red.primary-btn:hover{background-color:var(--color-red-700)}.se-design-button.theme-red.primary-btn.disabled-btn{color:var(--color-gray-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);border-color:var(--color-gray-650)}.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.disabled-btn{color:var(--color-gray-650)}.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-650)}.se-design-button.unstyled-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:6px;padding:0;margin:0;cursor:pointer;justify-content:unset;min-width:unset}.se-design-button.unstyled-btn.disabled-btn,.se-design-button.unstyled-btn[disabled],.se-design-button.unstyled-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.se-design-button.unstyled-btn[aria-busy=true]{cursor:wait}.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-650)}.input-with-icon-element::placeholder{color:var(--color-gray-650)}.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-500);background:var(--color-white);padding:8px 12px}.input-with-icon-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed;opacity:.7}.se-design-modal{overflow-y:auto}.se-design-modal .modal-content{max-width:100vw;margin-top:clamp(8px,5vh,48px);margin-top:clamp(8px,5dvh,48px);margin-bottom:16px;flex-shrink:0}.se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;animation:rotate 1.5s infinite linear}.se-design-spinner--sm{height:16px!important;width:16px!important;border-width:3px!important}.se-design-spinner--md{height:20px!important;width:20px!important;border-width:4px!important}.se-design-spinner--lg{height:24px!important;width:24px!important;border-width:4px!important}.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-shimmer-loader{--shimmer-duration: 3s;--shimmer-base-color: var(--color-gray-700);--shimmer-highlight-color: var(--color-gray-600);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{background:linear-gradient(to right,var(--shimmer-base-color) 0%,var(--shimmer-highlight-color) 50%,var(--shimmer-base-color) 100%);background-size:1000px 100%;animation:shimmer var(--shimmer-duration) infinite ease-in-out}.se-design-shimmer-element.se-design-shimmer-text{height:16px;border-radius:12px}.se-design-shimmer-element.se-design-shimmer-rect{border-radius:12px}.se-design-shimmer-element.se-design-shimmer-rect-sm{border-radius:6px}.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:-1000px 0}to{background-position:1000px 0}}@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}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-checkbox-ctn{display:flex;align-items:center;gap:8px}.se-design-checkbox-ctn .se-design-checkbox{display:flex;align-items:center;cursor:pointer;gap:8px}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item{display:flex;position:relative;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item:after{z-index:1;display:block;content:"";width:16px;height:16px}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]{display:none}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230C6FC4'/%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='%2300539E'/%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='%237a90b4'%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='%23f2f4f8'/%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='%234D678A'%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='%230C6FC4'/%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='%2300539E'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-default,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.se-design-checkbox-ctn .se-design-checkbox.disabled-default .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%237a90b4'%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='%237a90b4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-default:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%237a90b4'%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='%237a90b4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox:focus-visible{outline:none}.se-design-checkbox-ctn .se-design-checkbox:focus-visible .checkbox-item{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.se-design-checkbox-ctn .checkbox-label{color:var(--color-gray-900);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.se-design-checkbox-ctn .checkbox-label-disabled{position:relative;color:var(--color-gray-600);cursor:not-allowed}.se-design-sidebar-overlay-container{height:100%;display:flex;flex-direction:column;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;flex:1;min-height:0;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:24px;cursor:pointer;top:25px}.se-design-tabs{background-color:var(--color-white)}.se-design-tabs.se-design-tabs-heading{font-size:16px;line-height:24px;font-weight:700;color:var(--color-gray-900)}.se-design-tabs .se-design-overflow-tabs{align-self:stretch}.se-design-tabs .se-design-overflow-tabs .overflow-tabs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-tabs .se-design-overflow-tabs .popover-content{top:103%!important}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.banner-ctn .banner-image-ctn{display:flex;align-items:flex-end;margin-top:14px}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{display:flex;flex:1;align-items:center;margin:14px 14px 14px 0}}.widget-ctn .widget-title,.widget-ctn .webinar-title{font-size:18px;line-height:24px;font-weight:600}.widget-ctn .widget-description,.widget-ctn .widget-date{font-size:16px;line-height:24px;font-weight:400}.input-with-tags-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--color-gray-600);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-500)}.tag-in-inputwithtags{padding:2px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;background:var(--color-gray-50);color:var(--color-gray-700);font-size:16px;text-align:center}.close-icon-in-inputwithtags{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;border-radius:4px}.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}.input-with-tags-input::-ms-input-placeholder,.input-with-tags-input:focus::-ms-input-placeholder{color:var(--color-gray-650)}.input-with-tags-input::placeholder,.input-with-tags-input:focus::placeholder{color:var(--color-gray-650)}.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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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,.dropdown-with-input-tags-option.highlighted{background-color:var(--color-gray-100)}.dropdown-with-input-tags-option.highlighted.keyboard-highlight{outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}.dropdown-with-input-tags-option .option-label{font-size:14px;font-weight:500;color:var(--color-gray-900)}.dropdown-with-input-tags-option .option-value{font-size:12px;color:var(--color-gray-600)}.dropdown-with-input-tags-multi-select-option{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;min-height:0}.dropdown-with-input-tags-multi-select-option .se-design-checkbox-ctn{pointer-events:none}.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-700);text-align:center;padding:8px 0}.dropdown-with-input-tags-ctas-container{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px;border-top:1px solid var(--color-gray-200)}.dropdown-with-input-tags-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto;overflow-x:hidden}.dropdown-with-input-tags-wrapper .input-with-tags-container.keyboard-focused{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.keyboard-focused{border:1px solid var(--color-gray-300)}.dropdown-with-input-tags-wrapper.disabled-wrapper .tag-in-inputwithtags{background:var(--color-gray-100);color:var(--color-gray-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper .close-icon-in-inputwithtags{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .dropdown-with-input-tags-popover{pointer-events:none}.dropdown-with-input-tags-wrapper .tag-in-inputwithtags{padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:var(--Corner-radius-6px, 6px);background:var(--color-blue-100);color:var(--color-gray-700);text-align:center;font-size:16px;line-height:24px;font-weight:400}.dropdown-with-input-tags-wrapper .close-icon-in-inputwithtags{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;border-radius:4px}.dropdown-with-input-tags-wrapper .input-with-tags-input,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus{flex-grow:1;border-width:0;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:transparent;padding:0;margin:3px 0}.dropdown-with-input-tags-wrapper .input-with-tags-input::-ms-input-placeholder,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus::-ms-input-placeholder{color:var(--color-gray-650)}.dropdown-with-input-tags-wrapper .input-with-tags-input::placeholder,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus::placeholder{color:var(--color-gray-650)}.dropdown-with-input-tags-wrapper .input-with-tags-input:disabled,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus:disabled{cursor:not-allowed;color:var(--color-gray-500)}.input-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-main-container .input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.input-main-container .label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error{border-radius:6px;border:1px solid var(--color-red-500);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-650)}.se-search-box .search-box-container .search-input::placeholder{color:var(--color-gray-650)}.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:var(--color-gray-650);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}@media (prefers-reduced-motion: reduce){.se-design-message-bar.show,.se-design-message-bar.hide{animation:none}.se-design-message-bar.hide{opacity:0;visibility:hidden}}.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(--color-gray-600);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::-ms-input-placeholder{color:var(--color-gray-650)}.input-container-default::placeholder{color:var(--color-gray-650)}.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-error::-ms-input-placeholder{color:var(--color-gray-650)}.input-container-error::placeholder{color:var(--color-gray-650)}.label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.label-container.label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-and-max-word{display:flex;justify-content:space-between;align-items:center}.error-and-max-word .error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.error-and-max-word .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);font-size:1rem}.max-word-container{display:flex;justify-content:end;align-items:center}.max-word-container .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.main-container-autocomplete-se-design .input-container-wrapper{position:relative}.main-container-autocomplete-se-design .input-container-wrapper .suggestions-list{display:flex;flex-direction:column;position:absolute;left:0;background-color:var(--color-white);border:1px solid #ccc;border-radius:6px;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,.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item-highlighted{background-color:var(--color-gray-100)}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item-keyboard-highlight{outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}.phone-input-container-se-design-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.phone-input-container-se-design-main-container .label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.phone-input-container-se-design-main{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);position:relative;width:100%;height:40px;display:flex;align-items:center}.phone-input-container-se-design-main:focus-within{border:1px solid var(--color-blue-500)}.phone-input-container-se-design-main.error{border:1px solid var(--color-red-500)}.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;background:none;border:none;padding:0;font:inherit;color:inherit}.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:6px;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,.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item.highlighted{background-color:var(--color-gray-100)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item.selected{background-color:var(--color-blue-50)}.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::-ms-input-placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input::placeholder{color:var(--color-gray-650)}.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-results{cursor:not-allowed;padding:8px 12px;color:var(--color-gray-700);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::-ms-input-placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-phone-number-input::placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-phone-number-input.disabled{cursor:not-allowed;background-color:transparent}.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-list{list-style:none;margin:0;padding:0}.se-design-breadcrumbs .se-design-breadcrumbs-item-label{font-size:20px;line-height:24px;font-weight:400;color:var(--color-gray-700);border-radius:4px}.se-design-breadcrumbs a.se-design-breadcrumbs-item-label{text-decoration:none;padding:0}.se-design-breadcrumbs .highlighted-crumb,.se-design-breadcrumbs .single-crumb{color:var(--color-gray-900)}.se-design-breadcrumbs .se-design-overflow-breadcrumbs{align-self:stretch}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .overflow-breadcrumbs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .popover-content{top:110%!important}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list{border-radius:6px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list .se-design-menu-item span{color:var(--color-gray-700)!important}.se-design-datepicker-container{border-radius:12px!important}.se-design-datepicker-container .datepicker-title{font-size:16px;line-height:20px;font-weight:600}.se-design-datepicker-container .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;text-decoration:none}.se-design-datepicker-container .datepicker-cell-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;min-width:0;font:inherit;text-align:center}.se-design-datepicker-container .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-container .dropdown-option-container .dropdown-content{max-height:200px;color:var(--color-gray-700);overflow-y:auto}.se-design-datepicker-container .dropdown-option-container .dropdown-content>div{max-height:none}@media (max-width: 900px){.se-design-datepicker-container .se-design-datepicker-header{padding:8px 12px}.se-design-datepicker-container .se-design-calendar-container{padding:8px}.se-design-datepicker-container .se-design-datepicker-footer{padding:8px 12px}}.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-container.snackbar-compact{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:none;border-radius:6px}.snackbar-content{padding:16px;color:var(--color-white)}.snackbar-compact-content{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-white);white-space:nowrap;box-shadow:0 6px 20px #0000001a}.snackbar-compact-icon{flex-shrink:0}.snackbar-compact-title{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-200);white-space:nowrap}.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;min-width:0}.snackbar-icon{flex-shrink:0}.snackbar-title{font-size:16px;line-height:24px;font-weight:500;margin:0;color:var(--color-white);word-wrap:break-word;overflow-wrap:break-word}.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;word-wrap:break-word;overflow-wrap:break-word}.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-center{left:50%;transform:translate(-50%)}.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}.snackbar-container.snackbar-center[class=top-].snackbar-enter{animation:snackbarSlideInCenterTop .3s ease-out}.snackbar-container.snackbar-center[class=top-].snackbar-exit{animation:snackbarSlideOutCenterTop .3s ease-in}.snackbar-container.snackbar-center[class=bottom-].snackbar-enter{animation:snackbarSlideInCenterBottom .3s ease-out}.snackbar-container.snackbar-center[class=bottom-].snackbar-exit{animation:snackbarSlideOutCenterBottom .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 snackbarSlideInCenterTop{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes snackbarSlideOutCenterTop{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}}@keyframes snackbarSlideInCenterBottom{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes snackbarSlideOutCenterBottom{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) 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);width:calc(100vw - 32px);min-width:auto;margin:0 16px}.snackbar-content{padding:12px}.snackbar-title{font-size:13px}.snackbar-description{font-size:12px}}.se-design-otp-input-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin-bottom:1rem}.se-design-otp-input-error{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem;margin-top:.5rem}.custom-bottom-sheet{transition:opacity .3s ease-in-out,visibility 0s linear .3s}.custom-bottom-sheet.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear 0s}.custom-bottom-sheet.invisible{opacity:0;visibility:hidden;pointer-events:none}.custom-bottom-sheet .modal-content{padding:0;position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;margin-top:0;width:100%!important;transform:translateY(0);transition:transform .2s ease-out}.custom-bottom-sheet.invisible .modal-content{transform:translateY(100%)}:root{--color-blue-50: #f5f9fd;--color-blue-100: #e9f2fc;--color-blue-200: #cfe7fa;--color-blue-300: #9fcff5;--color-blue-400: #66b1f1;--color-blue-450: #2379c4;--color-blue-475: #2974b8;--color-blue-500: #0C6FC4;--color-blue-600: #00539E;--color-blue-700: #12376A;--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: #7a90b4;--color-gray-650: #4D678A;--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: #2aa15b;--color-green-500: #0B8741;--color-green-600: #3db370;--color-green-700: #045f1d;--color-yellow-50: #fff2d7;--color-yellow-100: #ffe5ae;--color-yellow-200: #ffd782;--color-yellow-400: #ffc107;--color-yellow-500: #f5bb3f;--color-yellow-600: #e99e11;--color-yellow-700: #954a29;--color-yellow-800: #682e15;--color-orange-50: #fde9cb;--color-orange-100: #fbcd99;--color-orange-200: #f5a865;--color-orange-300: #ec833f;--color-orange-500: #e04e05;--color-orange-600: #c03603;--color-orange-700: #a12302;--color-orange-800: #811301;--color-orange-900: #6b0900;--color-red-50: #ffeff2;--color-red-100: #ffd8e1;--color-red-200: #ffb2c5;--color-red-300: #ff89a6;--color-red-400: #fc2f60;--color-red-500: #dd0e41;--color-red-600: #ba0631;--color-red-700: #9a0b2e;--color-red-800: #860b29;--color-white: #ffffff;--color-purple-50: #f6f3ff;--color-purple-100: #f2e6ff;--color-purple-200: #e7d3ff;--color-purple-300: #d6b3ff;--color-purple-500: #ad67ff;--color-purple-600: #8930ee;--color-purple-700: #59209b;--color-purple-800: #9335f0}.se-design-info-tooltip-outer{display:inline-flex;align-items:center}.se-design-info-tooltip-wrapper-disabled *{cursor:not-allowed!important}.se-design-info-tooltip-src{display:inline-flex;border-radius:6px;transition:background-color .2s ease-in,transform .12s ease-in;padding:4px;cursor:pointer}.se-design-info-tooltip-src.no-padding{padding:0}.se-design-info-tooltip-src:hover{background-color:var(--info-tooltip-hover-bg, var(--color-blue-200));cursor:pointer}.se-design-info-tooltip-src:hover svg{color:var(--info-tooltip-icon-color);stroke:var(--info-tooltip-icon-color)}.se-design-info-tooltip-src:hover svg path,.se-design-info-tooltip-src:hover svg circle,.se-design-info-tooltip-src:hover svg rect,.se-design-info-tooltip-src:hover svg line,.se-design-info-tooltip-src:hover svg polyline,.se-design-info-tooltip-src:hover svg polygon{stroke:var(--info-tooltip-icon-color)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled{cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg{color:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover{background-color:transparent;cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg{color:var(--color-gray-500);stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-content{border-radius:6px;background:var(--color-gray-800);margin-top:4px;display:flex;max-width:200px;padding:2px 6px;justify-content:center;align-items:center;color:var(--color-gray-50);font-size:16px;animation:fadeInTooltip .3s ease-in-out;z-index:9999!important;box-shadow:0 6px 20px #0000001a}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.se-design-onboarding-tour-overlay{position:fixed;top:0;left:0;width:100%;background-color:#00000080;z-index:2100;pointer-events:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;touch-action:none}.blocker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2098;background-color:#0000;pointer-events:auto;outline:6px solid var(--color-blue-300)}.se-design-onboarding-tour-tooltip-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:12px}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-illustration{width:100%;height:auto;border-radius:.25rem}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content{width:100%;text-align:left}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content .se-design-onboarding-tour-title{font-size:18px;line-height:24px;font-weight:400;margin-bottom:6px;color:var(--color-white);padding:0}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content .se-design-onboarding-tour-description{font-size:14px;line-height:18px;font-weight:400;color:var(--color-white);opacity:.8;padding:0;white-space:pre-line}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions{width:100%;display:flex;align-items:center;justify-content:space-between}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions .steps{font-size:14px;line-height:18px;font-weight:400}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions .btns-container{display:flex;justify-content:flex-end;flex:1;-moz-column-gap:8px;column-gap:8px}.se-design-link{font-size:16px;line-height:24px;font-weight:400;color:var(--color-blue-500);cursor:pointer;transition:color .2s ease;border-radius:6px;padding:2px;text-decoration:underline}.se-design-link:hover{color:var(--color-blue-600)}.se-design-link:active{color:var(--color-blue-700)}.paywall-ctn .paywall-card{display:flex;gap:0;border:none;border-radius:0;padding:0;background:var(--color-white);box-shadow:none}.paywall-ctn .paywall-card-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:24px}.paywall-ctn .paywall-card-availability{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.paywall-ctn .paywall-card-availability-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.paywall-ctn .paywall-card-badge{font-size:16px;line-height:24px;font-weight:400}.paywall-ctn .paywall-card-title{font-size:20px;line-height:24px;font-weight:600;color:var(--color-gray-900);margin-bottom:16px}.paywall-ctn .paywall-card-description{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin:0 0 12px}.paywall-ctn .paywall-card-learn-more{white-space:nowrap;text-decoration:underline}.paywall-ctn .paywall-card-features-intro{font-size:16px;line-height:24px;font-weight:500;color:var(--color-gray-700);margin:12px 0 8px}.paywall-ctn .paywall-card-features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.paywall-ctn .paywall-card-feature-item{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);display:flex;align-items:flex-start;gap:4px}.paywall-ctn .paywall-card-feature-icon{flex-shrink:0;margin-top:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.paywall-ctn .paywall-card-feature-icon svg,.paywall-ctn .paywall-card-feature-icon img{width:100%;height:100%;object-fit:contain}.paywall-ctn .paywall-card-actions{display:flex;gap:16px;margin-top:auto;justify-content:flex-end}.paywall-ctn .paywall-card-btn-later,.paywall-ctn .paywall-card-btn-purchase{flex-shrink:0}.paywall-ctn .paywall-card-media{flex:0 0 296px;width:296px;min-width:0;align-self:stretch;min-height:0;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.paywall-ctn .paywall-card-media img,.paywall-ctn .paywall-card-media svg{max-width:none;width:auto;height:auto;object-fit:contain}.paywall-ctn .paywall-card-media iframe,.paywall-ctn .paywall-card-media video{width:100%;height:100%;border:none;object-fit:cover}.paywall-ctn.paywall-ctn--sm .paywall-card-media{flex:0 0 296px;width:296px}.paywall-ctn.paywall-ctn--lg .paywall-card-media{flex:0 0 336px;width:336px}.paywall-trigger{display:inline-block;cursor:pointer}.paywall-modal-content-wrapper{padding:0;overflow:hidden;border-radius:12px;max-height:90vh;display:flex;flex-direction:column}.paywall-modal-content{overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1}.paywall-modal-content .paywall-ctn{flex:1;display:flex;min-height:0}.paywall-modal-content .paywall-ctn .paywall-card{flex:1;min-height:0}.paywall-modal-content .paywall-ctn .paywall-card-content{min-height:0;overflow:auto}@media screen and (max-width: 767px){.paywall-ctn .paywall-card{flex-direction:column}.paywall-ctn .paywall-card-media{flex:none;width:100%;height:160px;border-radius:0 0 12px 12px}.paywall-ctn.paywall-ctn--sm .paywall-card-media{flex:none}}
1	+ ,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: },:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.-bottom-5{bottom:-1.25rem}.-left-\[9999px\]{left:-9999px}.-top-5{top:-1.25rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-8px\]{right:-8px}.right-\[12px\]{right:12px}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.top-\[calc$100\%\+8px$\]{top:calc(100% + 8px)}.top-full{top:100%}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[1010\]{z-index:1010}.z-\[1020\]{z-index:1020}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.z-\[2001\]{z-index:2001}.z-\[2002\]{z-index:2002}.m-0{margin:0}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.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-8{margin-bottom:2rem}.mb-\[10px\]{margin-bottom:10px}.mb-\[3px\]{margin-bottom:3px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-5{margin-left:1.25rem}.ml-\[22px\]{margin-left:22px}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-\[100px\]{margin-top:100px}.mt-\[12px\]{margin-top:12px}.mt-\[1vw\]{margin-top:1vw}.mt-\[48px\]{margin-top:48px}.mt-\[4px\]{margin-top:4px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-12{height:3rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[1px\]{height:1px}.h-\[34px\]{height:34px}.h-\[48px\]{height:48px}.h-\[6px\]{height:6px}.h-\[initial\]{height:initial}.h-auto{height:auto}.h-full{height:100%}.h-max{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-screen{height:100vh}.max-h-80{max-height:20rem}.max-h-\[1000vh\]{max-height:1000vh}.max-h-\[150px\]{max-height:150px}.max-h-\[98vh\]{max-height:98vh}.min-h-0{min-height:0px}.min-h-\[45px\]{min-height:45px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[124px\]{width:124px}.w-\[147px\]{width:147px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[1px\]{width:1px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[385px\]{width:385px}.w-\[48px\]{width:48px}.w-\[70\%\]{width:70%}.w-\[8px\]{width:8px}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-24{min-width:6rem}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[212px\]{min-width:212px}.min-w-\[216px\]{min-width:216px}.min-w-\[24px\]{min-width:24px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-\[1200px\]{max-width:1200px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[initial\]{max-width:initial}.max-w-full{max-width:100%}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-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-45{--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))}.-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-0{--tw-rotate: 0deg;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-45{--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))}.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-\[135deg\]{--tw-rotate: 135deg;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-\[225deg\]{--tw-rotate: 225deg;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}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.items-stretch{align-items:stretch}.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-6{gap:1.5rem}.gap-\[0\.625rem\]{gap:.625rem}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.gap-\[6px\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[24px\]{border-radius:24px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.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-dashed{border-style:dashed}.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-blue-300{border-color:#93c5fd}.border-current{border-color:currentColor}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-green-500{border-color:#22c55e}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-\[\#E5E7EB\]{background-color:#e5e7eb}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[var$--color-blue-100$\]{background-color:var(--color-blue-100)}.bg-\[var$--color-blue-200$\]{background-color:var(--color-blue-200)}.bg-\[var$--color-blue-450$\]{background-color:var(--color-blue-450)}.bg-\[var$--color-blue-50$\]{background-color:var(--color-blue-50)}.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-600$\]{background-color:var(--color-gray-600)}.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-400$\]{background-color:var(--color-green-400)}.bg-\[var$--color-red-50$\]{background-color:var(--color-red-50)}.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-gray-200{background-color:#e5e7eb}.bg-transparent{background-color:transparent}.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-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.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}.px-\[7px\]{padding-left:7px;padding-right:7px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.pb-1{padding-bottom:.25rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[100px\]{padding-bottom:100px}.pl-6,.pl-\[1\.5rem\]{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pr-\[44px\]{padding-right:44px}.pt-2{padding-top:.5rem}.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-3xl{font-size:1.875rem;line-height:2.25rem}.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-white{color:#fff!important}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.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-650$\]{color:var(--color-gray-650)}.text-\[var$--color-gray-700$\]{color:var(--color-gray-700)}.text-\[var$--color-gray-800$\]{color:var(--color-gray-800)}.text-\[var$--color-gray-900$\]{color:var(--color-gray-900)}.text-\[var$--color-red-500$\]{color:var(--color-red-500)}.text-\[var$--color-white$\]{color:var(--color-white)}.text-\[var$--color-yellow-700$\]{color:var(--color-yellow-700)}.text-blue-500{color:#3b82f6}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-white{color:#fff}.\!underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.accent-\[var$--color-blue-500$\]{accent-color:var(--color-blue-500)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-\[length\:var$--focus-width$\]{outline-width:var(--focus-width)}.-outline-offset-2{outline-offset:-2px}.outline-\[var$--color-blue-500$\]{outline-color:var(--color-blue-500)}.outline-\[var$--focus-color$\]{outline-color:var(--focus-color)}.ring{--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(3px + 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)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-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)}.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-\[height\]{transition-property:height;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{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[clip\:rect$0\,0\,0\,0$\]{clip:rect(0,0,0,0)}.\[font-weight\:inherit\]{font-weight:inherit}body{font-family:Inter,sans-serif}img{display:inline-block}:root{--focus-color: var(--color-blue-500);--focus-width: 2px;--focus-offset: 2px}.focus-outline:focus-visible{outline:var(--focus-width) solid var(--focus-color)!important;outline-offset:var(--focus-offset)!important}.sr-only{font-size:1px}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-\[-7px\]:before{content:var(--tw-content);bottom:-7px}.before\:bottom-\[7px\]:before{content:var(--tw-content);bottom:7px}.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\:top-\[7px\]:before{content:var(--tw-content);top:7px}.before\:top-\[calc$50\%-7px$\]:before{content:var(--tw-content);top:calc(50% - 7px)}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var$--color-gray-800$\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.first\:rounded-l-\[0\.3rem\]:first-child{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.first\:border-l-0:first-child{border-left-width:0px}.last\:rounded-r-\[0\.3rem\]:last-child{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.last\:pb-4:last-child{padding-bottom:1rem}.last\:text-right:last-child{text-align:right}.focus-within\:h-auto:focus-within{height:auto}.focus-within\:px-2:focus-within{padding-left:.5rem;padding-right:.5rem}.focus-within\:py-1:focus-within{padding-top:.25rem;padding-bottom:.25rem}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-blue-500:hover{border-color:#3b82f6}.hover\:bg-\[var$--color-blue-100$\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var$--color-blue-200$\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var$--color-blue-450$\]:hover{background-color:var(--color-blue-450)}.hover\:bg-\[var$--color-blue-600$\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var$--color-blue-700$\]:hover{background-color:var(--color-blue-700)}.hover\:bg-\[var$--color-gray-100$\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var$--color-gray-200$\]:hover{background-color:var(--color-gray-200)}.hover\:bg-\[var$--color-gray-50$\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var$--color-gray-650$\]:hover{background-color:var(--color-gray-650)}.hover\:bg-\[var$--color-green-500$\]:hover{background-color:var(--color-green-500)}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-\[var$--color-blue-500$\]:hover{color:var(--color-blue-500)}.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-blue-600:hover{color:#2563eb}.hover\:text-gray-900:hover{color:#111827}.hover\:outline:hover{outline-style:solid}.hover\:outline-1:hover{outline-width:1px}.hover\:outline-\[var$--color-blue-500$\]:hover{outline-color:var(--color-blue-500)}.focus\:static:focus{position:static}.focus\:left-auto:focus{left:auto}.focus\:border-\[var$--color-blue-500$\]:focus{border-color:var(--color-blue-500)}.focus\:border-\[var$--color-red-500$\]:focus{border-color:var(--color-red-500)}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-\[var$--color-gray-100$\]:focus{background-color:var(--color-gray-100)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var$--color-blue-500$\]:focus{--tw-ring-color: var(--color-blue-500)}.focus\:ring-\[var$--color-red-500$\]:focus{--tw-ring-color: var(--color-red-500)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:\[clip\:auto\]:focus{clip:auto}.focus-visible\:bg-\[var$--color-gray-100$\]:focus-visible{background-color:var(--color-gray-100)}.focus-visible\:underline:focus-visible{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus-visible\:\!outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:\!outline-2:focus-visible{outline-width:2px!important}.focus-visible\:\!outline-offset-2:focus-visible{outline-offset:2px!important}.focus-visible\:\!outline-\[var$--color-white$\]:focus-visible{outline-color:var(--color-white)!important}.active\:border-transparent:active{border-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-50:disabled{background-color:#f9fafb}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.group:focus-visible .group-focus-visible\:p-\[2px\]{padding:2px}.group:focus-visible .group-focus-visible\:\[outline-offset\:var$--focus-offset$\]{outline-offset:var(--focus-offset)}.group:focus-visible .group-focus-visible\:\[outline\:var$--focus-width$_solid_var$--focus-color$\]{outline:var(--focus-width) solid var(--focus-color)}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.se-design-button.theme-red.primary-btn{color:var(--color-white);background-color:var(--color-red-500)}.se-design-button.theme-red.primary-btn:hover{background-color:var(--color-red-700)}.se-design-button.theme-red.primary-btn.disabled-btn{color:var(--color-gray-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);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.disabled-btn{color:var(--color-gray-650)}.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-650)}.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-650);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-650);border-color:var(--color-gray-650)}.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.disabled-btn{color:var(--color-gray-650)}.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-650)}.se-design-button.unstyled-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:6px;padding:0;margin:0;cursor:pointer;justify-content:unset;min-width:unset}.se-design-button.unstyled-btn.disabled-btn,.se-design-button.unstyled-btn[disabled],.se-design-button.unstyled-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.se-design-button.unstyled-btn[aria-busy=true]{cursor:wait}.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-650)}.input-with-icon-element::placeholder{color:var(--color-gray-650)}.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-500);background:var(--color-white);padding:8px 12px}.input-with-icon-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);cursor:not-allowed;opacity:.7}.se-design-modal{overflow-y:auto}.se-design-modal .modal-content{max-width:100vw;margin-top:clamp(8px,5vh,48px);margin-top:clamp(8px,5dvh,48px);margin-bottom:16px;flex-shrink:0}.se-design-spinner{border:4px solid #008be7!important;border-top:4px solid #d1e0ea!important;border-radius:100%;animation:rotate 1.5s infinite linear}.se-design-spinner--sm{height:16px!important;width:16px!important;border-width:3px!important}.se-design-spinner--md{height:20px!important;width:20px!important;border-width:4px!important}.se-design-spinner--lg{height:24px!important;width:24px!important;border-width:4px!important}.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-shimmer-loader{--shimmer-duration: 3s;--shimmer-base-color: var(--color-gray-700);--shimmer-highlight-color: var(--color-gray-600);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{background:linear-gradient(to right,var(--shimmer-base-color) 0%,var(--shimmer-highlight-color) 50%,var(--shimmer-base-color) 100%);background-size:1000px 100%;animation:shimmer var(--shimmer-duration) infinite ease-in-out}.se-design-shimmer-element.se-design-shimmer-text{height:16px;border-radius:12px}.se-design-shimmer-element.se-design-shimmer-rect{border-radius:12px}.se-design-shimmer-element.se-design-shimmer-rect-sm{border-radius:6px}.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:-1000px 0}to{background-position:1000px 0}}@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}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-checkbox-ctn{display:flex;align-items:center;gap:8px}.se-design-checkbox-ctn .se-design-checkbox{display:flex;align-items:center;cursor:pointer;gap:8px}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item{display:flex;position:relative;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease-in-out}.se-design-checkbox-ctn .se-design-checkbox .checkbox-item:after{z-index:1;display:block;content:"";width:16px;height:16px}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]{display:none}.se-design-checkbox-ctn .se-design-checkbox input[type=checkbox]:checked+.checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%230C6FC4'/%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='%2300539E'/%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='%237a90b4'%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='%23f2f4f8'/%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='%234D678A'%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='%230C6FC4'/%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='%2300539E'/%3e%3cpath%20d='M12%208H4'%20stroke='white'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-default,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.se-design-checkbox-ctn .se-design-checkbox.disabled-default .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%237a90b4'%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='%237a90b4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:.7}.se-design-checkbox-ctn .se-design-checkbox.disabled-default:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after,.se-design-checkbox-ctn .se-design-checkbox.disabled-minus-checkbox:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox.disabled-tick:hover .checkbox-item:after{background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204C0%201.79086%201.79086%200%204%200H12C14.2091%200%2016%201.79086%2016%204V12C16%2014.2091%2014.2091%2016%2012%2016H4C1.79086%2016%200%2014.2091%200%2012V4Z'%20fill='%23E4E9F1'/%3e%3cpath%20d='M11.8082%205.5L6.89749%2010.5L4.66534%208.22727'%20stroke='%237a90b4'%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='%237a90b4'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.se-design-checkbox-ctn .se-design-checkbox:focus-visible{outline:none}.se-design-checkbox-ctn .se-design-checkbox:focus-visible .checkbox-item{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.se-design-checkbox-ctn .checkbox-label{color:var(--color-gray-900);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.se-design-checkbox-ctn .checkbox-label-disabled{position:relative;color:var(--color-gray-600);cursor:not-allowed}.se-design-sidebar-overlay-container{height:100%;display:flex;flex-direction:column;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;flex:1;min-height:0;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:24px;cursor:pointer;top:25px}.se-design-tabs{background-color:var(--color-white)}.se-design-tabs.se-design-tabs-heading{font-size:16px;line-height:24px;font-weight:700;color:var(--color-gray-900)}.se-design-tabs .se-design-overflow-tabs{align-self:stretch}.se-design-tabs .se-design-overflow-tabs .overflow-tabs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-tabs .se-design-overflow-tabs .popover-content{top:103%!important}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}.banner-ctn .banner-image-ctn{display:flex;align-items:flex-end;margin-top:14px}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media screen and (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{display:flex;flex:1;align-items:center;margin:14px 14px 14px 0}}.widget-ctn .widget-title,.widget-ctn .webinar-title{font-size:18px;line-height:24px;font-weight:600}.widget-ctn .widget-description,.widget-ctn .widget-date{font-size:16px;line-height:24px;font-weight:400}.input-with-tags-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--color-gray-600);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-500)}.tag-in-inputwithtags{padding:2px 8px;display:flex;align-items:center;gap:4px;border-radius:6px;background:var(--color-gray-50);color:var(--color-gray-700);font-size:16px;text-align:center}.close-icon-in-inputwithtags{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;border-radius:4px}.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}.input-with-tags-input::-ms-input-placeholder,.input-with-tags-input:focus::-ms-input-placeholder{color:var(--color-gray-650)}.input-with-tags-input::placeholder,.input-with-tags-input:focus::placeholder{color:var(--color-gray-650)}.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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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,.dropdown-with-input-tags-option.highlighted{background-color:var(--color-gray-100)}.dropdown-with-input-tags-option.highlighted.keyboard-highlight{outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}.dropdown-with-input-tags-option .option-label{font-size:14px;font-weight:500;color:var(--color-gray-900)}.dropdown-with-input-tags-option .option-value{font-size:12px;color:var(--color-gray-600)}.dropdown-with-input-tags-multi-select-option{flex-direction:row;align-items:center;justify-content:space-between;padding:8px 12px;min-height:0}.dropdown-with-input-tags-multi-select-option .se-design-checkbox-ctn{pointer-events:none}.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-700);text-align:center;padding:8px 0}.dropdown-with-input-tags-ctas-container{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px;border-top:1px solid var(--color-gray-200)}.dropdown-with-input-tags-wrapper .input-with-tags-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 12px;border-radius:6px;border:1px solid var(--color-gray-600);cursor:text;max-height:196px;overflow-y:auto;overflow-x:hidden}.dropdown-with-input-tags-wrapper .input-with-tags-container.keyboard-focused{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.keyboard-focused{border:1px solid var(--color-gray-300)}.dropdown-with-input-tags-wrapper.disabled-wrapper .tag-in-inputwithtags{background:var(--color-gray-100);color:var(--color-gray-500)}.dropdown-with-input-tags-wrapper.disabled-wrapper .close-icon-in-inputwithtags{cursor:not-allowed}.dropdown-with-input-tags-wrapper.disabled-wrapper .dropdown-with-input-tags-popover{pointer-events:none}.dropdown-with-input-tags-wrapper .tag-in-inputwithtags{padding:2px 6px;display:flex;align-items:center;gap:4px;border-radius:var(--Corner-radius-6px, 6px);background:var(--color-blue-100);color:var(--color-gray-700);text-align:center;font-size:16px;line-height:24px;font-weight:400}.dropdown-with-input-tags-wrapper .close-icon-in-inputwithtags{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;border-radius:4px}.dropdown-with-input-tags-wrapper .input-with-tags-input,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus{flex-grow:1;border-width:0;outline:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:transparent;padding:0;margin:3px 0}.dropdown-with-input-tags-wrapper .input-with-tags-input::-ms-input-placeholder,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus::-ms-input-placeholder{color:var(--color-gray-650)}.dropdown-with-input-tags-wrapper .input-with-tags-input::placeholder,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus::placeholder{color:var(--color-gray-650)}.dropdown-with-input-tags-wrapper .input-with-tags-input:disabled,.dropdown-with-input-tags-wrapper .input-with-tags-input:focus:disabled{cursor:not-allowed;color:var(--color-gray-500)}.input-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-main-container .input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.input-main-container .label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input-container-default{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);color:var(--color-gray-900);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;width:100%}.input-container-error{border-radius:6px;border:1px solid var(--color-red-500);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-650)}.se-search-box .search-box-container .search-input::placeholder{color:var(--color-gray-650)}.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:var(--color-gray-650);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}@media (prefers-reduced-motion: reduce){.se-design-message-bar.show,.se-design-message-bar.hide{animation:none}.se-design-message-bar.hide{opacity:0;visibility:hidden}}.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(--color-gray-600);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::-ms-input-placeholder{color:var(--color-gray-650)}.input-container-default::placeholder{color:var(--color-gray-650)}.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-error::-ms-input-placeholder{color:var(--color-gray-650)}.input-container-error::placeholder{color:var(--color-gray-650)}.label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.label-container.label-container-disabled{color:var(--color-gray-600);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-and-max-word{display:flex;justify-content:space-between;align-items:center}.error-and-max-word .error-message{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem}.error-and-max-word .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);font-size:1rem}.max-word-container{display:flex;justify-content:end;align-items:center}.max-word-container .max-word{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.input-container-disabled{background-color:var(--color-gray-50);border:1px solid var(--color-gray-300);color:var(--color-gray-600);cursor:not-allowed}.main-container-autocomplete-se-design .input-container-wrapper{position:relative}.main-container-autocomplete-se-design .input-container-wrapper .suggestions-list{display:flex;flex-direction:column;position:absolute;left:0;background-color:var(--color-white);border:1px solid #ccc;border-radius:6px;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,.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item-highlighted{background-color:var(--color-gray-100)}.main-container-autocomplete-se-design .input-container-wrapper .suggestion-item-keyboard-highlight{outline:var(--focus-width) solid var(--focus-color);outline-offset:-2px}.phone-input-container-se-design-main-container{width:100%;display:flex;flex-direction:column;gap:6px}.phone-input-container-se-design-main-container .label-container{font-size:16px;line-height:24px;color:var(--color-gray-700);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.428}.phone-input-container-se-design-main{border-radius:6px;border:1px solid var(--color-gray-600);background:var(--color-white);position:relative;width:100%;height:40px;display:flex;align-items:center}.phone-input-container-se-design-main:focus-within{border:1px solid var(--color-blue-500)}.phone-input-container-se-design-main.error{border:1px solid var(--color-red-500)}.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;background:none;border:none;padding:0;font:inherit;color:inherit}.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:6px;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,.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item.highlighted{background-color:var(--color-gray-100)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item.selected{background-color:var(--color-blue-50)}.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::-ms-input-placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-main .phone-input-container-se-design-country-code-list-item-input::placeholder{color:var(--color-gray-650)}.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-results{cursor:not-allowed;padding:8px 12px;color:var(--color-gray-700);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::-ms-input-placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-phone-number-input::placeholder{color:var(--color-gray-650)}.phone-input-container-se-design-phone-number-input.disabled{cursor:not-allowed;background-color:transparent}.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-list{list-style:none;margin:0;padding:0}.se-design-breadcrumbs .se-design-breadcrumbs-item-label{font-size:20px;line-height:24px;font-weight:400;color:var(--color-gray-700);border-radius:4px}.se-design-breadcrumbs a.se-design-breadcrumbs-item-label{text-decoration:none;padding:0}.se-design-breadcrumbs .highlighted-crumb,.se-design-breadcrumbs .single-crumb{color:var(--color-gray-900)}.se-design-breadcrumbs .se-design-overflow-breadcrumbs{align-self:stretch}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .overflow-breadcrumbs-src-element{display:flex;height:100%;align-items:center;gap:4px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .popover-content{top:110%!important}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list{border-radius:6px}.se-design-breadcrumbs .se-design-overflow-breadcrumbs .se-design-menu-list .se-design-menu-item span{color:var(--color-gray-700)!important}.se-design-datepicker-container{border-radius:12px!important}.se-design-datepicker-container .datepicker-title{font-size:16px;line-height:20px;font-weight:600}.se-design-datepicker-container .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;text-decoration:none}.se-design-datepicker-container .datepicker-cell-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;min-width:0;font:inherit;text-align:center}.se-design-datepicker-container .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-container .dropdown-option-container .dropdown-content{max-height:200px;color:var(--color-gray-700);overflow-y:auto}.se-design-datepicker-container .dropdown-option-container .dropdown-content>div{max-height:none}@media (max-width: 900px){.se-design-datepicker-container .se-design-datepicker-header{padding:8px 12px}.se-design-datepicker-container .se-design-calendar-container{padding:8px}.se-design-datepicker-container .se-design-datepicker-footer{padding:8px 12px}}.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-container.snackbar-compact{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;max-width:none;border-radius:6px}.snackbar-content{padding:16px;color:var(--color-white)}.snackbar-compact-content{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--color-white);white-space:nowrap;box-shadow:0 6px 20px #0000001a}.snackbar-compact-icon{flex-shrink:0}.snackbar-compact-title{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-200);white-space:nowrap}.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;min-width:0}.snackbar-icon{flex-shrink:0}.snackbar-title{font-size:16px;line-height:24px;font-weight:500;margin:0;color:var(--color-white);word-wrap:break-word;overflow-wrap:break-word}.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;word-wrap:break-word;overflow-wrap:break-word}.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-center{left:50%;transform:translate(-50%)}.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}.snackbar-container.snackbar-center[class=top-].snackbar-enter{animation:snackbarSlideInCenterTop .3s ease-out}.snackbar-container.snackbar-center[class=top-].snackbar-exit{animation:snackbarSlideOutCenterTop .3s ease-in}.snackbar-container.snackbar-center[class=bottom-].snackbar-enter{animation:snackbarSlideInCenterBottom .3s ease-out}.snackbar-container.snackbar-center[class=bottom-].snackbar-exit{animation:snackbarSlideOutCenterBottom .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 snackbarSlideInCenterTop{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes snackbarSlideOutCenterTop{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}}@keyframes snackbarSlideInCenterBottom{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes snackbarSlideOutCenterBottom{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) 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);width:calc(100vw - 32px);min-width:auto;margin:0 16px}.snackbar-content{padding:12px}.snackbar-title{font-size:13px}.snackbar-description{font-size:12px}}.se-design-otp-input-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin-bottom:1rem}.se-design-otp-input-error{font-size:16px;line-height:24px;font-weight:400;color:var(--color-red-500);font-size:.875rem;margin-top:.5rem}.custom-bottom-sheet{transition:opacity .3s ease-in-out,visibility 0s linear .3s}.custom-bottom-sheet.visible{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear 0s}.custom-bottom-sheet.invisible{opacity:0;visibility:hidden;pointer-events:none}.custom-bottom-sheet .modal-content{padding:0;position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;margin-top:0;width:100%!important;transform:translateY(0);transition:transform .2s ease-out}.custom-bottom-sheet.invisible .modal-content{transform:translateY(100%)}:root{--color-blue-50: #f5f9fd;--color-blue-100: #e9f2fc;--color-blue-200: #cfe7fa;--color-blue-300: #9fcff5;--color-blue-400: #66b1f1;--color-blue-450: #2379c4;--color-blue-475: #2974b8;--color-blue-500: #0C6FC4;--color-blue-600: #00539E;--color-blue-700: #12376A;--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: #7a90b4;--color-gray-650: #4D678A;--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: #2aa15b;--color-green-500: #0B8741;--color-green-600: #3db370;--color-green-700: #045f1d;--color-yellow-50: #fff2d7;--color-yellow-100: #ffe5ae;--color-yellow-200: #ffd782;--color-yellow-400: #ffc107;--color-yellow-500: #f5bb3f;--color-yellow-600: #e99e11;--color-yellow-700: #954a29;--color-yellow-800: #682e15;--color-orange-50: #fde9cb;--color-orange-100: #fbcd99;--color-orange-200: #f5a865;--color-orange-300: #ec833f;--color-orange-500: #e04e05;--color-orange-600: #c03603;--color-orange-700: #a12302;--color-orange-800: #811301;--color-orange-900: #6b0900;--color-red-50: #ffeff2;--color-red-100: #ffd8e1;--color-red-200: #ffb2c5;--color-red-300: #ff89a6;--color-red-400: #fc2f60;--color-red-500: #dd0e41;--color-red-600: #ba0631;--color-red-700: #9a0b2e;--color-red-800: #860b29;--color-white: #ffffff;--color-purple-50: #f6f3ff;--color-purple-100: #f2e6ff;--color-purple-200: #e7d3ff;--color-purple-300: #d6b3ff;--color-purple-500: #ad67ff;--color-purple-600: #8930ee;--color-purple-700: #59209b;--color-purple-800: #9335f0}.se-design-info-tooltip-outer{display:inline-flex;align-items:center}.se-design-info-tooltip-wrapper-disabled *{cursor:not-allowed!important}.se-design-info-tooltip-src{display:inline-flex;border-radius:6px;transition:background-color .2s ease-in,transform .12s ease-in;padding:4px;cursor:pointer}.se-design-info-tooltip-src.no-padding{padding:0}.se-design-info-tooltip-src:hover{background-color:var(--info-tooltip-hover-bg, var(--color-blue-200));cursor:pointer}.se-design-info-tooltip-src:hover svg{color:var(--info-tooltip-icon-color);stroke:var(--info-tooltip-icon-color)}.se-design-info-tooltip-src:hover svg path,.se-design-info-tooltip-src:hover svg circle,.se-design-info-tooltip-src:hover svg rect,.se-design-info-tooltip-src:hover svg line,.se-design-info-tooltip-src:hover svg polyline,.se-design-info-tooltip-src:hover svg polygon{stroke:var(--info-tooltip-icon-color)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled{cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg{color:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover{background-color:transparent;cursor:not-allowed!important}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg{color:var(--color-gray-500);stroke:var(--color-gray-500)}.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg path,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg circle,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg rect,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg line,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polyline,.se-design-info-tooltip-src.se-design-info-tooltip-disabled:hover svg polygon{stroke:var(--color-gray-500)}.se-design-info-tooltip-content{border-radius:6px;background:var(--color-gray-800);margin-top:4px;display:flex;max-width:200px;padding:2px 6px;justify-content:center;align-items:center;color:var(--color-gray-50);font-size:16px;animation:fadeInTooltip .3s ease-in-out;z-index:9999!important;box-shadow:0 6px 20px #0000001a}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.se-design-onboarding-tour-overlay{position:fixed;top:0;left:0;width:100%;background-color:#00000080;z-index:2100;pointer-events:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;touch-action:none}.blocker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2098;background-color:#0000;pointer-events:auto;outline:6px solid var(--color-blue-300)}.se-design-onboarding-tour-tooltip-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:12px}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-illustration{width:100%;height:auto;border-radius:.25rem}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content{width:100%;text-align:left}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content .se-design-onboarding-tour-title{font-size:18px;line-height:24px;font-weight:400;margin-bottom:6px;color:var(--color-white);padding:0}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-content .se-design-onboarding-tour-description{font-size:14px;line-height:18px;font-weight:400;color:var(--color-white);opacity:.8;padding:0;white-space:pre-line}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions{width:100%;display:flex;align-items:center;justify-content:space-between}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions .steps{font-size:14px;line-height:18px;font-weight:400}.se-design-onboarding-tour-tooltip-content .se-design-onboarding-tour-actions .btns-container{display:flex;justify-content:flex-end;flex:1;-moz-column-gap:8px;column-gap:8px}.se-design-link{font-size:16px;line-height:24px;font-weight:400;color:var(--color-blue-500);cursor:pointer;transition:color .2s ease;border-radius:6px;padding:2px;text-decoration:underline}.se-design-link:hover{color:var(--color-blue-600)}.se-design-link:active{color:var(--color-blue-700)}.paywall-ctn .paywall-card{display:flex;gap:0;border:none;border-radius:0;padding:0;background:var(--color-white);box-shadow:none}.paywall-ctn .paywall-card-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:24px}.paywall-ctn .paywall-card-availability{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px}.paywall-ctn .paywall-card-availability-label{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700)}.paywall-ctn .paywall-card-badge{font-size:16px;line-height:24px;font-weight:400}.paywall-ctn .paywall-card-title{font-size:20px;line-height:24px;font-weight:600;color:var(--color-gray-900);margin-bottom:16px}.paywall-ctn .paywall-card-description{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);margin:0 0 12px}.paywall-ctn .paywall-card-learn-more{white-space:nowrap;text-decoration:underline}.paywall-ctn .paywall-card-features-intro{font-size:16px;line-height:24px;font-weight:500;color:var(--color-gray-700);margin:12px 0 8px}.paywall-ctn .paywall-card-features-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.paywall-ctn .paywall-card-feature-item{font-size:16px;line-height:24px;font-weight:400;color:var(--color-gray-700);display:flex;align-items:flex-start;gap:4px}.paywall-ctn .paywall-card-feature-icon{flex-shrink:0;margin-top:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400)}.paywall-ctn .paywall-card-feature-icon svg,.paywall-ctn .paywall-card-feature-icon img{width:100%;height:100%;object-fit:contain}.paywall-ctn .paywall-card-actions{display:flex;gap:16px;margin-top:auto;justify-content:flex-end}.paywall-ctn .paywall-card-btn-later,.paywall-ctn .paywall-card-btn-purchase{flex-shrink:0}.paywall-ctn .paywall-card-media{flex:0 0 296px;width:296px;min-width:0;align-self:stretch;min-height:0;border-radius:0 12px 12px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.paywall-ctn .paywall-card-media img,.paywall-ctn .paywall-card-media svg{max-width:none;width:auto;height:auto;object-fit:contain}.paywall-ctn .paywall-card-media iframe,.paywall-ctn .paywall-card-media video{width:100%;height:100%;border:none;object-fit:cover}.paywall-ctn.paywall-ctn--sm .paywall-card-media{flex:0 0 296px;width:296px}.paywall-ctn.paywall-ctn--lg .paywall-card-media{flex:0 0 336px;width:336px}.paywall-trigger{display:inline-block;cursor:pointer}.paywall-modal-content-wrapper{padding:0;overflow:hidden;border-radius:12px;max-height:90vh;display:flex;flex-direction:column}.paywall-modal-content{overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1}.paywall-modal-content .paywall-ctn{flex:1;display:flex;min-height:0}.paywall-modal-content .paywall-ctn .paywall-card{flex:1;min-height:0}.paywall-modal-content .paywall-ctn .paywall-card-content{min-height:0;overflow:auto}@media screen and (max-width: 767px){.paywall-ctn .paywall-card{flex-direction:column}.paywall-ctn .paywall-card-media{flex:none;width:100%;height:160px;border-radius:0 0 12px 12px}.paywall-ctn.paywall-ctn--sm .paywall-card-media{flex:none}}

package/dist/index29.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import r, { useState as $, useMemo as j, useRef as F, useEffect as B } from "react";
-import { Icon as L } from "./index6.js";
+import r, { useState as $, useMemo as j, useRef as L, useEffect as B } from "react";
+import { Icon as O } from "./index6.js";
 import { Popover as z } from "./index19.js";
 import { MenuList as H } from "./index18.js";
 import { useStableId as U } from "./index205.js";
@@ -21,19 +21,19 @@ const re = ({
   onTabChange: m,
   primaryTabCount: u,
   headingLevel: g,
-  id: O,
-  ariaLabel: A = "Tabs",
+  id: A,
+  ariaLabel: F = "Tabs",
   ariaLabelledBy: M,
   panelId: p
 }) => {
-  const K = i || (o[0] ? o[0].id : ""), [b, h] = $(K), [w, y] = $(!1), T = u ?? o?.length, f = o.slice(0, T), c = o.slice(T), s = c.find((e) => e.id === b), E = o.some((e) => e.renderTabContent), k = U(O, "tabs"), R = j(() => {
-    const e = f.filter((l) => !l.disabled), t = c.filter((l) => !l.disabled), n = e.map((l) => l.id);
+  const K = i || (o[0] ? o[0].id : ""), [b, h] = $(K), [w, y] = $(!1), T = u ?? o?.length, f = o.slice(0, T), c = o.slice(T), l = c.find((e) => e.id === b), E = o.some((e) => e.renderTabContent), k = U(A, "tabs"), R = j(() => {
+    const e = f.filter((s) => !s.disabled), t = c.filter((s) => !s.disabled), n = e.map((s) => s.id);
     return t.length > 0 ? [...n, "overflow"] : n;
   }, [f, c]), {
-    getTabProps: I,
+    getTabProps: x,
     getPanelProps: S,
     getTabListProps: _,
-    handleKeyDown: x,
+    handleKeyDown: I,
     setFocusedTabId: C
   } = V({
     itemIds: R,
@@ -42,11 +42,11 @@ const re = ({
     idBase: k,
     includePanelLinks: E || !!p,
     externalPanelId: p
-  }), P = F(null), v = F(!1);
+  }), N = L(null), v = L(!1);
   B(() => {
     h(i || "");
   }, [i]);
-  const N = (e) => {
+  const P = (e) => {
     h(e?.id), m?.(e?.id);
   }, D = (e, t) => e.id === t;
   if (g && o.length === 1) {
@@ -63,19 +63,19 @@ const re = ({
     className: "se-design-tabs flex items-stretch relative border rounded-md border-[var(--color-gray-400)] w-fit",
     "data-automation-id": "tabs-container"
   }, _({
-    ariaLabel: A,
+    ariaLabel: F,
     ariaLabelledBy: M
   })), f.map((e) => {
-    const t = b === e.id, n = !!e.disabled, l = I(e.id);
+    const t = b === e.id, n = !!e.disabled, s = x(e.id);
     return /* @__PURE__ */ r.createElement("button", d({
       type: "button",
       key: e.id
-    }, l, {
+    }, s, {
       disabled: n,
       "aria-label": e.ariaLabel,
       onFocus: () => !n && C(e.id),
-      onKeyDown: x,
-      onClick: () => N(e),
+      onKeyDown: I,
+      onClick: () => P(e),
       className: `se-design-tab-item flex items-center text-base px-3 py-0.5 min-w-0 border-l first:border-l-0 first:rounded-l-[0.3rem] last:rounded-r-[0.3rem] border-[var(--color-gray-400)] ${n ? "" : "focus-outline"} ${n ? "text-[var(--color-gray-400)] cursor-not-allowed" : t ? "se-design-tab-item-active text-[var(--color-white)] bg-[var(--color-blue-500)] font-medium hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:bg-[var(--color-gray-50)] hover:text-[var(--color-gray-900)] cursor-pointer transition-all duration-200 ease-in-out"}`,
       "data-automation-id": `tab-item-${e.automationId || e.id || ""}`
     }), e.label);
@@ -85,20 +85,20 @@ const re = ({
     noBorder: !0,
     disableClickToggle: !0,
     onPopoverToggle: (e) => {
-      e || (v.current && P.current?.focus(), v.current = !1);
+      e || (v.current && N.current?.focus(), v.current = !1);
     },
     renderPopoverSrcElement: ({
       displayPopover: e,
       togglePopover: t
     }) => {
-      const n = I("overflow"), l = s ? q(s.id, k) : void 0;
+      const n = x("overflow"), s = l ? q(l.id, k) : void 0;
       return /* @__PURE__ */ r.createElement("div", d({}, n, {
         ref: (a) => {
-          P.current = a, n.ref(a);
+          N.current = a, n.ref(a);
         },
-        "aria-selected": !!s,
-        "aria-label": s?.label ? void 0 : `More tabs (${c.length})`,
-        "aria-controls": l,
+        "aria-selected": !!l,
+        "aria-label": l?.label ? void 0 : `More tabs (${c.length})`,
+        "aria-controls": s,
         "aria-haspopup": "true",
         "aria-expanded": e,
         onClick: () => {
@@ -107,21 +107,25 @@ const re = ({
         onFocus: () => C("overflow"),
         "data-automation-id": "tabs-kebab-menu",
         onKeyDown: (a) => {
-          a.key === "Enter" || a.key === " " || a.key === "ArrowDown" ? (a.preventDefault(), v.current = !0, t(!0)) : a.key === "ArrowUp" ? (a.preventDefault(), v.current = !0, t("last")) : x(a);
+          a.key === "Enter" || a.key === " " || a.key === "ArrowDown" ? (a.preventDefault(), v.current = !0, t(!0)) : a.key === "ArrowUp" ? (a.preventDefault(), v.current = !0, t("last")) : I(a);
         },
-        className: `overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${e ? "bg-[var(--color-blue-100)]" : ""} ${s?.label ? "bg-[var(--color-blue-500)]" : "hover:bg-[var(--color-gray-50)]"}`,
+        className: `overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${e ? "bg-[var(--color-blue-100)]" : ""} ${l?.label ? "bg-[var(--color-blue-500)]" : "hover:bg-[var(--color-gray-50)]"}`,
         onMouseEnter: () => y(!0),
         onMouseLeave: () => y(!1)
-      }), s?.label ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("span", {
+      }), l?.label ? /* @__PURE__ */ r.createElement("span", {
+        className: "pointer-events-none flex items-center gap-1"
+      }, /* @__PURE__ */ r.createElement("span", {
         className: "text-[var(--color-white)]"
-      }, s?.label), /* @__PURE__ */ r.createElement(L, {
+      }, l?.label), /* @__PURE__ */ r.createElement(O, {
         name: "chevron",
         rotation: e ? "180" : "0",
         stroke: w ? "var(--color-gray-100)" : "var(--color-white)"
-      })) : /* @__PURE__ */ r.createElement(L, {
+      })) : /* @__PURE__ */ r.createElement("span", {
+        className: "pointer-events-none"
+      }, /* @__PURE__ */ r.createElement(O, {
         name: "kebab-menu",
         fill: w ? "var(--color-gray-900)" : "var(--color-gray-700)"
-      }));
+      })));
     },
     renderPopoverContents: ({
       closePopoverCb: e
@@ -131,7 +135,7 @@ const re = ({
         label: t?.label,
         automationId: t?.automationId || t?.id,
         onClick: () => {
-          N(t), e();
+          P(t), e();
         }
       }))
     })

package/dist/index29.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index29.js","sources":["../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\nimport { useStableId } from '../../utils/useStableId';\nimport { useTabsA11y, getPanelId } from '../../utils/a11y';\n\nimport './style.scss';\n\ninterface TabProps {\n label: string;\n id: string;\n disabled?: boolean;\n renderTabContent?: (tab: TabProps) => ReactNode;\n automationId?: string;\n ariaLabel?: string;\n}\ninterface TabsProps {\n defaultActiveTab?: string;\n tabs: TabProps[];\n onTabChange?: (tabId: string) => void;\n primaryTabCount?: number; // prop for controlling primary tabs\n headingLevel?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'span'; // heading tag to render single tab as a heading element when only one tab is present\n automationId?: string;\n id?: string; // custom ID for baseId (passed to useStableId)\n ariaLabel?: string; // Accessible name when no visible label exists\n ariaLabelledBy?: string; // ID of element that labels this tablist (preferred over ariaLabel)\n panelId?: string; // When consumer manages a single external panel, pass its id here\n}\n\nexport const Tabs: FC<TabsProps> = ({\n defaultActiveTab,\n tabs,\n onTabChange,\n primaryTabCount,\n headingLevel: HeadingTag,\n id,\n ariaLabel = 'Tabs',\n ariaLabelledBy,\n panelId\n}) => {\n const defaultTabId = defaultActiveTab \|\| (tabs[0] ? tabs[0].id : '');\n const [activeTab, setActiveTab] = useState(defaultTabId);\n const [isIconTabHover, setIsIconTabHover] = useState(false);\n\n const visibleTabCount = primaryTabCount ?? tabs?.length;\n const visibleTabs = tabs.slice(0, visibleTabCount);\n const overflowTabs = tabs.slice(visibleTabCount);\n const activeOverflowTab = overflowTabs.find((tab) => tab.id === activeTab);\n\n // Only render internal panels if at least one tab provides content via renderTabContent\n const hasPanelContent = tabs.some(t => t.renderTabContent);\n\n // A11y setup\n const baseId = useStableId(id, 'tabs');\n const itemIds = useMemo(() => {\n const enabledVisibleTabs = visibleTabs.filter(t => !t.disabled);\n const enabledOverflowTabs = overflowTabs.filter(t => !t.disabled);\n const visibleIds = enabledVisibleTabs.map(t => t.id);\n return enabledOverflowTabs.length > 0 ? [...visibleIds, 'overflow'] : visibleIds;\n }, [visibleTabs, overflowTabs]);\n\n const { getTabProps, getPanelProps, getTabListProps, handleKeyDown, setFocusedTabId } = useTabsA11y({\n itemIds,\n activeItem: activeTab,\n orientation: 'horizontal',\n idBase: baseId,\n includePanelLinks: hasPanelContent \|\| !!panelId,\n externalPanelId: panelId\n });\n\n // Ref for the overflow button div — needed to return focus after menu closes\n const overflowDivRef = useRef<HTMLDivElement>(null);\n // Track whether the overflow popover was opened via keyboard — only return focus\n // programmatically in that case (mouse-opened popovers should not trigger :focus-visible on close)\n const wasKeyboardOpenedRef = useRef(false);\n\n useEffect(() => {\n setActiveTab(defaultActiveTab \|\| '');\n }, [defaultActiveTab]);\n\n const handleTabClick = (tab: TabProps) => {\n setActiveTab(tab?.id);\n onTabChange?.(tab?.id);\n };\n\n const isTabActive = (tab: TabProps, activeTab: string) => {\n return tab.id === activeTab;\n };\n\n if (HeadingTag && tabs.length === 1) {\n const singleTab = tabs[0];\n return (\n <>\n <HeadingTag className=\"se-design-tabs se-design-tabs-heading\">\n {singleTab.label}\n </HeadingTag>\n <div className=\"se-design-tabs-content\">\n <div className=\"tab-content block\">\n {singleTab?.renderTabContent && singleTab?.renderTabContent(singleTab)}\n </div>\n </div>\n </>\n );\n }\n\n return (\n <>\n <div\n className=\"se-design-tabs flex items-stretch relative border rounded-md border-[var(--color-gray-400)] w-fit\"\n data-automation-id=\"tabs-container\"\n {...getTabListProps({ ariaLabel, ariaLabelledBy })}\n >\n {visibleTabs.map((tab) => {\n const isActive = activeTab === tab.id;\n const isDisabled = !!tab.disabled;\n const tabProps = getTabProps(tab.id);\n return (\n <button\n type=\"button\"\n key={tab.id}\n {...tabProps}\n disabled={isDisabled}\n aria-label={tab.ariaLabel}\n onFocus={() => !isDisabled && setFocusedTabId(tab.id)}\n onKeyDown={handleKeyDown}\n onClick={() => handleTabClick(tab)}\n className={`se-design-tab-item flex items-center text-base px-3 py-0.5 min-w-0 border-l first:border-l-0 first:rounded-l-[0.3rem] last:rounded-r-[0.3rem] border-[var(--color-gray-400)] ${!isDisabled ? 'focus-outline' : ''} ${\n isDisabled\n ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n : isActive\n ? 'se-design-tab-item-active text-[var(--color-white)] bg-[var(--color-blue-500)] font-medium hover:cursor-pointer'\n : 'text-[var(--color-gray-700)] font-normal hover:bg-[var(--color-gray-50)] hover:text-[var(--color-gray-900)] cursor-pointer transition-all duration-200 ease-in-out'\n }`}\n data-automation-id={`tab-item-${tab.automationId \|\| tab.id \|\| ''}`}\n >\n {tab.label}\n </button>\n );\n })}\n\n {overflowTabs.length > 0 && (\n <Popover\n className=\"se-design-overflow-tabs\"\n position=\"bottom-left\"\n noBorder\n disableClickToggle={true}\n onPopoverToggle={(isOpen) => {\n if (!isOpen) {\n // Only return focus programmatically when the popover was opened via keyboard.\n // Mouse-opened popovers must not call .focus() — programmatic focus after a\n // pointer interaction triggers :focus-visible intermittently across browsers.\n if (wasKeyboardOpenedRef.current) overflowDivRef.current?.focus();\n wasKeyboardOpenedRef.current = false;\n }\n }}\n renderPopoverSrcElement={({ displayPopover, togglePopover }) => {\n const overflowTabProps = getTabProps('overflow');\n const overflowAriaControls = activeOverflowTab\n ? getPanelId(activeOverflowTab.id, baseId)\n : undefined;\n\n return (\n <div\n {...overflowTabProps}\n ref={(el) => { overflowDivRef.current = el; overflowTabProps.ref(el); }}\n aria-selected={!!activeOverflowTab}\n aria-label={activeOverflowTab?.label ? undefined : `More tabs (${overflowTabs.length})`}\n aria-controls={overflowAriaControls}\n aria-haspopup=\"true\"\n aria-expanded={displayPopover}\n onClick={() => { wasKeyboardOpenedRef.current = false; togglePopover(true); }}\n onFocus={() => setFocusedTabId('overflow')}\n data-automation-id=\"tabs-kebab-menu\"\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n wasKeyboardOpenedRef.current = true;\n togglePopover(true);\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n wasKeyboardOpenedRef.current = true;\n togglePopover('last');\n } else {\n handleKeyDown(e);\n }\n }}\n className={`overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${\n displayPopover ? 'bg-[var(--color-blue-100)]' : ''\n } ${activeOverflowTab?.label ? 'bg-[var(--color-blue-500)]' : 'hover:bg-[var(--color-gray-50)]'}`}\n onMouseEnter={() => setIsIconTabHover(true)}\n onMouseLeave={() => setIsIconTabHover(false)}\n >\n {activeOverflowTab?.label ? (\n <>\n <span className=\"text-[var(--color-white)]\">{activeOverflowTab?.label}</span>\n <Icon\n name=\"chevron\"\n rotation={displayPopover ? '180' : '0'}\n stroke={isIconTabHover ? 'var(--color-gray-100)' : 'var(--color-white)'}\n />\n </>\n ) : (\n <Icon name=\"kebab-menu\" fill={isIconTabHover ? 'var(--color-gray-900)' : 'var(--color-gray-700)'} />\n )}\n </div>\n );\n }}\n renderPopoverContents={({ closePopoverCb }) => (\n <MenuList\n items={overflowTabs.map((tab) => ({\n id: tab?.id,\n label: tab?.label,\n automationId: tab?.automationId \|\| tab?.id,\n onClick: () => {\n handleTabClick(tab);\n closePopoverCb();\n }\n }))}\n />\n )}\n />\n )}\n </div>\n\n {hasPanelContent && (\n <div className=\"se-design-tabs-content\">\n {tabs.map((tab) => (\n <div\n key={tab.id}\n {...getPanelProps(tab.id)}\n className={`tab-content ${isTabActive(tab, activeTab) ? 'block' : 'hidden'}`}\n >\n {isTabActive(tab, activeTab) && tab.renderTabContent?.(tab)}\n </div>\n ))}\n </div>\n )}\n </>\n );\n};\n"],"names":["Tabs","defaultActiveTab","tabs","onTabChange","primaryTabCount","headingLevel","HeadingTag","id","ariaLabel","ariaLabelledBy","panelId","defaultTabId","activeTab","setActiveTab","useState","isIconTabHover","setIsIconTabHover","visibleTabCount","length","visibleTabs","slice","overflowTabs","activeOverflowTab","find","tab","hasPanelContent","some","t","renderTabContent","baseId","useStableId","itemIds","useMemo","enabledVisibleTabs","filter","disabled","enabledOverflowTabs","visibleIds","map","getTabProps","getPanelProps","getTabListProps","handleKeyDown","setFocusedTabId","useTabsA11y","activeItem","orientation","idBase","includePanelLinks","externalPanelId","overflowDivRef","useRef","wasKeyboardOpenedRef","useEffect","handleTabClick","isTabActive","singleTab","createElement","React","Fragment","className","label","_extends","isActive","isDisabled","tabProps","type","key","onFocus","onKeyDown","onClick","automationId","Popover","position","noBorder","disableClickToggle","onPopoverToggle","isOpen","current","focus","renderPopoverSrcElement","displayPopover","togglePopover","overflowTabProps","overflowAriaControls","getPanelId","undefined","ref","el","e","preventDefault","onMouseEnter","onMouseLeave","Icon","name","rotation","stroke","fill","renderPopoverContents","closePopoverCb","MenuList","items"],"mappings":";;;;;;;;;;;;;;;;;AA8BO,MAAMA,KAAsBA,CAAC;AAAA,EAClCC,kBAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAcC;AAAAA,EACdC,IAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,gBAAAA;AAAAA,EACAC,SAAAA;AACF,MAAM;AACJ,QAAMC,IAAeV,MAAqBC,EAAK,CAAC,IAAIA,EAAK,CAAC,EAAEK,KAAK,KAC3D,CAACK,GAAWC,CAAY,IAAIC,EAASH,CAAY,GACjD,CAACI,GAAgBC,CAAiB,IAAIF,EAAS,EAAK,GAEpDG,IAAkBb,KAAmBF,GAAMgB,QAC3CC,IAAcjB,EAAKkB,MAAM,GAAGH,CAAe,GAC3CI,IAAenB,EAAKkB,MAAMH,CAAe,GACzCK,IAAoBD,EAAaE,KAAMC,CAAAA,MAAQA,EAAIjB,OAAOK,CAAS,GAGnEa,IAAkBvB,EAAKwB,KAAKC,CAAAA,MAAKA,EAAEC,gBAAgB,GAGnDC,IAASC,EAAYvB,GAAI,MAAM,GAC/BwB,IAAUC,EAAQ,MAAM;AAC5B,UAAMC,IAAqBd,EAAYe,OAAOP,CAAAA,MAAK,CAACA,EAAEQ,QAAQ,GACxDC,IAAsBf,EAAaa,OAAOP,CAAAA,MAAK,CAACA,EAAEQ,QAAQ,GAC1DE,IAAaJ,EAAmBK,IAAIX,CAAAA,MAAKA,EAAEpB,EAAE;AACnD,WAAO6B,EAAoBlB,SAAS,IAAI,CAAC,GAAGmB,GAAY,UAAU,IAAIA;AAAAA,EACxE,GAAG,CAAClB,GAAaE,CAAY,CAAC,GAExB;AAAA,IAAEkB,aAAAA;AAAAA,IAAaC,eAAAA;AAAAA,IAAeC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,iBAAAA;AAAAA,EAAAA,IAAoBC,EAAY;AAAA,IAClGb,SAAAA;AAAAA,IACAc,YAAYjC;AAAAA,IACZkC,aAAa;AAAA,IACbC,QAAQlB;AAAAA,IACRmB,mBAAmBvB,KAAmB,CAAC,CAACf;AAAAA,IACxCuC,iBAAiBvC;AAAAA,EAAAA,CAClB,GAGKwC,IAAiBC,EAAuB,IAAI,GAG5CC,IAAuBD,EAAO,EAAK;AAEzCE,EAAAA,EAAU,MAAM;AACdxC,IAAAA,EAAaZ,KAAoB,EAAE;AAAA,EACrC,GAAG,CAACA,CAAgB,CAAC;AAErB,QAAMqD,IAAiBA,CAAC9B,MAAkB;AACxCX,IAAAA,EAAaW,GAAKjB,EAAE,GACpBJ,IAAcqB,GAAKjB,EAAE;AAAA,EACvB,GAEMgD,IAAcA,CAAC/B,GAAeZ,MAC3BY,EAAIjB,OAAOK;AAGpB,MAAIN,KAAcJ,EAAKgB,WAAW,GAAG;AACnC,UAAMsC,IAAYtD,EAAK,CAAC;AACxB,6BACEuD,cAAAC,EAAAC,UAAA,MACED,gBAAAA,EAAAD,cAACnD,GAAU;AAAA,MAACsD,WAAU;AAAA,IAAA,GACnBJ,EAAUK,KACD,GACZH,gBAAAA,EAAAD,cAAA,OAAA;AAAA,MAAKG,WAAU;AAAA,IAAA,GACbF,gBAAAA,EAAAD,cAAA,OAAA;AAAA,MAAKG,WAAU;AAAA,IAAA,GACZJ,GAAW5B,oBAAoB4B,GAAW5B,iBAAiB4B,CAAS,CAClE,CACF,CACL;AAAA,EAEN;AAEA,SACEE,gBAAAA,EAAAD,cAAAC,EAAAC,UAAA,MACED,gBAAAA,EAAAD,cAAA,OAAAK,EAAA;AAAA,IACEF,WAAU;AAAA,IACV,sBAAmB;AAAA,EAAA,GACfnB,EAAgB;AAAA,IAAEjC,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,EAAAA,CAAgB,CAAC,GAEjDU,EAAYmB,IAAKd,CAAAA,MAAQ;AACxB,UAAMuC,IAAWnD,MAAcY,EAAIjB,IAC7ByD,IAAa,CAAC,CAACxC,EAAIW,UACnB8B,IAAW1B,EAAYf,EAAIjB,EAAE;AACnC,WACEmD,gBAAAA,EAAAD,cAAA,UAAAK,EAAA;AAAA,MACEI,MAAK;AAAA,MACLC,KAAK3C,EAAIjB;AAAAA,IAAAA,GACL0D,GAAQ;AAAA,MACZ9B,UAAU6B;AAAAA,MACV,cAAYxC,EAAIhB;AAAAA,MAChB4D,SAASA,MAAM,CAACJ,KAAcrB,EAAgBnB,EAAIjB,EAAE;AAAA,MACpD8D,WAAW3B;AAAAA,MACX4B,SAASA,MAAMhB,EAAe9B,CAAG;AAAA,MACjCoC,WAAW,gLAAiLI,IAA+B,KAAlB,eAAoB,IAC3NA,IACI,oDACAD,IACA,oHACA,oKAAoK;AAAA,MAE1K,sBAAoB,YAAYvC,EAAI+C,gBAAgB/C,EAAIjB,MAAM,EAAE;AAAA,IAAA,CAAG,GAElEiB,EAAIqC,KACC;AAAA,EAEZ,CAAC,GAEAxC,EAAaH,SAAS,KACrBwC,gBAAAA,EAAAD,cAACe,GAAO;AAAA,IACNZ,WAAU;AAAA,IACVa,UAAS;AAAA,IACTC,UAAQ;AAAA,IACRC,oBAAoB;AAAA,IACpBC,iBAAkBC,CAAAA,MAAW;AAC3B,MAAKA,MAICzB,EAAqB0B,WAAS5B,EAAe4B,SAASC,MAAAA,GAC1D3B,EAAqB0B,UAAU;AAAA,IAEnC;AAAA,IACAE,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,MAAgBC,eAAAA;AAAAA,IAAAA,MAAoB;AAC9D,YAAMC,IAAmB5C,EAAY,UAAU,GACzC6C,IAAuB9D,IACzB+D,EAAW/D,EAAkBf,IAAIsB,CAAM,IACvCyD;AAEJ,+BACE7B,cAAA,OAAAK,MACMqB,GAAgB;AAAA,QACpBI,KAAMC,CAAAA,MAAO;AAAEtC,UAAAA,EAAe4B,UAAUU,GAAIL,EAAiBI,IAAIC,CAAE;AAAA,QAAG;AAAA,QACtE,iBAAe,CAAC,CAAClE;AAAAA,QACjB,cAAYA,GAAmBuC,QAAQyB,SAAY,cAAcjE,EAAaH,MAAM;AAAA,QACpF,iBAAekE;AAAAA,QACf,iBAAc;AAAA,QACd,iBAAeH;AAAAA,QACfX,SAASA,MAAM;AAAElB,UAAAA,EAAqB0B,UAAU,IAAOI,EAAc,EAAI;AAAA,QAAG;AAAA,QAC5Ed,SAASA,MAAMzB,EAAgB,UAAU;AAAA,QACzC,sBAAmB;AAAA,QACnB0B,WAAYoB,CAAAA,MAAM;AAChB,UAAIA,EAAEtB,QAAQ,WAAWsB,EAAEtB,QAAQ,OAAOsB,EAAEtB,QAAQ,eAClDsB,EAAEC,eAAAA,GACFtC,EAAqB0B,UAAU,IAC/BI,EAAc,EAAI,KACTO,EAAEtB,QAAQ,aACnBsB,EAAEC,eAAAA,GACFtC,EAAqB0B,UAAU,IAC/BI,EAAc,MAAM,KAEpBxC,EAAc+C,CAAC;AAAA,QAEnB;AAAA,QACA7B,WAAW,sJACTqB,IAAiB,+BAA+B,EAAE,IAChD3D,GAAmBuC,QAAQ,+BAA+B,iCAAiC;AAAA,QAC/F8B,cAAcA,MAAM3E,EAAkB,EAAI;AAAA,QAC1C4E,cAAcA,MAAM5E,EAAkB,EAAK;AAAA,MAAA,CAAE,GAE5CM,GAAmBuC,QAClBH,gBAAAA,EAAAD,cAAAC,EAAAC,UAAA,MACED,gBAAAA,EAAAD,cAAA,QAAA;AAAA,QAAMG,WAAU;AAAA,MAAA,GAA6BtC,GAAmBuC,KAAY,GAC5EH,gBAAAA,EAAAD,cAACoC,GAAI;AAAA,QACHC,MAAK;AAAA,QACLC,UAAUd,IAAiB,QAAQ;AAAA,QACnCe,QAAQjF,IAAiB,0BAA0B;AAAA,MAAA,CACpD,CACD,IAEF2C,gBAAAA,EAAAD,cAACoC,GAAI;AAAA,QAACC,MAAK;AAAA,QAAaG,MAAMlF,IAAiB,0BAA0B;AAAA,MAAA,CAA0B,CAElG;AAAA,IAET;AAAA,IACAmF,uBAAuBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MACxBzC,gBAAAA,EAAAD,cAAC2C,GAAQ;AAAA,MACPC,OAAOhF,EAAaiB,IAAKd,CAAAA,OAAS;AAAA,QAChCjB,IAAIiB,GAAKjB;AAAAA,QACTsD,OAAOrC,GAAKqC;AAAAA,QACZU,cAAc/C,GAAK+C,gBAAgB/C,GAAKjB;AAAAA,QACxC+D,SAASA,MAAM;AACbhB,UAAAA,EAAe9B,CAAG,GAClB2E,EAAAA;AAAAA,QACF;AAAA,MAAA,EACA;AAAA,IAAA,CACH;AAAA,EAAA,CAEJ,CAEA,GAEJ1E,KACCiC,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZ1D,EAAKoC,IAAKd,OACTkC,gBAAAA,EAAAD,cAAA,OAAAK,EAAA;AAAA,IACEK,KAAK3C,EAAIjB;AAAAA,EAAAA,GACLiC,EAAchB,EAAIjB,EAAE,GAAC;AAAA,IACzBqD,WAAW,eAAeL,EAAY/B,GAAKZ,CAAS,IAAI,UAAU,QAAQ;AAAA,EAAA,CAAG,GAE5E2C,EAAY/B,GAAKZ,CAAS,KAAKY,EAAII,mBAAmBJ,CAAG,CACvD,CACN,CACE,CAEP;AAEN;"}
1	+ {"version":3,"file":"index29.js","sources":["../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\nimport { useStableId } from '../../utils/useStableId';\nimport { useTabsA11y, getPanelId } from '../../utils/a11y';\n\nimport './style.scss';\n\ninterface TabProps {\n label: string;\n id: string;\n disabled?: boolean;\n renderTabContent?: (tab: TabProps) => ReactNode;\n automationId?: string;\n ariaLabel?: string;\n}\ninterface TabsProps {\n defaultActiveTab?: string;\n tabs: TabProps[];\n onTabChange?: (tabId: string) => void;\n primaryTabCount?: number; // prop for controlling primary tabs\n headingLevel?: 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'span'; // heading tag to render single tab as a heading element when only one tab is present\n automationId?: string;\n id?: string; // custom ID for baseId (passed to useStableId)\n ariaLabel?: string; // Accessible name when no visible label exists\n ariaLabelledBy?: string; // ID of element that labels this tablist (preferred over ariaLabel)\n panelId?: string; // When consumer manages a single external panel, pass its id here\n}\n\nexport const Tabs: FC<TabsProps> = ({\n defaultActiveTab,\n tabs,\n onTabChange,\n primaryTabCount,\n headingLevel: HeadingTag,\n id,\n ariaLabel = 'Tabs',\n ariaLabelledBy,\n panelId\n}) => {\n const defaultTabId = defaultActiveTab \|\| (tabs[0] ? tabs[0].id : '');\n const [activeTab, setActiveTab] = useState(defaultTabId);\n const [isIconTabHover, setIsIconTabHover] = useState(false);\n\n const visibleTabCount = primaryTabCount ?? tabs?.length;\n const visibleTabs = tabs.slice(0, visibleTabCount);\n const overflowTabs = tabs.slice(visibleTabCount);\n const activeOverflowTab = overflowTabs.find((tab) => tab.id === activeTab);\n\n // Only render internal panels if at least one tab provides content via renderTabContent\n const hasPanelContent = tabs.some(t => t.renderTabContent);\n\n // A11y setup\n const baseId = useStableId(id, 'tabs');\n const itemIds = useMemo(() => {\n const enabledVisibleTabs = visibleTabs.filter(t => !t.disabled);\n const enabledOverflowTabs = overflowTabs.filter(t => !t.disabled);\n const visibleIds = enabledVisibleTabs.map(t => t.id);\n return enabledOverflowTabs.length > 0 ? [...visibleIds, 'overflow'] : visibleIds;\n }, [visibleTabs, overflowTabs]);\n\n const { getTabProps, getPanelProps, getTabListProps, handleKeyDown, setFocusedTabId } = useTabsA11y({\n itemIds,\n activeItem: activeTab,\n orientation: 'horizontal',\n idBase: baseId,\n includePanelLinks: hasPanelContent \|\| !!panelId,\n externalPanelId: panelId\n });\n\n // Ref for the overflow button div — needed to return focus after menu closes\n const overflowDivRef = useRef<HTMLDivElement>(null);\n // Track whether the overflow popover was opened via keyboard — only return focus\n // programmatically in that case (mouse-opened popovers should not trigger :focus-visible on close)\n const wasKeyboardOpenedRef = useRef(false);\n\n useEffect(() => {\n setActiveTab(defaultActiveTab \|\| '');\n }, [defaultActiveTab]);\n\n const handleTabClick = (tab: TabProps) => {\n setActiveTab(tab?.id);\n onTabChange?.(tab?.id);\n };\n\n const isTabActive = (tab: TabProps, activeTab: string) => {\n return tab.id === activeTab;\n };\n\n if (HeadingTag && tabs.length === 1) {\n const singleTab = tabs[0];\n return (\n <>\n <HeadingTag className=\"se-design-tabs se-design-tabs-heading\">\n {singleTab.label}\n </HeadingTag>\n <div className=\"se-design-tabs-content\">\n <div className=\"tab-content block\">\n {singleTab?.renderTabContent && singleTab?.renderTabContent(singleTab)}\n </div>\n </div>\n </>\n );\n }\n\n return (\n <>\n <div\n className=\"se-design-tabs flex items-stretch relative border rounded-md border-[var(--color-gray-400)] w-fit\"\n data-automation-id=\"tabs-container\"\n {...getTabListProps({ ariaLabel, ariaLabelledBy })}\n >\n {visibleTabs.map((tab) => {\n const isActive = activeTab === tab.id;\n const isDisabled = !!tab.disabled;\n const tabProps = getTabProps(tab.id);\n return (\n <button\n type=\"button\"\n key={tab.id}\n {...tabProps}\n disabled={isDisabled}\n aria-label={tab.ariaLabel}\n onFocus={() => !isDisabled && setFocusedTabId(tab.id)}\n onKeyDown={handleKeyDown}\n onClick={() => handleTabClick(tab)}\n className={`se-design-tab-item flex items-center text-base px-3 py-0.5 min-w-0 border-l first:border-l-0 first:rounded-l-[0.3rem] last:rounded-r-[0.3rem] border-[var(--color-gray-400)] ${!isDisabled ? 'focus-outline' : ''} ${\n isDisabled\n ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n : isActive\n ? 'se-design-tab-item-active text-[var(--color-white)] bg-[var(--color-blue-500)] font-medium hover:cursor-pointer'\n : 'text-[var(--color-gray-700)] font-normal hover:bg-[var(--color-gray-50)] hover:text-[var(--color-gray-900)] cursor-pointer transition-all duration-200 ease-in-out'\n }`}\n data-automation-id={`tab-item-${tab.automationId \|\| tab.id \|\| ''}`}\n >\n {tab.label}\n </button>\n );\n })}\n\n {overflowTabs.length > 0 && (\n <Popover\n className=\"se-design-overflow-tabs\"\n position=\"bottom-left\"\n noBorder\n disableClickToggle={true}\n onPopoverToggle={(isOpen) => {\n if (!isOpen) {\n if (wasKeyboardOpenedRef.current) overflowDivRef.current?.focus();\n wasKeyboardOpenedRef.current = false;\n }\n }}\n renderPopoverSrcElement={({ displayPopover, togglePopover }) => {\n const overflowTabProps = getTabProps('overflow');\n const overflowAriaControls = activeOverflowTab\n ? getPanelId(activeOverflowTab.id, baseId)\n : undefined;\n\n return (\n <div\n {...overflowTabProps}\n ref={(el) => { overflowDivRef.current = el; overflowTabProps.ref(el); }}\n aria-selected={!!activeOverflowTab}\n aria-label={activeOverflowTab?.label ? undefined : `More tabs (${overflowTabs.length})`}\n aria-controls={overflowAriaControls}\n aria-haspopup=\"true\"\n aria-expanded={displayPopover}\n onClick={() => { wasKeyboardOpenedRef.current = false; togglePopover(true); }}\n onFocus={() => setFocusedTabId('overflow')}\n data-automation-id=\"tabs-kebab-menu\"\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n wasKeyboardOpenedRef.current = true;\n togglePopover(true);\n } else if (e.key === 'ArrowUp') {\n e.preventDefault();\n wasKeyboardOpenedRef.current = true;\n togglePopover('last');\n } else {\n handleKeyDown(e);\n }\n }}\n className={`overflow-tabs-src-element focus-outline border-l px-3 py-0.5 rounded-r-md font-medium hover:cursor-pointer transition-all duration-200 ease-in-out ${\n displayPopover ? 'bg-[var(--color-blue-100)]' : ''\n } ${activeOverflowTab?.label ? 'bg-[var(--color-blue-500)]' : 'hover:bg-[var(--color-gray-50)]'}`}\n onMouseEnter={() => setIsIconTabHover(true)}\n onMouseLeave={() => setIsIconTabHover(false)}\n >\n {activeOverflowTab?.label ? (\n <span className=\"pointer-events-none flex items-center gap-1\">\n <span className=\"text-[var(--color-white)]\">{activeOverflowTab?.label}</span>\n <Icon\n name=\"chevron\"\n rotation={displayPopover ? '180' : '0'}\n stroke={isIconTabHover ? 'var(--color-gray-100)' : 'var(--color-white)'}\n />\n </span>\n ) : (\n <span className=\"pointer-events-none\">\n <Icon name=\"kebab-menu\" fill={isIconTabHover ? 'var(--color-gray-900)' : 'var(--color-gray-700)'} />\n </span>\n )}\n </div>\n );\n }}\n renderPopoverContents={({ closePopoverCb }) => (\n <MenuList\n items={overflowTabs.map((tab) => ({\n id: tab?.id,\n label: tab?.label,\n automationId: tab?.automationId \|\| tab?.id,\n onClick: () => {\n handleTabClick(tab);\n closePopoverCb();\n }\n }))}\n />\n )}\n />\n )}\n </div>\n\n {hasPanelContent && (\n <div className=\"se-design-tabs-content\">\n {tabs.map((tab) => (\n <div\n key={tab.id}\n {...getPanelProps(tab.id)}\n className={`tab-content ${isTabActive(tab, activeTab) ? 'block' : 'hidden'}`}\n >\n {isTabActive(tab, activeTab) && tab.renderTabContent?.(tab)}\n </div>\n ))}\n </div>\n )}\n </>\n );\n};\n"],"names":["Tabs","defaultActiveTab","tabs","onTabChange","primaryTabCount","headingLevel","HeadingTag","id","ariaLabel","ariaLabelledBy","panelId","defaultTabId","activeTab","setActiveTab","useState","isIconTabHover","setIsIconTabHover","visibleTabCount","length","visibleTabs","slice","overflowTabs","activeOverflowTab","find","tab","hasPanelContent","some","t","renderTabContent","baseId","useStableId","itemIds","useMemo","enabledVisibleTabs","filter","disabled","enabledOverflowTabs","visibleIds","map","getTabProps","getPanelProps","getTabListProps","handleKeyDown","setFocusedTabId","useTabsA11y","activeItem","orientation","idBase","includePanelLinks","externalPanelId","overflowDivRef","useRef","wasKeyboardOpenedRef","useEffect","handleTabClick","isTabActive","singleTab","createElement","React","Fragment","className","label","_extends","isActive","isDisabled","tabProps","type","key","onFocus","onKeyDown","onClick","automationId","Popover","position","noBorder","disableClickToggle","onPopoverToggle","isOpen","current","focus","renderPopoverSrcElement","displayPopover","togglePopover","overflowTabProps","overflowAriaControls","getPanelId","undefined","ref","el","e","preventDefault","onMouseEnter","onMouseLeave","Icon","name","rotation","stroke","fill","renderPopoverContents","closePopoverCb","MenuList","items"],"mappings":"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"}

package/dist/index43.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import t, { useState as $, useRef as T } from "react";
 import "./index72.js";
 import { useDismissOnEscape as j } from "./index215.js";
-import { Icon as g } from "./index6.js";
+import { Icon as f } from "./index6.js";
 import { Button as A } from "./index4.js";
 /* empty css         */
 function a() {
@@ -19,7 +19,7 @@ const d = {
     rotation: "180"
   },
   alert: {
-    stroke: "var(--color-black)",
+    stroke: "var(--color-gray-900)",
     rotation: "0"
   },
   nudge: {
@@ -33,7 +33,7 @@ const d = {
   alert: "bg-[var(--color-red-50)]",
   nudge: "bg-[var(--color-blue-500)]",
   infoMessage: "text-[var(--color-yellow-700)] text-center",
-  alertMessage: "text-[var(--color-black)] text-center",
+  alertMessage: "text-[var(--color-gray-900)] text-center",
   nudgeMessage: "text-[var(--color-white)] text-center",
   closeIconCtn: "absolute right-[12px] cursor-pointer rounded-full p-1",
   closeIconCtnInfo: "hover:bg-[var(--color-gray-200)]",
@@ -57,10 +57,10 @@ const d = {
   automationId: I = "",
   iconProps: c,
   buttonProps: h,
-  closeButtonAriaLabel: k = "Close message"
+  closeButtonAriaLabel: x = "Close message"
 }) => {
-  const [i, x] = $(!0), m = T(null), u = t.useCallback(() => {
-    x(!1);
+  const [i, w] = $(!0), m = T(null), u = t.useCallback(() => {
+    w(!1);
     const O = setTimeout(() => {
       l?.();
     }, 300);
@@ -71,7 +71,7 @@ const d = {
     onDismiss: u,
     enabled: n && i
   });
-  const w = {
+  const k = {
     info: e.infoMessage,
     alert: e.alertMessage,
     nudge: e.nudgeMessage
@@ -79,10 +79,10 @@ const d = {
     info: e.closeIconCtnInfo,
     alert: e.closeIconCtnAlert,
     nudge: e.closeIconCtnNudge
-  }[o] ?? e.closeIconCtnInfo, N = o === "nudge" ? "var(--color-white)" : "var(--color-gray-700)", _ = v[o] ?? v.info, f = d[o] ?? d.info, M = c !== null, y = {
+  }[o] ?? e.closeIconCtnInfo, N = o === "nudge" ? "var(--color-white)" : "var(--color-gray-700)", y = v[o] ?? v.info, g = d[o] ?? d.info, _ = c !== null, M = {
     name: "info",
-    stroke: f.stroke,
-    rotation: f.rotation,
+    stroke: g.stroke,
+    rotation: g.rotation,
     className: "shrink-0",
     ...c
   };
@@ -92,21 +92,21 @@ const d = {
     "data-automation-id": I
   }, /* @__PURE__ */ t.createElement("div", {
     className: e.messageCtn
-  }, M && /* @__PURE__ */ t.createElement(g, y), /* @__PURE__ */ t.createElement("span", {
-    className: `${w} break-words min-w-0`
+  }, _ && /* @__PURE__ */ t.createElement(f, M), /* @__PURE__ */ t.createElement("span", {
+    className: `${k} break-words min-w-0`
   }, r), b && /* @__PURE__ */ t.createElement(A, a({
     label: C,
     type: "primary",
     size: "sm",
-    theme: _,
+    theme: y,
     onClick: p,
     className: "alert-btn"
-  }, h))), n && /* @__PURE__ */ t.createElement(g, {
+  }, h))), n && /* @__PURE__ */ t.createElement(f, {
     name: "close",
     className: `${e.closeIconCtn} ${E}`,
     stroke: N,
     onClick: u,
-    ariaLabel: k
+    ariaLabel: x
   }));
 };
 export {

package/dist/index43.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index43.js","sources":["../src/components/MessageBar/index.tsx"],"sourcesContent":["import React, { FC, useRef, useState } from 'react';\nimport { Map } from 'src/utils/common.types';\nimport { useDismissOnEscape } from '../../utils/a11y';\nimport { Icon, IconProps } from '../Icon';\nimport { Button, ButtonProps } from '../Button';\nimport './style.scss';\n\nexport type MessageBarType = 'info' \| 'alert' \| 'nudge';\n\nexport interface MessageBarProps {\n messageBarCtnClassName?: string;\n messageBarType: MessageBarType;\n message: string;\n hasCloseIcon?: boolean;\n hasButton?: boolean;\n buttonLabel: string \| '';\n buttonOnClick?: () => void;\n handleClose?: () => void;\n automationId?: string;\n /*\n Override the leading icon. Merged on top of the variant default\n * (name + fill color derived from `messageBarType`).\n * Pass `null` to suppress the leading icon entirely.\n /\n iconProps?: Partial<IconProps> \| null;\n /\n Override props for the CTA button. Spread after the variant defaults\n * (label/onClick/className/type/size), so any field can be replaced —\n * including `iconProps` to add an icon to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n Accessible name for the close icon. Defaults to \"Close message\".\n /\n closeButtonAriaLabel?: string;\n}\n\n/\n Per-variant defaults for the leading icon. Single `info` glyph everywhere;\n * stroke matches the variant's text color. `info` and `nudge` render rotated\n * 180° to read as inverted; `alert` keeps the default orientation.\n /\nconst DEFAULT_ICON_BY_TYPE: Record<MessageBarType, { stroke: string; rotation: '0' \| '180' }> = {\n info: { stroke: 'var(--color-yellow-700)', rotation: '180' },\n alert: { stroke: 'var(--color-~~black~~)', rotation: '0' },\n nudge: { stroke: 'var(--color-white)', rotation: '180' }\n};\n\nconst classNames: Map = {\n messageBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2\",\n messageCtn: \"flex items-center justify-center gap-2 flex-wrap px-4 pr-12\",\n info: \"bg-[var(--color-yellow-50)]\",\n alert: \"bg-[var(--color-red-50)]\",\n nudge: \"bg-[var(--color-blue-500)]\",\n infoMessage: \"text-[var(--color-yellow-700)] text-center\",\n alertMessage: \"text-[var(--color-~~black~~)] text-center\",\n nudgeMessage: \"text-[var(--color-white)] text-center\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer rounded-full p-1\",\n closeIconCtnInfo: \"hover:bg-[var(--color-gray-200)]\",\n closeIconCtnAlert: \"hover:bg-[var(--color-gray-200)]\",\n closeIconCtnNudge: \"hover:bg-[var(--color-blue-700)]\",\n};\n\n/\n Per-variant default Button theme. Picked so the CTA surface has a\n * non-text contrast of >= 3:1 against the bar background (WCAG 1.4.11).\n * Consumers can override via `buttonProps`.\n */\nconst DEFAULT_BUTTON_THEME_BY_TYPE: Record<MessageBarType, ButtonProps['theme']> = {\n info: 'blue',\n alert: 'red',\n nudge: 'white'\n};\n\nexport const MessageBar: FC<MessageBarProps> = ({\n messageBarCtnClassName = \"\",\n messageBarType = 'info',\n message = '',\n hasCloseIcon = false,\n hasButton = false,\n buttonLabel = '',\n buttonOnClick = () => {},\n handleClose = () => {},\n automationId = '',\n iconProps,\n buttonProps,\n closeButtonAriaLabel = 'Close message'\n}) => {\n const [visible, setVisible] = useState(true);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleClickOnCloseIcon = React.useCallback(() => {\n setVisible(false);\n const timer = setTimeout(() => {\n handleClose?.();\n }, 300);\n return () => clearTimeout(timer);\n }, [handleClose]);\n\n // SR announcements: pending shared live-announcer component.\n useDismissOnEscape({\n containerRef,\n onDismiss: handleClickOnCloseIcon,\n enabled: hasCloseIcon && visible\n });\n\n const messageClass = {\n info: classNames.infoMessage,\n alert: classNames.alertMessage,\n nudge: classNames.nudgeMessage\n }[messageBarType] ?? classNames.infoMessage;\n\n const closeIconHoverClass = {\n info: classNames.closeIconCtnInfo,\n alert: classNames.closeIconCtnAlert,\n nudge: classNames.closeIconCtnNudge\n }[messageBarType] ?? classNames.closeIconCtnInfo;\n\n const closeIconStroke = messageBarType === 'nudge' ? 'var(--color-white)' : 'var(--color-gray-700)';\n\n const defaultButtonTheme = DEFAULT_BUTTON_THEME_BY_TYPE[messageBarType] ?? DEFAULT_BUTTON_THEME_BY_TYPE.info;\n\n const variantIcon = DEFAULT_ICON_BY_TYPE[messageBarType] ?? DEFAULT_ICON_BY_TYPE.info;\n const showLeadingIcon = iconProps !== null;\n const mergedIconProps: IconProps = {\n name: 'info',\n stroke: variantIcon.stroke,\n rotation: variantIcon.rotation,\n className: 'shrink-0',\n ...iconProps\n };\n\n return (\n <div\n ref={containerRef}\n className={`se-design-message-bar ${messageBarCtnClassName} ${classNames.messageBarCtn} ${classNames[messageBarType]} ${visible ? \"show\" : \"hide\"}`}\n data-automation-id={automationId}\n >\n <div className={classNames.messageCtn}>\n {showLeadingIcon && <Icon {...mergedIconProps} />}\n <span className={`${messageClass} break-words min-w-0`}>{message}</span>\n {hasButton && (\n <Button\n label={buttonLabel}\n type='primary'\n size=\"sm\"\n theme={defaultButtonTheme}\n onClick={buttonOnClick}\n className=\"alert-btn\"\n {...buttonProps}\n />\n )}\n </div>\n {hasCloseIcon && (\n <Icon\n name={\"close\"}\n className={`${classNames.closeIconCtn} ${closeIconHoverClass}`}\n stroke={closeIconStroke}\n onClick={handleClickOnCloseIcon}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n );\n};\n\nexport default MessageBar;"],"names":["DEFAULT_ICON_BY_TYPE","info","stroke","rotation","alert","nudge","classNames","messageBarCtn","messageCtn","infoMessage","alertMessage","nudgeMessage","closeIconCtn","closeIconCtnInfo","closeIconCtnAlert","closeIconCtnNudge","DEFAULT_BUTTON_THEME_BY_TYPE","MessageBar","messageBarCtnClassName","messageBarType","message","hasCloseIcon","hasButton","buttonLabel","buttonOnClick","handleClose","automationId","iconProps","buttonProps","closeButtonAriaLabel","visible","setVisible","useState","containerRef","useRef","handleClickOnCloseIcon","React","useCallback","timer","setTimeout","clearTimeout","useDismissOnEscape","onDismiss","enabled","messageClass","closeIconHoverClass","closeIconStroke","defaultButtonTheme","variantIcon","showLeadingIcon","mergedIconProps","name","className","createElement","ref","Icon","Button","_extends","label","type","size","theme","onClick","ariaLabel"],"mappings":";;;;;;;;;;;;;;;AA0CA,MAAMA,IAA0F;AAAA,EAC9FC,MAAM;AAAA,IAAEC,QAAQ;AAAA,IAA2BC,UAAU;AAAA,EAAA;AAAA,EACrDC,OAAO;AAAA,IAAEF,QAAQ;AAAA,~~IAAsBC~~,UAAU;AAAA,EAAA;AAAA,~~EACjDE~~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"}
1	+ {"version":3,"file":"index43.js","sources":["../src/components/MessageBar/index.tsx"],"sourcesContent":["import React, { FC, useRef, useState } from 'react';\nimport { Map } from 'src/utils/common.types';\nimport { useDismissOnEscape } from '../../utils/a11y';\nimport { Icon, IconProps } from '../Icon';\nimport { Button, ButtonProps } from '../Button';\nimport './style.scss';\n\nexport type MessageBarType = 'info' \| 'alert' \| 'nudge';\n\nexport interface MessageBarProps {\n messageBarCtnClassName?: string;\n messageBarType: MessageBarType;\n message: string;\n hasCloseIcon?: boolean;\n hasButton?: boolean;\n buttonLabel: string \| '';\n buttonOnClick?: () => void;\n handleClose?: () => void;\n automationId?: string;\n /*\n Override the leading icon. Merged on top of the variant default\n * (name + fill color derived from `messageBarType`).\n * Pass `null` to suppress the leading icon entirely.\n /\n iconProps?: Partial<IconProps> \| null;\n /\n Override props for the CTA button. Spread after the variant defaults\n * (label/onClick/className/type/size), so any field can be replaced —\n * including `iconProps` to add an icon to the button.\n /\n buttonProps?: Partial<ButtonProps>;\n /\n Accessible name for the close icon. Defaults to \"Close message\".\n /\n closeButtonAriaLabel?: string;\n}\n\n/\n Per-variant defaults for the leading icon. Single `info` glyph everywhere;\n * stroke matches the variant's text color. `info` and `nudge` render rotated\n * 180° to read as inverted; `alert` keeps the default orientation.\n /\nconst DEFAULT_ICON_BY_TYPE: Record<MessageBarType, { stroke: string; rotation: '0' \| '180' }> = {\n info: { stroke: 'var(--color-yellow-700)', rotation: '180' },\n alert: { stroke: 'var(--color-gray-900)', rotation: '0' },\n nudge: { stroke: 'var(--color-white)', rotation: '180' }\n};\n\nconst classNames: Map = {\n messageBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center py-2\",\n messageCtn: \"flex items-center justify-center gap-2 flex-wrap px-4 pr-12\",\n info: \"bg-[var(--color-yellow-50)]\",\n alert: \"bg-[var(--color-red-50)]\",\n nudge: \"bg-[var(--color-blue-500)]\",\n infoMessage: \"text-[var(--color-yellow-700)] text-center\",\n alertMessage: \"text-[var(--color-gray-900)] text-center\",\n nudgeMessage: \"text-[var(--color-white)] text-center\",\n closeIconCtn: \"absolute right-[12px] cursor-pointer rounded-full p-1\",\n closeIconCtnInfo: \"hover:bg-[var(--color-gray-200)]\",\n closeIconCtnAlert: \"hover:bg-[var(--color-gray-200)]\",\n closeIconCtnNudge: \"hover:bg-[var(--color-blue-700)]\",\n};\n\n/\n Per-variant default Button theme. Picked so the CTA surface has a\n * non-text contrast of >= 3:1 against the bar background (WCAG 1.4.11).\n * Consumers can override via `buttonProps`.\n */\nconst DEFAULT_BUTTON_THEME_BY_TYPE: Record<MessageBarType, ButtonProps['theme']> = {\n info: 'blue',\n alert: 'red',\n nudge: 'white'\n};\n\nexport const MessageBar: FC<MessageBarProps> = ({\n messageBarCtnClassName = \"\",\n messageBarType = 'info',\n message = '',\n hasCloseIcon = false,\n hasButton = false,\n buttonLabel = '',\n buttonOnClick = () => {},\n handleClose = () => {},\n automationId = '',\n iconProps,\n buttonProps,\n closeButtonAriaLabel = 'Close message'\n}) => {\n const [visible, setVisible] = useState(true);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleClickOnCloseIcon = React.useCallback(() => {\n setVisible(false);\n const timer = setTimeout(() => {\n handleClose?.();\n }, 300);\n return () => clearTimeout(timer);\n }, [handleClose]);\n\n // SR announcements: pending shared live-announcer component.\n useDismissOnEscape({\n containerRef,\n onDismiss: handleClickOnCloseIcon,\n enabled: hasCloseIcon && visible\n });\n\n const messageClass = {\n info: classNames.infoMessage,\n alert: classNames.alertMessage,\n nudge: classNames.nudgeMessage\n }[messageBarType] ?? classNames.infoMessage;\n\n const closeIconHoverClass = {\n info: classNames.closeIconCtnInfo,\n alert: classNames.closeIconCtnAlert,\n nudge: classNames.closeIconCtnNudge\n }[messageBarType] ?? classNames.closeIconCtnInfo;\n\n const closeIconStroke = messageBarType === 'nudge' ? 'var(--color-white)' : 'var(--color-gray-700)';\n\n const defaultButtonTheme = DEFAULT_BUTTON_THEME_BY_TYPE[messageBarType] ?? DEFAULT_BUTTON_THEME_BY_TYPE.info;\n\n const variantIcon = DEFAULT_ICON_BY_TYPE[messageBarType] ?? DEFAULT_ICON_BY_TYPE.info;\n const showLeadingIcon = iconProps !== null;\n const mergedIconProps: IconProps = {\n name: 'info',\n stroke: variantIcon.stroke,\n rotation: variantIcon.rotation,\n className: 'shrink-0',\n ...iconProps\n };\n\n return (\n <div\n ref={containerRef}\n className={`se-design-message-bar ${messageBarCtnClassName} ${classNames.messageBarCtn} ${classNames[messageBarType]} ${visible ? \"show\" : \"hide\"}`}\n data-automation-id={automationId}\n >\n <div className={classNames.messageCtn}>\n {showLeadingIcon && <Icon {...mergedIconProps} />}\n <span className={`${messageClass} break-words min-w-0`}>{message}</span>\n {hasButton && (\n <Button\n label={buttonLabel}\n type='primary'\n size=\"sm\"\n theme={defaultButtonTheme}\n onClick={buttonOnClick}\n className=\"alert-btn\"\n {...buttonProps}\n />\n )}\n </div>\n {hasCloseIcon && (\n <Icon\n name={\"close\"}\n className={`${classNames.closeIconCtn} ${closeIconHoverClass}`}\n stroke={closeIconStroke}\n onClick={handleClickOnCloseIcon}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n );\n};\n\nexport default MessageBar;"],"names":["DEFAULT_ICON_BY_TYPE","info","stroke","rotation","alert","nudge","classNames","messageBarCtn","messageCtn","infoMessage","alertMessage","nudgeMessage","closeIconCtn","closeIconCtnInfo","closeIconCtnAlert","closeIconCtnNudge","DEFAULT_BUTTON_THEME_BY_TYPE","MessageBar","messageBarCtnClassName","messageBarType","message","hasCloseIcon","hasButton","buttonLabel","buttonOnClick","handleClose","automationId","iconProps","buttonProps","closeButtonAriaLabel","visible","setVisible","useState","containerRef","useRef","handleClickOnCloseIcon","React","useCallback","timer","setTimeout","clearTimeout","useDismissOnEscape","onDismiss","enabled","messageClass","closeIconHoverClass","closeIconStroke","defaultButtonTheme","variantIcon","showLeadingIcon","mergedIconProps","name","className","createElement","ref","Icon","Button","_extends","label","type","size","theme","onClick","ariaLabel"],"mappings":"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"}

package/dist/index70.js CHANGED Viewed

@@ -13,20 +13,20 @@ function M({
   const [c, b] = n.useState(u || r[0] || ""), g = n.useRef({});
   n.useEffect(() => {
     if (r.length > 0 && !r.includes(c)) {
-      const e = u || r[0] || "";
-      b(e);
+      const t = u || r[0] || "";
+      b(t);
     }
   }, [r, c, u]);
-  const x = n.useCallback((e) => {
-    b(e), f?.(e);
-  }, [f]), y = n.useCallback((e) => {
-    const t = g.current[e];
-    t ? t.focus() : (b(e), f?.(e));
-  }, [f]), p = n.useCallback((e, t = 1) => {
+  const x = n.useCallback((t) => {
+    b((e) => e === t ? e : (f?.(t), t));
+  }, [f]), y = n.useCallback((t) => {
+    const e = g.current[t];
+    e ? e.focus() : (b(t), f?.(t));
+  }, [f]), p = n.useCallback((t, e = 1) => {
     if (r.length === 0) return;
     const o = r.indexOf(c), l = Math.max(0, o);
     let s = l;
-    switch (e) {
+    switch (t) {
       case "first":
         s = 0;
         break;
@@ -34,26 +34,26 @@ function M({
         s = r.length - 1;
         break;
       case "prev":
-        k ? s = (l - t + r.length) % r.length : s = Math.max(0, l - t);
+        k ? s = (l - e + r.length) % r.length : s = Math.max(0, l - e);
         break;
       case "next":
-        k ? s = (l + t) % r.length : s = Math.min(r.length - 1, l + t);
+        k ? s = (l + e) % r.length : s = Math.min(r.length - 1, l + e);
         break;
     }
     const w = r[s];
     w && g.current[w]?.focus();
-  }, [r, c, k]), A = n.useCallback((e) => ({
-    ref: (t) => {
-      g.current[e] = t;
+  }, [r, c, k]), A = n.useCallback((t) => ({
+    ref: (e) => {
+      g.current[t] = e;
     },
-    tabIndex: c === e ? v : -1,
-    onFocus: () => x(e)
-  }), [c, v, x]), R = n.useCallback((e) => {
-    let t = null, o = 1;
-    e.key === "Home" ? t = "first" : e.key === "End" ? t = "last" : (a !== "vertical" && (e.key === "ArrowLeft" ? t = "prev" : e.key === "ArrowRight" && (t = "next")), !t && a !== "horizontal" && (e.key === "ArrowUp" ? t = "prev" : e.key === "ArrowDown" && (t = "next"), t && i && (o = i))), t && (e.preventDefault(), e.stopPropagation(), p(t, o));
-  }, [a, i, p]), z = n.useCallback((e) => {
-    const t = {};
-    return h && (t.role = h), a === "horizontal" ? t["aria-orientation"] = "horizontal" : a === "vertical" && (t["aria-orientation"] = "vertical"), e && Object.assign(t, C(e)), t;
+    tabIndex: c === t ? v : -1,
+    onFocus: () => x(t)
+  }), [c, v, x]), R = n.useCallback((t) => {
+    let e = null, o = 1;
+    t.key === "Home" ? e = "first" : t.key === "End" ? e = "last" : (a !== "vertical" && (t.key === "ArrowLeft" ? e = "prev" : t.key === "ArrowRight" && (e = "next")), !e && a !== "horizontal" && (t.key === "ArrowUp" ? e = "prev" : t.key === "ArrowDown" && (e = "next"), e && i && (o = i))), e && (t.preventDefault(), t.stopPropagation(), p(e, o));
+  }, [a, i, p]), z = n.useCallback((t) => {
+    const e = {};
+    return h && (e.role = h), a === "horizontal" ? e["aria-orientation"] = "horizontal" : a === "vertical" && (e["aria-orientation"] = "vertical"), t && Object.assign(e, C(t)), e;
   }, [h, a]);
   return {
     setFocusedId: x,

package/dist/index70.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index70.js","sources":["../src/utils/a11y/useRovingFocus.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getA11yNameAttributes, AccessibleNameInput } from './accessibleName';\nexport type { AccessibleNameInput };\n\nexport type RovingDirection = 'prev' \| 'next' \| 'first' \| 'last';\n\nexport interface UseRovingFocusOptions {\n /*\n Array of item IDs in order\n /\n itemIds: string[];\n\n /\n The tabIndex to apply to the currently focused item in the roving group.\n * Defaults to 0 \n /\n tabIndex?: number;\n\n /\n Initial focused item ID. Defaults to first item.\n /\n defaultFocusedId?: string;\n\n /\n Orientation for arrow key mapping.\n * - horizontal: ArrowLeft/ArrowRight\n * - vertical: ArrowUp/ArrowDown\n * - grid: all four arrow keys (Left/Right move by 1, Up/Down move by `cols`)\n /\n orientation?: 'horizontal' \| 'vertical' \| 'grid';\n\n /\n Number of columns in the grid. Required when orientation is 'grid'.\n * ArrowUp/ArrowDown navigate by this many items in the flat itemIds array.\n /\n cols?: number;\n\n /\n Whether navigation wraps around at ends. Defaults to true.\n /\n loop?: boolean;\n\n /\n Callback when focus changes\n /\n onFocusChange?: (id: string) => void;\n\n /\n ARIA role for the container element (e.g. 'grid', 'menu', 'tablist', 'toolbar').\n * Returned via getContainerProps().\n /\n role?: React.AriaRole;\n}\n\nexport interface RovingItemProps {\n ref: (el: HTMLElement \| null) => void;\n tabIndex: number;\n onFocus: () => void;\n}\n\nexport interface RovingContainerProps {\n role?: React.AriaRole;\n 'aria-orientation'?: 'horizontal' \| 'vertical';\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n}\n\nexport interface UseRovingFocusReturn {\n /\n Set focused item ID manually\n /\n setFocusedId: (id: string) => void;\n\n /\n Imperatively focus a DOM element by id.\n * If the element exists in refs, focus it immediately.\n * If not yet in DOM, update state so it gets focus once rendered.\n /\n focusItem: (id: string) => void;\n\n /\n Keyboard handler for arrow/Home/End navigation.\n * Attach to each item's onKeyDown.\n /\n handleKeyDown: (e: React.KeyboardEvent) => void;\n\n /\n Get props for an item in the roving focus group (ref + tabIndex)\n /\n getRovingItemProps: (id: string) => RovingItemProps;\n\n /\n Props to spread on the container element.\n * Returns role (if provided), aria-orientation (derived from orientation; omitted for grid),\n * and any accessible name/description attributes passed in.\n /\n getContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n}\n\n/\n Hook for managing roving focus pattern (roving tabindex).\n * Reusable for composite widgets: tabs, toolbars, menus, listboxes, radio groups, grids.\n \n @example\n * // 1D (toolbar/tabs):\n * const { getRovingItemProps, handleKeyDown } = useRovingFocus({\n * itemIds: ['tab1', 'tab2', 'tab3'],\n * orientation: 'horizontal'\n * });\n \n // 2D (grid — flat itemIds, cols for row-jump math):\n * const { getRovingItemProps, handleKeyDown } = useRovingFocus({\n * itemIds: ['r0c0', 'r0c1', 'r0c2', 'r1c0', 'r1c1', 'r1c2'],\n * orientation: 'grid',\n * cols: 3\n * });\n \n // In render:\n * <button {...getRovingItemProps('tab1')} onKeyDown={handleKeyDown}>Tab 1</button>\n */\nexport function useRovingFocus({\n itemIds,\n tabIndex = 0,\n defaultFocusedId,\n orientation = 'horizontal',\n cols,\n loop = true,\n onFocusChange,\n role\n}: UseRovingFocusOptions): UseRovingFocusReturn {\n const [focusedId, setFocusedIdState] = React.useState<string>(\n defaultFocusedId \|\| itemIds[0] \|\| ''\n );\n\n const itemRefs = React.useRef<Record<string, HTMLElement \| null>>({});\n\n // Sync focusedId if itemIds change and current focusedId is no longer valid\n React.useEffect(() => {\n if (itemIds.length > 0 && !itemIds.includes(focusedId)) {\n const newFocusedId = defaultFocusedId \|\| itemIds[0] \|\| '';\n setFocusedIdState(newFocusedId);\n }\n }, [itemIds, focusedId, defaultFocusedId]);\n\n const setFocusedId = React.useCallback(\n (id: string) => {\n setFocusedIdState(id);\n onFocusChange?.(id);\n },\n [onFocusChange]\n );\n\n const focusItem = React.useCallback(\n (id: string) => {\n const el = itemRefs.current[id];\n if (el) {\n el.focus();\n } else {\n // element not yet in DOM (e.g. month just changed) — update state so it gets focus once rendered\n setFocusedIdState(id);\n onFocusChange?.(id);\n }\n },\n [onFocusChange]\n );\n\n const moveFocus = React.useCallback(\n (direction: RovingDirection, step: number = 1) => {\n if (itemIds.length === 0) return;\n\n const currentIdx = itemIds.indexOf(focusedId);\n const safeIdx = Math.max(0, currentIdx);\n let nextIdx = safeIdx;\n\n switch (direction) {\n case 'first':\n nextIdx = 0;\n break;\n case 'last':\n nextIdx = itemIds.length - 1;\n break;\n case 'prev':\n if (loop) {\n nextIdx = (safeIdx - step + itemIds.length) % itemIds.length;\n } else {\n nextIdx = Math.max(0, safeIdx - step);\n }\n break;\n case 'next':\n if (loop) {\n nextIdx = (safeIdx + step) % itemIds.length;\n } else {\n nextIdx = Math.min(itemIds.length - 1, safeIdx + step);\n }\n break;\n }\n\n const nextId = itemIds[nextIdx];\n if (!nextId) return;\n\n itemRefs.current[nextId]?.focus();\n },\n [itemIds, focusedId, loop]\n );\n\n const getRovingItemProps = React.useCallback(\n (id: string): RovingItemProps => ({\n ref: (el: HTMLElement \| null) => {\n itemRefs.current[id] = el;\n },\n tabIndex: focusedId === id ? tabIndex : -1,\n onFocus: () => setFocusedId(id)\n }),\n [focusedId, tabIndex, setFocusedId]\n );\n\n // Keyboard handler for arrow/Home/End navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n let direction: RovingDirection \| null = null;\n let step = 1;\n\n if (e.key === 'Home') {\n direction = 'first';\n } else if (e.key === 'End') {\n direction = 'last';\n } else {\n // Horizontal axis (Left/Right) — active for 'horizontal' and 'grid'\n if (orientation !== 'vertical') {\n if (e.key === 'ArrowLeft') direction = 'prev';\n else if (e.key === 'ArrowRight') direction = 'next';\n }\n // Vertical axis (Up/Down) — active for 'vertical' and 'grid'\n if (!direction && orientation !== 'horizontal') {\n if (e.key === 'ArrowUp') direction = 'prev';\n else if (e.key === 'ArrowDown') direction = 'next';\n if (direction && cols) step = cols;\n }\n }\n\n if (direction) {\n e.preventDefault();\n e.stopPropagation();\n moveFocus(direction, step);\n }\n },\n [orientation, cols, moveFocus]\n );\n\n const getContainerProps = React.useCallback((nameInput?: AccessibleNameInput): RovingContainerProps => {\n const props: RovingContainerProps = {};\n if (role) props.role = role;\n if (orientation === 'horizontal') props['aria-orientation'] = 'horizontal';\n else if (orientation === 'vertical') props['aria-orientation'] = 'vertical';\n // grid: aria-orientation omitted — not applicable for role=\"grid\"\n if (nameInput) Object.assign(props, getA11yNameAttributes(nameInput));\n return props;\n }, [role, orientation]);\n\n return {\n setFocusedId,\n focusItem,\n handleKeyDown,\n getRovingItemProps,\n getContainerProps\n };\n}\n"],"names":["React","getA11yNameAttributes","useRovingFocus","itemIds","tabIndex","defaultFocusedId","orientation","cols","loop","onFocusChange","role","focusedId","setFocusedIdState","useState","itemRefs","useRef","useEffect","length","includes","newFocusedId","setFocusedId","useCallback","id","focusItem","el","current","focus","moveFocus","direction","step","currentIdx","indexOf","safeIdx","Math","max","nextIdx","min","nextId","getRovingItemProps","ref","onFocus","handleKeyDown","e","key","preventDefault","stopPropagation","getContainerProps","nameInput","props","Object","assign"],"mappings":"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"}
1	+ {"version":3,"file":"index70.js","sources":["../src/utils/a11y/useRovingFocus.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { getA11yNameAttributes, AccessibleNameInput } from './accessibleName';\nexport type { AccessibleNameInput };\n\nexport type RovingDirection = 'prev' \| 'next' \| 'first' \| 'last';\n\nexport interface UseRovingFocusOptions {\n /*\n Array of item IDs in order\n /\n itemIds: string[];\n\n /\n The tabIndex to apply to the currently focused item in the roving group.\n * Defaults to 0 \n /\n tabIndex?: number;\n\n /\n Initial focused item ID. Defaults to first item.\n /\n defaultFocusedId?: string;\n\n /\n Orientation for arrow key mapping.\n * - horizontal: ArrowLeft/ArrowRight\n * - vertical: ArrowUp/ArrowDown\n * - grid: all four arrow keys (Left/Right move by 1, Up/Down move by `cols`)\n /\n orientation?: 'horizontal' \| 'vertical' \| 'grid';\n\n /\n Number of columns in the grid. Required when orientation is 'grid'.\n * ArrowUp/ArrowDown navigate by this many items in the flat itemIds array.\n /\n cols?: number;\n\n /\n Whether navigation wraps around at ends. Defaults to true.\n /\n loop?: boolean;\n\n /\n Callback when focus changes\n /\n onFocusChange?: (id: string) => void;\n\n /\n ARIA role for the container element (e.g. 'grid', 'menu', 'tablist', 'toolbar').\n * Returned via getContainerProps().\n /\n role?: React.AriaRole;\n}\n\nexport interface RovingItemProps {\n ref: (el: HTMLElement \| null) => void;\n tabIndex: number;\n onFocus: () => void;\n}\n\nexport interface RovingContainerProps {\n role?: React.AriaRole;\n 'aria-orientation'?: 'horizontal' \| 'vertical';\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n}\n\nexport interface UseRovingFocusReturn {\n /\n Set focused item ID manually\n /\n setFocusedId: (id: string) => void;\n\n /\n Imperatively focus a DOM element by id.\n * If the element exists in refs, focus it immediately.\n * If not yet in DOM, update state so it gets focus once rendered.\n /\n focusItem: (id: string) => void;\n\n /\n Keyboard handler for arrow/Home/End navigation.\n * Attach to each item's onKeyDown.\n /\n handleKeyDown: (e: React.KeyboardEvent) => void;\n\n /\n Get props for an item in the roving focus group (ref + tabIndex)\n /\n getRovingItemProps: (id: string) => RovingItemProps;\n\n /\n Props to spread on the container element.\n * Returns role (if provided), aria-orientation (derived from orientation; omitted for grid),\n * and any accessible name/description attributes passed in.\n /\n getContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n}\n\n/\n Hook for managing roving focus pattern (roving tabindex).\n * Reusable for composite widgets: tabs, toolbars, menus, listboxes, radio groups, grids.\n \n @example\n * // 1D (toolbar/tabs):\n * const { getRovingItemProps, handleKeyDown } = useRovingFocus({\n * itemIds: ['tab1', 'tab2', 'tab3'],\n * orientation: 'horizontal'\n * });\n \n // 2D (grid — flat itemIds, cols for row-jump math):\n * const { getRovingItemProps, handleKeyDown } = useRovingFocus({\n * itemIds: ['r0c0', 'r0c1', 'r0c2', 'r1c0', 'r1c1', 'r1c2'],\n * orientation: 'grid',\n * cols: 3\n * });\n \n // In render:\n * <button {...getRovingItemProps('tab1')} onKeyDown={handleKeyDown}>Tab 1</button>\n */\nexport function useRovingFocus({\n itemIds,\n tabIndex = 0,\n defaultFocusedId,\n orientation = 'horizontal',\n cols,\n loop = true,\n onFocusChange,\n role\n}: UseRovingFocusOptions): UseRovingFocusReturn {\n const [focusedId, setFocusedIdState] = React.useState<string>(\n defaultFocusedId \|\| itemIds[0] \|\| ''\n );\n\n const itemRefs = React.useRef<Record<string, HTMLElement \| null>>({});\n\n // Sync focusedId if itemIds change and current focusedId is no longer valid\n React.useEffect(() => {\n if (itemIds.length > 0 && !itemIds.includes(focusedId)) {\n const newFocusedId = defaultFocusedId \|\| itemIds[0] \|\| '';\n setFocusedIdState(newFocusedId);\n }\n }, [itemIds, focusedId, defaultFocusedId]);\n\n const setFocusedId = React.useCallback(\n (id: string) => {\n setFocusedIdState((prev) => {\n if (prev === id) return prev;\n onFocusChange?.(id);\n return id;\n });\n },\n [onFocusChange]\n );\n\n const focusItem = React.useCallback(\n (id: string) => {\n const el = itemRefs.current[id];\n if (el) {\n el.focus();\n } else {\n // element not yet in DOM (e.g. month just changed) — update state so it gets focus once rendered\n setFocusedIdState(id);\n onFocusChange?.(id);\n }\n },\n [onFocusChange]\n );\n\n const moveFocus = React.useCallback(\n (direction: RovingDirection, step: number = 1) => {\n if (itemIds.length === 0) return;\n\n const currentIdx = itemIds.indexOf(focusedId);\n const safeIdx = Math.max(0, currentIdx);\n let nextIdx = safeIdx;\n\n switch (direction) {\n case 'first':\n nextIdx = 0;\n break;\n case 'last':\n nextIdx = itemIds.length - 1;\n break;\n case 'prev':\n if (loop) {\n nextIdx = (safeIdx - step + itemIds.length) % itemIds.length;\n } else {\n nextIdx = Math.max(0, safeIdx - step);\n }\n break;\n case 'next':\n if (loop) {\n nextIdx = (safeIdx + step) % itemIds.length;\n } else {\n nextIdx = Math.min(itemIds.length - 1, safeIdx + step);\n }\n break;\n }\n\n const nextId = itemIds[nextIdx];\n if (!nextId) return;\n\n itemRefs.current[nextId]?.focus();\n },\n [itemIds, focusedId, loop]\n );\n\n const getRovingItemProps = React.useCallback(\n (id: string): RovingItemProps => ({\n ref: (el: HTMLElement \| null) => {\n itemRefs.current[id] = el;\n },\n tabIndex: focusedId === id ? tabIndex : -1,\n onFocus: () => setFocusedId(id)\n }),\n [focusedId, tabIndex, setFocusedId]\n );\n\n // Keyboard handler for arrow/Home/End navigation\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent) => {\n let direction: RovingDirection \| null = null;\n let step = 1;\n\n if (e.key === 'Home') {\n direction = 'first';\n } else if (e.key === 'End') {\n direction = 'last';\n } else {\n // Horizontal axis (Left/Right) — active for 'horizontal' and 'grid'\n if (orientation !== 'vertical') {\n if (e.key === 'ArrowLeft') direction = 'prev';\n else if (e.key === 'ArrowRight') direction = 'next';\n }\n // Vertical axis (Up/Down) — active for 'vertical' and 'grid'\n if (!direction && orientation !== 'horizontal') {\n if (e.key === 'ArrowUp') direction = 'prev';\n else if (e.key === 'ArrowDown') direction = 'next';\n if (direction && cols) step = cols;\n }\n }\n\n if (direction) {\n e.preventDefault();\n e.stopPropagation();\n moveFocus(direction, step);\n }\n },\n [orientation, cols, moveFocus]\n );\n\n const getContainerProps = React.useCallback((nameInput?: AccessibleNameInput): RovingContainerProps => {\n const props: RovingContainerProps = {};\n if (role) props.role = role;\n if (orientation === 'horizontal') props['aria-orientation'] = 'horizontal';\n else if (orientation === 'vertical') props['aria-orientation'] = 'vertical';\n // grid: aria-orientation omitted — not applicable for role=\"grid\"\n if (nameInput) Object.assign(props, getA11yNameAttributes(nameInput));\n return props;\n }, [role, orientation]);\n\n return {\n setFocusedId,\n focusItem,\n handleKeyDown,\n getRovingItemProps,\n getContainerProps\n };\n}\n"],"names":["React","getA11yNameAttributes","useRovingFocus","itemIds","tabIndex","defaultFocusedId","orientation","cols","loop","onFocusChange","role","focusedId","setFocusedIdState","useState","itemRefs","useRef","useEffect","length","includes","newFocusedId","setFocusedId","useCallback","id","prev","focusItem","el","current","focus","moveFocus","direction","step","currentIdx","indexOf","safeIdx","Math","max","nextIdx","min","nextId","getRovingItemProps","ref","onFocus","handleKeyDown","e","key","preventDefault","stopPropagation","getContainerProps","nameInput","props","Object","assign"],"mappings":"AA0HO,YAAAA,OAAA;AAAA,SAAA,yBAAAC,SAAA;AAAA,SAASC,EAAe;AAAA,EAC7BC,SAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,kBAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,MAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,eAAAA;AAAAA,EACAC,MAAAA;AACqB,GAAyB;AAC9C,QAAM,CAACC,GAAWC,CAAiB,IAAIZ,EAAMa,SAC3CR,KAAoBF,EAAQ,CAAC,KAAK,EACpC,GAEMW,IAAWd,EAAMe,OAA2C,EAAE;AAGpEf,EAAAA,EAAMgB,UAAU,MAAM;AACpB,QAAIb,EAAQc,SAAS,KAAK,CAACd,EAAQe,SAASP,CAAS,GAAG;AACtD,YAAMQ,IAAed,KAAoBF,EAAQ,CAAC,KAAK;AACvDS,MAAAA,EAAkBO,CAAY;AAAA,IAChC;AAAA,EACF,GAAG,CAAChB,GAASQ,GAAWN,CAAgB,CAAC;AAEzC,QAAMe,IAAepB,EAAMqB,YACzB,CAACC,MAAe;AACdV,IAAAA,EAAmBW,CAAAA,MACbA,MAASD,IAAWC,KACxBd,IAAgBa,CAAE,GACXA,EACR;AAAA,EACH,GACA,CAACb,CAAa,CAChB,GAEMe,IAAYxB,EAAMqB,YACtB,CAACC,MAAe;AACd,UAAMG,IAAKX,EAASY,QAAQJ,CAAE;AAC9B,IAAIG,IACFA,EAAGE,MAAAA,KAGHf,EAAkBU,CAAE,GACpBb,IAAgBa,CAAE;AAAA,EAEtB,GACA,CAACb,CAAa,CAChB,GAEMmB,IAAY5B,EAAMqB,YACtB,CAACQ,GAA4BC,IAAe,MAAM;AAChD,QAAI3B,EAAQc,WAAW,EAAG;AAE1B,UAAMc,IAAa5B,EAAQ6B,QAAQrB,CAAS,GACtCsB,IAAUC,KAAKC,IAAI,GAAGJ,CAAU;AACtC,QAAIK,IAAUH;AAEd,YAAQJ,GAAAA;AAAAA,MACN,KAAK;AACHO,QAAAA,IAAU;AACV;AAAA,MACF,KAAK;AACHA,QAAAA,IAAUjC,EAAQc,SAAS;AAC3B;AAAA,MACF,KAAK;AACH,QAAIT,IACF4B,KAAWH,IAAUH,IAAO3B,EAAQc,UAAUd,EAAQc,SAEtDmB,IAAUF,KAAKC,IAAI,GAAGF,IAAUH,CAAI;AAEtC;AAAA,MACF,KAAK;AACH,QAAItB,IACF4B,KAAWH,IAAUH,KAAQ3B,EAAQc,SAErCmB,IAAUF,KAAKG,IAAIlC,EAAQc,SAAS,GAAGgB,IAAUH,CAAI;AAEvD;AAAA,IAAA;AAGJ,UAAMQ,IAASnC,EAAQiC,CAAO;AAC9B,IAAKE,KAELxB,EAASY,QAAQY,CAAM,GAAGX,MAAAA;AAAAA,EAC5B,GACA,CAACxB,GAASQ,GAAWH,CAAI,CAC3B,GAEM+B,IAAqBvC,EAAMqB,YAC/B,CAACC,OAAiC;AAAA,IAChCkB,KAAKA,CAACf,MAA2B;AAC/BX,MAAAA,EAASY,QAAQJ,CAAE,IAAIG;AAAAA,IACzB;AAAA,IACArB,UAAUO,MAAcW,IAAKlB,IAAW;AAAA,IACxCqC,SAASA,MAAMrB,EAAaE,CAAE;AAAA,EAAA,IAEhC,CAACX,GAAWP,GAAUgB,CAAY,CACpC,GAGMsB,IAAgB1C,EAAMqB,YAC1B,CAACsB,MAA2B;AAC1B,QAAId,IAAoC,MACpCC,IAAO;AAEX,IAAIa,EAAEC,QAAQ,SACZf,IAAY,UACHc,EAAEC,QAAQ,QACnBf,IAAY,UAGRvB,MAAgB,eACdqC,EAAEC,QAAQ,cAAaf,IAAY,SAC9Bc,EAAEC,QAAQ,iBAAcf,IAAY,UAG3C,CAACA,KAAavB,MAAgB,iBAC5BqC,EAAEC,QAAQ,YAAWf,IAAY,SAC5Bc,EAAEC,QAAQ,gBAAaf,IAAY,SACxCA,KAAatB,MAAMuB,IAAOvB,MAI9BsB,MACFc,EAAEE,eAAAA,GACFF,EAAEG,gBAAAA,GACFlB,EAAUC,GAAWC,CAAI;AAAA,EAE7B,GACA,CAACxB,GAAaC,GAAMqB,CAAS,CAC/B,GAEMmB,IAAoB/C,EAAMqB,YAAY,CAAC2B,MAA0D;AACrG,UAAMC,IAA8B,CAAA;AACpC,WAAIvC,QAAYA,OAAOA,IACnBJ,MAAgB,eAAc2C,EAAM,kBAAkB,IAAI,eACrD3C,MAAgB,eAAY2C,EAAM,kBAAkB,IAAI,aAE7DD,KAAWE,OAAOC,OAAOF,GAAOhD,EAAsB+C,CAAS,CAAC,GAC7DC;AAAAA,EACT,GAAG,CAACvC,GAAMJ,CAAW,CAAC;AAEtB,SAAO;AAAA,IACLc,cAAAA;AAAAA,IACAI,WAAAA;AAAAA,IACAkB,eAAAA;AAAAA,IACAH,oBAAAA;AAAAA,IACAQ,mBAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/index80.js CHANGED Viewed

@@ -1,27 +1,30 @@
 import * as e from "react";
-function p({
-  disabled: t = !1,
-  onFocusIn: u,
-  onFocusOut: n,
-  onEscape: a,
-  closeOnEscape: c = !0
+function m({
+  disabled: r = !1,
+  onFocusIn: n,
+  onFocusOut: u,
+  onEscape: c,
+  closeOnEscape: a = !0
 }) {
-  const f = e.useCallback((r) => {
-    t || u?.();
-  }, [t, u]), s = e.useCallback((r) => {
-    if (t) return;
-    const o = r.relatedTarget;
-    o && r.currentTarget.contains(o) || n?.();
-  }, [t, n]), C = e.useCallback((r) => {
-    t || !c || r.key !== "Escape" || (r.preventDefault(), a?.());
-  }, [t, c, a]);
+  const f = e.useCallback((t) => {
+    r || n?.();
+  }, [r, n]), o = e.useRef(null), i = e.useCallback((t) => {
+    if (r) return;
+    o.current = t.currentTarget;
+    const s = t.relatedTarget;
+    s && t.currentTarget.contains(s) || requestAnimationFrame(() => {
+      o.current?.contains(document.activeElement) || u?.();
+    });
+  }, [r, u]), l = e.useCallback((t) => {
+    r || !a || t.key !== "Escape" || (t.preventDefault(), c?.());
+  }, [r, a, c]);
   return {
     onFocusCapture: f,
-    onBlurCapture: s,
-    onKeyDownCapture: C
+    onBlurCapture: i,
+    onKeyDownCapture: l
   };
 }
 export {
-  p as useDismissOnFocusOut
+  m as useDismissOnFocusOut
 };
 //# sourceMappingURL=index80.js.map

package/dist/index80.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index80.js","sources":["../src/utils/a11y/useDismissOnFocusOut.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type UseDismissOnFocusOutOptions = {\n /*\n Disable all handlers (no-ops). Useful when a component provides alternate\n * focus/keyboard behavior (e.g., disabled-trigger tooltip wrapper).\n /\n disabled?: boolean;\n /\n Called when focus enters anywhere within the target.\n /\n onFocusIn?: () => void;\n /\n Called when focus leaves the target (i.e., focus moves to an element\n * outside the currentTarget).\n /\n onFocusOut?: () => void;\n /\n Called when Escape is pressed while focus is within the target.\n /\n onEscape?: () => void;\n /\n Whether Escape should trigger dismissal. Default: true.\n /\n closeOnEscape?: boolean;\n};\n\nexport type UseDismissOnFocusOutReturn<T extends HTMLElement = HTMLElement> = {\n onFocusCapture: (e: React.FocusEvent<T>) => void;\n onBlurCapture: (e: React.FocusEvent<T>) => void;\n onKeyDownCapture: (e: React.KeyboardEvent<T>) => void;\n};\n\n/\n Returns capture-phase handlers to \"show on focus within\" and \"dismiss on focus out\",\n * with optional Escape-to-dismiss.\n \n Intended for non-interactive surfaces like tooltips where content should remain\n * visible while focus stays within the wrapper.\n */\nexport function useDismissOnFocusOut<T extends HTMLElement = HTMLElement>({\n disabled = false,\n onFocusIn,\n onFocusOut,\n onEscape,\n closeOnEscape = true\n}: UseDismissOnFocusOutOptions): UseDismissOnFocusOutReturn<T> {\n const onFocusCapture = React.useCallback(\n (_e: React.FocusEvent<T>) => {\n if (disabled) return;\n onFocusIn?.();\n },\n [disabled, onFocusIn]\n );\n\n const onBlurCapture = React.useCallback(\n (e: React.FocusEvent<T>) => {\n if (disabled) return;\n\n const nextFocused = e.relatedTarget as Node \| null;\n if (nextFocused && e.currentTarget.contains(nextFocused)) return;\n\n onFocusOut?.();\n },\n [disabled, onFocusOut]\n );\n\n const onKeyDownCapture = React.useCallback(\n (e: React.KeyboardEvent<T>) => {\n if (disabled \|\| !closeOnEscape \|\| e.key !== 'Escape') return;\n\n e.preventDefault();\n onEscape?.();\n },\n [disabled, closeOnEscape, onEscape]\n );\n\n return { onFocusCapture, onBlurCapture, onKeyDownCapture };\n}\n\n"],"names":["React","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","closeOnEscape","onFocusCapture","useCallback","_e","onBlurCapture","e","nextFocused","relatedTarget","~~currentTarget~~","~~contains~~","onKeyDownCapture","key","preventDefault"],"mappings":"AAwCO,YAAAA,OAAA;AAAA,SAASC,EAA0D;AAAA,EACxEC,UAAAA,IAAW;AAAA,EACXC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AACW,GAAkC;AAC7D,QAAMC,IAAiBP,EAAMQ,YAC3B,CAACC,MAA4B;AAC3B,IAAIP,KACJC,IAAAA;AAAAA,EACF,GACA,CAACD,GAAUC,CAAS,CACtB,GAEMO,~~IAAgBV~~,EAAMQ,YAC1B,~~CAACG~~,MAA2B;AAC1B,~~QAAIT~~,EAAU;~~AAEd~~,~~UAAMU~~,~~IAAcD~~,EAAEE;AACtB,IAAID,~~KAAeD~~,~~EAAEG~~,~~cAAcC~~,~~SAASH~~,CAAW,~~KAEvDR~~,IAAAA;AAAAA,~~EACF~~,GACA,CAACF,GAAUE,CAAU,CACvB,~~GAEMY~~,~~IAAmBhB~~,EAAMQ,YAC7B,~~CAACG~~,MAA8B;AAC7B,~~IAAIT~~,KAAY,CAACI,~~KAAiBK~~,~~EAAEM~~,QAAQ,~~aAE5CN~~,~~EAAEO~~,eAAAA,~~GACFb~~,IAAAA;AAAAA,EACF,GACA,CAACH,GAAUI,GAAeD,CAAQ,CACpC;AAEA,SAAO;AAAA,IAAEE,gBAAAA;AAAAA,~~IAAgBG~~,eAAAA;AAAAA,~~IAAeM~~,kBAAAA;AAAAA,EAAAA;AAC1C;"}
1	+ {"version":3,"file":"index80.js","sources":["../src/utils/a11y/useDismissOnFocusOut.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type UseDismissOnFocusOutOptions = {\n /*\n Disable all handlers (no-ops). Useful when a component provides alternate\n * focus/keyboard behavior (e.g., disabled-trigger tooltip wrapper).\n /\n disabled?: boolean;\n /\n Called when focus enters anywhere within the target.\n /\n onFocusIn?: () => void;\n /\n Called when focus leaves the target (i.e., focus moves to an element\n * outside the currentTarget).\n /\n onFocusOut?: () => void;\n /\n Called when Escape is pressed while focus is within the target.\n /\n onEscape?: () => void;\n /\n Whether Escape should trigger dismissal. Default: true.\n /\n closeOnEscape?: boolean;\n};\n\nexport type UseDismissOnFocusOutReturn<T extends HTMLElement = HTMLElement> = {\n onFocusCapture: (e: React.FocusEvent<T>) => void;\n onBlurCapture: (e: React.FocusEvent<T>) => void;\n onKeyDownCapture: (e: React.KeyboardEvent<T>) => void;\n};\n\n/\n Returns capture-phase handlers to \"show on focus within\" and \"dismiss on focus out\",\n * with optional Escape-to-dismiss.\n \n Intended for non-interactive surfaces like tooltips where content should remain\n * visible while focus stays within the wrapper.\n */\nexport function useDismissOnFocusOut<T extends HTMLElement = HTMLElement>({\n disabled = false,\n onFocusIn,\n onFocusOut,\n onEscape,\n closeOnEscape = true\n}: UseDismissOnFocusOutOptions): UseDismissOnFocusOutReturn<T> {\n const onFocusCapture = React.useCallback(\n (_e: React.FocusEvent<T>) => {\n if (disabled) return;\n onFocusIn?.();\n },\n [disabled, onFocusIn]\n );\n\n const containerRef = React.useRef<T \| null>(null);\n\n const onBlurCapture = React.useCallback(\n (e: React.FocusEvent<T>) => {\n if (disabled) return;\n\n // Capture the container element for the async check — e.currentTarget\n // is only valid synchronously during this event handler.\n containerRef.current = e.currentTarget;\n\n const nextFocused = e.relatedTarget as Node \| null;\n if (nextFocused && e.currentTarget.contains(nextFocused)) return;\n\n // Defer the close check: when focus transitions between elements inside\n // the container (e.g. a React re-render replaces a focused DOM node),\n // relatedTarget can be null transiently. By the next frame the browser\n // has settled activeElement, so we re-check containment before closing.\n requestAnimationFrame(() => {\n if (containerRef.current?.contains(document.activeElement)) return;\n onFocusOut?.();\n });\n },\n [disabled, onFocusOut]\n );\n\n const onKeyDownCapture = React.useCallback(\n (e: React.KeyboardEvent<T>) => {\n if (disabled \|\| !closeOnEscape \|\| e.key !== 'Escape') return;\n\n e.preventDefault();\n onEscape?.();\n },\n [disabled, closeOnEscape, onEscape]\n );\n\n return { onFocusCapture, onBlurCapture, onKeyDownCapture };\n}\n\n"],"names":["React","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","closeOnEscape","onFocusCapture","useCallback","_e","containerRef","useRef","onBlurCapture","e","current","currentTarget","nextFocused","relatedTarget","contains","requestAnimationFrame","document","activeElement","onKeyDownCapture","key","preventDefault"],"mappings":"AAwCO,YAAAA,OAAA;AAAA,SAASC,EAA0D;AAAA,EACxEC,UAAAA,IAAW;AAAA,EACXC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AACW,GAAkC;AAC7D,QAAMC,IAAiBP,EAAMQ,YAC3B,CAACC,MAA4B;AAC3B,IAAIP,KACJC,IAAAA;AAAAA,EACF,GACA,CAACD,GAAUC,CAAS,CACtB,GAEMO,IAAeV,EAAMW,OAAiB,IAAI,GAE1CC,IAAgBZ,EAAMQ,YAC1B,CAACK,MAA2B;AAC1B,QAAIX,EAAU;AAIdQ,IAAAA,EAAaI,UAAUD,EAAEE;AAEzB,UAAMC,IAAcH,EAAEI;AACtB,IAAID,KAAeH,EAAEE,cAAcG,SAASF,CAAW,KAMvDG,sBAAsB,MAAM;AAC1B,MAAIT,EAAaI,SAASI,SAASE,SAASC,aAAa,KACzDjB,IAAAA;AAAAA,IACF,CAAC;AAAA,EACH,GACA,CAACF,GAAUE,CAAU,CACvB,GAEMkB,IAAmBtB,EAAMQ,YAC7B,CAACK,MAA8B;AAC7B,IAAIX,KAAY,CAACI,KAAiBO,EAAEU,QAAQ,aAE5CV,EAAEW,eAAAA,GACFnB,IAAAA;AAAAA,EACF,GACA,CAACH,GAAUI,GAAeD,CAAQ,CACpC;AAEA,SAAO;AAAA,IAAEE,gBAAAA;AAAAA,IAAgBK,eAAAA;AAAAA,IAAeU,kBAAAA;AAAAA,EAAAA;AAC1C;"}

package/package.json CHANGED Viewed

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