@konemono/nostr-login-components 1.4.2 → 1.4.4

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

@@ -1 +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}
+{"file":"button-base2.js","mappings":";;AAAA,MAAM,aAAa,GAAG,u36CAAu36C,CAAC;AAC946C,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

@@ -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}}.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(4px*var(--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}";
+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}.bottom-4{bottom:16px}.right-0{right:0}.right-2{right:8px}.top-2{top:8px}.top-4{top:16px}.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))}.ml-auto,.mx-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-3{margin-top:12px}.w-60{width:240px}.max-w-96{max-width:384px}.flex-col{flex-direction:column}.gap-2{gap:8px}.overflow-y-auto{overflow-y:auto}.p-4{padding:16px}.pt-2{padding-top:8px}.text-4xl{font-size:36px;line-height:40px}.text-lg{font-size:18px;line-height:28px}.font-light{font-weight:300}.pointer-events-none{pointer-events:none}.ml-2{margin-left:8px}.mt-0{margin-top:0}.h-full{height:100%}.max-h-0{max-height:0}.max-h-\\[500px\\]{max-height:500px}.max-w-52{max-width:208px}.max-w-7{max-width:28px}.max-w-72{max-width:288px}.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}.cursor-default{cursor:default}.justify-between{justify-content:space-between}.gap-0\\.5{gap:2px}.gap-3{gap:12px}.gap-x-3\\.5{column-gap:14px}.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))}.p-2{padding:8px}.py-2{padding-bottom:8px;padding-top:8px}.pb-1{padding-bottom:4px}.pb-1\\.5{padding-bottom:6px}.pb-5{padding-bottom:20px}.pe-4{padding-inline-end:16px}.ps-4{padding-inline-start:16px}.pt-5{padding-top:20px}.text-3xl{font-size:30px;line-height:36px}.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))}.mb-3{margin-bottom:12px}.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(4px*var(--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-500{--tw-text-opacity:1;color:rgb(107 114 128/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}.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))}.left-0{left:0}.start-0{inset-inline-start:0}.top-0{top:0}.z-\\[80\\]{z-index:80}.z-\\[81\\]{z-index:81}.gap-1{gap:4px}.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}.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}.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}.mt-10{margin-top:40px}.h-20{height:80px}.w-20{width:80px}.w-72{width:288px}.border-\\[4px\\]{border-width:4px}.opacity-60{opacity:.6}.mb-0\\.5{margin-bottom:2px}.mb-5{margin-bottom:20px}.border-\\[3px\\]{border-width:3px}.pb-2{padding-bottom:8px}.text-2xl{font-size:24px;line-height:32px}.inset-y-0{bottom:0;top:0}.ps-11{padding-inline-start:44px}.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}.right-\\[-2px\\]{right:-2px}.right-\\[-3px\\]{right:-3px}.top-\\[-2px\\]{top:-2px}.top-\\[-3px\\]{top:-3px}.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))}.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))}.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}.mt-1{margin-top:4px}.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)}.min-w-\\[15rem\\]{min-width:15rem}.overflow-hidden,.truncate{overflow:hidden}.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%}.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))}";

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

