npm - @konemono/nostr-login-components - Versions diffs - 1.3.1 → 1.4.1 - Mend

@konemono/nostr-login-components 1.3.1 → 1.4.1

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

Files changed (50) hide show

package/dist/components/button-base2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"button-base2.js","mappings":";;AAAA,MAAM,aAAa,GAAG,~~qo6CAAqo6C~~,CAAC;~~AAC5p6C~~,yBAAe,aAAa;;MCQf,UAAU;;;;qBAEqB,SAAS;wBACN,KAAK;wBAC/B,YAAY;wBACZ,KAAK;;IAExB,kBAAkB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACjE,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACrC;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,EAAE,IAC/B,4DAAK,KAAK,EAAC,6BAA6B,GAAO,EAC/C,+DACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kOAAkO,IAExO,6DAAM,IAAI,EAAC,YAAY,GAAG,EACzB,IAAI,CAAC,QAAQ,CACP,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button-base/button-base.css?tag=button-base","src/components/button-base/button-base.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.animate-spin-loading {\n background: var(--qa-dark-color);\n animation: spin2 1s linear infinite;\n}\n\n@keyframes spin2 {\n to {\n transform: rotate(360deg);\n }\n}\n\n.active {\n animation: blink 0.7s infinite alternate;\n}\n\n@keyframes blink {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}","import { Component, h, Prop, Element } from '@stencil/core';\nimport { NlTheme } from '@/types';\nimport { IButton } from '@/types/button';\n\n@Component({\n tag: 'button-base',\n styleUrl: 'button-base.css',\n shadow: false,\n})\nexport class ButtonBase implements IButton {\n @Element() element: HTMLElement;\n @Prop({ mutable: true }) theme: NlTheme = 'default';\n @Prop({ mutable: true }) darkMode: boolean = false;\n @Prop() titleBtn = 'Open modal';\n @Prop() disabled = false;\n\n componentDidRender() {\n const svgElement = this.element.querySelector('svg');\n\n if (svgElement) {\n svgElement.classList.add('flex-shrink-0', 'w-4', 'h-4', 'block');\n svgElement.removeAttribute('style'); // hack frieze svg\n }\n }\n\n render() {\n return (\n <div class={`theme-${this.theme}`}>\n <div class=\"animate-spin-loading active\"></div>\n <button\n disabled={this.disabled}\n type=\"button\"\n class=\"nl-button py-2.5 px-3 w-full inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600\"\n >\n <slot name=\"icon-start\" />\n {this.titleBtn}\n </button>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"button-base2.js","mappings":";;AAAA,MAAM,aAAa,GAAG,0z6CAA0z6C,CAAC;AACj16C,yBAAe,aAAa;;MCQf,UAAU;;;;qBAEqB,SAAS;wBACN,KAAK;wBAC/B,YAAY;wBACZ,KAAK;;IAExB,kBAAkB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAErD,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACjE,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACrC;KACF;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,EAAE,IAC/B,4DAAK,KAAK,EAAC,6BAA6B,GAAO,EAC/C,+DACE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,kOAAkO,IAExO,6DAAM,IAAI,EAAC,YAAY,GAAG,EACzB,IAAI,CAAC,QAAQ,CACP,CACL,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button-base/button-base.css?tag=button-base","src/components/button-base/button-base.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.animate-spin-loading {\n background: var(--qa-dark-color);\n animation: spin2 1s linear infinite;\n}\n\n@keyframes spin2 {\n to {\n transform: rotate(360deg);\n }\n}\n\n.active {\n animation: blink 0.7s infinite alternate;\n}\n\n@keyframes blink {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}","import { Component, h, Prop, Element } from '@stencil/core';\nimport { NlTheme } from '@/types';\nimport { IButton } from '@/types/button';\n\n@Component({\n tag: 'button-base',\n styleUrl: 'button-base.css',\n shadow: false,\n})\nexport class ButtonBase implements IButton {\n @Element() element: HTMLElement;\n @Prop({ mutable: true }) theme: NlTheme = 'default';\n @Prop({ mutable: true }) darkMode: boolean = false;\n @Prop() titleBtn = 'Open modal';\n @Prop() disabled = false;\n\n componentDidRender() {\n const svgElement = this.element.querySelector('svg');\n\n if (svgElement) {\n svgElement.classList.add('flex-shrink-0', 'w-4', 'h-4', 'block');\n svgElement.removeAttribute('style'); // hack frieze svg\n }\n }\n\n render() {\n return (\n <div class={`theme-${this.theme}`}>\n <div class=\"animate-spin-loading active\"></div>\n <button\n disabled={this.disabled}\n type=\"button\"\n class=\"nl-button py-2.5 px-3 w-full inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600\"\n >\n <slot name=\"icon-start\" />\n {this.titleBtn}\n </button>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/css.js CHANGED Viewed

	@@ -1 +1 @@
1	- export const baseCss = "/! tailwindcss v3.4.10 \| MIT License \| https://tailwindcss.com/,:after,:before{--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-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;color:#6b7280;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--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);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}::-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-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url(\"data:image/svg+xml;charset=utf-8,%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 8 4 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;print-color-adjust:exact}[multiple],[size]:where(select:not([size=\"1\"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;print-color-adjust:exact;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--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);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E\")}@media (forced-colors:active){[type=checkbox]:checked{appearance:auto}}[type=radio]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E\")}@media (forced-colors:active){[type=radio]:checked{appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active){[type=checkbox]:indeterminate{appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}::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-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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;}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.theme-default .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-default .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(31 41 55/var(--tw-bg-opacity))}.theme-default .nl-description,.theme-default .nl-logo,.theme-default .nl-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-description,.theme-default .dark .nl-logo,.theme-default .dark .nl-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.theme-default .nl-description a{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity));text-decoration-line:underline}.theme-default .dark .nl-description a{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity));text-decoration-line:underline}.theme-default .nl-action-button{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-default .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .dark .nl-action-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-default .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.theme-default .nl-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-title{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.theme-default .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.theme-default .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));border-color:rgb(55 65 81/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-default .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.theme-default .nl-divider{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .nl-divider:before{border-top-width:1px}.theme-default .nl-divider:after,.theme-default .nl-divider:before{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));content:var(--tw-content)}.theme-default .dark .nl-divider{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.theme-default .dark .nl-divider:after,.theme-default .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));content:var(--tw-content)}.theme-default .nl-footer{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-footer{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.theme-default .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-default .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-default .nl-input{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-default .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.theme-default .nl-select{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-default .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.theme-default .nl-select-list{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.theme-default .nl-select-option{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.theme-default .nl-select-option.active-option{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));color:rgb(30 58 138/var(--tw-text-opacity))}.theme-default .dark .nl-select-option{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-default .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-default .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-default .nl-banner{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-banner{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));border-color:rgb(55 65 81/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-ocean .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(191 219 254/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-ocean .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(8 47 73/var(--tw-bg-opacity))}.theme-ocean .nl-description,.theme-ocean .nl-logo,.theme-ocean .nl-title{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .dark .nl-description,.theme-ocean .dark .nl-logo,.theme-ocean .dark .nl-title{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .nl-action-button{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-ocean .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .dark .nl-action-button{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-ocean .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity))}.theme-ocean .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(224 242 254/var(--tw-bg-opacity));border-color:rgb(186 230 253/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.theme-ocean .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity));border-color:rgb(8 47 73/var(--tw-border-opacity));color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity))}.theme-ocean .nl-divider{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .nl-divider:after,.theme-ocean .nl-divider:before{--tw-border-opacity:1;border-color:rgb(8 47 73/var(--tw-border-opacity));content:var(--tw-content)}.theme-ocean .dark .nl-divider{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .dark .nl-divider:after,.theme-ocean .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity));content:var(--tw-content)}.theme-ocean .nl-footer{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .dark .nl-footer{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-ocean .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-ocean .nl-input{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity));border-color:rgb(14 165 233/var(--tw-border-opacity))}.theme-ocean .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity));color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.theme-ocean .nl-select{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity));border-color:rgb(14 165 233/var(--tw-border-opacity))}.theme-ocean .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity));color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.theme-ocean .nl-select-list{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.theme-ocean .nl-select-option{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.theme-ocean .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.theme-ocean .dark .nl-select-option{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity));color:rgb(125 211 252/var(--tw-text-opacity))}.theme-ocean .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-ocean .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-ocean .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-ocean .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-lemonade .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(187 247 208/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-lemonade .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(5 46 22/var(--tw-bg-opacity))}.theme-lemonade .nl-description,.theme-lemonade .nl-logo,.theme-lemonade .nl-title{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .dark .nl-description,.theme-lemonade .dark .nl-logo,.theme-lemonade .dark .nl-title{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .nl-action-button{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-lemonade .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-action-button{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-lemonade .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.theme-lemonade .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(220 252 231/var(--tw-bg-opacity));border-color:rgb(187 247 208/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity));border-color:rgb(5 46 22/var(--tw-border-opacity));color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.theme-lemonade .nl-divider{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .nl-divider:after,.theme-lemonade .nl-divider:before{--tw-border-opacity:1;border-color:rgb(5 46 22/var(--tw-border-opacity));content:var(--tw-content)}.theme-lemonade .dark .nl-divider{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .dark .nl-divider:after,.theme-lemonade .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity));content:var(--tw-content)}.theme-lemonade .nl-footer{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .dark .nl-footer{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-lemonade .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-lemonade .nl-input{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity));border-color:rgb(34 197 94/var(--tw-border-opacity))}.theme-lemonade .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity));color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.theme-lemonade .nl-select{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity));border-color:rgb(34 197 94/var(--tw-border-opacity))}.theme-lemonade .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity));color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.theme-lemonade .nl-select-list{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.theme-lemonade .nl-select-option{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.theme-lemonade .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-select-option{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity));color:rgb(134 239 172/var(--tw-text-opacity))}.theme-lemonade .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-lemonade .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-lemonade .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-lemonade .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-purple .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(233 213 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-purple .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(59 7 100/var(--tw-bg-opacity))}.theme-purple .nl-description,.theme-purple .nl-logo,.theme-purple .nl-title{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .dark .nl-description,.theme-purple .dark .nl-logo,.theme-purple .dark .nl-title{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .nl-action-button{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-purple .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-action-button{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-purple .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity))}.theme-purple .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(243 232 255/var(--tw-bg-opacity));border-color:rgb(233 213 255/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity));border-color:rgb(59 7 100/var(--tw-border-opacity));color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity))}.theme-purple .nl-divider{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .nl-divider:after,.theme-purple .nl-divider:before{--tw-border-opacity:1;border-color:rgb(59 7 100/var(--tw-border-opacity));content:var(--tw-content)}.theme-purple .dark .nl-divider{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .dark .nl-divider:after,.theme-purple .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity));content:var(--tw-content)}.theme-purple .nl-footer{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .dark .nl-footer{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-purple .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-purple .nl-input{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-purple .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity));color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.theme-purple .nl-select{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-purple .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity));color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.theme-purple .nl-select-list{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}.theme-purple .nl-select-option{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity))}.theme-purple .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-select-option{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity));color:rgb(216 180 254/var(--tw-text-opacity))}.theme-purple .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-purple .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-purple .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-purple .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-crab .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(254 226 226/var(--tw-bg-opacity));border-color:rgb(254 202 202/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(69 10 10/var(--tw-text-opacity))}.theme-crab .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.theme-crab .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity));border-color:rgb(69 10 10/var(--tw-border-opacity));color:rgb(254 202 202/var(--tw-text-opacity))}.theme-crab .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}.show-slow{display:none;opacity:0;transition:.1s}.isOpen .show-slow{display:block;opacity:1;transition:.2s;transition-delay:.2s}:host{display:block}.animate-spin-loading{animation:spin2 1s linear infinite;background:var(--qa-dark-color)}@keyframes spin2{to{transform:rotate(1turn)}}.active{animation:blink .7s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:0}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.right-2{right:8px}.top-2{top:8px}.top-52{top:208px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px}.ml-0{margin-left:0}.ml-\\[2px\\]{margin-left:2px}.mr-0{margin-right:0}.mr-2{margin-right:8px}.mr-3\\.5{margin-right:14px}.mt-2{margin-top:8px}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-12{height:48px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-\\[46px\\]{height:46px}.h-auto{height:auto}.w-0{width:0}.w-12{width:48px}.w-16{width:64px}.w-4{width:16px}.w-5{width:20px}.w-52{width:208px}.w-6{width:24px}.w-7{width:28px}.w-8{width:32px}.w-\\[48px\\]{width:48px}.w-full{width:100%}.min-w-40{min-width:160px}.max-w-40{max-width:160px}.flex-shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-2{column-gap:8px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-\\[0px\\]{border-width:0}.border-\\[2px\\]{border-width:2px}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:12px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-2\\.5{padding-bottom:10px;padding-top:10px}.pl-\\[11px\\]{padding-left:11px}.text-center{text-align:center}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:right-2:hover{right:8px}.hover\\:rounded-r-lg:hover{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-50:disabled{opacity:.5}.dark\\:text-gray-300:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\\:focus\\:outline-none:focus:is(.dark ){outline:2px solid transparent;outline-offset:2px}.dark\\:focus\\:ring-1:focus:is(.dark ){--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)}.dark\\:focus\\:ring-gray-600:focus:is(.dark ){--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.w-auto{width:auto}.rounded-xl{border-radius:.75rem}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-teal-300{--tw-border-opacity:1;border-color:rgb(94 234 212/var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.px-1{padding-left:4px;padding-right:4px}.text-\\[10px\\]{font-size:10px}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-\\[80\\]{z-index:80}.z-\\[81\\]{z-index:81}.h-full{height:100%}.max-w-96{max-width:384px}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-bottom:12px}.pt-3,.py-3{padding-top:12px}.text-base{font-size:16px;line-height:24px}.font-light{font-weight:300}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}@media (min-width:640px){.sm\\:mx-auto{margin-left:auto;margin-right:auto}.sm\\:w-full{width:100%}.sm\\:max-w-lg{max-width:512px}}.mb-10{margin-bottom:40px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-10{margin-top:40px}.h-20{height:80px}.w-20{width:80px}.border-\\[4px\\]{border-width:4px}.pe-4{padding-inline-end:16px}.ps-4{padding-inline-start:16px}.pt-2{padding-top:8px}.text-4xl{font-size:36px;line-height:40px}.text-lg{font-size:18px;line-height:28px}.mb-0\\.5{margin-bottom:2px}.mb-5{margin-bottom:20px}.w-72{width:288px}.max-w-72{max-width:288px}.border-\\[3px\\]{border-width:3px}.pb-2{padding-bottom:8px}.text-2xl{font-size:24px;line-height:32px}.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)}.mt-3{margin-top:12px}.pointer-events-none{pointer-events:none}.inset-y-0{bottom:0;top:0}.ps-11{padding-inline-start:44px}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.peer:disabled~.peer-disabled\\:pointer-events-none{pointer-events:none}.peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.dark\\:border-transparent:is(.dark ){border-color:transparent}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.ml-2{margin-left:8px}.flex-1{flex:1 1 0%}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4pxvar(--tw-space-y-reverse));margin-top:calc(4px(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.py-1{padding-bottom:4px;padding-top:4px}.py-1\\.5{padding-bottom:6px;padding-top:6px}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.hover\\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.dark\\:border-gray-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:bg-gray-800:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark\\:text-blue-400:is(.dark ){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.dark\\:text-gray-100:is(.dark ){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark\\:text-gray-400:is(.dark ){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark\\:text-red-400:is(.dark ){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.dark\\:hover\\:text-blue-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.dark\\:hover\\:text-gray-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\\:hover\\:text-red-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.mt-1{margin-top:4px}.min-w-\\[15rem\\]{min-width:15rem}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.gap-x-3\\.5{column-gap:14px}.overflow-hidden,.truncate{overflow:hidden}.p-2{padding:8px}.py-2{padding-bottom:8px;padding-top:8px}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:-top-4:before{content:var(--tw-content);top:-16px}.before\\:start-0:before{content:var(--tw-content);inset-inline-start:0}.before\\:h-4:before{content:var(--tw-content);height:16px}.before\\:w-full:before{content:var(--tw-content);width:100%}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-bottom-4:after{bottom:-16px;content:var(--tw-content)}.after\\:start-0:after{content:var(--tw-content);inset-inline-start:0}.after\\:h-4:after{content:var(--tw-content);height:16px}.after\\:w-full:after{content:var(--tw-content);width:100%}.right-\\[-2px\\]{right:-2px}.right-\\[-3px\\]{right:-3px}.top-\\[-2px\\]{top:-2px}.top-\\[-3px\\]{top:-3px}.ml-auto,.mx-auto{margin-left:auto}.h-1\\.5{height:6px}.h-3{height:12px}.w-1\\.5{width:6px}.w-3{width:12px}.max-w-6{max-width:24px}.max-w-7{max-width:28px}.gap-0\\.5{gap:2px}.overflow-hidden{overflow:hidden}.border-2{border-width:2px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.pb-1\\.5{padding-bottom:6px}.pb-3{padding-bottom:12px}.pt-0{padding-top:0}.pt-5{padding-top:20px}.hover\\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.group:hover .group-hover\\:border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.max-w-52{max-width:208px}.gap-3{gap:12px}.pb-5{padding-bottom:20px}.text-3xl{font-size:30px;line-height:36px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.end-0{inset-inline-end:0}.h-\\[20px\\]{height:20px}.w-\\[20px\\]{width:20px}.pe-11{padding-inline-end:44px}.mt-0\\.5{margin-top:2px}.items-start{align-items:flex-start}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.dark\\:border-yellow-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.dark\\:bg-yellow-900\\/20:is(.dark ){background-color:rgba(113,63,18,.2)}.w-60{width:240px}.mt-0{margin-top:0}.max-h-0{max-height:0}.max-h-\\[500px\\]{max-height:500px}.cursor-default{cursor:default}.border-b-\\[1px\\]{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.pb-1{padding-bottom:4px}.decoration-dashed{text-decoration-style:dashed}.opacity-50{opacity:.5}.grayscale{--tw-grayscale:grayscale(100%);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)}.duration-\\[0\\.25s\\]{transition-duration:.25s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.hover\\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}";
1	+ export const baseCss = "/! tailwindcss v3.4.10 \| MIT License \| https://tailwindcss.com/,:after,:before{--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-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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;border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;color:#6b7280;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--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);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}::-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-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url(\"data:image/svg+xml;charset=utf-8,%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 8 4 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;print-color-adjust:exact}[multiple],[size]:where(select:not([size=\"1\"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;print-color-adjust:exact;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--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);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E\")}@media (forced-colors:active){[type=checkbox]:checked{appearance:auto}}[type=radio]:checked{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E\")}@media (forced-colors:active){[type=radio]:checked{appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active){[type=checkbox]:indeterminate{appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}::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-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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;}.block{display:block}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.theme-default .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-default .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(31 41 55/var(--tw-bg-opacity))}.theme-default .nl-description,.theme-default .nl-logo,.theme-default .nl-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-description,.theme-default .dark .nl-logo,.theme-default .dark .nl-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.theme-default .nl-description a{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity));text-decoration-line:underline}.theme-default .dark .nl-description a{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity));text-decoration-line:underline}.theme-default .nl-action-button{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-default .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .dark .nl-action-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-default .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.theme-default .nl-title{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-title{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.theme-default .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.theme-default .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));border-color:rgb(55 65 81/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-default .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.theme-default .nl-divider{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .nl-divider:before{border-top-width:1px}.theme-default .nl-divider:after,.theme-default .nl-divider:before{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));content:var(--tw-content)}.theme-default .dark .nl-divider{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.theme-default .dark .nl-divider:after,.theme-default .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));content:var(--tw-content)}.theme-default .nl-footer{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-footer{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.theme-default .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-default .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-default .nl-input{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-default .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.theme-default .nl-select{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-default .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.theme-default .nl-select-list{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-default .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.theme-default .nl-select-option{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.theme-default .nl-select-option.active-option{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));color:rgb(30 58 138/var(--tw-text-opacity))}.theme-default .dark .nl-select-option{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.theme-default .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-default .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-default .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-default .nl-banner{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 231 235/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(31 41 55/var(--tw-text-opacity))}.theme-default .dark .nl-banner{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));border-color:rgb(55 65 81/var(--tw-border-opacity));color:rgb(209 213 219/var(--tw-text-opacity))}.theme-ocean .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(191 219 254/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-ocean .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(8 47 73/var(--tw-bg-opacity))}.theme-ocean .nl-description,.theme-ocean .nl-logo,.theme-ocean .nl-title{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .dark .nl-description,.theme-ocean .dark .nl-logo,.theme-ocean .dark .nl-title{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .nl-action-button{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-ocean .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .dark .nl-action-button{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-ocean .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity))}.theme-ocean .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(224 242 254/var(--tw-bg-opacity));border-color:rgb(186 230 253/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity))}.theme-ocean .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity));border-color:rgb(8 47 73/var(--tw-border-opacity));color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity))}.theme-ocean .nl-divider{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .nl-divider:after,.theme-ocean .nl-divider:before{--tw-border-opacity:1;border-color:rgb(8 47 73/var(--tw-border-opacity));content:var(--tw-content)}.theme-ocean .dark .nl-divider{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .dark .nl-divider:after,.theme-ocean .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity));content:var(--tw-content)}.theme-ocean .nl-footer{--tw-text-opacity:1;color:rgb(8 47 73/var(--tw-text-opacity))}.theme-ocean .dark .nl-footer{--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity))}.theme-ocean .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-ocean .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-ocean .nl-input{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity));border-color:rgb(14 165 233/var(--tw-border-opacity))}.theme-ocean .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity));color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.theme-ocean .nl-select{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity));border-color:rgb(14 165 233/var(--tw-border-opacity))}.theme-ocean .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(12 74 110/var(--tw-bg-opacity));color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(2 132 199/var(--tw-ring-opacity))}.theme-ocean .nl-select-list{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity))}.theme-ocean .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(3 105 161/var(--tw-bg-opacity))}.theme-ocean .nl-select-option{--tw-text-opacity:1;color:rgb(7 89 133/var(--tw-text-opacity))}.theme-ocean .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.theme-ocean .dark .nl-select-option{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity))}.theme-ocean .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity));color:rgb(125 211 252/var(--tw-text-opacity))}.theme-ocean .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-ocean .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-ocean .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-ocean .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-lemonade .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(187 247 208/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-lemonade .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(5 46 22/var(--tw-bg-opacity))}.theme-lemonade .nl-description,.theme-lemonade .nl-logo,.theme-lemonade .nl-title{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .dark .nl-description,.theme-lemonade .dark .nl-logo,.theme-lemonade .dark .nl-title{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .nl-action-button{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-lemonade .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-action-button{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-lemonade .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.theme-lemonade .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(220 252 231/var(--tw-bg-opacity));border-color:rgb(187 247 208/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity));border-color:rgb(5 46 22/var(--tw-border-opacity));color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity))}.theme-lemonade .nl-divider{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .nl-divider:after,.theme-lemonade .nl-divider:before{--tw-border-opacity:1;border-color:rgb(5 46 22/var(--tw-border-opacity));content:var(--tw-content)}.theme-lemonade .dark .nl-divider{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .dark .nl-divider:after,.theme-lemonade .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity));content:var(--tw-content)}.theme-lemonade .nl-footer{--tw-text-opacity:1;color:rgb(5 46 22/var(--tw-text-opacity))}.theme-lemonade .dark .nl-footer{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.theme-lemonade .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-lemonade .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-lemonade .nl-input{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity));border-color:rgb(34 197 94/var(--tw-border-opacity))}.theme-lemonade .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity));color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.theme-lemonade .nl-select{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity));border-color:rgb(34 197 94/var(--tw-border-opacity))}.theme-lemonade .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity));color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74/var(--tw-ring-opacity))}.theme-lemonade .nl-select-list{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.theme-lemonade .nl-select-option{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.theme-lemonade .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.theme-lemonade .dark .nl-select-option{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.theme-lemonade .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity));color:rgb(134 239 172/var(--tw-text-opacity))}.theme-lemonade .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-lemonade .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-lemonade .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-lemonade .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-purple .nl-bg{--tw-bg-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(233 213 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.theme-purple .dark .nl-bg{--tw-bg-opacity:1;--tw-shadow-color:rgba(51,65,85,.7);--tw-shadow:var(--tw-shadow-colored);background-color:rgb(59 7 100/var(--tw-bg-opacity))}.theme-purple .nl-description,.theme-purple .nl-logo,.theme-purple .nl-title{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .dark .nl-description,.theme-purple .dark .nl-logo,.theme-purple .dark .nl-title{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .nl-action-button{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-purple .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-action-button{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.theme-purple .dark .nl-action-button:hover{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity))}.theme-purple .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(243 232 255/var(--tw-bg-opacity));border-color:rgb(233 213 255/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity));border-color:rgb(59 7 100/var(--tw-border-opacity));color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity))}.theme-purple .nl-divider{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .nl-divider:after,.theme-purple .nl-divider:before{--tw-border-opacity:1;border-color:rgb(59 7 100/var(--tw-border-opacity));content:var(--tw-content)}.theme-purple .dark .nl-divider{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .dark .nl-divider:after,.theme-purple .dark .nl-divider:before{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity));content:var(--tw-content)}.theme-purple .nl-footer{--tw-text-opacity:1;color:rgb(59 7 100/var(--tw-text-opacity))}.theme-purple .dark .nl-footer{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity))}.theme-purple .nl-error{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.theme-purple .dark .nl-error{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}.theme-purple .nl-input{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .nl-input:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-purple .dark .nl-input{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity));color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-input:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.theme-purple .nl-select{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .nl-select:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity));border-color:rgb(168 85 247/var(--tw-border-opacity))}.theme-purple .dark .nl-select{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity));color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-select:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 51 234/var(--tw-ring-opacity))}.theme-purple .nl-select-list{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-select-list{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity))}.theme-purple .nl-select-option{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity))}.theme-purple .nl-select-option:hover{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity))}.theme-purple .dark .nl-select-option{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.theme-purple .dark .nl-select-option:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity));color:rgb(216 180 254/var(--tw-text-opacity))}.theme-purple .nl-text-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.theme-purple .dark .nl-text-error{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.theme-purple .nl-text-success{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.theme-purple .dark .nl-text-success{--tw-text-opacity:1;color:rgb(45 212 191/var(--tw-text-opacity))}.theme-crab .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);background-color:rgb(254 226 226/var(--tw-bg-opacity));border-color:rgb(254 202 202/var(--tw-border-opacity));border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(69 10 10/var(--tw-text-opacity))}.theme-crab .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.theme-crab .dark .nl-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity));border-color:rgb(69 10 10/var(--tw-border-opacity));color:rgb(254 202 202/var(--tw-text-opacity))}.theme-crab .dark .nl-button:hover{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}.show-slow{display:none;opacity:0;transition:.1s}.isOpen .show-slow{display:block;opacity:1;transition:.2s;transition-delay:.2s}:host{display:block}.animate-spin-loading{animation:spin2 1s linear infinite;background:var(--qa-dark-color)}@keyframes spin2{to{transform:rotate(1turn)}}.active{animation:blink .7s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:0}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.right-2{right:8px}.top-2{top:8px}.top-52{top:208px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px}.ml-0{margin-left:0}.ml-\\[2px\\]{margin-left:2px}.mr-0{margin-right:0}.mr-2{margin-right:8px}.mr-3\\.5{margin-right:14px}.mt-2{margin-top:8px}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-12{height:48px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-\\[46px\\]{height:46px}.h-auto{height:auto}.w-0{width:0}.w-12{width:48px}.w-16{width:64px}.w-4{width:16px}.w-5{width:20px}.w-52{width:208px}.w-6{width:24px}.w-7{width:28px}.w-8{width:32px}.w-\\[48px\\]{width:48px}.w-full{width:100%}.min-w-40{min-width:160px}.max-w-40{max-width:160px}.flex-shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-2{column-gap:8px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-\\[0px\\]{border-width:0}.border-\\[2px\\]{border-width:2px}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-3{padding:12px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-2\\.5{padding-bottom:10px;padding-top:10px}.pl-\\[11px\\]{padding-left:11px}.text-center{text-align:center}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:right-2:hover{right:8px}.hover\\:rounded-r-lg:hover{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-50:disabled{opacity:.5}.dark\\:text-gray-300:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\\:focus\\:outline-none:focus:is(.dark ){outline:2px solid transparent;outline-offset:2px}.dark\\:focus\\:ring-1:focus:is(.dark ){--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)}.dark\\:focus\\:ring-gray-600:focus:is(.dark ){--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99/var(--tw-ring-opacity))}.w-auto{width:auto}.rounded-xl{border-radius:.75rem}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-teal-300{--tw-border-opacity:1;border-color:rgb(94 234 212/var(--tw-border-opacity))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(253 224 71/var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-teal-100{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.px-1{padding-left:4px;padding-right:4px}.text-\\[10px\\]{font-size:10px}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-\\[80\\]{z-index:80}.z-\\[81\\]{z-index:81}.h-full{height:100%}.max-w-96{max-width:384px}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.p-4{padding:16px}.px-4{padding-left:16px;padding-right:16px}.py-3{padding-bottom:12px}.pt-3,.py-3{padding-top:12px}.text-base{font-size:16px;line-height:24px}.font-light{font-weight:300}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}@media (min-width:640px){.sm\\:mx-auto{margin-left:auto;margin-right:auto}.sm\\:w-full{width:100%}.sm\\:max-w-lg{max-width:512px}}.pointer-events-none{pointer-events:none}.inset-y-0{bottom:0;top:0}.mb-3{margin-bottom:12px}.mt-0\\.5{margin-top:2px}.mt-1{margin-top:4px}.max-w-72{max-width:288px}.items-start{align-items:flex-start}.border-\\[3px\\]{border-width:3px}.border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21/var(--tw-border-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.pe-4{padding-inline-end:16px}.ps-11{padding-inline-start:44px}.ps-4{padding-inline-start:16px}.pt-2{padding-top:8px}.text-2xl{font-size:24px;line-height:32px}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.peer:disabled~.peer-disabled\\:pointer-events-none{pointer-events:none}.peer:disabled~.peer-disabled\\:opacity-50{opacity:.5}.dark\\:border-transparent:is(.dark ){border-color:transparent}.dark\\:border-yellow-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.dark\\:bg-yellow-900\\/20:is(.dark ){background-color:rgba(113,63,18,.2)}.max-w-52{max-width:208px}.gap-3{gap:12px}.pb-5{padding-bottom:20px}.text-3xl{font-size:30px;line-height:36px}.text-lg{font-size:18px;line-height:28px}.mt-3{margin-top:12px}.text-4xl{font-size:36px;line-height:40px}.mb-10{margin-bottom:40px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-10{margin-top:40px}.h-20{height:80px}.w-20{width:80px}.border-\\[4px\\]{border-width:4px}.min-w-\\[15rem\\]{min-width:15rem}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.gap-x-3\\.5{column-gap:14px}.overflow-hidden,.truncate{overflow:hidden}.p-2{padding:8px}.py-2{padding-bottom:8px;padding-top:8px}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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)}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:-top-4:before{content:var(--tw-content);top:-16px}.before\\:start-0:before{content:var(--tw-content);inset-inline-start:0}.before\\:h-4:before{content:var(--tw-content);height:16px}.before\\:w-full:before{content:var(--tw-content);width:100%}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-bottom-4:after{bottom:-16px;content:var(--tw-content)}.after\\:start-0:after{content:var(--tw-content);inset-inline-start:0}.after\\:h-4:after{content:var(--tw-content);height:16px}.after\\:w-full:after{content:var(--tw-content);width:100%}.ml-2{margin-left:8px}.mt-0{margin-top:0}.max-h-0{max-height:0}.max-h-\\[500px\\]{max-height:500px}.max-w-7{max-width:28px}.cursor-default{cursor:default}.gap-0\\.5{gap:2px}.overflow-hidden{overflow:hidden}.border-b-\\[1px\\]{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.pb-1{padding-bottom:4px}.pb-1\\.5{padding-bottom:6px}.pt-5{padding-top:20px}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.decoration-dashed{text-decoration-style:dashed}.opacity-50{opacity:.5}.grayscale{--tw-grayscale:grayscale(100%);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)}.duration-\\[0\\.25s\\]{transition-duration:.25s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.hover\\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.dark\\:text-green-200:is(.dark ){--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity))}.mb-4{margin-bottom:16px}.flex-1{flex:1 1 0%}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4pxvar(--tw-space-y-reverse));margin-top:calc(4px(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.py-1{padding-bottom:4px;padding-top:4px}.py-1\\.5{padding-bottom:6px;padding-top:6px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.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)}.hover\\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.dark\\:border-gray-600:is(.dark ){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700:is(.dark ){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:bg-gray-800:is(.dark ){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.dark\\:text-blue-400:is(.dark ){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.dark\\:text-gray-100:is(.dark ){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.dark\\:text-gray-400:is(.dark ){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.dark\\:text-red-400:is(.dark ){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.dark\\:hover\\:text-blue-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.dark\\:hover\\:text-gray-300:hover:is(.dark ){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.dark\\:hover\\:text-red-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.mb-0\\.5{margin-bottom:2px}.mb-5{margin-bottom:20px}.w-72{width:288px}.pb-2{padding-bottom:8px}.end-0{inset-inline-end:0}.h-\\[20px\\]{height:20px}.w-\\[20px\\]{width:20px}.pe-11{padding-inline-end:44px}.right-\\[-2px\\]{right:-2px}.right-\\[-3px\\]{right:-3px}.top-\\[-2px\\]{top:-2px}.top-\\[-3px\\]{top:-3px}.ml-auto,.mx-auto{margin-left:auto}.h-1\\.5{height:6px}.h-3{height:12px}.w-1\\.5{width:6px}.w-3{width:12px}.max-w-6{max-width:24px}.border-2{border-width:2px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.pb-3{padding-bottom:12px}.pt-0{padding-top:0}.hover\\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.group:hover .group-hover\\:border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.w-60{width:240px}";

package/dist/components/nl-auth2.js CHANGED Viewed

@@ -63,6 +63,11 @@ const NlAuth = /*@__PURE__*/ proxyCustomElement(class NlAuth extends HTMLElement
         this.connectionString = '';
         this.connectionStringServices = [];
     }
+    handleKeyDown(ev) {
+        if (ev.key === 'Escape') {
+            this.handleClose();
+        }
+    }
     watchLoadingHandler(newValue) {
         state.isLoading = newValue;
     }
@@ -127,8 +132,6 @@ const NlAuth = /*@__PURE__*/ proxyCustomElement(class NlAuth extends HTMLElement
         const renderModule = () => {
             if (state.isOTP)
                 return h("nl-signin-otp", null);
-            // @ts-ignore
-            // const t: CURRENT_MODULE = 'import' // lastValuePath
             switch (currentModule) {
                 case CURRENT_MODULE.WELCOME:
                     return h("nl-welcome", { titleWelcome: this.welcomeTitle || undefined, description: this.welcomeDescription || undefined });
@@ -182,7 +185,7 @@ const NlAuth = /*@__PURE__*/ proxyCustomElement(class NlAuth extends HTMLElement
                 currentModule !== CURRENT_MODULE.PREVIOUSLY_LOGGED);
         const showSignup = currentModule !== CURRENT_MODULE.IFRAME &&
             (!this.authMethods.length || (!this.localSignup && this.authMethods.includes('connect')) || (this.localSignup && this.authMethods.includes('local')));
-        return (h("div", { class: `theme-${this.theme}`, dir: "ltr" }, h("div", { class: classWrapper }, h("div", { onClick: () => this.handleClose(), class: "absolute top-0 left-0 w-full h-full bg-gray-500 bg-opacity-75 z-[80]" }), h("div", { class: "nl-bg relative z-[81] w-full flex flex-col rounded-xl sm:max-w-lg sm:w-full sm:mx-auto" }, h("div", { class: `flex justify-between items-center py-3 px-4` }, h("div", { class: "flex gap-2 items-center" }, h("svg", { class: "w-7 h-7", width: "225", height: "224", viewBox: "0 0 225 224", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "224.047", height: "224", rx: "64", fill: "#6951FA" }), h("path", { d: "M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z", fill: "white" })), h("p", { class: "font-bold nl-logo text-base" }, "Nostr ", h("span", { class: "font-light" }, "Login"))), h("div", { class: "flex gap-1" }, h("button", { onClick: () => this.handleChangeDarkMode(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Change theme"), this.darkMode ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" })))), !state.isLoading && (h("button", { onClick: () => (state.path = [...state.path, CURRENT_MODULE.INFO]), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Info"), h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })))), h("button", { onClick: () => this.handleClose(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Close"), h("svg", { class: "flex-shrink-0 w-5 h-5", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))))), state.path.length > 1 && !state.isLoading && (h("div", { class: "p-4" }, h("button", { onClick: () => this.handleClickToBack(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent  dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600", "data-hs-overlay": "#hs-vertically-centered-modal" }, h("span", { class: "sr-only" }, "Back"), h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" }))))), state.isLoading || state.authUrl ? (h("nl-loading", { path: currentModule })) : (h(Fragment, null, renderModule(), showLogin && (h(Fragment, null, currentModule === CURRENT_MODULE.WELCOME_SIGNUP || currentModule === CURRENT_MODULE.SIGNUP || currentModule === CURRENT_MODULE.LOCAL_SIGNUP ? (h("div", { class: "p-4 overflow-y-auto" }, h("p", { class: "nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto" }, "If you already have a profile please", ' ', h("span", { onClick: () => this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_LOGIN), class: "cursor-pointer text-blue-400" }, "log in"), "."))) : (showSignup && (h("div", { class: "p-4 overflow-y-auto" }, h("p", { class: "nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto" }, "If you don't have a profile please", ' ', h("span", { onClick: () => this.localSignup ? this.switchSignSignUpStrategy(CURRENT_MODULE.LOCAL_SIGNUP) : this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_SIGNUP), class: "cursor-pointer text-blue-400" }, "sign up"), "."))))))))))));
+        return (h("div", { class: `theme-${this.theme}`, dir: "ltr" }, h("div", { class: classWrapper, role: "dialog", "aria-modal": "true", "aria-label": "Nostr Login" }, h("div", { onClick: () => this.handleClose(), class: "absolute top-0 left-0 w-full h-full bg-gray-500 bg-opacity-75 z-[80]" }), h("div", { class: "nl-bg relative z-[81] w-full flex flex-col rounded-xl sm:max-w-lg sm:w-full sm:mx-auto" }, h("div", { class: `flex justify-between items-center py-3 px-4` }, h("div", { class: "flex gap-2 items-center" }, h("svg", { class: "w-7 h-7", width: "225", height: "224", viewBox: "0 0 225 224", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "224.047", height: "224", rx: "64", fill: "#6951FA" }), h("path", { d: "M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z", fill: "white" })), h("p", { class: "font-bold nl-logo text-base" }, "Nostr ", h("span", { class: "font-light" }, "Login"))), h("div", { class: "flex gap-1" }, h("button", { onClick: () => this.handleChangeDarkMode(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Change theme"), this.darkMode ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" })))), !state.isLoading && (h("button", { onClick: () => (state.path = [...state.path, CURRENT_MODULE.INFO]), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Info"), h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })))), h("button", { onClick: () => this.handleClose(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent" }, h("span", { class: "sr-only" }, "Close"), h("svg", { class: "flex-shrink-0 w-5 h-5", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))))), state.path.length > 1 && !state.isLoading && (h("div", { class: "p-4" }, h("button", { onClick: () => this.handleClickToBack(), type: "button", class: "nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent  dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600", "data-hs-overlay": "#hs-vertically-centered-modal" }, h("span", { class: "sr-only" }, "Back"), h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-5 h-5" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" }))))), state.isLoading || state.authUrl ? (h("nl-loading", { path: currentModule })) : (h(Fragment, null, renderModule(), showLogin && (h(Fragment, null, currentModule === CURRENT_MODULE.WELCOME_SIGNUP || currentModule === CURRENT_MODULE.SIGNUP || currentModule === CURRENT_MODULE.LOCAL_SIGNUP ? (h("div", { class: "p-4 overflow-y-auto" }, h("p", { class: "nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto" }, "If you already have a profile please", ' ', h("span", { onClick: () => this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_LOGIN), class: "cursor-pointer text-blue-400" }, "log in"), "."))) : (showSignup && (h("div", { class: "p-4 overflow-y-auto" }, h("p", { class: "nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto" }, "If you don't have a profile please", ' ', h("span", { onClick: () => this.localSignup ? this.switchSignSignUpStrategy(CURRENT_MODULE.LOCAL_SIGNUP) : this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_SIGNUP), class: "cursor-pointer text-blue-400" }, "sign up"), "."))))))))))));
     }
     static get watchers() { return {
         "isLoading": ["watchLoadingHandler"],
@@ -217,7 +220,7 @@ const NlAuth = /*@__PURE__*/ proxyCustomElement(class NlAuth extends HTMLElement
         "welcomeDescription": [1, "welcome-description"],
         "connectionString": [1, "connection-string"],
         "connectionStringServices": [16]
-    }, undefined, {
+    }, [[8, "keydown", "handleKeyDown"]], {
         "isLoading": ["watchLoadingHandler"],
         "isLoadingExtension": ["watchLoadingExtensionHandler"],
         "isOTP": ["watchOTPHandler"],

package/dist/components/nl-auth2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nl-auth2.js","mappings":"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","names":[],"sources":["src/components/nl-auth/nl-auth.css?tag=nl-auth&encapsulation=shadow","src/components/nl-auth/nl-auth.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Event, EventEmitter, Fragment, h, Prop, Watch } from '@stencil/core';\nimport { AuthMethod, ConnectionString, CURRENT_MODULE, Info, NlTheme, RecentType } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n tag: 'nl-auth',\n styleUrl: 'nl-auth.css',\n shadow: true,\n})\nexport class NlAuth {\n @Prop({ mutable: true }) theme: NlTheme = 'default';\n @Prop() bunkers: string = '';\n @Prop() startScreen: string = CURRENT_MODULE.WELCOME;\n @Prop() authMethods: AuthMethod[] = [];\n @Prop() hasExtension: boolean = false;\n @Prop() hasOTP: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isLoadingExtension: boolean = false;\n @Prop() isOTP: boolean = false;\n @Prop() authUrl: string = '';\n @Prop() iframeUrl: string = '';\n @Prop() error: string = '';\n @Prop() localSignup: boolean = false;\n @Prop() signupNjump: boolean = false;\n @Prop() njumpIframe: string = '';\n @Prop({ mutable: true }) accounts: Info[] = [];\n @Prop({ mutable: true }) recents: RecentType[] = [];\n @Prop({ mutable: true }) darkMode: boolean = false;\n @Prop() welcomeTitle: string = '';\n @Prop() welcomeDescription: string = '';\n @Prop() connectionString: string = '';\n @Prop() connectionStringServices: ConnectionString[] = [];\n\n @Event() nlCloseModal: EventEmitter;\n @Event() nlChangeDarkMode: EventEmitter<boolean>;\n @Event() nlNostrConnectDefaultCancel: EventEmitter<void>;\n\n prevPath: string = '';\n\n @Watch('isLoading')\n watchLoadingHandler(newValue: boolean) {\n state.isLoading = newValue;\n }\n\n @Watch('isLoadingExtension')\n watchLoadingExtensionHandler(newValue: boolean) {\n state.isLoadingExtension = newValue;\n }\n\n @Watch('isOTP')\n watchOTPHandler(newValue: boolean) {\n state.isOTP = newValue;\n }\n\n @Watch('authUrl')\n watchAuthUrlHandler(newValue: string) {\n state.authUrl = newValue;\n }\n\n @Watch('iframeUrl')\n watchIframeUrlHandler(newValue: string) {\n state.iframeUrl = newValue;\n }\n\n @Watch('njumpIframe')\n watchNjumpIframeHandler(newValue: string) {\n state.njumpIframe = newValue;\n }\n\n @Watch('error')\n watchErrorHandler(newValue: string) {\n state.error = newValue;\n }\n\n handleClose() {\n this.nlCloseModal.emit();\n }\n\n handleChangeDarkMode() {\n this.nlChangeDarkMode.emit(!this.darkMode);\n }\n\n componentWillLoad() {\n // init state\n state.path = [this.startScreen as CURRENT_MODULE];\n state.error = '';\n state.iframeUrl = '';\n state.authUrl = '';\n state.isLoading = false;\n state.isLoadingExtension = false;\n state.isOTP = false;\n\n console.log('path', state.path);\n }\n\n handleClickToBack() {\n state.path.pop();\n state.path = [...state.path];\n\n // reset\n state.isLoading = false;\n state.isLoadingExtension = false;\n state.authUrl = '';\n state.isOTP = false;\n }\n\n switchSignSignUpStrategy(str: CURRENT_MODULE) {\n if (CURRENT_MODULE.LOCAL_SIGNUP === str) {\n state.path = [CURRENT_MODULE.WELCOME, CURRENT_MODULE.WELCOME_SIGNUP, str];\n\n return;\n }\n\n state.path = [CURRENT_MODULE.WELCOME, str];\n }\n\n render() {\n const classWrapper = `w-full h-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto flex items-center ${this.darkMode ? 'dark' : ''}`;\n const currentModule = state.path.at(-1);\n\n if (currentModule !== this.prevPath && this.prevPath === CURRENT_MODULE.CONNECTION_STRING) {\n this.nlNostrConnectDefaultCancel.emit();\n }\n this.prevPath = currentModule;\n\n const renderModule = () => {\n if (state.isOTP) return <nl-signin-otp />;\n\n // @ts-ignore\n // const t: CURRENT_MODULE = 'import' // lastValuePath\n\n switch (currentModule) {\n case CURRENT_MODULE.WELCOME:\n return <nl-welcome titleWelcome={this.welcomeTitle \|\| undefined} description={this.welcomeDescription \|\| undefined} />;\n case CURRENT_MODULE.LOGIN:\n return <nl-signin />;\n case CURRENT_MODULE.SIGNUP:\n return <nl-signup bunkers={this.bunkers} />;\n case CURRENT_MODULE.LOCAL_SIGNUP:\n return <nl-local-signup signupNjump={this.signupNjump} />;\n case CURRENT_MODULE.CONFIRM_LOGOUT:\n return <nl-confirm-logout />;\n case CURRENT_MODULE.IMPORT_FLOW:\n return <nl-import-flow services={this.connectionStringServices} />;\n case CURRENT_MODULE.IMPORT_OTP:\n return <nl-otp-migrate services={this.connectionStringServices} />;\n case CURRENT_MODULE.INFO:\n return <nl-info />;\n case CURRENT_MODULE.EXTENSION:\n return <nl-info-extension />;\n case CURRENT_MODULE.LOGIN_READ_ONLY:\n return <nl-signin-read-only />;\n case CURRENT_MODULE.LOGIN_BUNKER_URL:\n return <nl-signin-bunker-url />;\n case CURRENT_MODULE.LOGIN_OTP:\n return <nl-signin-otp />;\n case CURRENT_MODULE.LOGIN_NSEC:\n return <nl-signin-nsec />;\n case CURRENT_MODULE.WELCOME_LOGIN:\n return <nl-welcome-signin hasOTP={this.hasOTP} authMethods={this.authMethods} hasExtension={this.hasExtension} />;\n case CURRENT_MODULE.WELCOME_SIGNUP:\n return <nl-welcome-signup />;\n case CURRENT_MODULE.CONNECTION_STRING:\n return <nl-signin-connection-string connectionString={this.connectionString} />;\n case CURRENT_MODULE.CONNECT:\n return <nl-connect connectionStringServices={this.connectionStringServices} authMethods={this.authMethods} />;\n case CURRENT_MODULE.PREVIOUSLY_LOGGED:\n return <nl-previously-logged accounts={this.accounts} recents={this.recents} />;\n case CURRENT_MODULE.IFRAME:\n return <nl-iframe iframeUrl={this.authUrl} />;\n default:\n return <nl-welcome />;\n }\n };\n\n const showLogin =\n state.isOTP \|\|\n (currentModule !== CURRENT_MODULE.INFO &&\n currentModule !== CURRENT_MODULE.CONFIRM_LOGOUT &&\n currentModule !== CURRENT_MODULE.IMPORT_FLOW &&\n currentModule !== CURRENT_MODULE.WELCOME &&\n currentModule !== CURRENT_MODULE.EXTENSION &&\n currentModule !== CURRENT_MODULE.IFRAME &&\n currentModule !== CURRENT_MODULE.PREVIOUSLY_LOGGED);\n\n const showSignup =\n currentModule !== CURRENT_MODULE.IFRAME &&\n (!this.authMethods.length \|\| (!this.localSignup && this.authMethods.includes('connect')) \|\| (this.localSignup && this.authMethods.includes('local')));\n\n return (\n <div class={`theme-${this.theme}`} dir=\"ltr\">\n <div class={classWrapper}>\n <div onClick={() => this.handleClose()} class=\"absolute top-0 left-0 w-full h-full bg-gray-500 bg-opacity-75 z-[80]\" />\n\n <div class=\"nl-bg relative z-[81] w-full flex flex-col rounded-xl sm:max-w-lg sm:w-full sm:mx-auto\">\n <div class={`flex justify-between items-center py-3 px-4`}>\n <div class=\"flex gap-2 items-center\">\n <svg class=\"w-7 h-7\" width=\"225\" height=\"224\" viewBox=\"0 0 225 224\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"224.047\" height=\"224\" rx=\"64\" fill=\"#6951FA\" />\n <path\n d=\"M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z\"\n fill=\"white\"\n />\n </svg>\n <p class=\"font-bold nl-logo text-base\">\n Nostr <span class=\"font-light\">Login</span>\n </p>\n </div>\n\n <div class=\"flex gap-1\">\n <button\n onClick={() => this.handleChangeDarkMode()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Change theme</span>\n {this.darkMode ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z\"\n />\n </svg>\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z\"\n />\n </svg>\n )}\n </button>\n {!state.isLoading && (\n <button\n onClick={() => (state.path = [...state.path, CURRENT_MODULE.INFO])}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Info</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\"\n />\n </svg>\n </button>\n )}\n <button\n onClick={() => this.handleClose()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Close</span>\n <svg\n class=\"flex-shrink-0 w-5 h-5\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </div>\n </div>\n {state.path.length > 1 && !state.isLoading && (\n <div class=\"p-4\">\n <button\n onClick={() => this.handleClickToBack()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600\"\n data-hs-overlay=\"#hs-vertically-centered-modal\"\n >\n <span class=\"sr-only\">Back</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\" />\n </svg>\n </button>\n </div>\n )}\n {state.isLoading \|\| state.authUrl ? (\n <nl-loading path={currentModule} />\n ) : (\n <Fragment>\n {renderModule()}\n {showLogin && (\n <Fragment>\n {currentModule === CURRENT_MODULE.WELCOME_SIGNUP \|\| currentModule === CURRENT_MODULE.SIGNUP \|\| currentModule === CURRENT_MODULE.LOCAL_SIGNUP ? (\n <div class=\"p-4 overflow-y-auto\">\n <p class=\"nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto\">\n If you already have a profile please{' '}\n <span onClick={() => this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_LOGIN)} class=\"cursor-pointer text-blue-400\">\n log in\n </span>\n .\n </p>\n </div>\n ) : (\n showSignup && (\n <div class=\"p-4 overflow-y-auto\">\n <p class=\"nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto\">\n If you don't have a profile please{' '}\n <span\n onClick={() =>\n this.localSignup ? this.switchSignSignUpStrategy(CURRENT_MODULE.LOCAL_SIGNUP) : this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_SIGNUP)\n }\n class=\"cursor-pointer text-blue-400\"\n >\n sign up\n </span>\n .\n </p>\n </div>\n )\n )}\n </Fragment>\n )}\n </Fragment>\n )}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nl-auth2.js","mappings":"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","names":[],"sources":["src/components/nl-auth/nl-auth.css?tag=nl-auth&encapsulation=shadow","src/components/nl-auth/nl-auth.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Event, EventEmitter, Fragment, h, Listen, Prop, Watch } from '@stencil/core';\nimport { AuthMethod, ConnectionString, CURRENT_MODULE, Info, NlTheme, RecentType } from '@/types';\nimport { state } from '@/store';\n\n@Component({\n tag: 'nl-auth',\n styleUrl: 'nl-auth.css',\n shadow: true,\n})\nexport class NlAuth {\n @Prop({ mutable: true }) theme: NlTheme = 'default';\n @Prop() bunkers: string = '';\n @Prop() startScreen: string = CURRENT_MODULE.WELCOME;\n @Prop() authMethods: AuthMethod[] = [];\n @Prop() hasExtension: boolean = false;\n @Prop() hasOTP: boolean = false;\n @Prop() isLoading: boolean = false;\n @Prop() isLoadingExtension: boolean = false;\n @Prop() isOTP: boolean = false;\n @Prop() authUrl: string = '';\n @Prop() iframeUrl: string = '';\n @Prop() error: string = '';\n @Prop() localSignup: boolean = false;\n @Prop() signupNjump: boolean = false;\n @Prop() njumpIframe: string = '';\n @Prop({ mutable: true }) accounts: Info[] = [];\n @Prop({ mutable: true }) recents: RecentType[] = [];\n @Prop({ mutable: true }) darkMode: boolean = false;\n @Prop() welcomeTitle: string = '';\n @Prop() welcomeDescription: string = '';\n @Prop() connectionString: string = '';\n @Prop() connectionStringServices: ConnectionString[] = [];\n\n @Event() nlCloseModal: EventEmitter;\n @Event() nlChangeDarkMode: EventEmitter<boolean>;\n @Event() nlNostrConnectDefaultCancel: EventEmitter<void>;\n\n prevPath: string = '';\n\n @Listen('keydown', { target: 'window' })\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape') {\n this.handleClose();\n }\n }\n\n @Watch('isLoading')\n watchLoadingHandler(newValue: boolean) {\n state.isLoading = newValue;\n }\n\n @Watch('isLoadingExtension')\n watchLoadingExtensionHandler(newValue: boolean) {\n state.isLoadingExtension = newValue;\n }\n\n @Watch('isOTP')\n watchOTPHandler(newValue: boolean) {\n state.isOTP = newValue;\n }\n\n @Watch('authUrl')\n watchAuthUrlHandler(newValue: string) {\n state.authUrl = newValue;\n }\n\n @Watch('iframeUrl')\n watchIframeUrlHandler(newValue: string) {\n state.iframeUrl = newValue;\n }\n\n @Watch('njumpIframe')\n watchNjumpIframeHandler(newValue: string) {\n state.njumpIframe = newValue;\n }\n\n @Watch('error')\n watchErrorHandler(newValue: string) {\n state.error = newValue;\n }\n\n handleClose() {\n this.nlCloseModal.emit();\n }\n\n handleChangeDarkMode() {\n this.nlChangeDarkMode.emit(!this.darkMode);\n }\n\n componentWillLoad() {\n // init state\n state.path = [this.startScreen as CURRENT_MODULE];\n state.error = '';\n state.iframeUrl = '';\n state.authUrl = '';\n state.isLoading = false;\n state.isLoadingExtension = false;\n state.isOTP = false;\n\n console.log('path', state.path);\n }\n\n handleClickToBack() {\n state.path.pop();\n state.path = [...state.path];\n\n // reset\n state.isLoading = false;\n state.isLoadingExtension = false;\n state.authUrl = '';\n state.isOTP = false;\n }\n\n switchSignSignUpStrategy(str: CURRENT_MODULE) {\n if (CURRENT_MODULE.LOCAL_SIGNUP === str) {\n state.path = [CURRENT_MODULE.WELCOME, CURRENT_MODULE.WELCOME_SIGNUP, str];\n\n return;\n }\n\n state.path = [CURRENT_MODULE.WELCOME, str];\n }\n\n render() {\n const classWrapper = `w-full h-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto flex items-center ${this.darkMode ? 'dark' : ''}`;\n const currentModule = state.path.at(-1);\n\n if (currentModule !== this.prevPath && this.prevPath === CURRENT_MODULE.CONNECTION_STRING) {\n this.nlNostrConnectDefaultCancel.emit();\n }\n this.prevPath = currentModule;\n\n const renderModule = () => {\n if (state.isOTP) return <nl-signin-otp />;\n\n switch (currentModule) {\n case CURRENT_MODULE.WELCOME:\n return <nl-welcome titleWelcome={this.welcomeTitle \|\| undefined} description={this.welcomeDescription \|\| undefined} />;\n case CURRENT_MODULE.LOGIN:\n return <nl-signin />;\n case CURRENT_MODULE.SIGNUP:\n return <nl-signup bunkers={this.bunkers} />;\n case CURRENT_MODULE.LOCAL_SIGNUP:\n return <nl-local-signup signupNjump={this.signupNjump} />;\n case CURRENT_MODULE.CONFIRM_LOGOUT:\n return <nl-confirm-logout />;\n case CURRENT_MODULE.IMPORT_FLOW:\n return <nl-import-flow services={this.connectionStringServices} />;\n case CURRENT_MODULE.IMPORT_OTP:\n return <nl-otp-migrate services={this.connectionStringServices} />;\n case CURRENT_MODULE.INFO:\n return <nl-info />;\n case CURRENT_MODULE.EXTENSION:\n return <nl-info-extension />;\n case CURRENT_MODULE.LOGIN_READ_ONLY:\n return <nl-signin-read-only />;\n case CURRENT_MODULE.LOGIN_BUNKER_URL:\n return <nl-signin-bunker-url />;\n case CURRENT_MODULE.LOGIN_OTP:\n return <nl-signin-otp />;\n case CURRENT_MODULE.LOGIN_NSEC:\n return <nl-signin-nsec />;\n case CURRENT_MODULE.WELCOME_LOGIN:\n return <nl-welcome-signin hasOTP={this.hasOTP} authMethods={this.authMethods} hasExtension={this.hasExtension} />;\n case CURRENT_MODULE.WELCOME_SIGNUP:\n return <nl-welcome-signup />;\n case CURRENT_MODULE.CONNECTION_STRING:\n return <nl-signin-connection-string connectionString={this.connectionString} />;\n case CURRENT_MODULE.CONNECT:\n return <nl-connect connectionStringServices={this.connectionStringServices} authMethods={this.authMethods} />;\n case CURRENT_MODULE.PREVIOUSLY_LOGGED:\n return <nl-previously-logged accounts={this.accounts} recents={this.recents} />;\n case CURRENT_MODULE.IFRAME:\n return <nl-iframe iframeUrl={this.authUrl} />;\n default:\n return <nl-welcome />;\n }\n };\n\n const showLogin =\n state.isOTP \|\|\n (currentModule !== CURRENT_MODULE.INFO &&\n currentModule !== CURRENT_MODULE.CONFIRM_LOGOUT &&\n currentModule !== CURRENT_MODULE.IMPORT_FLOW &&\n currentModule !== CURRENT_MODULE.WELCOME &&\n currentModule !== CURRENT_MODULE.EXTENSION &&\n currentModule !== CURRENT_MODULE.IFRAME &&\n currentModule !== CURRENT_MODULE.PREVIOUSLY_LOGGED);\n\n const showSignup =\n currentModule !== CURRENT_MODULE.IFRAME &&\n (!this.authMethods.length \|\| (!this.localSignup && this.authMethods.includes('connect')) \|\| (this.localSignup && this.authMethods.includes('local')));\n\n return (\n <div class={`theme-${this.theme}`} dir=\"ltr\">\n <div class={classWrapper} role=\"dialog\" aria-modal=\"true\" aria-label=\"Nostr Login\">\n <div onClick={() => this.handleClose()} class=\"absolute top-0 left-0 w-full h-full bg-gray-500 bg-opacity-75 z-[80]\" />\n\n <div class=\"nl-bg relative z-[81] w-full flex flex-col rounded-xl sm:max-w-lg sm:w-full sm:mx-auto\">\n <div class={`flex justify-between items-center py-3 px-4`}>\n <div class=\"flex gap-2 items-center\">\n <svg class=\"w-7 h-7\" width=\"225\" height=\"224\" viewBox=\"0 0 225 224\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect width=\"224.047\" height=\"224\" rx=\"64\" fill=\"#6951FA\" />\n <path\n d=\"M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z\"\n fill=\"white\"\n />\n </svg>\n <p class=\"font-bold nl-logo text-base\">\n Nostr <span class=\"font-light\">Login</span>\n </p>\n </div>\n\n <div class=\"flex gap-1\">\n <button\n onClick={() => this.handleChangeDarkMode()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Change theme</span>\n {this.darkMode ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z\"\n />\n </svg>\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z\"\n />\n </svg>\n )}\n </button>\n {!state.isLoading && (\n <button\n onClick={() => (state.path = [...state.path, CURRENT_MODULE.INFO])}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Info</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n d=\"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z\"\n />\n </svg>\n </button>\n )}\n <button\n onClick={() => this.handleClose()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent\"\n >\n <span class=\"sr-only\">Close</span>\n <svg\n class=\"flex-shrink-0 w-5 h-5\"\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n >\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </svg>\n </button>\n </div>\n </div>\n {state.path.length > 1 && !state.isLoading && (\n <div class=\"p-4\">\n <button\n onClick={() => this.handleClickToBack()}\n type=\"button\"\n class=\"nl-action-button flex justify-center items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600\"\n data-hs-overlay=\"#hs-vertically-centered-modal\"\n >\n <span class=\"sr-only\">Back</span>\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"flex-shrink-0 w-5 h-5\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18\" />\n </svg>\n </button>\n </div>\n )}\n {state.isLoading \|\| state.authUrl ? (\n <nl-loading path={currentModule} />\n ) : (\n <Fragment>\n {renderModule()}\n {showLogin && (\n <Fragment>\n {currentModule === CURRENT_MODULE.WELCOME_SIGNUP \|\| currentModule === CURRENT_MODULE.SIGNUP \|\| currentModule === CURRENT_MODULE.LOCAL_SIGNUP ? (\n <div class=\"p-4 overflow-y-auto\">\n <p class=\"nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto\">\n If you already have a profile please{' '}\n <span onClick={() => this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_LOGIN)} class=\"cursor-pointer text-blue-400\">\n log in\n </span>\n .\n </p>\n </div>\n ) : (\n showSignup && (\n <div class=\"p-4 overflow-y-auto\">\n <p class=\"nl-footer font-light text-center text-sm pt-3 max-w-96 mx-auto\">\n If you don't have a profile please{' '}\n <span\n onClick={() =>\n this.localSignup ? this.switchSignSignUpStrategy(CURRENT_MODULE.LOCAL_SIGNUP) : this.switchSignSignUpStrategy(CURRENT_MODULE.WELCOME_SIGNUP)\n }\n class=\"cursor-pointer text-blue-400\"\n >\n sign up\n </span>\n .\n </p>\n </div>\n )\n )}\n </Fragment>\n )}\n </Fragment>\n )}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/nl-banner2.js CHANGED Viewed

@@ -15,14 +15,14 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.handleNotifyConfirmBanner = createEvent(this, "handleNotifyConfirmBanner", 7);
-        this.handleNotifyConfirmBannerIframe = createEvent(this, "handleNotifyConfirmBannerIframe", 7);
-        this.handleLoginBanner = createEvent(this, "handleLoginBanner", 7);
-        this.handleLogoutBanner = createEvent(this, "handleLogoutBanner", 7);
-        this.handleOpenWelcomeModal = createEvent(this, "handleOpenWelcomeModal", 7);
-        this.handleConfirmLogout = createEvent(this, "handleConfirmLogout", 7);
-        this.handleImportModal = createEvent(this, "handleImportModal", 7);
-        this.handleCancelTimeout = createEvent(this, "handleCancelTimeout", 7);
+        this.nlNotifyConfirmBanner = createEvent(this, "nlNotifyConfirmBanner", 7);
+        this.nlNotifyConfirmBannerIframe = createEvent(this, "nlNotifyConfirmBannerIframe", 7);
+        this.nlLoginBanner = createEvent(this, "nlLoginBanner", 7);
+        this.nlLogoutBanner = createEvent(this, "nlLogoutBanner", 7);
+        this.nlOpenWelcomeModal = createEvent(this, "nlOpenWelcomeModal", 7);
+        this.nlConfirmLogout = createEvent(this, "nlConfirmLogout", 7);
+        this.nlImportModal = createEvent(this, "nlImportModal", 7);
+        this.nlCancelTimeout = createEvent(this, "nlCancelTimeout", 7);
         this.theme = 'default';
         this.darkMode = false;
         this.hiddenMode = false;
@@ -55,47 +55,47 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
             this.isOpen = true;
         }
         else {
-            this.handleOpenWelcomeModal.emit();
+            this.nlOpenWelcomeModal.emit();
         }
     }
     handleClose() {
         this.isOpen = false;
     }
     handleLogin() {
-        this.handleLoginBanner.emit(METHOD_MODULE.LOGIN);
+        this.nlLoginBanner.emit(METHOD_MODULE.LOGIN);
         this.handleClose();
     }
     handleSignup() {
-        this.handleLoginBanner.emit(METHOD_MODULE.SIGNUP);
+        this.nlLoginBanner.emit(METHOD_MODULE.SIGNUP);
         this.handleClose();
     }
     handleImport() {
-        this.handleImportModal.emit();
+        this.nlImportModal.emit();
         this.handleClose();
     }
     handleLogout() {
         const isBackupKey = localStorage.getItem('backupKey');
         if (isBackupKey) {
-            this.handleLogoutBanner.emit(METHOD_MODULE.LOGOUT);
+            this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);
             this.handleClose();
             localStorage.removeItem('backupKey');
             return;
         }
         if (this.userInfo.authMethod === 'local') {
-            this.handleConfirmLogout.emit();
+            this.nlConfirmLogout.emit();
         }
         else {
-            this.handleLogoutBanner.emit(METHOD_MODULE.LOGOUT);
+            this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);
         }
         this.handleClose();
     }
     handleConfirm() {
         switch (this.mode) {
             case 'authUrl':
-                this.handleNotifyConfirmBanner.emit(this.url);
+                this.nlNotifyConfirmBanner.emit(this.url);
                 break;
             case 'iframeAuthUrl':
-                this.handleNotifyConfirmBannerIframe.emit(this.url);
+                this.nlNotifyConfirmBannerIframe.emit(this.url);
                 break;
         }
         this.handleClose();
@@ -107,7 +107,7 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         const isShowUserName = Boolean(userName);
         const defaultUserAvatar = (h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-full" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })));
         const content = (h(Fragment, null, h("div", { class: "block w-[48px] h-[46px] relative z-10" }, h("div", { onClick: () => this.handleOpen(), class: `flex w-52 h-[46px] items-center pl-[11px]` }, h("span", { class: `${this.isLoading ? 'w-5 h-5 border-[2px] mr-3.5 ml-[2px] opacity-1' : 'w-0 h-0 border-[0px] mr-0 opacity-0 ml-0'} animate-spin transition-all duration-300 ease-in-out inline-block border-current border-t-transparent text-slate-900 dark:text-gray-300 rounded-full`, role: "status", "aria-label": "loading" }), this.userInfo ? (h("div", { class: `uppercase font-bold w-6 h-6 mr-2 rounded-full border border-gray-200 flex justify-center items-center` }, isShowImg ? (this.isUserImgError ? (defaultUserAvatar) : (h("img", { class: "w-full rounded-full", src: this.userInfo.picture, alt: "Logo", onError: () => (this.isUserImgError = true) }))) : isShowUserName ? (userName[0]) : (defaultUserAvatar))) : (h("div", { class: "flex justify-center items-center" }, h("svg", { class: "w-6 h-6", width: "225", height: "224", viewBox: "0 0 225 224", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { width: "224.047", height: "224", rx: "64", fill: "#6951FA" }), h("path", { d: "M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z", fill: "white" })), this.isOpen && (h("span", { class: "px-2" }, h("b", null, "Nostr"), " Login")))), this.isOpen && isShowUserName && h("div", { class: "show-slow truncate w-16 text-xs" }, userName), this.isOpen && isShowUserName && h("nl-login-status", { info: this.userInfo }))), h("button", { onClick: () => this.handleClose(), type: "button", class: `${this.isOpen ? 'z-20' : 'z-0'} nl-action-button absolute right-2 top-2 z-0 show-slow grid place-items-center w-7 h-7 text-sm font-semibold rounded-full border border-transparent` }, h("span", { class: "sr-only" }, "Close"), h("svg", { class: "flex-shrink-0 w-5 h-5", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("path", { d: "M18 6 6 18" }), h("path", { d: "m6 6 12 12" }))), h("div", { class: "p-3 show-slow" }, this.isOpenConfirm ? (h("div", null, h("div", { class: "w-8 h-8 p-1/2 rounded-full border border-gray-200 bg-white mb-2 mt-2 show-slow m-auto" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "#5a68ff", class: "w-full" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" }))), h("p", { class: "mb-2 text-center max-w-40 min-w-40 mx-auto" }, this.mode === 'timeout' ? 'Keys not responding, check your key storage app' : `Confirmation required at ${this.domain}`), this.mode === 'timeout' ? (h("div", null, h("a", { onClick: () => this.handleClose(), href: `https://${this.domain}`, target: "_blank", class: "nl-button text-nowrap py-2.5 px-3 w-full inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-lg disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600 mb-2" }, "Go to ", this.domain), h("button-base", { onClick: () => {
-                this.handleCancelTimeout.emit();
+                this.nlCancelTimeout.emit();
                 this.handleClose();
             }, titleBtn: "Cancel" }))) : this.mode === 'rebind' ? (h("iframe", { src: this.url, width: '180', height: '80', frameBorder: '0' })) : (h("button-base", { onClick: () => this.handleConfirm(), titleBtn: "Confirm" })))) : (h("div", null, h("div", null, this.titleBanner && h("p", { class: "mb-2 text-center show-slow max-w-40 min-w-40 mx-auto" }, this.titleBanner), h("div", { class: "mb-2" }, h("nl-change-account", { currentAccount: this.userInfo, accounts: this.accounts })), !this.userInfo ? (h("div", null, h("button-base", { onClick: () => this.handleLogin(), titleBtn: "Log in" }, h("svg", { style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-4 h-4" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }))), h("button-base", { onClick: () => this.handleSignup(), titleBtn: "Sign up" }, h("svg", { style: { display: 'none' }, slot: "icon-start", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "flex-shrink-0 w-4 h-4" }, h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z" }))))) : (h("button-base", { onClick: () => this.handleLogout(), titleBtn: "Log out" }))))))));
         // https://gist.github.com/Haprog/848fc451c25da00b540e6d34c301e96a