se-design 1.0.91 → 1.0.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/style.css +1 -1
- package/dist/components/SidebarOverlay/index.d.ts +41 -0
- package/dist/index29.js +149 -88
- package/dist/index29.js.map +1 -1
- package/package.json +1 -1
package/dist/assets/style.css
CHANGED
|
@@ -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}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([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}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([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}select:where([multiple]),select:where([size]: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}input:where([type=checkbox]),input:where([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}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([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){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([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){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([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){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([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!important}.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}.mt-auto{margin-top:auto}.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\: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-tabs--outline .se-design-tab-item-active{background-color:var(--color-white);color:var(--color-blue-500);box-shadow:inset 0 0 0 1.5px var(--color-blue-500)}.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}.nl-wrap{position:relative;flex:1;min-width:320px;max-width:560px;width:100%;transition:max-width .6s cubic-bezier(.22,.61,.36,1),min-width .6s cubic-bezier(.22,.61,.36,1),flex-basis .6s cubic-bezier(.22,.61,.36,1)}.nl-wrap.is-collapsed{min-width:40px;max-width:40px;flex:0 0 40px}.nl-input-row{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 10px 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .15s,box-shadow .2s,padding .6s cubic-bezier(.22,.61,.36,1),border-radius .6s cubic-bezier(.22,.61,.36,1)}.nl-input-row.is-collapsed{padding:0 6px;gap:0;border-radius:999px;cursor:pointer;overflow:hidden}.nl-input-row.is-collapsed .nl-input,.nl-input-row.is-collapsed .nl-typewriter,.nl-input-row.is-collapsed .nl-clear,.nl-input-row.is-collapsed .nl-spinner{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0;padding:0;transition:opacity .18s ease,width .4s cubic-bezier(.22,.61,.36,1),flex-basis .4s cubic-bezier(.22,.61,.36,1)}.nl-input-row.is-collapsed{box-shadow:0 0 0 1px #1085e51a,0 0 14px 3px #1085e524,0 2px 18px 4px #1085e514}.nl-input-row.is-collapsed .nl-mark{cursor:pointer}.nl-input-row .nl-input,.nl-input-row .nl-typewriter,.nl-input-row .nl-clear,.nl-input-row .nl-spinner{transition:opacity .25s ease .15s}.nl-input-row{box-shadow:0 0 0 1px #1085e50f,0 0 12px 2px #1085e51a,0 2px 18px 4px #1085e50f}.nl-input-row:focus-within,.nl-input-row.is-active{border-color:#1085e5;box-shadow:0 0 0 1px #1085e538,0 0 14px 3px #1085e524,0 3px 20px 6px #1085e514}.nl-mark{position:relative;width:26px;height:26px;border-radius:50%;background:#0a1929;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nl-mark:before{content:"";position:absolute;inset:0;border-radius:50%;animation:nlLumenLoader 5s linear infinite;pointer-events:none;z-index:-1;overflow:hidden}@keyframes nlLumenLoader{0%{transform:rotate(90deg);box-shadow:0 8px 14px #7dd3fc inset,0 14px 22px #1d4ed8 inset,0 40px 40px #1e3a8a inset}50%{transform:rotate(270deg);box-shadow:0 8px 14px #93c5fd inset,0 14px 8px #0369a1 inset,0 28px 40px #1d4ed8 inset}to{transform:rotate(450deg);box-shadow:0 8px 14px #67e8f9 inset,0 14px 22px #1d4ed8 inset,0 40px 40px #1e3a8a inset}}.nl-input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#111827;height:100%;min-width:0}.nl-input::-ms-input-placeholder{color:#9ca3af}.nl-input::placeholder{color:#9ca3af}.nl-typewriter{position:absolute;inset:0 40px 0 42px;display:flex;align-items:center;pointer-events:none;font-size:14px;line-height:1;color:#9ca3af;white-space:pre;overflow:hidden}.nl-typewriter__prefix{color:#9ca3af}.nl-typewriter__example{color:#0c6fc4;font-weight:500}.nl-typewriter__caret{display:inline-block;width:1.5px;height:14px;margin-left:2px;background:#1085e5;animation:nlCaretBlink 1.1s steps(1,end) infinite;align-self:center}@keyframes nlCaretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.nl-clear{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;box-sizing:border-box;display:none;align-items:center;justify-content:center;border:0;background:transparent;border-radius:999px;color:#6b7280;flex-shrink:0;cursor:pointer;padding:0}.nl-clear.show{display:inline-flex}.nl-clear:hover{background:#f3f4f6;color:#111827}.nl-spinner{width:16px;height:16px;border:2px solid rgba(16,133,229,.18);border-top-color:#1085e5;border-radius:50%;animation:nlSpin .8s linear infinite;display:none;flex-shrink:0}.nl-spinner.show{display:inline-block}@keyframes nlSpin{to{transform:rotate(360deg)}}.nl-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:6px;z-index:1000;display:none}.nl-suggestions.show{display:block}.nl-sug{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;color:#111827;border:0;background:transparent;border-radius:8px;cursor:pointer;text-align:left}.nl-sug:hover,.nl-sug.kb-active{background:#0c6fc414;color:#0c6fc4}.nl-sug .sparkle{width:16px;flex-shrink:0;color:#1085e5}.nl-sug .sug-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-sug mark{background:transparent;color:#0c6fc4;font-weight:700}.nl-sug .sug-meta{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;flex-shrink:0}.nl-helper{position:absolute;top:100%;left:0;right:0;margin-top:6px;font-size:12px;line-height:1.4;padding:0 4px;pointer-events:none}.nl-helper--info{color:#6b7280}.nl-helper--warning{color:#92400e}.nl-helper--error{color:#b91c1c}.nl-dynamic-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;background:linear-gradient(135deg,#1085e51a,#00539e0f);color:#0c6fc4;border:1px solid rgba(16,133,229,.22);border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;cursor:default}.nl-dynamic-chip .nrc-sparkle{width:14px;height:14px;opacity:.8;color:#1085e5}.nl-dynamic-chip__label{line-height:1}.nl-dynamic-chip__dismiss{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;padding:0;background:transparent;border:0;border-radius:999px;color:inherit;opacity:.55;cursor:pointer;transition:background .12s ease,opacity .12s ease}.nl-dynamic-chip__dismiss svg{width:10px;height:10px}.nl-dynamic-chip__dismiss:hover,.nl-dynamic-chip__dismiss:focus-visible{background:#1085e52e;opacity:1;outline:none}.nl-clear-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.nl-clear-cta{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;background:transparent;color:#6b7280;border:1px dashed #d1d5db;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.nl-clear-cta:hover{background:#fff5f5;color:#b91c1c;border-color:#fecaca;border-style:solid}.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, currentColor);stroke:var(--info-tooltip-icon-color, currentColor)}.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, currentColor)}.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}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([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}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([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}select:where([multiple]),select:where([size]: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}input:where([type=checkbox]),input:where([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}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([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){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([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){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([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){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([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!important}.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}.mt-auto{margin-top:auto}.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\: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.is-resizing{transition:none}.se-design-sidebar-overlay-container.resizable:not(.fixed):not(.absolute):not(.relative){position:relative}.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.left-aligned .se-design-sidebar-overlay-resize-handle{right: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.right-aligned .se-design-sidebar-overlay-resize-handle{left: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;z-index:10}.se-design-sidebar-overlay-container .se-design-sidebar-overlay-resize-handle{position:absolute;top:0;bottom:0;width:6px;z-index:1;cursor:col-resize;touch-action:none;background-color:transparent;transition:background-color .15s ease-in-out}.se-design-sidebar-overlay-container .se-design-sidebar-overlay-resize-handle:hover,.se-design-sidebar-overlay-container .se-design-sidebar-overlay-resize-handle.is-resizing{background-color:var(--color-gray-200)}.se-design-sidebar-overlay-container .se-design-sidebar-overlay-resize-handle:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:-2px}.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-tabs--outline .se-design-tab-item-active{background-color:var(--color-white);color:var(--color-blue-500);box-shadow:inset 0 0 0 1.5px var(--color-blue-500)}.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}.nl-wrap{position:relative;flex:1;min-width:320px;max-width:560px;width:100%;transition:max-width .6s cubic-bezier(.22,.61,.36,1),min-width .6s cubic-bezier(.22,.61,.36,1),flex-basis .6s cubic-bezier(.22,.61,.36,1)}.nl-wrap.is-collapsed{min-width:40px;max-width:40px;flex:0 0 40px}.nl-input-row{position:relative;display:flex;align-items:center;gap:10px;height:38px;padding:0 10px 0 6px;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:border-color .15s,box-shadow .2s,padding .6s cubic-bezier(.22,.61,.36,1),border-radius .6s cubic-bezier(.22,.61,.36,1)}.nl-input-row.is-collapsed{padding:0 6px;gap:0;border-radius:999px;cursor:pointer;overflow:hidden}.nl-input-row.is-collapsed .nl-input,.nl-input-row.is-collapsed .nl-typewriter,.nl-input-row.is-collapsed .nl-clear,.nl-input-row.is-collapsed .nl-spinner{opacity:0;pointer-events:none;flex:0 0 0;width:0;min-width:0;padding:0;transition:opacity .18s ease,width .4s cubic-bezier(.22,.61,.36,1),flex-basis .4s cubic-bezier(.22,.61,.36,1)}.nl-input-row.is-collapsed{box-shadow:0 0 0 1px #1085e51a,0 0 14px 3px #1085e524,0 2px 18px 4px #1085e514}.nl-input-row.is-collapsed .nl-mark{cursor:pointer}.nl-input-row .nl-input,.nl-input-row .nl-typewriter,.nl-input-row .nl-clear,.nl-input-row .nl-spinner{transition:opacity .25s ease .15s}.nl-input-row{box-shadow:0 0 0 1px #1085e50f,0 0 12px 2px #1085e51a,0 2px 18px 4px #1085e50f}.nl-input-row:focus-within,.nl-input-row.is-active{border-color:#1085e5;box-shadow:0 0 0 1px #1085e538,0 0 14px 3px #1085e524,0 3px 20px 6px #1085e514}.nl-mark{position:relative;width:26px;height:26px;border-radius:50%;background:#0a1929;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate;text-shadow:0 1px 2px rgba(0,0,0,.5)}.nl-mark:before{content:"";position:absolute;inset:0;border-radius:50%;animation:nlLumenLoader 5s linear infinite;pointer-events:none;z-index:-1;overflow:hidden}@keyframes nlLumenLoader{0%{transform:rotate(90deg);box-shadow:0 8px 14px #7dd3fc inset,0 14px 22px #1d4ed8 inset,0 40px 40px #1e3a8a inset}50%{transform:rotate(270deg);box-shadow:0 8px 14px #93c5fd inset,0 14px 8px #0369a1 inset,0 28px 40px #1d4ed8 inset}to{transform:rotate(450deg);box-shadow:0 8px 14px #67e8f9 inset,0 14px 22px #1d4ed8 inset,0 40px 40px #1e3a8a inset}}.nl-input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#111827;height:100%;min-width:0}.nl-input::-ms-input-placeholder{color:#9ca3af}.nl-input::placeholder{color:#9ca3af}.nl-typewriter{position:absolute;inset:0 40px 0 42px;display:flex;align-items:center;pointer-events:none;font-size:14px;line-height:1;color:#9ca3af;white-space:pre;overflow:hidden}.nl-typewriter__prefix{color:#9ca3af}.nl-typewriter__example{color:#0c6fc4;font-weight:500}.nl-typewriter__caret{display:inline-block;width:1.5px;height:14px;margin-left:2px;background:#1085e5;animation:nlCaretBlink 1.1s steps(1,end) infinite;align-self:center}@keyframes nlCaretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.nl-clear{width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;box-sizing:border-box;display:none;align-items:center;justify-content:center;border:0;background:transparent;border-radius:999px;color:#6b7280;flex-shrink:0;cursor:pointer;padding:0}.nl-clear.show{display:inline-flex}.nl-clear:hover{background:#f3f4f6;color:#111827}.nl-spinner{width:16px;height:16px;border:2px solid rgba(16,133,229,.18);border-top-color:#1085e5;border-radius:50%;animation:nlSpin .8s linear infinite;display:none;flex-shrink:0}.nl-spinner.show{display:inline-block}@keyframes nlSpin{to{transform:rotate(360deg)}}.nl-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:6px;z-index:1000;display:none}.nl-suggestions.show{display:block}.nl-sug{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14px;color:#111827;border:0;background:transparent;border-radius:8px;cursor:pointer;text-align:left}.nl-sug:hover,.nl-sug.kb-active{background:#0c6fc414;color:#0c6fc4}.nl-sug .sparkle{width:16px;flex-shrink:0;color:#1085e5}.nl-sug .sug-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nl-sug mark{background:transparent;color:#0c6fc4;font-weight:700}.nl-sug .sug-meta{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;flex-shrink:0}.nl-helper{position:absolute;top:100%;left:0;right:0;margin-top:6px;font-size:12px;line-height:1.4;padding:0 4px;pointer-events:none}.nl-helper--info{color:#6b7280}.nl-helper--warning{color:#92400e}.nl-helper--error{color:#b91c1c}.nl-dynamic-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;background:linear-gradient(135deg,#1085e51a,#00539e0f);color:#0c6fc4;border:1px solid rgba(16,133,229,.22);border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;cursor:default}.nl-dynamic-chip .nrc-sparkle{width:14px;height:14px;opacity:.8;color:#1085e5}.nl-dynamic-chip__label{line-height:1}.nl-dynamic-chip__dismiss{width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:4px;padding:0;background:transparent;border:0;border-radius:999px;color:inherit;opacity:.55;cursor:pointer;transition:background .12s ease,opacity .12s ease}.nl-dynamic-chip__dismiss svg{width:10px;height:10px}.nl-dynamic-chip__dismiss:hover,.nl-dynamic-chip__dismiss:focus-visible{background:#1085e52e;opacity:1;outline:none}.nl-clear-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.nl-clear-cta{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;background:transparent;color:#6b7280;border:1px dashed #d1d5db;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.nl-clear-cta:hover{background:#fff5f5;color:#b91c1c;border-color:#fecaca;border-style:solid}.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, currentColor);stroke:var(--info-tooltip-icon-color, currentColor)}.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, currentColor)}.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}}
|
|
@@ -50,6 +50,47 @@ export interface SidebarOverlayProps {
|
|
|
50
50
|
* In dialog mode: passed through to useFocusTrap.
|
|
51
51
|
*/
|
|
52
52
|
returnFocusRef?: React.RefObject<HTMLElement | null>;
|
|
53
|
+
/**
|
|
54
|
+
* Enables drag-to-resize via a handle on the panel's inner edge
|
|
55
|
+
* (left edge when alignment="right", right edge when "left"). Default false.
|
|
56
|
+
* Requires a positioned container — the default position="fixed" satisfies this.
|
|
57
|
+
*/
|
|
58
|
+
resizable?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Minimum width in px the panel can be resized to. Also the initial width
|
|
61
|
+
* when `defaultWidth` is omitted. Recommended whenever `resizable` is set.
|
|
62
|
+
*/
|
|
63
|
+
minWidth?: number;
|
|
64
|
+
/**
|
|
65
|
+
* Maximum width in px the panel can be resized to. Consumers typically derive
|
|
66
|
+
* this from the viewport (e.g. half the screen) and update it on window
|
|
67
|
+
* resize; the panel re-clamps its width when this changes.
|
|
68
|
+
*/
|
|
69
|
+
maxWidth?: number;
|
|
70
|
+
/**
|
|
71
|
+
* Uncontrolled initial width in px (e.g. restored from storage). Falls back to
|
|
72
|
+
* `minWidth`, and is clamped to [minWidth, maxWidth].
|
|
73
|
+
*/
|
|
74
|
+
defaultWidth?: number;
|
|
75
|
+
/**
|
|
76
|
+
* Called continuously while dragging, with the live width in px. Use for live
|
|
77
|
+
* layout updates (e.g. pushing adjacent content). For persistence, prefer
|
|
78
|
+
* onResizeEnd.
|
|
79
|
+
*/
|
|
80
|
+
onResize?: (width: number) => void;
|
|
81
|
+
/**
|
|
82
|
+
* Called when a resize gesture commits (mouse-up, keyboard, or double-click
|
|
83
|
+
* reset) with the new width in px. Use to persist the chosen width.
|
|
84
|
+
*/
|
|
85
|
+
onResizeEnd?: (width: number) => void;
|
|
86
|
+
/**
|
|
87
|
+
* Accessible label for the resize handle. Defaults to 'Resize panel'.
|
|
88
|
+
*/
|
|
89
|
+
resizeHandleAriaLabel?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Automation id applied to the resize handle element.
|
|
92
|
+
*/
|
|
93
|
+
resizeAutomationId?: string;
|
|
53
94
|
}
|
|
54
95
|
export declare const SidebarOverlay: FC<SidebarOverlayProps>;
|
|
55
96
|
export {};
|
package/dist/index29.js
CHANGED
|
@@ -1,114 +1,175 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { getA11yNameAttributes as
|
|
4
|
-
import { useFocusTrap as
|
|
5
|
-
import { useDismissOnEscape as
|
|
6
|
-
import { useFocusSentinel as
|
|
1
|
+
import m, { useMemo as ue, useRef as h, useEffect as f, useCallback as me, useState as $ } from "react";
|
|
2
|
+
import { Icon as fe } from "./index6.js";
|
|
3
|
+
import { getA11yNameAttributes as ye } from "./index86.js";
|
|
4
|
+
import { useFocusTrap as be } from "./index77.js";
|
|
5
|
+
import { useDismissOnEscape as pe } from "./index220.js";
|
|
6
|
+
import { useFocusSentinel as he } from "./index221.js";
|
|
7
7
|
/* empty css */
|
|
8
|
-
function
|
|
9
|
-
return
|
|
10
|
-
for (var
|
|
11
|
-
var
|
|
12
|
-
for (var r in
|
|
8
|
+
function E() {
|
|
9
|
+
return E = Object.assign ? Object.assign.bind() : function(g) {
|
|
10
|
+
for (var y = 1; y < arguments.length; y++) {
|
|
11
|
+
var a = arguments[y];
|
|
12
|
+
for (var r in a) ({}).hasOwnProperty.call(a, r) && (g[r] = a[r]);
|
|
13
13
|
}
|
|
14
|
-
return
|
|
15
|
-
},
|
|
14
|
+
return g;
|
|
15
|
+
}, E.apply(null, arguments);
|
|
16
16
|
}
|
|
17
|
-
const
|
|
17
|
+
const X = 16, Ie = (g) => {
|
|
18
18
|
const {
|
|
19
|
-
content:
|
|
20
|
-
className:
|
|
19
|
+
content: y,
|
|
20
|
+
className: a = "",
|
|
21
21
|
alignment: r,
|
|
22
|
-
noShadow:
|
|
23
|
-
position:
|
|
24
|
-
isOpen:
|
|
25
|
-
displayCloseSidebar:
|
|
26
|
-
onClose:
|
|
27
|
-
onSidebarUnmount:
|
|
28
|
-
onPathChange:
|
|
29
|
-
style:
|
|
30
|
-
automationId:
|
|
22
|
+
noShadow: j,
|
|
23
|
+
position: D = "fixed",
|
|
24
|
+
isOpen: t,
|
|
25
|
+
displayCloseSidebar: H,
|
|
26
|
+
onClose: v,
|
|
27
|
+
onSidebarUnmount: x,
|
|
28
|
+
onPathChange: A,
|
|
29
|
+
style: R,
|
|
30
|
+
automationId: Y,
|
|
31
31
|
id: N,
|
|
32
|
-
currentPath:
|
|
33
|
-
closeSidebarIcon:
|
|
34
|
-
closeAriaLabel:
|
|
35
|
-
animateSidebar:
|
|
36
|
-
a11yRole:
|
|
37
|
-
ariaLabel:
|
|
38
|
-
ariaLabelledBy:
|
|
39
|
-
ariaDescribedBy:
|
|
40
|
-
returnFocusRef:
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
32
|
+
currentPath: W = "",
|
|
33
|
+
closeSidebarIcon: V = "close",
|
|
34
|
+
closeAriaLabel: Z = "Close sidebar",
|
|
35
|
+
animateSidebar: q = !0,
|
|
36
|
+
a11yRole: G,
|
|
37
|
+
ariaLabel: k,
|
|
38
|
+
ariaLabelledBy: K,
|
|
39
|
+
ariaDescribedBy: O,
|
|
40
|
+
returnFocusRef: _,
|
|
41
|
+
resizable: b = !1,
|
|
42
|
+
minWidth: s,
|
|
43
|
+
maxWidth: z,
|
|
44
|
+
defaultWidth: J,
|
|
45
|
+
onResize: L,
|
|
46
|
+
onResizeEnd: l,
|
|
47
|
+
resizeHandleAriaLabel: Q = "Resize panel",
|
|
48
|
+
resizeAutomationId: ee
|
|
49
|
+
} = g, T = G ?? "complementary", o = T === "dialog", te = ue(() => ye({
|
|
50
|
+
ariaLabel: k,
|
|
51
|
+
ariaLabelledBy: K,
|
|
52
|
+
ariaDescribedBy: O
|
|
53
|
+
}), [k, K, O]), I = h(null);
|
|
54
|
+
f(() => () => {
|
|
55
|
+
x && x();
|
|
56
|
+
}, []), f(() => {
|
|
57
|
+
if (o)
|
|
58
|
+
return document.body.style.overflow = t ? "hidden" : "", () => {
|
|
51
59
|
document.body.style.overflow = "";
|
|
52
60
|
};
|
|
53
|
-
}, [
|
|
54
|
-
|
|
55
|
-
}, [
|
|
61
|
+
}, [t, o]), f(() => {
|
|
62
|
+
A && A(W);
|
|
63
|
+
}, [W]);
|
|
56
64
|
const {
|
|
57
|
-
onKeyDown:
|
|
58
|
-
} =
|
|
59
|
-
onDismiss:
|
|
60
|
-
enabled:
|
|
65
|
+
onKeyDown: re
|
|
66
|
+
} = pe({
|
|
67
|
+
onDismiss: v,
|
|
68
|
+
enabled: t
|
|
61
69
|
});
|
|
62
|
-
|
|
63
|
-
enabled: !!(
|
|
64
|
-
containerRef:
|
|
70
|
+
be({
|
|
71
|
+
enabled: !!(o && t && v),
|
|
72
|
+
containerRef: I,
|
|
65
73
|
restoreFocus: !0,
|
|
66
74
|
initialFocus: "first",
|
|
67
|
-
returnFocusRef:
|
|
75
|
+
returnFocusRef: _
|
|
68
76
|
});
|
|
69
77
|
const {
|
|
70
|
-
startSentinelProps:
|
|
71
|
-
endSentinelProps:
|
|
72
|
-
} =
|
|
73
|
-
isOpen:
|
|
74
|
-
isModal:
|
|
75
|
-
containerRef:
|
|
76
|
-
returnFocusRef:
|
|
77
|
-
}),
|
|
78
|
-
|
|
79
|
-
return
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
78
|
+
startSentinelProps: ne,
|
|
79
|
+
endSentinelProps: oe
|
|
80
|
+
} = he({
|
|
81
|
+
isOpen: t,
|
|
82
|
+
isModal: o,
|
|
83
|
+
containerRef: I,
|
|
84
|
+
returnFocusRef: _
|
|
85
|
+
}), c = me((e) => {
|
|
86
|
+
const i = s ?? 0, d = z ?? Number.POSITIVE_INFINITY;
|
|
87
|
+
return Math.min(Math.max(e, i), d);
|
|
88
|
+
}, [s, z]), [p, w] = $(() => c(J ?? s ?? 0)), [S, F] = $(!1), C = h(0), M = h(0), n = h(p), P = h(!1);
|
|
89
|
+
f(() => {
|
|
90
|
+
n.current = p;
|
|
91
|
+
}, [p]), f(() => {
|
|
92
|
+
b && w((e) => c(e));
|
|
93
|
+
}, [b, c]), f(() => {
|
|
94
|
+
if (!S) return;
|
|
95
|
+
const e = document.body.style.userSelect, i = document.body.style.cursor;
|
|
96
|
+
return document.body.style.userSelect = "none", document.body.style.cursor = "col-resize", () => {
|
|
97
|
+
document.body.style.userSelect = e, document.body.style.cursor = i;
|
|
98
|
+
};
|
|
99
|
+
}, [S]);
|
|
100
|
+
const ie = (e) => {
|
|
101
|
+
e.preventDefault(), e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId), C.current = e.clientX, M.current = n.current, P.current = !0, F(!0);
|
|
102
|
+
}, ae = (e) => {
|
|
103
|
+
if (!P.current) return;
|
|
104
|
+
const i = r === "left" ? e.clientX - C.current : C.current - e.clientX, d = c(M.current + i);
|
|
105
|
+
w(d), L && L(d);
|
|
106
|
+
}, B = (e) => {
|
|
107
|
+
P.current && (P.current = !1, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), F(!1), l && l(n.current));
|
|
108
|
+
}, se = (e) => {
|
|
109
|
+
const i = r === "left" ? "ArrowRight" : "ArrowLeft", d = r === "left" ? "ArrowLeft" : "ArrowRight";
|
|
110
|
+
let u = null;
|
|
111
|
+
if (e.key === i ? u = n.current + X : e.key === d ? u = n.current - X : e.key === "Home" ? u = s ?? n.current : e.key === "End" && (u = z ?? n.current), u === null) return;
|
|
112
|
+
e.preventDefault();
|
|
113
|
+
const U = c(u);
|
|
114
|
+
w(U), l && l(U);
|
|
115
|
+
}, le = () => {
|
|
116
|
+
const e = c(s ?? n.current);
|
|
117
|
+
w(e), l && l(e);
|
|
118
|
+
}, ce = () => {
|
|
119
|
+
let e = "se-design-sidebar-overlay-container z-[1000]";
|
|
120
|
+
return e += a.length > 0 ? ` ${a}` : "", e += r === "left" ? " left-aligned" : " right-aligned", e += j ? " no-shadow" : "", e += D.length > 0 ? ` ${D}` : "", e += t ? " open-sidebar" : " closed-sidebar", e += b ? " resizable" : "", e += S ? " is-resizing" : "", q || (e += t ? "" : " hidden"), e;
|
|
121
|
+
}, de = () => b ? {
|
|
122
|
+
...R,
|
|
123
|
+
width: t ? `${p}px` : "0px"
|
|
124
|
+
} : {
|
|
125
|
+
...R,
|
|
126
|
+
...t && R?.width ? {
|
|
127
|
+
width: R?.width
|
|
84
128
|
} : {
|
|
85
129
|
width: "0px"
|
|
86
130
|
}
|
|
87
|
-
}
|
|
88
|
-
return /* @__PURE__ */
|
|
89
|
-
ref:
|
|
131
|
+
};
|
|
132
|
+
return /* @__PURE__ */ m.createElement("div", E({
|
|
133
|
+
ref: I,
|
|
90
134
|
id: N,
|
|
91
|
-
className:
|
|
92
|
-
style:
|
|
93
|
-
"data-automation-id":
|
|
135
|
+
className: ce(),
|
|
136
|
+
style: de(),
|
|
137
|
+
"data-automation-id": Y,
|
|
94
138
|
tabIndex: -1,
|
|
95
|
-
role:
|
|
96
|
-
"aria-modal":
|
|
97
|
-
"aria-hidden":
|
|
98
|
-
},
|
|
99
|
-
onKeyDown:
|
|
100
|
-
inert:
|
|
101
|
-
}), /* @__PURE__ */
|
|
139
|
+
role: T,
|
|
140
|
+
"aria-modal": o ? "true" : void 0,
|
|
141
|
+
"aria-hidden": t ? void 0 : "true"
|
|
142
|
+
}, te, {
|
|
143
|
+
onKeyDown: re,
|
|
144
|
+
inert: t ? void 0 : ""
|
|
145
|
+
}), b && t && /* @__PURE__ */ m.createElement("div", {
|
|
146
|
+
className: `se-design-sidebar-overlay-resize-handle${S ? " is-resizing" : ""}`,
|
|
147
|
+
role: "separator",
|
|
148
|
+
"aria-orientation": "vertical",
|
|
149
|
+
"aria-label": Q,
|
|
150
|
+
"aria-controls": N,
|
|
151
|
+
"aria-valuenow": p,
|
|
152
|
+
"aria-valuemin": s,
|
|
153
|
+
"aria-valuemax": z,
|
|
154
|
+
tabIndex: 0,
|
|
155
|
+
onPointerDown: ie,
|
|
156
|
+
onPointerMove: ae,
|
|
157
|
+
onPointerUp: B,
|
|
158
|
+
onPointerCancel: B,
|
|
159
|
+
onKeyDown: se,
|
|
160
|
+
onDoubleClick: le,
|
|
161
|
+
"data-automation-id": ee
|
|
162
|
+
}), /* @__PURE__ */ m.createElement("div", {
|
|
102
163
|
className: "overlay-content"
|
|
103
|
-
}, !
|
|
104
|
-
name:
|
|
105
|
-
onClick:
|
|
164
|
+
}, !o && /* @__PURE__ */ m.createElement("div", ne), H && /* @__PURE__ */ m.createElement(fe, {
|
|
165
|
+
name: V,
|
|
166
|
+
onClick: v,
|
|
106
167
|
className: "overlay-close",
|
|
107
|
-
ariaLabel:
|
|
168
|
+
ariaLabel: Z,
|
|
108
169
|
automationId: "sidebar_overlay_close"
|
|
109
|
-
}),
|
|
170
|
+
}), y, !o && /* @__PURE__ */ m.createElement("div", oe)));
|
|
110
171
|
};
|
|
111
172
|
export {
|
|
112
|
-
|
|
173
|
+
Ie as SidebarOverlay
|
|
113
174
|
};
|
|
114
175
|
//# sourceMappingURL=index29.js.map
|
package/dist/index29.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index29.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nexport interface SidebarOverlayProps {\n content: React.ReactNode;\n className?: string;\n alignment?: 'left' | 'right';\n style?: React.CSSProperties;\n noShadow?: boolean;\n automationId?: string;\n id?: string;\n position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n isOpen?: boolean;\n displayCloseSidebar?: boolean;\n closeSidebarIcon?: string;\n /**\n * Accessible label for the close button. Defaults to 'Close sidebar'.\n */\n closeAriaLabel?: string;\n onClose?: () => void;\n onSidebarUnmount?: () => void;\n onPathChange?: (route: string) => void;\n currentPath?: string;\n animateSidebar?: boolean;\n /**\n * Accessibility role that determines the full behavior bundle.\n * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n */\n a11yRole?: SidebarOverlayA11yRole;\n /**\n * Accessible name when no visible label exists.\n * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n */\n ariaLabel?: string;\n /**\n * ID(s) of visible element(s) that label this sidebar.\n * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n */\n ariaLabelledBy?: string;\n /**\n * ID(s) of element(s) that describe this sidebar (additional context).\n */\n ariaDescribedBy?: string;\n /**\n * Explicit element to restore focus to when the sidebar closes.\n * Overrides automatic trigger capture from document.activeElement.\n * Use when the opener element is known (e.g. a ref on the toggle button).\n * In complementary mode: seeds the trigger ref directly.\n * In dialog mode: passed through to useFocusTrap.\n */\n returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n const {\n content,\n className = '',\n alignment,\n noShadow,\n position = 'fixed',\n isOpen,\n displayCloseSidebar,\n onClose,\n onSidebarUnmount,\n onPathChange,\n style,\n automationId,\n id,\n currentPath = '',\n closeSidebarIcon = 'close',\n closeAriaLabel = 'Close sidebar',\n animateSidebar = true,\n a11yRole,\n ariaLabel,\n ariaLabelledBy,\n ariaDescribedBy,\n returnFocusRef,\n } = props;\n\n // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n // by passing a11yRole=\"dialog\" explicitly.\n const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n const isModal = effectiveA11yRole === 'dialog';\n\n // Get accessible name attributes\n const accessibleNameProps = useMemo(\n () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n );\n\n const sidebarRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n return () => {\n onSidebarUnmount && onSidebarUnmount();\n };\n }, []);\n\n // Scroll lock — modal only.\n useEffect(() => {\n if (!isModal) return;\n document.body.style.overflow = isOpen ? 'hidden' : '';\n return () => {\n document.body.style.overflow = '';\n };\n }, [isOpen, isModal]);\n\n useEffect(() => {\n onPathChange && onPathChange(currentPath);\n }, [currentPath]);\n\n const { onKeyDown: onEscapeKeyDown } = useDismissOnEscape({\n onDismiss: onClose,\n enabled: isOpen\n });\n\n // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n useFocusTrap({\n enabled: Boolean(isModal && isOpen && !!onClose),\n containerRef: sidebarRef,\n restoreFocus: true,\n initialFocus: 'first',\n returnFocusRef,\n });\n\n // Complementary (non-modal) focus management: move focus in on open,\n // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n isOpen,\n isModal,\n containerRef: sidebarRef,\n returnFocusRef,\n });\n\n const getSidebarClassName = () => {\n let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n defaultClass += className.length > 0 ? ` ${className}` : '';\n defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n defaultClass += noShadow ? ' no-shadow' : '';\n defaultClass += position.length > 0 ? ` ${position}` : '';\n defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n if(!animateSidebar) {\n defaultClass += isOpen ? '' : ' hidden';\n }\n return defaultClass;\n };\n\n const getSidebarStyle = () => {\n return {\n ...style,\n ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n };\n };\n\n return (\n <div\n ref={sidebarRef}\n id={id}\n className={getSidebarClassName()}\n style={getSidebarStyle()}\n data-automation-id={automationId}\n tabIndex={-1}\n role={effectiveA11yRole}\n aria-modal={isModal ? 'true' : undefined}\n aria-hidden={!isOpen ? 'true' : undefined}\n {...accessibleNameProps}\n onKeyDown={onEscapeKeyDown}\n inert={!isOpen ? ('' as unknown as boolean) : undefined}\n >\n <div className=\"overlay-content\">\n {!isModal && <div {...startSentinelProps} />}\n {displayCloseSidebar && (\n <Icon\n name={closeSidebarIcon}\n onClick={onClose}\n className=\"overlay-close\"\n ariaLabel={closeAriaLabel}\n automationId=\"sidebar_overlay_close\"\n />\n )}\n {content}\n {!isModal && <div {...endSentinelProps} />}\n </div>\n </div>\n );\n};\n"],"names":["SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","onKeyDown","onEscapeKeyDown","useDismissOnEscape","onDismiss","enabled","useFocusTrap","Boolean","containerRef","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","Icon","name","onClick"],"mappings":";;;;;;;;;;;;;;;;AA6DO,MAAMA,IAA2CC,CAAAA,MAAU;AAChE,QAAM;AAAA,IACJC,SAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,UAAAA,IAAW;AAAA,IACXC,QAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,aAAAA,IAAc;AAAA,IACdC,kBAAAA,IAAmB;AAAA,IACnBC,gBAAAA,IAAiB;AAAA,IACjBC,gBAAAA,IAAiB;AAAA,IACjBC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA,IACEtB,GAIEuB,IAA4CL,KAAY,iBAExDM,IAAUD,MAAsB,UAGhCE,IAAsBC,EAC1B,MAAMC,EAAsB;AAAA,IAAER,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBC,iBAAAA;AAAAA,EAAAA,CAAiB,GAC1E,CAACF,GAAWC,GAAgBC,CAAe,CAC7C,GAEMO,IAAaC,EAAuB,IAAI;AAE9CC,EAAAA,EAAU,MACD,MAAM;AACXrB,IAAAA,KAAoBA,EAAAA;AAAAA,EACtB,GACC,CAAA,CAAE,GAGLqB,EAAU,MAAM;AACd,QAAKN;AACLO,sBAASC,KAAKrB,MAAMsB,WAAW3B,IAAS,WAAW,IAC5C,MAAM;AACXyB,iBAASC,KAAKrB,MAAMsB,WAAW;AAAA,MACjC;AAAA,EACF,GAAG,CAAC3B,GAAQkB,CAAO,CAAC,GAEpBM,EAAU,MAAM;AACdpB,IAAAA,KAAgBA,EAAaI,CAAW;AAAA,EAC1C,GAAG,CAACA,CAAW,CAAC;AAEhB,QAAM;AAAA,IAAEoB,WAAWC;AAAAA,EAAAA,IAAoBC,EAAmB;AAAA,IACxDC,WAAW7B;AAAAA,IACX8B,SAAShC;AAAAA,EAAAA,CACV;AAIDiC,EAAAA,EAAa;AAAA,IACXD,SAASE,GAAQhB,KAAWlB,KAAYE;AAAAA,IACxCiC,cAAcb;AAAAA,IACdc,cAAc;AAAA,IACdC,cAAc;AAAA,IACdrB,gBAAAA;AAAAA,EAAAA,CACD;AAID,QAAM;AAAA,IAAEsB,oBAAAA;AAAAA,IAAoBC,kBAAAA;AAAAA,EAAAA,IAAqBC,EAAiB;AAAA,IAChExC,QAAAA;AAAAA,IACAkB,SAAAA;AAAAA,IACAiB,cAAcb;AAAAA,IACdN,gBAAAA;AAAAA,EAAAA,CACD,GAEKyB,IAAsBA,MAAM;AAChC,QAAIC,IAAe;AAEnBA,WAAAA,KAAgB9C,EAAU+C,SAAS,IAAI,IAAI/C,CAAS,KAAK,IACzD8C,KAAgB7C,MAAc,SAAS,kBAAkB,kBACzD6C,KAAgB5C,IAAW,eAAe,IAC1C4C,KAAgB3C,EAAS4C,SAAS,IAAI,IAAI5C,CAAQ,KAAK,IACvD2C,KAAgB1C,IAAS,kBAAkB,mBACvCW,MACF+B,KAAgB1C,IAAS,KAAK,YAEzB0C;AAAAA,EACT,GAEME,IAAkBA,OACf;AAAA,IACL,GAAGvC;AAAAA,IACH,GAAIL,KAAUK,GAAOwC,QAAQ;AAAA,MAAEA,OAAOxC,GAAOwC;AAAAA,IAAAA,IAAU;AAAA,MAAEA,OAAO;AAAA,IAAA;AAAA,EAAM;AAI1E,SACEC,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEC,KAAK3B;AAAAA,IACLf,IAAAA;AAAAA,IACAX,WAAW6C,EAAAA;AAAAA,IACXpC,OAAOuC,EAAAA;AAAAA,IACP,sBAAoBtC;AAAAA,IACpB4C,UAAU;AAAA,IACVC,MAAMlC;AAAAA,IACN,cAAYC,IAAU,SAASkC;AAAAA,IAC/B,eAAcpD,IAAkBoD,SAAT;AAAA,EAASA,GAC5BjC,GAAmB;AAAA,IACvBS,WAAWC;AAAAA,IACXwB,OAAQrD,IAAsCoD,SAA5B;AAAA,EAA4BA,CAAU,GAExDN,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnD,WAAU;AAAA,EAAA,GACZ,CAACsB,KAAW4B,gBAAAA,EAAAC,cAAA,OAAST,CAAqB,GAC1CrC,KACC6C,gBAAAA,EAAAC,cAACO,GAAI;AAAA,IACHC,MAAM9C;AAAAA,IACN+C,SAAStD;AAAAA,IACTN,WAAU;AAAA,IACViB,WAAWH;AAAAA,IACXJ,cAAa;AAAA,EAAA,CACd,GAEFX,GACA,CAACuB,uBAAW6B,cAAA,OAASR,CAAmB,CACtC,CACF;AAET;"}
|
|
1
|
+
{"version":3,"file":"index29.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nconst RESIZE_KEYBOARD_STEP = 16;\n\nexport interface SidebarOverlayProps {\n content: React.ReactNode;\n className?: string;\n alignment?: 'left' | 'right';\n style?: React.CSSProperties;\n noShadow?: boolean;\n automationId?: string;\n id?: string;\n position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n isOpen?: boolean;\n displayCloseSidebar?: boolean;\n closeSidebarIcon?: string;\n /**\n * Accessible label for the close button. Defaults to 'Close sidebar'.\n */\n closeAriaLabel?: string;\n onClose?: () => void;\n onSidebarUnmount?: () => void;\n onPathChange?: (route: string) => void;\n currentPath?: string;\n animateSidebar?: boolean;\n /**\n * Accessibility role that determines the full behavior bundle.\n * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n */\n a11yRole?: SidebarOverlayA11yRole;\n /**\n * Accessible name when no visible label exists.\n * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n */\n ariaLabel?: string;\n /**\n * ID(s) of visible element(s) that label this sidebar.\n * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n */\n ariaLabelledBy?: string;\n /**\n * ID(s) of element(s) that describe this sidebar (additional context).\n */\n ariaDescribedBy?: string;\n /**\n * Explicit element to restore focus to when the sidebar closes.\n * Overrides automatic trigger capture from document.activeElement.\n * Use when the opener element is known (e.g. a ref on the toggle button).\n * In complementary mode: seeds the trigger ref directly.\n * In dialog mode: passed through to useFocusTrap.\n */\n returnFocusRef?: React.RefObject<HTMLElement | null>;\n /**\n * Enables drag-to-resize via a handle on the panel's inner edge\n * (left edge when alignment=\"right\", right edge when \"left\"). Default false.\n * Requires a positioned container — the default position=\"fixed\" satisfies this.\n */\n resizable?: boolean;\n /**\n * Minimum width in px the panel can be resized to. Also the initial width\n * when `defaultWidth` is omitted. Recommended whenever `resizable` is set.\n */\n minWidth?: number;\n /**\n * Maximum width in px the panel can be resized to. Consumers typically derive\n * this from the viewport (e.g. half the screen) and update it on window\n * resize; the panel re-clamps its width when this changes.\n */\n maxWidth?: number;\n /**\n * Uncontrolled initial width in px (e.g. restored from storage). Falls back to\n * `minWidth`, and is clamped to [minWidth, maxWidth].\n */\n defaultWidth?: number;\n /**\n * Called continuously while dragging, with the live width in px. Use for live\n * layout updates (e.g. pushing adjacent content). For persistence, prefer\n * onResizeEnd.\n */\n onResize?: (width: number) => void;\n /**\n * Called when a resize gesture commits (mouse-up, keyboard, or double-click\n * reset) with the new width in px. Use to persist the chosen width.\n */\n onResizeEnd?: (width: number) => void;\n /**\n * Accessible label for the resize handle. Defaults to 'Resize panel'.\n */\n resizeHandleAriaLabel?: string;\n /**\n * Automation id applied to the resize handle element.\n */\n resizeAutomationId?: string;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n const {\n content,\n className = '',\n alignment,\n noShadow,\n position = 'fixed',\n isOpen,\n displayCloseSidebar,\n onClose,\n onSidebarUnmount,\n onPathChange,\n style,\n automationId,\n id,\n currentPath = '',\n closeSidebarIcon = 'close',\n closeAriaLabel = 'Close sidebar',\n animateSidebar = true,\n a11yRole,\n ariaLabel,\n ariaLabelledBy,\n ariaDescribedBy,\n returnFocusRef,\n resizable = false,\n minWidth,\n maxWidth,\n defaultWidth,\n onResize,\n onResizeEnd,\n resizeHandleAriaLabel = 'Resize panel',\n resizeAutomationId,\n } = props;\n\n // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n // by passing a11yRole=\"dialog\" explicitly.\n const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n const isModal = effectiveA11yRole === 'dialog';\n\n // Get accessible name attributes\n const accessibleNameProps = useMemo(\n () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n );\n\n const sidebarRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n return () => {\n onSidebarUnmount && onSidebarUnmount();\n };\n }, []);\n\n // Scroll lock — modal only.\n useEffect(() => {\n if (!isModal) return;\n document.body.style.overflow = isOpen ? 'hidden' : '';\n return () => {\n document.body.style.overflow = '';\n };\n }, [isOpen, isModal]);\n\n useEffect(() => {\n onPathChange && onPathChange(currentPath);\n }, [currentPath]);\n\n const { onKeyDown: onEscapeKeyDown } = useDismissOnEscape({\n onDismiss: onClose,\n enabled: isOpen\n });\n\n // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n useFocusTrap({\n enabled: Boolean(isModal && isOpen && !!onClose),\n containerRef: sidebarRef,\n restoreFocus: true,\n initialFocus: 'first',\n returnFocusRef,\n });\n\n // Complementary (non-modal) focus management: move focus in on open,\n // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n isOpen,\n isModal,\n containerRef: sidebarRef,\n returnFocusRef,\n });\n\n // --- Drag-to-resize (opt-in via `resizable`) -------------------------------\n const clampWidth = useCallback(\n (value: number) => {\n const min = minWidth ?? 0;\n const max = maxWidth ?? Number.POSITIVE_INFINITY;\n return Math.min(Math.max(value, min), max);\n },\n [minWidth, maxWidth]\n );\n\n const [resizeWidth, setResizeWidth] = useState<number>(() => clampWidth(defaultWidth ?? minWidth ?? 0));\n const [isResizing, setIsResizing] = useState(false);\n const resizeStartCoordRef = useRef(0);\n const resizeStartWidthRef = useRef(0);\n const resizeWidthRef = useRef(resizeWidth);\n const isResizingRef = useRef(false);\n\n useEffect(() => {\n resizeWidthRef.current = resizeWidth;\n }, [resizeWidth]);\n\n // Re-clamp when the bounds change (e.g. maxWidth shrinks on window resize).\n useEffect(() => {\n if (!resizable) return;\n setResizeWidth((current) => clampWidth(current));\n }, [resizable, clampWidth]);\n\n // While resizing, suppress text selection and show the resize cursor\n // everywhere; restore on release or unmount.\n useEffect(() => {\n if (!isResizing) return;\n const previousUserSelect = document.body.style.userSelect;\n const previousCursor = document.body.style.cursor;\n document.body.style.userSelect = 'none';\n document.body.style.cursor = 'col-resize';\n return () => {\n document.body.style.userSelect = previousUserSelect;\n document.body.style.cursor = previousCursor;\n };\n }, [isResizing]);\n\n const handleResizePointerDown = (event: React.PointerEvent) => {\n event.preventDefault();\n event.stopPropagation();\n // Capture the pointer so move/up events keep firing on the handle even when\n // the cursor passes over an iframe (e.g. a PDF viewer) — no overlay needed,\n // and the gesture always ends (even if released off-screen).\n event.currentTarget.setPointerCapture(event.pointerId);\n resizeStartCoordRef.current = event.clientX;\n resizeStartWidthRef.current = resizeWidthRef.current;\n isResizingRef.current = true;\n setIsResizing(true);\n };\n\n const handleResizePointerMove = (event: React.PointerEvent) => {\n if (!isResizingRef.current) return;\n const delta =\n alignment === 'left'\n ? event.clientX - resizeStartCoordRef.current\n : resizeStartCoordRef.current - event.clientX;\n const nextWidth = clampWidth(resizeStartWidthRef.current + delta);\n setResizeWidth(nextWidth);\n onResize && onResize(nextWidth);\n };\n\n const handleResizePointerUp = (event: React.PointerEvent) => {\n if (!isResizingRef.current) return;\n isResizingRef.current = false;\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n setIsResizing(false);\n onResizeEnd && onResizeEnd(resizeWidthRef.current);\n };\n\n const handleResizeKeyDown = (event: React.KeyboardEvent) => {\n const growKey = alignment === 'left' ? 'ArrowRight' : 'ArrowLeft';\n const shrinkKey = alignment === 'left' ? 'ArrowLeft' : 'ArrowRight';\n let nextWidth: number | null = null;\n\n if (event.key === growKey) nextWidth = resizeWidthRef.current + RESIZE_KEYBOARD_STEP;\n else if (event.key === shrinkKey) nextWidth = resizeWidthRef.current - RESIZE_KEYBOARD_STEP;\n else if (event.key === 'Home') nextWidth = minWidth ?? resizeWidthRef.current;\n else if (event.key === 'End') nextWidth = maxWidth ?? resizeWidthRef.current;\n\n if (nextWidth === null) return;\n event.preventDefault();\n const clamped = clampWidth(nextWidth);\n setResizeWidth(clamped);\n onResizeEnd && onResizeEnd(clamped);\n };\n\n const handleResizeDoubleClick = () => {\n const reset = clampWidth(minWidth ?? resizeWidthRef.current);\n setResizeWidth(reset);\n onResizeEnd && onResizeEnd(reset);\n };\n\n const getSidebarClassName = () => {\n let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n defaultClass += className.length > 0 ? ` ${className}` : '';\n defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n defaultClass += noShadow ? ' no-shadow' : '';\n defaultClass += position.length > 0 ? ` ${position}` : '';\n defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n defaultClass += resizable ? ' resizable' : '';\n defaultClass += isResizing ? ' is-resizing' : '';\n if(!animateSidebar) {\n defaultClass += isOpen ? '' : ' hidden';\n }\n return defaultClass;\n };\n\n const getSidebarStyle = () => {\n if (resizable) {\n return {\n ...style,\n width: isOpen ? `${resizeWidth}px` : '0px'\n };\n }\n return {\n ...style,\n ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n };\n };\n\n return (\n <div\n ref={sidebarRef}\n id={id}\n className={getSidebarClassName()}\n style={getSidebarStyle()}\n data-automation-id={automationId}\n tabIndex={-1}\n role={effectiveA11yRole}\n aria-modal={isModal ? 'true' : undefined}\n aria-hidden={!isOpen ? 'true' : undefined}\n {...accessibleNameProps}\n onKeyDown={onEscapeKeyDown}\n inert={!isOpen ? ('' as unknown as boolean) : undefined}\n >\n {resizable && isOpen && (\n <div\n className={`se-design-sidebar-overlay-resize-handle${isResizing ? ' is-resizing' : ''}`}\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label={resizeHandleAriaLabel}\n aria-controls={id}\n aria-valuenow={resizeWidth}\n aria-valuemin={minWidth}\n aria-valuemax={maxWidth}\n tabIndex={0}\n onPointerDown={handleResizePointerDown}\n onPointerMove={handleResizePointerMove}\n onPointerUp={handleResizePointerUp}\n onPointerCancel={handleResizePointerUp}\n onKeyDown={handleResizeKeyDown}\n onDoubleClick={handleResizeDoubleClick}\n data-automation-id={resizeAutomationId}\n />\n )}\n <div className=\"overlay-content\">\n {!isModal && <div {...startSentinelProps} />}\n {displayCloseSidebar && (\n <Icon\n name={closeSidebarIcon}\n onClick={onClose}\n className=\"overlay-close\"\n ariaLabel={closeAriaLabel}\n automationId=\"sidebar_overlay_close\"\n />\n )}\n {content}\n {!isModal && <div {...endSentinelProps} />}\n </div>\n </div>\n );\n};\n"],"names":["RESIZE_KEYBOARD_STEP","SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","resizable","minWidth","maxWidth","defaultWidth","onResize","onResizeEnd","resizeHandleAriaLabel","resizeAutomationId","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","onKeyDown","onEscapeKeyDown","useDismissOnEscape","onDismiss","enabled","useFocusTrap","Boolean","containerRef","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","clampWidth","useCallback","value","min","max","Number","POSITIVE_INFINITY","Math","resizeWidth","setResizeWidth","useState","isResizing","setIsResizing","resizeStartCoordRef","resizeStartWidthRef","resizeWidthRef","isResizingRef","current","previousUserSelect","userSelect","previousCursor","cursor","handleResizePointerDown","event","preventDefault","stopPropagation","currentTarget","setPointerCapture","pointerId","clientX","handleResizePointerMove","delta","nextWidth","handleResizePointerUp","hasPointerCapture","releasePointerCapture","handleResizeKeyDown","growKey","shrinkKey","key","clamped","handleResizeDoubleClick","reset","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onDoubleClick","Icon","name","onClick"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAMA,IAAuB,IA+FhBC,KAA2CC,CAAAA,MAAU;AAChE,QAAM;AAAA,IACJC,SAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,UAAAA,IAAW;AAAA,IACXC,QAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,aAAAA,IAAc;AAAA,IACdC,kBAAAA,IAAmB;AAAA,IACnBC,gBAAAA,IAAiB;AAAA,IACjBC,gBAAAA,IAAiB;AAAA,IACjBC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,uBAAAA,IAAwB;AAAA,IACxBC,oBAAAA;AAAAA,EAAAA,IACE9B,GAIE+B,IAA4Cb,KAAY,iBAExDc,IAAUD,MAAsB,UAGhCE,KAAsBC,GAC1B,MAAMC,GAAsB;AAAA,IAAEhB,WAAAA;AAAAA,IAAWC,gBAAAA;AAAAA,IAAgBC,iBAAAA;AAAAA,EAAAA,CAAiB,GAC1E,CAACF,GAAWC,GAAgBC,CAAe,CAC7C,GAEMe,IAAaC,EAAuB,IAAI;AAE9CC,EAAAA,EAAU,MACD,MAAM;AACX7B,IAAAA,KAAoBA,EAAAA;AAAAA,EACtB,GACC,CAAA,CAAE,GAGL6B,EAAU,MAAM;AACd,QAAKN;AACLO,sBAASC,KAAK7B,MAAM8B,WAAWnC,IAAS,WAAW,IAC5C,MAAM;AACXiC,iBAASC,KAAK7B,MAAM8B,WAAW;AAAA,MACjC;AAAA,EACF,GAAG,CAACnC,GAAQ0B,CAAO,CAAC,GAEpBM,EAAU,MAAM;AACd5B,IAAAA,KAAgBA,EAAaI,CAAW;AAAA,EAC1C,GAAG,CAACA,CAAW,CAAC;AAEhB,QAAM;AAAA,IAAE4B,WAAWC;AAAAA,EAAAA,IAAoBC,GAAmB;AAAA,IACxDC,WAAWrC;AAAAA,IACXsC,SAASxC;AAAAA,EAAAA,CACV;AAIDyC,EAAAA,GAAa;AAAA,IACXD,SAASE,GAAQhB,KAAW1B,KAAYE;AAAAA,IACxCyC,cAAcb;AAAAA,IACdc,cAAc;AAAA,IACdC,cAAc;AAAA,IACd7B,gBAAAA;AAAAA,EAAAA,CACD;AAID,QAAM;AAAA,IAAE8B,oBAAAA;AAAAA,IAAoBC,kBAAAA;AAAAA,EAAAA,IAAqBC,GAAiB;AAAA,IAChEhD,QAAAA;AAAAA,IACA0B,SAAAA;AAAAA,IACAiB,cAAcb;AAAAA,IACdd,gBAAAA;AAAAA,EAAAA,CACD,GAGKiC,IAAaC,GACjB,CAACC,MAAkB;AACjB,UAAMC,IAAMlC,KAAY,GAClBmC,IAAMlC,KAAYmC,OAAOC;AAC/B,WAAOC,KAAKJ,IAAII,KAAKH,IAAIF,GAAOC,CAAG,GAAGC,CAAG;AAAA,EAC3C,GACA,CAACnC,GAAUC,CAAQ,CACrB,GAEM,CAACsC,GAAaC,CAAc,IAAIC,EAAiB,MAAMV,EAAW7B,KAAgBF,KAAY,CAAC,CAAC,GAChG,CAAC0C,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAC5CG,IAAsB/B,EAAO,CAAC,GAC9BgC,IAAsBhC,EAAO,CAAC,GAC9BiC,IAAiBjC,EAAO0B,CAAW,GACnCQ,IAAgBlC,EAAO,EAAK;AAElCC,EAAAA,EAAU,MAAM;AACdgC,IAAAA,EAAeE,UAAUT;AAAAA,EAC3B,GAAG,CAACA,CAAW,CAAC,GAGhBzB,EAAU,MAAM;AACd,IAAKf,KACLyC,EAAgBQ,CAAAA,MAAYjB,EAAWiB,CAAO,CAAC;AAAA,EACjD,GAAG,CAACjD,GAAWgC,CAAU,CAAC,GAI1BjB,EAAU,MAAM;AACd,QAAI,CAAC4B,EAAY;AACjB,UAAMO,IAAqBlC,SAASC,KAAK7B,MAAM+D,YACzCC,IAAiBpC,SAASC,KAAK7B,MAAMiE;AAC3CrC,oBAASC,KAAK7B,MAAM+D,aAAa,QACjCnC,SAASC,KAAK7B,MAAMiE,SAAS,cACtB,MAAM;AACXrC,eAASC,KAAK7B,MAAM+D,aAAaD,GACjClC,SAASC,KAAK7B,MAAMiE,SAASD;AAAAA,IAC/B;AAAA,EACF,GAAG,CAACT,CAAU,CAAC;AAEf,QAAMW,KAA0BA,CAACC,MAA8B;AAC7DA,IAAAA,EAAMC,eAAAA,GACND,EAAME,gBAAAA,GAINF,EAAMG,cAAcC,kBAAkBJ,EAAMK,SAAS,GACrDf,EAAoBI,UAAUM,EAAMM,SACpCf,EAAoBG,UAAUF,EAAeE,SAC7CD,EAAcC,UAAU,IACxBL,EAAc,EAAI;AAAA,EACpB,GAEMkB,KAA0BA,CAACP,MAA8B;AAC7D,QAAI,CAACP,EAAcC,QAAS;AAC5B,UAAMc,IACJnF,MAAc,SACV2E,EAAMM,UAAUhB,EAAoBI,UACpCJ,EAAoBI,UAAUM,EAAMM,SACpCG,IAAYhC,EAAWc,EAAoBG,UAAUc,CAAK;AAChEtB,IAAAA,EAAeuB,CAAS,GACxB5D,KAAYA,EAAS4D,CAAS;AAAA,EAChC,GAEMC,IAAwBA,CAACV,MAA8B;AAC3D,IAAKP,EAAcC,YACnBD,EAAcC,UAAU,IACpBM,EAAMG,cAAcQ,kBAAkBX,EAAMK,SAAS,KACvDL,EAAMG,cAAcS,sBAAsBZ,EAAMK,SAAS,GAE3DhB,EAAc,EAAK,GACnBvC,KAAeA,EAAY0C,EAAeE,OAAO;AAAA,EACnD,GAEMmB,KAAsBA,CAACb,MAA+B;AAC1D,UAAMc,IAAUzF,MAAc,SAAS,eAAe,aAChD0F,IAAY1F,MAAc,SAAS,cAAc;AACvD,QAAIoF,IAA2B;AAO/B,QALIT,EAAMgB,QAAQF,IAASL,IAAYjB,EAAeE,UAAU1E,IACvDgF,EAAMgB,QAAQD,IAAWN,IAAYjB,EAAeE,UAAU1E,IAC9DgF,EAAMgB,QAAQ,SAAQP,IAAY/D,KAAY8C,EAAeE,UAC7DM,EAAMgB,QAAQ,UAAOP,IAAY9D,KAAY6C,EAAeE,UAEjEe,MAAc,KAAM;AACxBT,IAAAA,EAAMC,eAAAA;AACN,UAAMgB,IAAUxC,EAAWgC,CAAS;AACpCvB,IAAAA,EAAe+B,CAAO,GACtBnE,KAAeA,EAAYmE,CAAO;AAAA,EACpC,GAEMC,KAA0BA,MAAM;AACpC,UAAMC,IAAQ1C,EAAW/B,KAAY8C,EAAeE,OAAO;AAC3DR,IAAAA,EAAeiC,CAAK,GACpBrE,KAAeA,EAAYqE,CAAK;AAAA,EAClC,GAEMC,KAAsBA,MAAM;AAChC,QAAIC,IAAe;AAEnBA,WAAAA,KAAgBjG,EAAUkG,SAAS,IAAI,IAAIlG,CAAS,KAAK,IACzDiG,KAAgBhG,MAAc,SAAS,kBAAkB,kBACzDgG,KAAgB/F,IAAW,eAAe,IAC1C+F,KAAgB9F,EAAS+F,SAAS,IAAI,IAAI/F,CAAQ,KAAK,IACvD8F,KAAgB7F,IAAS,kBAAkB,mBAC3C6F,KAAgB5E,IAAY,eAAe,IAC3C4E,KAAgBjC,IAAa,iBAAiB,IAC1CjD,MACFkF,KAAgB7F,IAAS,KAAK,YAEzB6F;AAAAA,EACT,GAEME,KAAkBA,MAClB9E,IACK;AAAA,IACL,GAAGZ;AAAAA,IACH2F,OAAOhG,IAAS,GAAGyD,CAAW,OAAO;AAAA,EAAA,IAGlC;AAAA,IACL,GAAGpD;AAAAA,IACH,GAAIL,KAAUK,GAAO2F,QAAQ;AAAA,MAAEA,OAAO3F,GAAO2F;AAAAA,IAAAA,IAAU;AAAA,MAAEA,OAAO;AAAA,IAAA;AAAA,EAAM;AAI1E,SACEC,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEC,KAAKtE;AAAAA,IACLvB,IAAAA;AAAAA,IACAX,WAAWgG,GAAAA;AAAAA,IACXvF,OAAO0F,GAAAA;AAAAA,IACP,sBAAoBzF;AAAAA,IACpB+F,UAAU;AAAA,IACVC,MAAM7E;AAAAA,IACN,cAAYC,IAAU,SAAS6E;AAAAA,IAC/B,eAAcvG,IAAkBuG,SAAT;AAAA,EAASA,GAC5B5E,IAAmB;AAAA,IACvBS,WAAWC;AAAAA,IACXmE,OAAQxG,IAAsCuG,SAA5B;AAAA,EAA4BA,CAAU,GAEvDtF,KAAajB,KACZiG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEtG,WAAW,0CAA0CgE,IAAa,iBAAiB,EAAE;AAAA,IACrF0C,MAAK;AAAA,IACL,oBAAiB;AAAA,IACjB,cAAY/E;AAAAA,IACZ,iBAAehB;AAAAA,IACf,iBAAekD;AAAAA,IACf,iBAAevC;AAAAA,IACf,iBAAeC;AAAAA,IACfkF,UAAU;AAAA,IACVI,eAAelC;AAAAA,IACfmC,eAAe3B;AAAAA,IACf4B,aAAazB;AAAAA,IACb0B,iBAAiB1B;AAAAA,IACjB9C,WAAWiD;AAAAA,IACXwB,eAAenB;AAAAA,IACf,sBAAoBlE;AAAAA,EAAAA,CACrB,GAEHyE,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKtG,WAAU;AAAA,EAAA,GACZ,CAAC8B,KAAWuE,gBAAAA,EAAAC,cAAA,OAASpD,EAAqB,GAC1C7C,KACCgG,gBAAAA,EAAAC,cAACY,IAAI;AAAA,IACHC,MAAMtG;AAAAA,IACNuG,SAAS9G;AAAAA,IACTN,WAAU;AAAA,IACViB,WAAWH;AAAAA,IACXJ,cAAa;AAAA,EAAA,CACd,GAEFX,GACA,CAAC+B,uBAAWwE,cAAA,OAASnD,EAAmB,CACtC,CACF;AAET;"}
|