@@ -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, 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}
+{"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

@@ -28,6 +28,7 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         this.hiddenMode = false;
         this.titleBanner = '';
         this.isOpen = false;
+        this.bannerPosition = 'center';
         this.isLoading = false;
         this.notify = null;
         this.userInfo = null;
@@ -106,7 +107,7 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         const userName = ((_b = this.userInfo) === null || _b === void 0 ? void 0 : _b.name) || ((_e = (_d = (_c = this.userInfo) === null || _c === void 0 ? void 0 : _c.nip05) === null || _d === void 0 ? void 0 : _d.split('@')) === null || _e === void 0 ? void 0 : _e[0]) || ((_f = this.userInfo) === null || _f === void 0 ? void 0 : _f.pubkey) || '';
         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: () => {
+        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' ? 'No response from signer. 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.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" }))))))));
@@ -133,7 +134,8 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         }
         const dialogs = deepQuerySelectorAll('dialog');
         const needDialog = !!dialogs.find(d => d.open && !d.classList.contains('nl-banner-dialog'));
-        return (h("div", { class: `theme-${this.theme} ${!this.isOpen && this.hiddenMode ? 'hidden' : ''}` }, h("div", { class: this.darkMode && 'dark', dir: "ltr" }, this.isOpenConfirm && needDialog ? (h("nl-dialog", null, h("div", { class: `nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen ' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed top-52 right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out` }, content))) : (h("div", { class: `nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed top-52 right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out` }, content)))));
+        const posClass = this.bannerPosition === 'top' ? 'top-4' : this.bannerPosition === 'bottom' ? 'bottom-4' : 'top-52';
+        return (h("div", { class: `theme-${this.theme} ${!this.isOpen && this.hiddenMode ? 'hidden' : ''}` }, h("div", { class: this.darkMode && 'dark', dir: "ltr" }, this.isOpenConfirm && needDialog ? (h("nl-dialog", null, h("div", { class: `nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen ' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed ${posClass} right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out` }, content))) : (h("div", { class: `nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed ${posClass} right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out` }, content)))));
     }
     static get watchers() { return {
         "notify": ["watchNotifyHandler"]
@@ -145,6 +147,7 @@ const NlBanner = /*@__PURE__*/ proxyCustomElement(class NlBanner extends HTMLEle
         "hiddenMode": [1028, "hidden-mode"],
         "titleBanner": [1, "title-banner"],
         "isOpen": [1028, "is-open"],
+        "bannerPosition": [1, "banner-position"],
         "isLoading": [4, "is-loading"],
         "notify": [16],
         "userInfo": [16],

package/dist/components/nl-banner2.js.map

@@ -1 +1 @@
-{"file":"nl-banner2.js","mappings":"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","names":[],"sources":["src/components/nl-banner/nl-banner.css?tag=nl-banner&encapsulation=shadow","src/components/nl-banner/nl-banner.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n","import { Component, Event, EventEmitter, Fragment, h, Prop, State, Watch } from '@stencil/core';\nimport { BannerNotify, BannerNotifyMode, Info, METHOD_MODULE, NlTheme } from '@/types';\n\n@Component({\n  tag: 'nl-banner',\n  styleUrl: 'nl-banner.css',\n  shadow: true,\n})\nexport class NlBanner {\n  @Prop({ mutable: true }) theme: NlTheme = 'default';\n  @Prop({ mutable: true }) darkMode: boolean = false;\n  @Prop({ mutable: true }) hiddenMode: boolean = false;\n  @Prop() titleBanner: string = '';\n  @Prop({ mutable: true }) isOpen: boolean = false;\n\n  @Prop() isLoading: boolean = false;\n  @Prop() notify: BannerNotify | null = null;\n  @Prop() userInfo: Info | null = null;\n  @Prop({ mutable: true }) accounts: Info[] = [];\n\n  @State() isUserImgError = false;\n\n  @State() domain: string = '';\n  @State() mode: BannerNotifyMode = '';\n  @State() url: string = '';\n  @State() isOpenConfirm: boolean = false;\n\n  @Event() nlNotifyConfirmBanner: EventEmitter<string>;\n  @Event() nlNotifyConfirmBannerIframe: EventEmitter<string>;\n  @Event() nlLoginBanner: EventEmitter<string>;\n  @Event() nlLogoutBanner: EventEmitter<string>;\n  @Event() nlOpenWelcomeModal: EventEmitter<string>;\n  @Event() nlConfirmLogout: EventEmitter<string>;\n  @Event() nlImportModal: EventEmitter<string>;\n  @Event() nlCancelTimeout: EventEmitter<void>;\n\n  @Watch('notify')\n  watchNotifyHandler(notify: BannerNotify) {\n    this.isOpen = true;\n    this.isOpenConfirm = true;\n    this.domain = this.userInfo?.domain || this.userInfo?.nip05?.split('@')?.[1] || '';\n\n    this.mode = notify.mode;\n    this.url = notify.url;\n    if (!this.mode) {\n      this.isOpenConfirm = false;\n      this.isOpen = false;\n    }\n  }\n\n  handleOpen() {\n    if (this.userInfo) {\n      this.isOpen = true;\n    } else {\n      this.nlOpenWelcomeModal.emit();\n    }\n  }\n\n  handleClose() {\n    this.isOpen = false;\n  }\n\n  handleLogin() {\n    this.nlLoginBanner.emit(METHOD_MODULE.LOGIN);\n    this.handleClose();\n  }\n\n  handleSignup() {\n    this.nlLoginBanner.emit(METHOD_MODULE.SIGNUP);\n    this.handleClose();\n  }\n\n  handleImport() {\n    this.nlImportModal.emit();\n    this.handleClose();\n  }\n\n  handleLogout() {\n    const isBackupKey = localStorage.getItem('backupKey');\n\n    if (isBackupKey) {\n      this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);\n      this.handleClose();\n      localStorage.removeItem('backupKey');\n\n      return;\n    }\n\n    if (this.userInfo.authMethod === 'local') {\n      this.nlConfirmLogout.emit();\n    } else {\n      this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);\n    }\n\n    this.handleClose();\n  }\n\n  handleConfirm() {\n    switch (this.mode) {\n      case 'authUrl':\n        this.nlNotifyConfirmBanner.emit(this.url);\n        break;\n      case 'iframeAuthUrl':\n        this.nlNotifyConfirmBannerIframe.emit(this.url);\n        break;\n    }\n    this.handleClose();\n  }\n\n  render() {\n    const isShowImg = Boolean(this.userInfo?.picture);\n    const userName = this.userInfo?.name || this.userInfo?.nip05?.split('@')?.[0] || this.userInfo?.pubkey || '';\n    const isShowUserName = Boolean(userName);\n    const defaultUserAvatar = (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-full\">\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          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\"\n        />\n      </svg>\n    );\n\n    const content = (\n      <Fragment>\n        <div class=\"block w-[48px] h-[46px] relative z-10\">\n          <div onClick={() => this.handleOpen()} class={`flex w-52 h-[46px] items-center pl-[11px]`}>\n            <span\n              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`}\n              role=\"status\"\n              aria-label=\"loading\"\n            ></span>\n\n            {this.userInfo ? (\n              <div class={`uppercase font-bold w-6 h-6 mr-2 rounded-full border border-gray-200 flex justify-center items-center`}>\n                {isShowImg ? (\n                  this.isUserImgError ? (\n                    defaultUserAvatar\n                  ) : (\n                    <img class=\"w-full rounded-full\" src={this.userInfo.picture} alt=\"Logo\" onError={() => (this.isUserImgError = true)} />\n                  )\n                ) : isShowUserName ? (\n                  userName[0]\n                ) : (\n                  defaultUserAvatar\n                )}\n              </div>\n            ) : (\n              <div class=\"flex justify-center items-center\">\n                <svg class=\"w-6 h-6\" 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                {this.isOpen && (\n                  <span class=\"px-2\">\n                    <b>Nostr</b> Login\n                  </span>\n                )}\n              </div>\n            )}\n\n            {this.isOpen && isShowUserName && <div class=\"show-slow truncate w-16 text-xs\">{userName}</div>}\n            {this.isOpen && isShowUserName && <nl-login-status info={this.userInfo} />}\n          </div>\n        </div>\n\n        <button\n          onClick={() => this.handleClose()}\n          type=\"button\"\n          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`}\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\n        <div class=\"p-3 show-slow\">\n          {this.isOpenConfirm ? (\n            <div>\n              <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\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#5a68ff\" class=\"w-full\">\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              </div>\n              <p class=\"mb-2 text-center max-w-40 min-w-40 mx-auto\">\n                {this.mode === 'timeout' ? 'Keys not responding, check your key storage app' : `Confirmation required at ${this.domain}`}\n              </p>\n\n              {this.mode === 'timeout' ? (\n                <div>\n                  <a\n                    onClick={() => this.handleClose()}\n                    href={`https://${this.domain}`}\n                    target=\"_blank\"\n                    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\"\n                  >\n                    Go to {this.domain}\n                  </a>\n                  <button-base\n                    onClick={() => {\n                      this.nlCancelTimeout.emit();\n                      this.handleClose();\n                    }}\n                    titleBtn=\"Cancel\"\n                  />\n                </div>\n              ) : this.mode === 'rebind' ? (\n                <iframe src={this.url} width={'180'} height={'80'} frameBorder={'0'}></iframe>\n              ) : (\n                <button-base onClick={() => this.handleConfirm()} titleBtn=\"Confirm\" />\n              )}\n            </div>\n          ) : (\n            <div>\n              <div>\n                {this.titleBanner && <p class=\"mb-2 text-center show-slow max-w-40 min-w-40 mx-auto\">{this.titleBanner}</p>}\n\n                <div class=\"mb-2\">\n                  <nl-change-account currentAccount={this.userInfo} accounts={this.accounts} />\n                </div>\n                {/* {Boolean(this.listNotifies.length) && (\n                      <div\n                        onClick={() => this.handleRetryConfirm()}\n                        class=\"show-slow border border-yellow-600 text-yellow-600 bg-yellow-100 p-2 rounded-lg mb-2 cursor-pointer w-44 text-xs m-auto text-center\"\n                      >\n                        Requests: {this.listNotifies.length}\n                      </div>\n                    )} */}\n                {!this.userInfo ? (\n                  <div>\n                    <button-base onClick={() => this.handleLogin()} titleBtn=\"Log in\">\n                      <svg\n                        style={{ display: 'none' }}\n                        slot=\"icon-start\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke-width=\"1.5\"\n                        stroke=\"currentColor\"\n                        class=\"flex-shrink-0 w-4 h-4\"\n                      >\n                        <path\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          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\"\n                        />\n                      </svg>\n                    </button-base>\n                    <button-base onClick={() => this.handleSignup()} titleBtn=\"Sign up\">\n                      <svg\n                        style={{ display: 'none' }}\n                        slot=\"icon-start\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke-width=\"1.5\"\n                        stroke=\"currentColor\"\n                        class=\"flex-shrink-0 w-4 h-4\"\n                      >\n                        <path\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          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\"\n                        />\n                      </svg>\n                    </button-base>\n                  </div>\n                ) : (\n                  <button-base onClick={() => this.handleLogout()} titleBtn=\"Log out\" />\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </Fragment>\n    );\n\n    // https://gist.github.com/Haprog/848fc451c25da00b540e6d34c301e96a\n    function deepQuerySelectorAll(selector: string, root?: Element) {\n      root = root || document.body;\n      const results = Array.from(root.querySelectorAll(selector));\n      const pushNestedResults = function (root) {\n        deepQuerySelectorAll(selector, root).forEach(elem => {\n          if (!results.includes(elem)) {\n            results.push(elem);\n          }\n        });\n      };\n      if (root.shadowRoot) {\n        pushNestedResults(root.shadowRoot);\n      }\n      for (const elem of Array.from(root.querySelectorAll('*'))) {\n        if (elem.shadowRoot) {\n          pushNestedResults(elem.shadowRoot);\n        }\n      }\n      return results;\n    }\n\n    const dialogs = deepQuerySelectorAll('dialog');\n    const needDialog = !!dialogs.find(d => (d as HTMLDialogElement).open && !d.classList.contains('nl-banner-dialog'));\n\n    return (\n      <div class={`theme-${this.theme} ${!this.isOpen && this.hiddenMode ? 'hidden' : ''}`}>\n        <div class={this.darkMode && 'dark'} dir=\"ltr\">\n          {this.isOpenConfirm && needDialog ? (\n            <nl-dialog>\n              <div\n                class={`nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen ' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed top-52 right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out`}\n              >\n                {content}\n              </div>\n            </nl-dialog>\n          ) : (\n            <div\n              class={`nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed top-52 right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out`}\n            >\n              {content}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"nl-banner2.js","mappings":"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","names":[],"sources":["src/components/nl-banner/nl-banner.css?tag=nl-banner&encapsulation=shadow","src/components/nl-banner/nl-banner.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n","import { Component, Event, EventEmitter, Fragment, h, Prop, State, Watch } from '@stencil/core';\nimport { BannerNotify, BannerNotifyMode, Info, METHOD_MODULE, NlTheme } from '@/types';\n\n@Component({\n  tag: 'nl-banner',\n  styleUrl: 'nl-banner.css',\n  shadow: true,\n})\nexport class NlBanner {\n  @Prop({ mutable: true }) theme: NlTheme = 'default';\n  @Prop({ mutable: true }) darkMode: boolean = false;\n  @Prop({ mutable: true }) hiddenMode: boolean = false;\n  @Prop() titleBanner: string = '';\n  @Prop({ mutable: true }) isOpen: boolean = false;\n  @Prop() bannerPosition: 'top' | 'center' | 'bottom' = 'center';\n\n  @Prop() isLoading: boolean = false;\n  @Prop() notify: BannerNotify | null = null;\n  @Prop() userInfo: Info | null = null;\n  @Prop({ mutable: true }) accounts: Info[] = [];\n\n  @State() isUserImgError = false;\n\n  @State() domain: string = '';\n  @State() mode: BannerNotifyMode = '';\n  @State() url: string = '';\n  @State() isOpenConfirm: boolean = false;\n\n  @Event() nlNotifyConfirmBanner: EventEmitter<string>;\n  @Event() nlNotifyConfirmBannerIframe: EventEmitter<string>;\n  @Event() nlLoginBanner: EventEmitter<string>;\n  @Event() nlLogoutBanner: EventEmitter<string>;\n  @Event() nlOpenWelcomeModal: EventEmitter<string>;\n  @Event() nlConfirmLogout: EventEmitter<string>;\n  @Event() nlImportModal: EventEmitter<string>;\n  @Event() nlCancelTimeout: EventEmitter<void>;\n\n  @Watch('notify')\n  watchNotifyHandler(notify: BannerNotify) {\n    this.isOpen = true;\n    this.isOpenConfirm = true;\n    this.domain = this.userInfo?.domain || this.userInfo?.nip05?.split('@')?.[1] || '';\n\n    this.mode = notify.mode;\n    this.url = notify.url;\n    if (!this.mode) {\n      this.isOpenConfirm = false;\n      this.isOpen = false;\n    }\n  }\n\n  handleOpen() {\n    if (this.userInfo) {\n      this.isOpen = true;\n    } else {\n      this.nlOpenWelcomeModal.emit();\n    }\n  }\n\n  handleClose() {\n    this.isOpen = false;\n  }\n\n  handleLogin() {\n    this.nlLoginBanner.emit(METHOD_MODULE.LOGIN);\n    this.handleClose();\n  }\n\n  handleSignup() {\n    this.nlLoginBanner.emit(METHOD_MODULE.SIGNUP);\n    this.handleClose();\n  }\n\n  handleImport() {\n    this.nlImportModal.emit();\n    this.handleClose();\n  }\n\n  handleLogout() {\n    const isBackupKey = localStorage.getItem('backupKey');\n\n    if (isBackupKey) {\n      this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);\n      this.handleClose();\n      localStorage.removeItem('backupKey');\n\n      return;\n    }\n\n    if (this.userInfo.authMethod === 'local') {\n      this.nlConfirmLogout.emit();\n    } else {\n      this.nlLogoutBanner.emit(METHOD_MODULE.LOGOUT);\n    }\n\n    this.handleClose();\n  }\n\n  handleConfirm() {\n    switch (this.mode) {\n      case 'authUrl':\n        this.nlNotifyConfirmBanner.emit(this.url);\n        break;\n      case 'iframeAuthUrl':\n        this.nlNotifyConfirmBannerIframe.emit(this.url);\n        break;\n    }\n    this.handleClose();\n  }\n\n  render() {\n    const isShowImg = Boolean(this.userInfo?.picture);\n    const userName = this.userInfo?.name || this.userInfo?.nip05?.split('@')?.[0] || this.userInfo?.pubkey || '';\n    const isShowUserName = Boolean(userName);\n    const defaultUserAvatar = (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"w-full\">\n        <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          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\"\n        />\n      </svg>\n    );\n\n    const content = (\n      <Fragment>\n        <div class=\"block w-[48px] h-[46px] relative z-10\">\n          <div onClick={() => this.handleOpen()} class={`flex w-52 h-[46px] items-center pl-[11px]`}>\n            <span\n              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`}\n              role=\"status\"\n              aria-label=\"loading\"\n            ></span>\n\n            {this.userInfo ? (\n              <div class={`uppercase font-bold w-6 h-6 mr-2 rounded-full border border-gray-200 flex justify-center items-center`}>\n                {isShowImg ? (\n                  this.isUserImgError ? (\n                    defaultUserAvatar\n                  ) : (\n                    <img class=\"w-full rounded-full\" src={this.userInfo.picture} alt=\"Logo\" onError={() => (this.isUserImgError = true)} />\n                  )\n                ) : isShowUserName ? (\n                  userName[0]\n                ) : (\n                  defaultUserAvatar\n                )}\n              </div>\n            ) : (\n              <div class=\"flex justify-center items-center\">\n                <svg class=\"w-6 h-6\" 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                {this.isOpen && (\n                  <span class=\"px-2\">\n                    <b>Nostr</b> Login\n                  </span>\n                )}\n              </div>\n            )}\n\n            {this.isOpen && isShowUserName && <div class=\"show-slow truncate w-16 text-xs\">{userName}</div>}\n            {this.isOpen && isShowUserName && <nl-login-status info={this.userInfo} />}\n          </div>\n        </div>\n\n        <button\n          onClick={() => this.handleClose()}\n          type=\"button\"\n          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`}\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\n        <div class=\"p-3 show-slow\">\n          {this.isOpenConfirm ? (\n            <div>\n              <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\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"#5a68ff\" class=\"w-full\">\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              </div>\n              <p class=\"mb-2 text-center max-w-40 min-w-40 mx-auto\">\n                {this.mode === 'timeout' ? 'No response from signer. Check your key storage app.' : `Confirmation required at ${this.domain}`}\n              </p>\n\n              {this.mode === 'timeout' ? (\n                <div>\n                  <a\n                    onClick={() => this.handleClose()}\n                    href={`https://${this.domain}`}\n                    target=\"_blank\"\n                    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\"\n                  >\n                    Go to {this.domain}\n                  </a>\n                  <button-base\n                    onClick={() => {\n                      this.nlCancelTimeout.emit();\n                      this.handleClose();\n                    }}\n                    titleBtn=\"Cancel\"\n                  />\n                </div>\n              ) : this.mode === 'rebind' ? (\n                <iframe src={this.url} width={'180'} height={'80'} frameBorder={'0'}></iframe>\n              ) : (\n                <button-base onClick={() => this.handleConfirm()} titleBtn=\"Confirm\" />\n              )}\n            </div>\n          ) : (\n            <div>\n              <div>\n                {this.titleBanner && <p class=\"mb-2 text-center show-slow max-w-40 min-w-40 mx-auto\">{this.titleBanner}</p>}\n\n                <div class=\"mb-2\">\n                  <nl-change-account currentAccount={this.userInfo} accounts={this.accounts} />\n                </div>\n                {/* {Boolean(this.listNotifies.length) && (\n                      <div\n                        onClick={() => this.handleRetryConfirm()}\n                        class=\"show-slow border border-yellow-600 text-yellow-600 bg-yellow-100 p-2 rounded-lg mb-2 cursor-pointer w-44 text-xs m-auto text-center\"\n                      >\n                        Requests: {this.listNotifies.length}\n                      </div>\n                    )} */}\n                {!this.userInfo ? (\n                  <div>\n                    <button-base onClick={() => this.handleLogin()} titleBtn=\"Log in\">\n                      <svg\n                        style={{ display: 'none' }}\n                        slot=\"icon-start\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke-width=\"1.5\"\n                        stroke=\"currentColor\"\n                        class=\"flex-shrink-0 w-4 h-4\"\n                      >\n                        <path\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          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\"\n                        />\n                      </svg>\n                    </button-base>\n                    <button-base onClick={() => this.handleSignup()} titleBtn=\"Sign up\">\n                      <svg\n                        style={{ display: 'none' }}\n                        slot=\"icon-start\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke-width=\"1.5\"\n                        stroke=\"currentColor\"\n                        class=\"flex-shrink-0 w-4 h-4\"\n                      >\n                        <path\n                          stroke-linecap=\"round\"\n                          stroke-linejoin=\"round\"\n                          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\"\n                        />\n                      </svg>\n                    </button-base>\n                  </div>\n                ) : (\n                  <button-base onClick={() => this.handleLogout()} titleBtn=\"Log out\" />\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </Fragment>\n    );\n\n    // https://gist.github.com/Haprog/848fc451c25da00b540e6d34c301e96a\n    function deepQuerySelectorAll(selector: string, root?: Element) {\n      root = root || document.body;\n      const results = Array.from(root.querySelectorAll(selector));\n      const pushNestedResults = function (root) {\n        deepQuerySelectorAll(selector, root).forEach(elem => {\n          if (!results.includes(elem)) {\n            results.push(elem);\n          }\n        });\n      };\n      if (root.shadowRoot) {\n        pushNestedResults(root.shadowRoot);\n      }\n      for (const elem of Array.from(root.querySelectorAll('*'))) {\n        if (elem.shadowRoot) {\n          pushNestedResults(elem.shadowRoot);\n        }\n      }\n      return results;\n    }\n\n    const dialogs = deepQuerySelectorAll('dialog');\n    const needDialog = !!dialogs.find(d => (d as HTMLDialogElement).open && !d.classList.contains('nl-banner-dialog'));\n\n    const posClass = this.bannerPosition === 'top' ? 'top-4' : this.bannerPosition === 'bottom' ? 'bottom-4' : 'top-52';\n\n    return (\n      <div class={`theme-${this.theme} ${!this.isOpen && this.hiddenMode ? 'hidden' : ''}`}>\n        <div class={this.darkMode && 'dark'} dir=\"ltr\">\n          {this.isOpenConfirm && needDialog ? (\n            <nl-dialog>\n              <div\n                class={`nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen ' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed ${posClass} right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out`}\n              >\n                {content}\n              </div>\n            </nl-dialog>\n          ) : (\n            <div\n              class={`nl-banner ${this.isOpen ? 'w-52 h-auto right-2 rounded-r-lg isOpen' : 'rounded-r-none hover:rounded-r-lg cursor-pointer'} z-50 w-12 h-12 fixed ${posClass} right-0 inline-block gap-x-2 text-sm font-medium  rounded-lg hover:right-2  transition-all duration-300 ease-in-out`}\n            >\n              {content}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}