@hotosm/ui 0.8.1 → 0.9.1

package/dist/chunks/chunk.XFKYNNG3.js

@@ -0,0 +1,157 @@
+import{a as w,b as f}from"./chunk.6WYUOJRX.js";import{a as y}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.ZETV7TDG.js";import{d as i,f as g}from"./chunk.QABMDRWR.js";import{d as o,e as l,f as c,g as h}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/tab-group/tab-group.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/drawer/drawer.js"),import("@awesome.me/webawesome/dist/components/dropdown/dropdown.js"),import("@awesome.me/webawesome/dist/components/dropdown-item/dropdown-item.js")]);y();var S,m,$,E,L,T,k,A,_,C,I,M,s=class s extends g{constructor(){super(...arguments);this.name="hot-header";c(this,S,"");c(this,m,"Mapping our world together");c(this,$,"Humanitarian OpenStreetMap Team Website");c(this,E,"https://www.hotosm.org");c(this,L,"");c(this,T,!1);c(this,k,[]);c(this,A,[]);c(this,_,"small");c(this,C,!1);c(this,I,0);c(this,M,0);this._navScrollAtStart=!0;this._navScrollAtEnd=!1;this._boundLocationSync=null}get title(){return l(this,S)}set title(e){h(this,S,e)}get topTagline(){return l(this,m)}set topTagline(e){h(this,m,e)}get topLinkLabel(){return l(this,$)}set topLinkLabel(e){h(this,$,e)}get topLinkHref(){return l(this,E)}set topLinkHref(e){h(this,E,e)}get logo(){return l(this,L)}set logo(e){h(this,L,e)}get drawer(){return l(this,T)}set drawer(e){h(this,T,e)}get tabs(){return l(this,k)}set tabs(e){h(this,k,e)}get drawerLinks(){return l(this,A)}set drawerLinks(e){h(this,A,e)}get size(){return l(this,_)}set size(e){h(this,_,e)}get tabsCenterAlign(){return l(this,C)}set tabsCenterAlign(e){h(this,C,e)}get selectedTab(){return l(this,I)}set selectedTab(e){h(this,I,e)}get activeTabIndex(){return l(this,M)}set activeTabIndex(e){h(this,M,e)}async connectedCallback(){super.connectedCallback(),this._boundLocationSync=()=>this.syncActiveTab(),window.addEventListener("popstate",this._boundLocationSync),window.addEventListener("hot-locationchange",this._boundLocationSync),window.addEventListener("htmx:pushedIntoHistory",this._boundLocationSync),s._patchHistory()}disconnectedCallback(){super.disconnectedCallback(),this._boundLocationSync&&(window.removeEventListener("popstate",this._boundLocationSync),window.removeEventListener("hot-locationchange",this._boundLocationSync),window.removeEventListener("htmx:pushedIntoHistory",this._boundLocationSync),this._boundLocationSync=null)}firstUpdated(e){this._updateNavScrollState(),this.syncActiveTab()}updated(e){if(super.updated(e),e.has("selectedTab")){let t=this.selectedTab;typeof t=="number"&&t>=0&&t<this.tabs.length&&t!==this.activeTabIndex&&(this.activeTabIndex=t)}(e.has("tabs")||e.has("size"))&&(this.updateComplete.then(()=>this._updateNavScrollState()),e.has("tabs")&&this.syncActiveTab())}selectTab(e){if(e!==this.selectedTab&&e>=0&&e<this.tabs.length){let t=this.selectedTab;this.selectedTab=e,this.activeTabIndex=e,this.dispatchEvent(new CustomEvent("tab-change",{detail:{selectedIndex:e,previousIndex:t,tab:this.tabs[e]},bubbles:!0})),this.requestUpdate()}}_updateNavScrollState(){var b;let e=(b=this.renderRoot)==null?void 0:b.querySelector(".header--nav-scroll");if(!e)return;let{scrollLeft:t,scrollWidth:a,clientWidth:r}=e,n=t<=0,u=t+r>=a-1;(n!==this._navScrollAtStart||u!==this._navScrollAtEnd)&&(this._navScrollAtStart=n,this._navScrollAtEnd=u,this.requestUpdate())}_scrollNav(e){var n;let t=(n=this.renderRoot)==null?void 0:n.querySelector(".header--nav-scroll");if(!t)return;let a=Math.max(t.scrollWidth-t.clientWidth,0),r=e==="right"?a:0;t.scrollTo({left:r,behavior:"smooth"}),window.setTimeout(()=>this._updateNavScrollState(),250)}syncActiveTab(){var r;if(typeof window=="undefined"||!((r=this.tabs)!=null&&r.length))return;let e=window.location.pathname.replace(/\/+$/,"");if(!e)return;let t=-1,a=-1;this.tabs.forEach((n,u)=>{if(n!=null&&n.href)try{let p=new URL(n.href,window.location.origin).pathname.replace(/\/+$/,"");if(!p)return;e===p?(t=u,a=Number.MAX_SAFE_INTEGER):a<Number.MAX_SAFE_INTEGER&&e.startsWith(p)&&p.length>a&&(t=u,a=p.length)}catch(b){}}),t>=0&&t!==this.activeTabIndex&&(this.selectedTab=t,this.activeTabIndex=t,this.requestUpdate())}static _patchHistory(){if(s._historyPatched||typeof window=="undefined")return;s._historyPatched=!0;let e=history.pushState.bind(history),t=history.replaceState.bind(history);history.pushState=function(a,r,n){e(a,r,n),window.dispatchEvent(new Event("hot-locationchange"))},history.replaceState=function(a,r,n){t(a,r,n),window.dispatchEvent(new Event("hot-locationchange"))}}render(){let e=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return i`
+      <div class="header-container">
+        ${this.size!=="small"?i`
+              <div class="header--top">
+                <div class="header--top-left">
+                  ${this.topTagline?i`
+                        <span class="header--top-tagline">
+                          ${this.topTagline}
+                        </span>
+                      `:null}
+                </div>
+                <div class="header--top-right">
+                  ${this.topLinkHref&&this.topLinkLabel?i`
+                        <a
+                          href="${this.topLinkHref}"
+                          class="header--top-link"
+                          target="_blank"
+                          rel="noopener noreferrer"
+                        >
+                          <span class="header--top-link-full">${this.topLinkLabel}</span>
+                          <span class="header--top-link-short">HOT Website</span>
+                          <svg width="11" height="11" viewBox="0 0 11 11" class="header--external-icon" aria-hidden="true"><path fill="currentColor" d="M9.778 9.778H1.222V1.222H5.5V0H1.222C.544 0 0 .55 0 1.222v8.556C0 10.45.544 11 1.222 11h8.556C10.45 11 11 10.45 11 9.778V5.5H9.778v4.278zM6.722 0v1.222h2.194L2.91 7.23l.862.862 6.007-6.007v2.194H11V0H6.722z"></path></svg>
+                        </a>
+                      `:null}
+                </div>
+              </div>
+            `:null}
+
+        <header
+          class=${w({size:this.size})}
+        >
+        <a href="/" class="header--link">
+          ${e.length>0?i`
+                <img
+                  id="logo"
+                  src="${this.logo}"
+                  alt="Logo"
+                  class="header--logo-img"
+                />
+              `:i`
+            <hot-logo
+              ?icon-only=${this.title.length>0}
+            >
+            </hot-logo>
+            `}
+          ${this.title.length>0?i`
+                <h1 class="header--title">
+                  ${this.title}
+                </h1>
+              `:null}
+        </a>
+
+        ${""}
+        <nav class="header--nav ${this.tabsCenterAlign?"header--nav-center":""}">
+          ${this.tabs.length>0?i`
+                <div class="header--nav-wrapper">
+                  <button
+                    class="header--nav-arrow header--nav-arrow-left"
+                    ?disabled=${this._navScrollAtStart}
+                    @click=${()=>this._scrollNav("left")}
+                    aria-hidden=${this._navScrollAtStart}
+                    tabindex=${this._navScrollAtStart?-1:0}
+                  >
+                    &#8249;
+                  </button>
+
+                  <div
+                    class="header--nav-scroll"
+                    @scroll=${()=>this._updateNavScrollState()}
+                  >
+                    <wa-tab-group
+                      class="header--tab-group"
+                      @wa-tab-show=${t=>this._handleTabShow(t)}
+                    >
+                      ${this.tabs.map((t,a)=>{let r=this.activeTabIndex===a;return i`
+                          <wa-tab
+                            panel="${t.label}-${a}"
+                            class="header--tab"
+                            slot="nav"
+                            ?active=${r}
+                            data-index="${a}"
+                            @click=${n=>this._tabClick(n,t.clickEvent,a)}
+                          >
+                            ${t.label}
+                          </wa-tab>
+                        `})}
+                    </wa-tab-group>
+                  </div>
+
+                  <button
+                    class="header--nav-arrow header--nav-arrow-right"
+                    ?disabled=${this._navScrollAtEnd}
+                    @click=${()=>this._scrollNav("right")}
+                    aria-hidden=${this._navScrollAtEnd}
+                    tabindex=${this._navScrollAtEnd?-1:0}
+                  >
+                    &#8250;
+                  </button>
+                </div>
+              `:null}
+        </nav>
+
+        
+
+        <div id="right-section" class="header--right-section">
+          <slot name="auth"></slot>
+          ${this._showDrawer?i`
+                <wa-drawer label=" " id="drawer-overview">
+                  <div class="drawer-content">
+                    ${this.tabs.length?i`
+                          <div class="drawer-nav">
+                            <ul class="drawer-nav-list">
+                              ${this.tabs.map((t,a)=>i`
+                                  <li class="drawer-nav-item">
+                                    <button
+                                      class="drawer-nav-button"
+                                      data-index="${a}"
+                                      @click=${r=>this._tabClick(r,t.clickEvent,a)}
+                                    >
+                                      ${t.label}
+                                    </button>
+                                  </li>
+                                `)}
+                            </ul>
+                            <hr class="drawer-separator" />
+                          </div>
+                        `:null}
+
+                    <ul class="drawer-link-list">
+                      ${this.drawerLinks.map(t=>i`
+                          <li class="drawer-link-item">
+                            <a
+                              href="${t.href}"
+                              data-drawer-close
+                              class="drawer-link"
+                            >
+                              ${t.label}
+                            </a>
+                          </li>
+                        `)}
+                    </ul>
+                  </div>
+                </wa-drawer>
+                <wa-button
+                  appearance="outlined"
+                  class="${this.drawer?"":"header--drawer-mobile-only"}"
+                  @click=${()=>this._handleDrawerOpen()}
+                  aria-label="Open Sidebar"
+                >
+                    <wa-icon name="bars"></wa-icon>
+                </wa-button>
+              `:null}
+        </div>
+
+      </header>
+      </div>
+    `}async _tabClick(e,t,a){e.preventDefault(),e.stopPropagation();try{this.selectTab(a),setTimeout(async()=>{try{typeof t=="function"&&await t()}catch(r){console.error("Error during navigation:",r),typeof t=="function"&&t()}},0)}catch(r){console.error("Error handling tab click:",r);try{typeof t=="function"&&t()}catch(n){console.error("Fallback navigation also failed:",n)}}}_handleTabShow(e){try{let t=e.target,a=parseInt(t.getAttribute("data-index")||"0",10);!isNaN(a)&&a<this.tabs.length&&this.selectTab(a)}catch(t){console.error("Error handling tab show event:",t)}}get _showDrawer(){return this.drawer||this.tabs.length>0}_handleDrawerOpen(){var t;let e=(t=this.renderRoot)==null?void 0:t.querySelector("#drawer-overview");e&&(e.open=!0)}};S=new WeakMap,m=new WeakMap,$=new WeakMap,E=new WeakMap,L=new WeakMap,T=new WeakMap,k=new WeakMap,A=new WeakMap,_=new WeakMap,C=new WeakMap,I=new WeakMap,M=new WeakMap,s.styles=[f],s._historyPatched=!1,o([d({type:String})],s.prototype,"title",1),o([d({type:String,attribute:"top-tagline"})],s.prototype,"topTagline",1),o([d({type:String,attribute:"top-link-label"})],s.prototype,"topLinkLabel",1),o([d({type:String,attribute:"top-link-href"})],s.prototype,"topLinkHref",1),o([d({type:String})],s.prototype,"logo",1),o([d({type:Boolean})],s.prototype,"drawer",1),o([d({type:Array})],s.prototype,"tabs",1),o([d({type:Array})],s.prototype,"drawerLinks",1),o([d({type:String})],s.prototype,"size",1),o([d({type:Boolean,attribute:"tabs-center-align"})],s.prototype,"tabsCenterAlign",1),o([d({type:Number})],s.prototype,"selectedTab",1),o([d({type:Number})],s.prototype,"activeTabIndex",1);var v=s,V=v;export{v as a,V as b};

package/dist/chunks/{chunk.N5KXL4J6.js → chunk.ZG2J5SU5.js}

@@ -1 +1 @@
-import{b as o}from"./chunk.R44PTHOJ.js";var t=o;customElements.get("hot-logo")||customElements.define("hot-logo",o);export{t as a};
+import{b as o}from"./chunk.34AG3B2Y.js";var t=o;customElements.get("hot-logo")||customElements.define("hot-logo",o);export{t as a};

package/dist/chunks/{chunk.LVC64FO7.js → chunk.ZZ7X3H3S.js}

@@ -1,4 +1,4 @@
-import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.ZGC6XD6L.js";import{a as o}from"./chunk.ZETV7TDG.js";import{d as r,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as a,f as n,g as i}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/callout/callout.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/button/button.js")]);l();var u,g,p,b,m,h,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,"About the information we collect");n(this,b,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,h,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return a(this,g)}set isOpen(t){i(this,g,t)}get title(){return a(this,p)}set title(t){i(this,p,t)}get message(){return a(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,h)}set notAgreeLabel(t){i(this,h,t)}render(){return this.isOpen?r`
+import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.TUEFHEUN.js";import{a as o}from"./chunk.ZETV7TDG.js";import{d as r,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as a,f as n,g as i}from"./chunk.N2W26RCT.js";Promise.allSettled([import("@awesome.me/webawesome/dist/components/callout/callout.js"),import("@awesome.me/webawesome/dist/components/icon/icon.js"),import("@awesome.me/webawesome/dist/components/button/button.js")]);l();var u,g,p,b,m,h,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,"About the information we collect");n(this,b,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,h,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return a(this,g)}set isOpen(t){i(this,g,t)}get title(){return a(this,p)}set title(t){i(this,p,t)}get message(){return a(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,h)}set notAgreeLabel(t){i(this,h,t)}render(){return this.isOpen?r`
       <div class="consent-overlay">
         <div class="consent-container">
           <wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">

package/dist/components/consent/consent.component.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-import type { CSSResultGroup } from 'lit';
+import type { CSSResultGroup } from "lit";
 export declare class Consent extends LitElement {
     static styles: CSSResultGroup;
     name: string;

package/dist/components/consent/consent.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.LVC64FO7.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZGC6XD6L.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Consent,b as default};
+import{a,b}from"../../chunks/chunk.ZZ7X3H3S.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TUEFHEUN.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Consent,b as default};

package/dist/components/consent/consent.d.ts

@@ -1,7 +1,7 @@
-import Consent from './consent.component.js';
+import Consent from "./consent.component.js";
 export default Consent;
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-consent': Consent;
+        "hot-consent": Consent;
     }
 }

package/dist/components/consent/consent.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.M3LK72JN.js";import"../../chunks/chunk.LVC64FO7.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZGC6XD6L.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.N7SRHM5F.js";import"../../chunks/chunk.ZZ7X3H3S.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TUEFHEUN.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/consent/consent.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.ZGC6XD6L.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.TUEFHEUN.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/file-input-dropzone/file-input-dropzone.component.d.ts

@@ -1,5 +1,5 @@
-import { LitElement } from 'lit';
-import '../list-card/list-card.js';
+import { LitElement } from "lit";
+import "../list-card/list-card.js";
 export interface FileWithPreview {
     file: File;
     id: string;
@@ -13,7 +13,7 @@ export declare class FileInputDropzone extends LitElement {
     accessor showPreview: boolean;
     accessor disabled: boolean;
     accessor label: string;
-    accessor variant: 'traditional' | 'compact';
+    accessor variant: "traditional" | "compact";
     private accessor isDragging;
     private accessor selectedFiles;
     private accessor errorMessage;

package/dist/components/file-input-dropzone/file-input-dropzone.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.6JUW2IZJ.js";import"../../chunks/chunk.IILWGAOM.js";import"../../chunks/chunk.LKMWWUYT.js";import"../../chunks/chunk.X354U5TL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.252GL6HT.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as FileInputDropzone,b as default};
+import{a,b}from"../../chunks/chunk.PESN3BZK.js";import"../../chunks/chunk.MKQTK2RW.js";import"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.L7KUSNV7.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as FileInputDropzone,b as default};

package/dist/components/file-input-dropzone/file-input-dropzone.d.ts

@@ -1,8 +1,8 @@
-import FileInputDropzone from './file-input-dropzone.component.js';
+import FileInputDropzone from "./file-input-dropzone.component.js";
 export default FileInputDropzone;
-export type { FileWithPreview } from './file-input-dropzone.component.js';
+export type { FileWithPreview } from "./file-input-dropzone.component.js";
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-file-input-dropzone': FileInputDropzone;
+        "hot-file-input-dropzone": FileInputDropzone;
     }
 }

package/dist/components/file-input-dropzone/file-input-dropzone.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.WELXILIP.js";import"../../chunks/chunk.6JUW2IZJ.js";import"../../chunks/chunk.IILWGAOM.js";import"../../chunks/chunk.LKMWWUYT.js";import"../../chunks/chunk.X354U5TL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.252GL6HT.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.3AWIVJTF.js";import"../../chunks/chunk.PESN3BZK.js";import"../../chunks/chunk.MKQTK2RW.js";import"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.L7KUSNV7.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/file-input-dropzone/file-input-dropzone.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.252GL6HT.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.L7KUSNV7.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/header/header.component.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
-import type { CSSResultGroup, PropertyValues } from 'lit';
-import { type sizes } from './header.styles.js';
+import type { CSSResultGroup, PropertyValues } from "lit";
+import { type sizes } from "./header.styles.js";
 interface MenuItem {
     label: string;
     /** Optional click handler for the tab */
@@ -38,16 +38,6 @@ export declare class Header extends LitElement {
     accessor selectedTab: number;
     /** Index of the active tab (0-based). Use this to control which tab is active for any number of tabs. */
     accessor activeTabIndex: number;
-    /** Show/hide login functionality. */
-    accessor showLogin: boolean;
-    /** Control the login modal state. */
-    accessor loginModalOpen: boolean;
-    /** Default fallback icon for providers without custom icons. */
-    accessor defaultLoginIcon: string;
-    /** Whether the user is currently logged in. When true, an avatar is shown instead of the Login button. */
-    accessor loggedIn: boolean;
-    /** Display name of the logged-in user. The first letter is used for the avatar initial. */
-    accessor userName: string;
     /** Internal state for desktop nav scrolling */
     private _navScrollAtStart;
     private _navScrollAtEnd;
@@ -84,17 +74,12 @@ export declare class Header extends LitElement {
     protected render(): import("lit").TemplateResult<1>;
     private _tabClick;
     private _handleTabShow;
-    private _handleLogin;
-    private _handleModalClose;
     /**
      * Should the drawer markup be rendered?
      * True when `drawer` is explicitly set, or when there are nav tabs
      * (so mobile users can still navigate via the sidebar).
      */
     private get _showDrawer();
-    /** Derive a single uppercase letter from the user's name (fallback: "U"). */
-    private get _avatarInitial();
-    private _handleUserMenuSelect;
     private _handleDrawerOpen;
 }
 export default Header;

package/dist/components/header/header.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.3T33Y2BX.js";import"../../chunks/chunk.6WYUOJRX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Header,b as default};
+import{a,b}from"../../chunks/chunk.XFKYNNG3.js";import"../../chunks/chunk.6WYUOJRX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Header,b as default};

package/dist/components/header/header.d.ts

@@ -1,7 +1,7 @@
-import Header from './header.component.js';
+import Header from "./header.component.js";
 export default Header;
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-header': Header;
+        "hot-header": Header;
     }
 }

package/dist/components/header/header.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.3FIEOVXD.js";import"../../chunks/chunk.3T33Y2BX.js";import"../../chunks/chunk.6WYUOJRX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.FZ7HQZU4.js";import"../../chunks/chunk.XFKYNNG3.js";import"../../chunks/chunk.6WYUOJRX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/list-card/list-card.component.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 export declare class ListCard extends LitElement {
     static styles: import("lit").CSSResult[];
     name: string;

package/dist/components/list-card/list-card.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.LKMWWUYT.js";import"../../chunks/chunk.X354U5TL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as ListCard,b as default};
+import{a,b}from"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as ListCard,b as default};

package/dist/components/list-card/list-card.d.ts

@@ -1,7 +1,7 @@
-import ListCard from './list-card.component.js';
+import ListCard from "./list-card.component.js";
 export default ListCard;
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-list-card': ListCard;
+        "hot-list-card": ListCard;
     }
 }

package/dist/components/list-card/list-card.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.IILWGAOM.js";import"../../chunks/chunk.LKMWWUYT.js";import"../../chunks/chunk.X354U5TL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.MKQTK2RW.js";import"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/list-card/list-card.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.X354U5TL.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/logo/logo.component.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from "lit";
-import type { CSSResultGroup } from 'lit';
+import type { CSSResultGroup } from "lit";
 export declare class Logo extends LitElement {
     static styles: CSSResultGroup;
     name: string;

package/dist/components/logo/logo.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.R44PTHOJ.js";import"../../chunks/chunk.ZKUACKKG.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Logo,b as default};
+import{a,b}from"../../chunks/chunk.34AG3B2Y.js";import"../../chunks/chunk.ZKUACKKG.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Logo,b as default};

package/dist/components/logo/logo.d.ts

@@ -1,7 +1,7 @@
-import Logo from './logo.component.js';
+import Logo from "./logo.component.js";
 export default Logo;
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-logo': Logo;
+        "hot-logo": Logo;
     }
 }

package/dist/components/logo/logo.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.N5KXL4J6.js";import"../../chunks/chunk.R44PTHOJ.js";import"../../chunks/chunk.ZKUACKKG.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.ZG2J5SU5.js";import"../../chunks/chunk.34AG3B2Y.js";import"../../chunks/chunk.ZKUACKKG.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/tool-menu/tool-menu.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.P6GWPFCT.js";import"../../chunks/chunk.LXN3PNAP.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as HotToolMenu,b as default};
+import{a,b}from"../../chunks/chunk.24HG5LKA.js";import"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as HotToolMenu,b as default};

package/dist/components/tool-menu/tool-menu.d.ts

@@ -1,7 +1,7 @@
-import HotToolMenu from './tool-menu.component.js';
+import HotToolMenu from "./tool-menu.component.js";
 export default HotToolMenu;
 declare global {
     interface HTMLElementTagNameMap {
-        'hotosm-tool-menu': HotToolMenu;
+        "hotosm-tool-menu": HotToolMenu;
     }
 }

package/dist/components/tool-menu/tool-menu.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.5QY2VLMG.js";import"../../chunks/chunk.P6GWPFCT.js";import"../../chunks/chunk.LXN3PNAP.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.V7C4W6GD.js";import"../../chunks/chunk.24HG5LKA.js";import"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/components/tool-menu/tool-menu.styles.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.LXN3PNAP.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as styles};
+import{a}from"../../chunks/chunk.DCR6GEE6.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as styles};

package/dist/components/tracking/tracking.component.d.ts

@@ -25,6 +25,9 @@ export declare class MatomoTracking extends LitElement {
     private infoMessage;
     private showInfo;
     static styles: import("lit").CSSResult;
+    private get consentKey();
+    private getStoredConsent;
+    private setStoredConsent;
     agree(): void;
     disagree(): void;
     private showConsentBanner;

package/dist/components/tracking/tracking.component.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk.FN6G7X23.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as MatomoTracking,b as default};
+import{a,b}from"../../chunks/chunk.AA57UJ2D.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.d.ts

@@ -1,7 +1,7 @@
-import MatomoTracking from './tracking.component.js';
+import MatomoTracking from "./tracking.component.js";
 export default MatomoTracking;
 declare global {
     interface HTMLElementTagNameMap {
-        'hot-tracking': MatomoTracking;
+        "hot-tracking": MatomoTracking;
     }
 }

package/dist/components/tracking/tracking.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.JYPMFVPO.js";import"../../chunks/chunk.FN6G7X23.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
+import{a}from"../../chunks/chunk.CCOEI6XU.js";import"../../chunks/chunk.AA57UJ2D.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};

package/dist/hotosm-ui.js

@@ -1 +1 @@
-import{a as d}from"./chunks/chunk.N5KXL4J6.js";import{a as S}from"./chunks/chunk.5QY2VLMG.js";import"./chunks/chunk.P6GWPFCT.js";import"./chunks/chunk.LXN3PNAP.js";import{a as p}from"./chunks/chunk.JYPMFVPO.js";import"./chunks/chunk.FN6G7X23.js";import{a as m}from"./chunks/chunk.3FIEOVXD.js";import"./chunks/chunk.3T33Y2BX.js";import"./chunks/chunk.6WYUOJRX.js";import"./chunks/chunk.R44PTHOJ.js";import"./chunks/chunk.ZKUACKKG.js";import{a as u}from"./chunks/chunk.M3LK72JN.js";import"./chunks/chunk.LVC64FO7.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.ZGC6XD6L.js";import{a as h}from"./chunks/chunk.WELXILIP.js";import"./chunks/chunk.6JUW2IZJ.js";import{a as f}from"./chunks/chunk.IILWGAOM.js";import"./chunks/chunk.LKMWWUYT.js";import"./chunks/chunk.X354U5TL.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.252GL6HT.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(o,e=document){let t=[],r=e.querySelectorAll(o);return t.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&t.push(...a(o,i.shadowRoot))}),t}function y(o){let{css:e,selector:t="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=o;(r?a(t):[a(t)[0]].filter(Boolean)).forEach(n=>{if(!n)return;let c=()=>{if(!n.shadowRoot){setTimeout(c,10);return}if(n.shadowRoot.getElementById(s))return;let l=document.createElement("style");l.id=s,l.textContent=e,n.shadowRoot.appendChild(l)};c()})}export{u as Consent,h as FileInputDropzone,m as Header,f as ListCard,d as Logo,S as ToolMenu,p as Tracking,y as injectCSSIntoShadowDOM};
+import{a as d}from"./chunks/chunk.ZG2J5SU5.js";import{a as S}from"./chunks/chunk.V7C4W6GD.js";import"./chunks/chunk.24HG5LKA.js";import"./chunks/chunk.DCR6GEE6.js";import{a as p}from"./chunks/chunk.CCOEI6XU.js";import"./chunks/chunk.AA57UJ2D.js";import{a as m}from"./chunks/chunk.FZ7HQZU4.js";import"./chunks/chunk.XFKYNNG3.js";import"./chunks/chunk.6WYUOJRX.js";import"./chunks/chunk.34AG3B2Y.js";import"./chunks/chunk.ZKUACKKG.js";import{a as u}from"./chunks/chunk.N7SRHM5F.js";import"./chunks/chunk.ZZ7X3H3S.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.TUEFHEUN.js";import{a as h}from"./chunks/chunk.3AWIVJTF.js";import"./chunks/chunk.PESN3BZK.js";import{a as f}from"./chunks/chunk.MKQTK2RW.js";import"./chunks/chunk.NCBKWO6J.js";import"./chunks/chunk.UVBWHOA2.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.L7KUSNV7.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(o,e=document){let t=[],r=e.querySelectorAll(o);return t.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&t.push(...a(o,i.shadowRoot))}),t}function y(o){let{css:e,selector:t="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=o;(r?a(t):[a(t)[0]].filter(Boolean)).forEach(n=>{if(!n)return;let c=()=>{if(!n.shadowRoot){setTimeout(c,10);return}if(n.shadowRoot.getElementById(s))return;let l=document.createElement("style");l.id=s,l.textContent=e,n.shadowRoot.appendChild(l)};c()})}export{u as Consent,h as FileInputDropzone,m as Header,f as ListCard,d as Logo,S as ToolMenu,p as Tracking,y as injectCSSIntoShadowDOM};

package/dist/style-core.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root,:host,.hot-theme-light{--hot-color-red-950: #A52A28;--hot-color-red-900: #B9302D;--hot-color-red-800: #B83032;--hot-color-red-700: #C53639;--hot-color-red-600: #D73F3F;--hot-color-red-500: #D43F3F;--hot-color-red-400: #ED5C5E;--hot-color-red-300: #E27A7D;--hot-color-red-200: #EC9EA1;--hot-color-red-100: #FED1D7;--hot-color-red-50: #FEECEF;--hot-color-rose-950: #3E030B;--hot-color-rose-900: #4B040E;--hot-color-rose-800: #5C1517;--hot-color-rose-700: #6B231D;--hot-color-rose-600: #7C2E26;--hot-color-rose-500: #7D463F;--hot-color-rose-400: #9E6960;--hot-color-rose-300: #B3837B;--hot-color-rose-200: #CFA59E;--hot-color-rose-100: #EAC7C0;--hot-color-rose-50: #FFE6DE;--hot-color-yellow-950: #CC6508;--hot-color-yellow-900: #E8750C;--hot-color-yellow-800: #F77D0F;--hot-color-yellow-700: #FAA71E;--hot-color-yellow-600: #FCBF26;--hot-color-yellow-500: #FED82E;--hot-color-yellow-400: #FAE62E;--hot-color-yellow-300: #FDEB51;--hot-color-yellow-200: #FFF072;--hot-color-yellow-100: #FFEBCF;--hot-color-yellow-50: #FFF9C3;--hot-color-blue-950: #111C31;--hot-color-blue-900: #182642;--hot-color-blue-800: #20365B;--hot-color-blue-700: #263F68;--hot-color-blue-600: #2E4873;--hot-color-blue-500: #344F7B;--hot-color-blue-400: #53688B;--hot-color-blue-300: #71829E;--hot-color-blue-200: #97A5BA;--hot-color-blue-100: #BFC8D6;--hot-color-blue-50: #E6E9EE;--hot-color-cyan-950: #2B514F;--hot-color-cyan-900: #366361;--hot-color-cyan-800: #408789;--hot-color-cyan-700: #459BA0;--hot-color-cyan-600: #4BB1B9;--hot-color-cyan-500: #50C1CB;--hot-color-cyan-400: #58CBD1;--hot-color-cyan-300: #6AD4D9;--hot-color-cyan-200: #8FE1E3;--hot-color-cyan-100: #B9EDED;--hot-color-cyan-50: #E3F8F8;--hot-color-gray-950: #2C3038;--hot-color-gray-900: #404248;--hot-color-gray-800: #515057;--hot-color-gray-700: #615F66;--hot-color-gray-600: #716F73;--hot-color-gray-500: #828085;--hot-color-gray-400: #9A969B;--hot-color-gray-300: #B3B0B3;--hot-color-gray-200: #C4C3C5;--hot-color-gray-100: #E1E0E1;--hot-color-gray-50: #F3F3F3;--hot-color-primary-950: var(--hot-color-red-950);--hot-color-primary-900: var(--hot-color-red-900);--hot-color-primary-800: var(--hot-color-red-800);--hot-color-primary-700: var(--hot-color-red-700);--hot-color-primary-600: var(--hot-color-red-600);--hot-color-primary-500: var(--hot-color-red-500);--hot-color-primary-400: var(--hot-color-red-400);--hot-color-primary-300: var(--hot-color-red-300);--hot-color-primary-200: var(--hot-color-red-200);--hot-color-primary-100: var(--hot-color-red-100);--hot-color-primary-50: var(--hot-color-red-50);--hot-color-danger-950: var(--hot-color-red-950);--hot-color-danger-900: var(--hot-color-red-900);--hot-color-danger-800: var(--hot-color-red-800);--hot-color-danger-700: var(--hot-color-red-700);--hot-color-danger-600: var(--hot-color-red-600);--hot-color-danger-500: var(--hot-color-red-500);--hot-color-danger-400: var(--hot-color-red-400);--hot-color-danger-300: var(--hot-color-red-300);--hot-color-danger-200: var(--hot-color-red-200);--hot-color-danger-100: var(--hot-color-red-100);--hot-color-danger-50: var(--hot-color-red-50);--hot-color-warning-950: var(--hot-color-yellow-950);--hot-color-warning-900: var(--hot-color-yellow-900);--hot-color-warning-800: var(--hot-color-yellow-800);--hot-color-warning-700: var(--hot-color-yellow-700);--hot-color-warning-600: var(--hot-color-yellow-600);--hot-color-warning-500: var(--hot-color-yellow-500);--hot-color-warning-400: var(--hot-color-yellow-400);--hot-color-warning-300: var(--hot-color-yellow-300);--hot-color-warning-200: var(--hot-color-yellow-200);--hot-color-warning-100: var(--hot-color-yellow-100);--hot-color-warning-50: var(--hot-color-yellow-50);--hot-color-success-950: #2B514F;--hot-color-success-900: #366361;--hot-color-success-800: #408789;--hot-color-success-700: #459BA0;--hot-color-success-600: #4BB1B9;--hot-color-success-500: #50C1CB;--hot-color-success-400: #58CBD1;--hot-color-success-300: #6AD4D9;--hot-color-success-200: #8FE1E3;--hot-color-success-100: #B9EDED;--hot-color-success-50: #E3F8F8;--hot-color-neutral-1000: #ffffff;--hot-color-neutral-950: var(--hot-color-gray-950);--hot-color-neutral-900: var(--hot-color-gray-900);--hot-color-neutral-800: var(--hot-color-gray-800);--hot-color-neutral-700: var(--hot-color-gray-700);--hot-color-neutral-600: var(--hot-color-gray-600);--hot-color-neutral-500: var(--hot-color-gray-500);--hot-color-neutral-400: var(--hot-color-gray-400);--hot-color-neutral-300: var(--hot-color-gray-300);--hot-color-neutral-200: var(--hot-color-gray-200);--hot-color-neutral-100: var(--hot-color-gray-100);--hot-color-neutral-50: var(--hot-color-gray-50);--hot-color-neutral-0: #000000;--hot-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--hot-font-sans-variant: "Barlow";--hot-font-sans-variant-condensed: "Barlow Condensed";--hot-font-serif: Georgia, "Times New Roman", serif;--hot-font-mono: Menlo, Monaco, Consolas, "Courier New", monospace, Consolas, "Liberation Mono", Menlo, monospace;--hot-font-size-2x-small: .625rem;--hot-font-size-x-small: .75rem;--hot-font-size-small: .875rem;--hot-font-size-medium: 1rem;--hot-font-size-large: 1.25rem;--hot-font-size-x-large: 1.5rem;--hot-font-size-2x-large: 2.25rem;--hot-font-size-3x-large: 3rem;--hot-font-size-4x-large: 4.5rem;--hot-font-weight-light: 300;--hot-font-weight-normal: 400;--hot-font-weight-semibold: 500;--hot-font-weight-bold: 700;--hot-letter-spacing-denser: -.03em;--hot-letter-spacing-dense: -.015em;--hot-letter-spacing-normal: normal;--hot-letter-spacing-loose: .075em;--hot-letter-spacing-looser: .15em;--hot-line-height-denser: 1;--hot-line-height-dense: 1.4;--hot-line-height-normal: 1.8;--hot-line-height-loose: 2.2;--hot-line-height-looser: 2.6;--hot-spacing-3x-small: .125rem;--hot-spacing-2x-small: .25rem;--hot-spacing-x-small: .5rem;--hot-spacing-small: .75rem;--hot-spacing-medium: 1rem;--hot-spacing-large: 1.25rem;--hot-spacing-x-large: 1.75rem;--hot-spacing-2x-large: 2.25rem;--hot-spacing-3x-large: 3rem;--hot-spacing-4x-large: 4.5rem;--hot-border-radius-small: .1875rem;--hot-border-radius-medium: .25rem;--hot-border-radius-large: .5rem;--hot-border-radius-x-large: 1rem;--hot-border-radius-circle: 50%;--hot-border-radius-pill: 9999px}.gradient-button::part(base){background:linear-gradient(217deg,var(--wa-color-indigo-50),var(--wa-color-purple-50),var(--wa-color-red-50));border:solid 1px var(--wa-color-purple-50);transition:transform .1s,box-shadow .1s}.gradient-button::part(base):hover{box-shadow:var(--wa-shadow-m);transform:translateY(-3px)}.gradient-button::part(base):active{box-shadow:inset var(--wa-shadow-s);transform:translateY(0)}.gradient-button::part(label){color:#fff;text-shadow:rgb(0 0 0 / .3) 0 -1px}@layer wa-color-palette{:where(:root),.wa-palette-hotosm{--wa-color-red-95: var(--hot-color-red-50);--wa-color-red-90: var(--hot-color-red-100);--wa-color-red-80: var(--hot-color-red-200);--wa-color-red-70: var(--hot-color-red-300);--wa-color-red-60: var(--hot-color-red-400);--wa-color-red-50: var(--hot-color-red-500);--wa-color-red-40: var(--hot-color-red-600);--wa-color-red-30: var(--hot-color-red-700);--wa-color-red-20: var(--hot-color-red-800);--wa-color-red-10: var(--hot-color-red-900);--wa-color-red-05: var(--hot-color-red-950);--wa-color-red: var(--wa-color-red-50);--wa-color-red-key: 50;--wa-color-orange-95: var(--hot-color-rose-50);--wa-color-orange-90: var(--hot-color-rose-100);--wa-color-orange-80: var(--hot-color-rose-200);--wa-color-orange-70: var(--hot-color-rose-300);--wa-color-orange-60: var(--hot-color-rose-400);--wa-color-orange-50: var(--hot-color-rose-500);--wa-color-orange-40: var(--hot-color-rose-600);--wa-color-orange-30: var(--hot-color-rose-700);--wa-color-orange-20: var(--hot-color-rose-800);--wa-color-orange-10: var(--hot-color-rose-900);--wa-color-orange-05: var(--hot-color-rose-950);--wa-color-orange: var(--wa-color-orange-60);--wa-color-orange-key: 60;--wa-color-yellow-95: var(--hot-color-yellow-50);--wa-color-yellow-90: var(--hot-color-yellow-100);--wa-color-yellow-80: var(--hot-color-yellow-200);--wa-color-yellow-70: var(--hot-color-yellow-300);--wa-color-yellow-60: var(--hot-color-yellow-400);--wa-color-yellow-50: var(--hot-color-yellow-500);--wa-color-yellow-40: var(--hot-color-yellow-600);--wa-color-yellow-30: var(--hot-color-yellow-700);--wa-color-yellow-20: var(--hot-color-yellow-800);--wa-color-yellow-10: var(--hot-color-yellow-900);--wa-color-yellow-05: var(--hot-color-yellow-950);--wa-color-yellow: var(--wa-color-yellow-80);--wa-color-yellow-key: 80;--wa-color-cyan-95: var(--hot-color-cyan-50);--wa-color-cyan-90: var(--hot-color-cyan-100);--wa-color-cyan-80: var(--hot-color-cyan-200);--wa-color-cyan-70: var(--hot-color-cyan-300);--wa-color-cyan-60: var(--hot-color-cyan-400);--wa-color-cyan-50: var(--hot-color-cyan-500);--wa-color-cyan-40: var(--hot-color-cyan-600);--wa-color-cyan-30: var(--hot-color-cyan-700);--wa-color-cyan-20: var(--hot-color-cyan-800);--wa-color-cyan-10: var(--hot-color-cyan-900);--wa-color-cyan-05: var(--hot-color-cyan-950);--wa-color-cyan: var(--wa-color-cyan-70);--wa-color-cyan-key: 70;--wa-color-blue-95: var(--hot-color-blue-50);--wa-color-blue-90: var(--hot-color-blue-100);--wa-color-blue-80: var(--hot-color-blue-200);--wa-color-blue-70: var(--hot-color-blue-300);--wa-color-blue-60: var(--hot-color-blue-400);--wa-color-blue-50: var(--hot-color-blue-500);--wa-color-blue-40: var(--hot-color-blue-600);--wa-color-blue-30: var(--hot-color-blue-700);--wa-color-blue-20: var(--hot-color-blue-800);--wa-color-blue-10: var(--hot-color-blue-900);--wa-color-blue-05: var(--hot-color-blue-950);--wa-color-blue: var(--wa-color-blue-50);--wa-color-blue-key: 50;--wa-color-gray-95: var(--hot-color-gray-50);--wa-color-gray-90: var(--hot-color-gray-100);--wa-color-gray-80: var(--hot-color-gray-200);--wa-color-gray-70: var(--hot-color-gray-300);--wa-color-gray-60: var(--hot-color-gray-400);--wa-color-gray-50: var(--hot-color-gray-500);--wa-color-gray-40: var(--hot-color-gray-600);--wa-color-gray-30: var(--hot-color-gray-700);--wa-color-gray-20: var(--hot-color-gray-800);--wa-color-gray-10: var(--hot-color-gray-900);--wa-color-gray-05: var(--hot-color-gray-950);--wa-color-gray: var(--wa-color-gray-40);--wa-color-gray-key: 40;--wa-color-brand-95: var(--hot-color-primary-50);--wa-color-brand-90: var(--hot-color-primary-100);--wa-color-brand-80: var(--hot-color-primary-200);--wa-color-brand-70: var(--hot-color-primary-300);--wa-color-brand-60: var(--hot-color-primary-400);--wa-color-brand-50: var(--hot-color-primary-500);--wa-color-brand-40: var(--hot-color-primary-600);--wa-color-brand-30: var(--hot-color-primary-700);--wa-color-brand-20: var(--hot-color-primary-800);--wa-color-brand-10: var(--hot-color-primary-900);--wa-color-brand-05: var(--hot-color-primary-950);--wa-color-brand: var(--wa-color-brand-50);--wa-color-brand-key: 50;--wa-color-neutral-95: var(--hot-color-neutral-50);--wa-color-neutral-90: var(--hot-color-neutral-100);--wa-color-neutral-80: var(--hot-color-neutral-200);--wa-color-neutral-70: var(--hot-color-neutral-300);--wa-color-neutral-60: var(--hot-color-neutral-400);--wa-color-neutral-50: var(--hot-color-neutral-500);--wa-color-neutral-40: var(--hot-color-neutral-600);--wa-color-neutral-30: var(--hot-color-neutral-700);--wa-color-neutral-20: var(--hot-color-neutral-800);--wa-color-neutral-10: var(--hot-color-neutral-900);--wa-color-neutral-05: var(--hot-color-neutral-950);--wa-color-neutral: var(--wa-color-neutral-40);--wa-color-neutral-key: 40;--wa-color-success-95: var(--hot-color-success-50);--wa-color-success-90: var(--hot-color-success-100);--wa-color-success-80: var(--hot-color-success-200);--wa-color-success-70: var(--hot-color-success-300);--wa-color-success-60: var(--hot-color-success-400);--wa-color-success-50: var(--hot-color-success-500);--wa-color-success-40: var(--hot-color-success-600);--wa-color-success-30: var(--hot-color-success-700);--wa-color-success-20: var(--hot-color-success-800);--wa-color-success-10: var(--hot-color-success-900);--wa-color-success-05: var(--hot-color-success-950);--wa-color-success: var(--wa-color-success-60);--wa-color-success-key: 60;--wa-color-warning-95: var(--hot-color-warning-50);--wa-color-warning-90: var(--hot-color-warning-100);--wa-color-warning-80: var(--hot-color-warning-200);--wa-color-warning-70: var(--hot-color-warning-300);--wa-color-warning-60: var(--hot-color-warning-400);--wa-color-warning-50: var(--hot-color-warning-500);--wa-color-warning-40: var(--hot-color-warning-600);--wa-color-warning-30: var(--hot-color-warning-700);--wa-color-warning-20: var(--hot-color-warning-800);--wa-color-warning-10: var(--hot-color-warning-900);--wa-color-warning-05: var(--hot-color-warning-950);--wa-color-warning: var(--wa-color-warning-80);--wa-color-warning-key: 80;--wa-color-danger-95: var(--hot-color-danger-50);--wa-color-danger-90: var(--hot-color-danger-100);--wa-color-danger-80: var(--hot-color-danger-200);--wa-color-danger-70: var(--hot-color-danger-300);--wa-color-danger-60: var(--hot-color-danger-400);--wa-color-danger-50: var(--hot-color-danger-500);--wa-color-danger-40: var(--hot-color-danger-600);--wa-color-danger-30: var(--hot-color-danger-700);--wa-color-danger-20: var(--hot-color-danger-800);--wa-color-danger-10: var(--hot-color-danger-900);--wa-color-danger-05: var(--hot-color-danger-950);--wa-color-danger: var(--wa-color-danger-50);--wa-color-danger-key: 50;--wa-color-green-95: #e3f9e3 ;--wa-color-green-90: #c2f2c1 ;--wa-color-green-80: #93da98 ;--wa-color-green-70: #5dc36f ;--wa-color-green-60: #00ac49 ;--wa-color-green-50: #00883c ;--wa-color-green-40: #036730 ;--wa-color-green-30: #0a5027 ;--wa-color-green-20: #0a3a1d ;--wa-color-green-10: #052310 ;--wa-color-green-05: #031608 ;--wa-color-green: var(--wa-color-green-60);--wa-color-green-key: 60;--wa-color-indigo-95: #f0f2ff ;--wa-color-indigo-90: #dfe5ff ;--wa-color-indigo-80: #bcc7ff ;--wa-color-indigo-70: #9da9ff ;--wa-color-indigo-60: #808aff ;--wa-color-indigo-50: #6163f2 ;--wa-color-indigo-40: #4945cb ;--wa-color-indigo-30: #3933a7 ;--wa-color-indigo-20: #292381 ;--wa-color-indigo-10: #181255 ;--wa-color-indigo-05: #0d0a3a ;--wa-color-indigo: var(--wa-color-indigo-50);--wa-color-indigo-key: 50;--wa-color-purple-95: #f7f0ff ;--wa-color-purple-90: #eedfff ;--wa-color-purple-80: #ddbdff ;--wa-color-purple-70: #ca99ff ;--wa-color-purple-60: #b678f5 ;--wa-color-purple-50: #9951db ;--wa-color-purple-40: #7936b3 ;--wa-color-purple-30: #612692 ;--wa-color-purple-20: #491870 ;--wa-color-purple-10: #2d0b48 ;--wa-color-purple-05: #1e0532 ;--wa-color-purple: var(--wa-color-purple-50);--wa-color-purple-key: 50;--wa-color-pink-95: #feeff9 ;--wa-color-pink-90: #feddf0 ;--wa-color-pink-80: #fcb5d8 ;--wa-color-pink-70: #f78dbf ;--wa-color-pink-60: #e66ba3 ;--wa-color-pink-50: #c84382 ;--wa-color-pink-40: #9e2a6c ;--wa-color-pink-30: #7d1e58 ;--wa-color-pink-20: #5e1342 ;--wa-color-pink-10: #3c0828 ;--wa-color-pink-05: #28041a ;--wa-color-pink: var(--wa-color-pink-50);--wa-color-pink-key: 50}}@layer wa-theme{:where(:root),.wa-theme-default,.wa-light,.wa-dark .wa-invert,.wa-light .wa-theme-default,.wa-dark .wa-theme-default.wa-invert,.wa-dark .wa-theme-default .wa-invert{color-scheme:light;color:var(--wa-color-text-normal);--wa-color-surface-raised: white;--wa-color-surface-default: white;--wa-color-surface-lowered: var(--hot-color-neutral-50);--wa-color-surface-border: var(--hot-color-neutral-100);--wa-color-text-normal: var(--hot-color-neutral-900);--wa-color-text-quiet: var(--hot-color-neutral-600);--wa-color-text-link: var(--hot-color-primary-600);--wa-color-overlay-modal: color-mix( in oklab, var(--hot-color-neutral-950) 50%, transparent );--wa-color-overlay-inline: color-mix( in oklab, var(--hot-color-neutral-200) 25%, transparent );--wa-color-shadow: color-mix( in oklab, var(--hot-color-neutral-950) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );--wa-color-focus: var(--hot-color-primary-400);--wa-color-mix-hover: black 10%;--wa-color-mix-active: black 20%;--wa-color-brand-fill-quiet: var(--wa-color-brand-95);--wa-color-brand-fill-normal: var(--wa-color-brand-90);--wa-color-brand-fill-loud: var(--wa-color-brand-50);--wa-color-brand-border-quiet: var(--wa-color-brand-90);--wa-color-brand-border-normal: var(--wa-color-brand-80);--wa-color-brand-border-loud: var(--wa-color-brand-60);--wa-color-brand-on-quiet: var(--wa-color-brand-40);--wa-color-brand-on-normal: var(--wa-color-brand-30);--wa-color-brand-on-loud: white;--wa-color-success-fill-quiet: var(--wa-color-success-95);--wa-color-success-fill-normal: var(--wa-color-success-90);--wa-color-success-fill-loud: var(--wa-color-success-50);--wa-color-success-border-quiet: var(--wa-color-success-90);--wa-color-success-border-normal: var(--wa-color-success-80);--wa-color-success-border-loud: var(--wa-color-success-60);--wa-color-success-on-quiet: var(--wa-color-success-20);--wa-color-success-on-normal: var(--wa-color-success-20);--wa-color-success-on-loud: white;--wa-color-warning-fill-quiet: var(--wa-color-warning-95);--wa-color-warning-fill-normal: var(--wa-color-warning-90);--wa-color-warning-fill-loud: var(--wa-color-warning-50);--wa-color-warning-border-quiet: var(--wa-color-warning-90);--wa-color-warning-border-normal: var(--wa-color-warning-80);--wa-color-warning-border-loud: var(--wa-color-warning-40);--wa-color-warning-on-quiet: var(--wa-color-warning-05);--wa-color-warning-on-normal: var(--wa-color-warning-05);--wa-color-warning-on-loud: var(--wa-color-warning-05);--wa-color-danger-fill-quiet: var(--wa-color-danger-95);--wa-color-danger-fill-normal: var(--wa-color-danger-90);--wa-color-danger-fill-loud: var(--wa-color-danger-50);--wa-color-danger-border-quiet: var(--wa-color-danger-90);--wa-color-danger-border-normal: var(--wa-color-danger-80);--wa-color-danger-border-loud: var(--wa-color-danger-60);--wa-color-danger-on-quiet: var(--wa-color-danger-05);--wa-color-danger-on-normal: var(--wa-color-danger-05);--wa-color-danger-on-loud: white;--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);--wa-color-neutral-fill-loud: var(--wa-color-neutral-80);--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);--wa-color-neutral-border-normal: var(--wa-color-neutral-80);--wa-color-neutral-border-loud: var(--wa-color-neutral-60);--wa-color-neutral-on-quiet: var(--wa-color-neutral-05);--wa-color-neutral-on-normal: var(--wa-color-neutral-05);--wa-color-neutral-on-loud: var(--wa-color-neutral-05)}:where(:root),.wa-theme-default,.wa-light,.wa-dark,.wa-invert{--wa-font-family-body: var(--hot-font-sans);--wa-font-family-heading: var(--hot-font-sans-variant-condensed);--wa-font-family-code: var(--hot-font-mono);--wa-font-family-longform: var(--hot-font-serif);--wa-font-size-2xs: var(--hot-font-size-2x-small);--wa-font-size-xs: var(--hot-font-size-x-small);--wa-font-size-s: var(--hot-font-size-small);--wa-font-size-m: var(--hot-font-size-medium);--wa-font-size-l: var(--hot-font-size-large);--wa-font-size-xl: var(--hot-font-size-x-large);--wa-font-size-2xl: var(--hot-font-size-2x-large);--wa-font-size-3xl: var(--hot-font-size-3x-large);--wa-font-size-4xl: var(--hot-font-size-4x-large);--wa-font-weight-light: var(--hot-font-weight-light);--wa-font-weight-normal: var(--hot-font-weight-normal);--wa-font-weight-semibold: var(--hot-font-weight-semibold);--wa-font-weight-bold: var(--hot-font-weight-bold);--wa-font-weight-body: var(--wa-font-weight-normal);--wa-font-weight-heading: var(--wa-font-weight-bold);--wa-font-weight-code: var(--wa-font-weight-normal);--wa-font-weight-longform: var(--wa-font-weight-normal);--wa-font-weight-action: var(--wa-font-weight-semibold);--wa-line-height-condensed: var(--hot-line-height-dense);--wa-line-height-normal: var(--hot-line-height-normal);--wa-line-height-expanded: var(--hot-line-height-loose);--wa-space-3xs: var(--hot-spacing-3x-small);--wa-space-2xs: var(--hot-spacing-2x-small);--wa-space-xs: var(--hot-spacing-x-small);--wa-space-s: var(--hot-spacing-small);--wa-space-m: var(--hot-spacing-medium);--wa-space-l: var(--hot-spacing-large);--wa-space-xl: var(--hot-spacing-x-large);--wa-space-2xl: var(--hot-spacing-2x-large);--wa-space-3xl: var(--hot-spacing-3x-large);--wa-space-4xl: var(--hot-spacing-4x-large);--wa-border-radius-s: var(--hot-border-radius-small);--wa-border-radius-m: var(--hot-border-radius-medium);--wa-border-radius-l: var(--hot-border-radius-large);--wa-border-radius-pill: var(--hot-border-radius-pill);--wa-border-radius-circle: var(--hot-border-radius-circle)}}
+@import"https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root,:host,.hot-theme-light{--hot-color-red-950: #a52a28;--hot-color-red-900: #b9302d;--hot-color-red-800: #b83032;--hot-color-red-700: #c53639;--hot-color-red-600: #d73f3f;--hot-color-red-500: #d43f3f;--hot-color-red-400: #ed5c5e;--hot-color-red-300: #e27a7d;--hot-color-red-200: #ec9ea1;--hot-color-red-100: #fed1d7;--hot-color-red-50: #feecef;--hot-color-rose-950: #3e030b;--hot-color-rose-900: #4b040e;--hot-color-rose-800: #5c1517;--hot-color-rose-700: #6b231d;--hot-color-rose-600: #7c2e26;--hot-color-rose-500: #7d463f;--hot-color-rose-400: #9e6960;--hot-color-rose-300: #b3837b;--hot-color-rose-200: #cfa59e;--hot-color-rose-100: #eac7c0;--hot-color-rose-50: #ffe6de;--hot-color-yellow-950: #cc6508;--hot-color-yellow-900: #e8750c;--hot-color-yellow-800: #f77d0f;--hot-color-yellow-700: #faa71e;--hot-color-yellow-600: #fcbf26;--hot-color-yellow-500: #fed82e;--hot-color-yellow-400: #fae62e;--hot-color-yellow-300: #fdeb51;--hot-color-yellow-200: #fff072;--hot-color-yellow-100: #ffebcf;--hot-color-yellow-50: #fff9c3;--hot-color-blue-950: #111c31;--hot-color-blue-900: #182642;--hot-color-blue-800: #20365b;--hot-color-blue-700: #263f68;--hot-color-blue-600: #2e4873;--hot-color-blue-500: #344f7b;--hot-color-blue-400: #53688b;--hot-color-blue-300: #71829e;--hot-color-blue-200: #97a5ba;--hot-color-blue-100: #bfc8d6;--hot-color-blue-50: #e6e9ee;--hot-color-cyan-950: #2b514f;--hot-color-cyan-900: #366361;--hot-color-cyan-800: #408789;--hot-color-cyan-700: #459ba0;--hot-color-cyan-600: #4bb1b9;--hot-color-cyan-500: #50c1cb;--hot-color-cyan-400: #58cbd1;--hot-color-cyan-300: #6ad4d9;--hot-color-cyan-200: #8fe1e3;--hot-color-cyan-100: #b9eded;--hot-color-cyan-50: #e3f8f8;--hot-color-gray-950: #2c3038;--hot-color-gray-900: #404248;--hot-color-gray-800: #515057;--hot-color-gray-700: #615f66;--hot-color-gray-600: #716f73;--hot-color-gray-500: #828085;--hot-color-gray-400: #9a969b;--hot-color-gray-300: #b3b0b3;--hot-color-gray-200: #c4c3c5;--hot-color-gray-100: #e1e0e1;--hot-color-gray-50: #f3f3f3;--hot-color-primary-950: var(--hot-color-red-950);--hot-color-primary-900: var(--hot-color-red-900);--hot-color-primary-800: var(--hot-color-red-800);--hot-color-primary-700: var(--hot-color-red-700);--hot-color-primary-600: var(--hot-color-red-600);--hot-color-primary-500: var(--hot-color-red-500);--hot-color-primary-400: var(--hot-color-red-400);--hot-color-primary-300: var(--hot-color-red-300);--hot-color-primary-200: var(--hot-color-red-200);--hot-color-primary-100: var(--hot-color-red-100);--hot-color-primary-50: var(--hot-color-red-50);--hot-color-danger-950: var(--hot-color-red-950);--hot-color-danger-900: var(--hot-color-red-900);--hot-color-danger-800: var(--hot-color-red-800);--hot-color-danger-700: var(--hot-color-red-700);--hot-color-danger-600: var(--hot-color-red-600);--hot-color-danger-500: var(--hot-color-red-500);--hot-color-danger-400: var(--hot-color-red-400);--hot-color-danger-300: var(--hot-color-red-300);--hot-color-danger-200: var(--hot-color-red-200);--hot-color-danger-100: var(--hot-color-red-100);--hot-color-danger-50: var(--hot-color-red-50);--hot-color-warning-950: var(--hot-color-yellow-950);--hot-color-warning-900: var(--hot-color-yellow-900);--hot-color-warning-800: var(--hot-color-yellow-800);--hot-color-warning-700: var(--hot-color-yellow-700);--hot-color-warning-600: var(--hot-color-yellow-600);--hot-color-warning-500: var(--hot-color-yellow-500);--hot-color-warning-400: var(--hot-color-yellow-400);--hot-color-warning-300: var(--hot-color-yellow-300);--hot-color-warning-200: var(--hot-color-yellow-200);--hot-color-warning-100: var(--hot-color-yellow-100);--hot-color-warning-50: var(--hot-color-yellow-50);--hot-color-success-950: #2b514f;--hot-color-success-900: #366361;--hot-color-success-800: #408789;--hot-color-success-700: #459ba0;--hot-color-success-600: #4bb1b9;--hot-color-success-500: #50c1cb;--hot-color-success-400: #58cbd1;--hot-color-success-300: #6ad4d9;--hot-color-success-200: #8fe1e3;--hot-color-success-100: #b9eded;--hot-color-success-50: #e3f8f8;--hot-color-neutral-1000: #ffffff;--hot-color-neutral-950: var(--hot-color-gray-950);--hot-color-neutral-900: var(--hot-color-gray-900);--hot-color-neutral-800: var(--hot-color-gray-800);--hot-color-neutral-700: var(--hot-color-gray-700);--hot-color-neutral-600: var(--hot-color-gray-600);--hot-color-neutral-500: var(--hot-color-gray-500);--hot-color-neutral-400: var(--hot-color-gray-400);--hot-color-neutral-300: var(--hot-color-gray-300);--hot-color-neutral-200: var(--hot-color-gray-200);--hot-color-neutral-100: var(--hot-color-gray-100);--hot-color-neutral-50: var(--hot-color-gray-50);--hot-color-neutral-0: #000000;--hot-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--hot-font-sans-variant: "Barlow";--hot-font-sans-variant-condensed: "Barlow Condensed";--hot-font-serif: Georgia, "Times New Roman", serif;--hot-font-mono: Menlo, Monaco, Consolas, "Courier New", monospace, Consolas, "Liberation Mono", Menlo, monospace;--hot-font-size-2x-small: .625rem;--hot-font-size-x-small: .75rem;--hot-font-size-small: .875rem;--hot-font-size-medium: 1rem;--hot-font-size-large: 1.25rem;--hot-font-size-x-large: 1.5rem;--hot-font-size-2x-large: 2.25rem;--hot-font-size-3x-large: 3rem;--hot-font-size-4x-large: 4.5rem;--hot-font-weight-light: 300;--hot-font-weight-normal: 400;--hot-font-weight-semibold: 500;--hot-font-weight-bold: 700;--hot-letter-spacing-denser: -.03em;--hot-letter-spacing-dense: -.015em;--hot-letter-spacing-normal: normal;--hot-letter-spacing-loose: .075em;--hot-letter-spacing-looser: .15em;--hot-line-height-denser: 1;--hot-line-height-dense: 1.4;--hot-line-height-normal: 1.8;--hot-line-height-loose: 2.2;--hot-line-height-looser: 2.6;--hot-spacing-3x-small: .125rem;--hot-spacing-2x-small: .25rem;--hot-spacing-x-small: .5rem;--hot-spacing-small: .75rem;--hot-spacing-medium: 1rem;--hot-spacing-large: 1.25rem;--hot-spacing-x-large: 1.75rem;--hot-spacing-2x-large: 2.25rem;--hot-spacing-3x-large: 3rem;--hot-spacing-4x-large: 4.5rem;--hot-border-radius-small: .1875rem;--hot-border-radius-medium: .25rem;--hot-border-radius-large: .5rem;--hot-border-radius-x-large: 1rem;--hot-border-radius-circle: 50%;--hot-border-radius-pill: 9999px}.gradient-button::part(base){background:linear-gradient(217deg,var(--wa-color-indigo-50),var(--wa-color-purple-50),var(--wa-color-red-50));border:solid 1px var(--wa-color-purple-50);transition:transform .1s,box-shadow .1s}.gradient-button::part(base):hover{box-shadow:var(--wa-shadow-m);transform:translateY(-3px)}.gradient-button::part(base):active{box-shadow:inset var(--wa-shadow-s);transform:translateY(0)}.gradient-button::part(label){color:#fff;text-shadow:rgb(0 0 0 / .3) 0 -1px}@layer wa-color-palette{:where(:root),.wa-palette-hotosm{--wa-color-red-95: var(--hot-color-red-50);--wa-color-red-90: var(--hot-color-red-100);--wa-color-red-80: var(--hot-color-red-200);--wa-color-red-70: var(--hot-color-red-300);--wa-color-red-60: var(--hot-color-red-400);--wa-color-red-50: var(--hot-color-red-500);--wa-color-red-40: var(--hot-color-red-600);--wa-color-red-30: var(--hot-color-red-700);--wa-color-red-20: var(--hot-color-red-800);--wa-color-red-10: var(--hot-color-red-900);--wa-color-red-05: var(--hot-color-red-950);--wa-color-red: var(--wa-color-red-50);--wa-color-red-key: 50;--wa-color-orange-95: var(--hot-color-rose-50);--wa-color-orange-90: var(--hot-color-rose-100);--wa-color-orange-80: var(--hot-color-rose-200);--wa-color-orange-70: var(--hot-color-rose-300);--wa-color-orange-60: var(--hot-color-rose-400);--wa-color-orange-50: var(--hot-color-rose-500);--wa-color-orange-40: var(--hot-color-rose-600);--wa-color-orange-30: var(--hot-color-rose-700);--wa-color-orange-20: var(--hot-color-rose-800);--wa-color-orange-10: var(--hot-color-rose-900);--wa-color-orange-05: var(--hot-color-rose-950);--wa-color-orange: var(--wa-color-orange-60);--wa-color-orange-key: 60;--wa-color-yellow-95: var(--hot-color-yellow-50);--wa-color-yellow-90: var(--hot-color-yellow-100);--wa-color-yellow-80: var(--hot-color-yellow-200);--wa-color-yellow-70: var(--hot-color-yellow-300);--wa-color-yellow-60: var(--hot-color-yellow-400);--wa-color-yellow-50: var(--hot-color-yellow-500);--wa-color-yellow-40: var(--hot-color-yellow-600);--wa-color-yellow-30: var(--hot-color-yellow-700);--wa-color-yellow-20: var(--hot-color-yellow-800);--wa-color-yellow-10: var(--hot-color-yellow-900);--wa-color-yellow-05: var(--hot-color-yellow-950);--wa-color-yellow: var(--wa-color-yellow-80);--wa-color-yellow-key: 80;--wa-color-cyan-95: var(--hot-color-cyan-50);--wa-color-cyan-90: var(--hot-color-cyan-100);--wa-color-cyan-80: var(--hot-color-cyan-200);--wa-color-cyan-70: var(--hot-color-cyan-300);--wa-color-cyan-60: var(--hot-color-cyan-400);--wa-color-cyan-50: var(--hot-color-cyan-500);--wa-color-cyan-40: var(--hot-color-cyan-600);--wa-color-cyan-30: var(--hot-color-cyan-700);--wa-color-cyan-20: var(--hot-color-cyan-800);--wa-color-cyan-10: var(--hot-color-cyan-900);--wa-color-cyan-05: var(--hot-color-cyan-950);--wa-color-cyan: var(--wa-color-cyan-70);--wa-color-cyan-key: 70;--wa-color-blue-95: var(--hot-color-blue-50);--wa-color-blue-90: var(--hot-color-blue-100);--wa-color-blue-80: var(--hot-color-blue-200);--wa-color-blue-70: var(--hot-color-blue-300);--wa-color-blue-60: var(--hot-color-blue-400);--wa-color-blue-50: var(--hot-color-blue-500);--wa-color-blue-40: var(--hot-color-blue-600);--wa-color-blue-30: var(--hot-color-blue-700);--wa-color-blue-20: var(--hot-color-blue-800);--wa-color-blue-10: var(--hot-color-blue-900);--wa-color-blue-05: var(--hot-color-blue-950);--wa-color-blue: var(--wa-color-blue-50);--wa-color-blue-key: 50;--wa-color-gray-95: var(--hot-color-gray-50);--wa-color-gray-90: var(--hot-color-gray-100);--wa-color-gray-80: var(--hot-color-gray-200);--wa-color-gray-70: var(--hot-color-gray-300);--wa-color-gray-60: var(--hot-color-gray-400);--wa-color-gray-50: var(--hot-color-gray-500);--wa-color-gray-40: var(--hot-color-gray-600);--wa-color-gray-30: var(--hot-color-gray-700);--wa-color-gray-20: var(--hot-color-gray-800);--wa-color-gray-10: var(--hot-color-gray-900);--wa-color-gray-05: var(--hot-color-gray-950);--wa-color-gray: var(--wa-color-gray-40);--wa-color-gray-key: 40;--wa-color-brand-95: var(--hot-color-primary-50);--wa-color-brand-90: var(--hot-color-primary-100);--wa-color-brand-80: var(--hot-color-primary-200);--wa-color-brand-70: var(--hot-color-primary-300);--wa-color-brand-60: var(--hot-color-primary-400);--wa-color-brand-50: var(--hot-color-primary-500);--wa-color-brand-40: var(--hot-color-primary-600);--wa-color-brand-30: var(--hot-color-primary-700);--wa-color-brand-20: var(--hot-color-primary-800);--wa-color-brand-10: var(--hot-color-primary-900);--wa-color-brand-05: var(--hot-color-primary-950);--wa-color-brand: var(--wa-color-brand-50);--wa-color-brand-key: 50;--wa-color-neutral-95: var(--hot-color-neutral-50);--wa-color-neutral-90: var(--hot-color-neutral-100);--wa-color-neutral-80: var(--hot-color-neutral-200);--wa-color-neutral-70: var(--hot-color-neutral-300);--wa-color-neutral-60: var(--hot-color-neutral-400);--wa-color-neutral-50: var(--hot-color-neutral-500);--wa-color-neutral-40: var(--hot-color-neutral-600);--wa-color-neutral-30: var(--hot-color-neutral-700);--wa-color-neutral-20: var(--hot-color-neutral-800);--wa-color-neutral-10: var(--hot-color-neutral-900);--wa-color-neutral-05: var(--hot-color-neutral-950);--wa-color-neutral: var(--wa-color-neutral-40);--wa-color-neutral-key: 40;--wa-color-success-95: var(--hot-color-success-50);--wa-color-success-90: var(--hot-color-success-100);--wa-color-success-80: var(--hot-color-success-200);--wa-color-success-70: var(--hot-color-success-300);--wa-color-success-60: var(--hot-color-success-400);--wa-color-success-50: var(--hot-color-success-500);--wa-color-success-40: var(--hot-color-success-600);--wa-color-success-30: var(--hot-color-success-700);--wa-color-success-20: var(--hot-color-success-800);--wa-color-success-10: var(--hot-color-success-900);--wa-color-success-05: var(--hot-color-success-950);--wa-color-success: var(--wa-color-success-60);--wa-color-success-key: 60;--wa-color-warning-95: var(--hot-color-warning-50);--wa-color-warning-90: var(--hot-color-warning-100);--wa-color-warning-80: var(--hot-color-warning-200);--wa-color-warning-70: var(--hot-color-warning-300);--wa-color-warning-60: var(--hot-color-warning-400);--wa-color-warning-50: var(--hot-color-warning-500);--wa-color-warning-40: var(--hot-color-warning-600);--wa-color-warning-30: var(--hot-color-warning-700);--wa-color-warning-20: var(--hot-color-warning-800);--wa-color-warning-10: var(--hot-color-warning-900);--wa-color-warning-05: var(--hot-color-warning-950);--wa-color-warning: var(--wa-color-warning-80);--wa-color-warning-key: 80;--wa-color-danger-95: var(--hot-color-danger-50);--wa-color-danger-90: var(--hot-color-danger-100);--wa-color-danger-80: var(--hot-color-danger-200);--wa-color-danger-70: var(--hot-color-danger-300);--wa-color-danger-60: var(--hot-color-danger-400);--wa-color-danger-50: var(--hot-color-danger-500);--wa-color-danger-40: var(--hot-color-danger-600);--wa-color-danger-30: var(--hot-color-danger-700);--wa-color-danger-20: var(--hot-color-danger-800);--wa-color-danger-10: var(--hot-color-danger-900);--wa-color-danger-05: var(--hot-color-danger-950);--wa-color-danger: var(--wa-color-danger-50);--wa-color-danger-key: 50;--wa-color-green-95: #e3f9e3 ;--wa-color-green-90: #c2f2c1 ;--wa-color-green-80: #93da98 ;--wa-color-green-70: #5dc36f ;--wa-color-green-60: #00ac49 ;--wa-color-green-50: #00883c ;--wa-color-green-40: #036730 ;--wa-color-green-30: #0a5027 ;--wa-color-green-20: #0a3a1d ;--wa-color-green-10: #052310 ;--wa-color-green-05: #031608 ;--wa-color-green: var(--wa-color-green-60);--wa-color-green-key: 60;--wa-color-indigo-95: #f0f2ff ;--wa-color-indigo-90: #dfe5ff ;--wa-color-indigo-80: #bcc7ff ;--wa-color-indigo-70: #9da9ff ;--wa-color-indigo-60: #808aff ;--wa-color-indigo-50: #6163f2 ;--wa-color-indigo-40: #4945cb ;--wa-color-indigo-30: #3933a7 ;--wa-color-indigo-20: #292381 ;--wa-color-indigo-10: #181255 ;--wa-color-indigo-05: #0d0a3a ;--wa-color-indigo: var(--wa-color-indigo-50);--wa-color-indigo-key: 50;--wa-color-purple-95: #f7f0ff ;--wa-color-purple-90: #eedfff ;--wa-color-purple-80: #ddbdff ;--wa-color-purple-70: #ca99ff ;--wa-color-purple-60: #b678f5 ;--wa-color-purple-50: #9951db ;--wa-color-purple-40: #7936b3 ;--wa-color-purple-30: #612692 ;--wa-color-purple-20: #491870 ;--wa-color-purple-10: #2d0b48 ;--wa-color-purple-05: #1e0532 ;--wa-color-purple: var(--wa-color-purple-50);--wa-color-purple-key: 50;--wa-color-pink-95: #feeff9 ;--wa-color-pink-90: #feddf0 ;--wa-color-pink-80: #fcb5d8 ;--wa-color-pink-70: #f78dbf ;--wa-color-pink-60: #e66ba3 ;--wa-color-pink-50: #c84382 ;--wa-color-pink-40: #9e2a6c ;--wa-color-pink-30: #7d1e58 ;--wa-color-pink-20: #5e1342 ;--wa-color-pink-10: #3c0828 ;--wa-color-pink-05: #28041a ;--wa-color-pink: var(--wa-color-pink-50);--wa-color-pink-key: 50}}@layer wa-theme{:where(:root),.wa-theme-default,.wa-light,.wa-dark .wa-invert,.wa-light .wa-theme-default,.wa-dark .wa-theme-default.wa-invert,.wa-dark .wa-theme-default .wa-invert{color-scheme:light;color:var(--wa-color-text-normal);--wa-color-surface-raised: white;--wa-color-surface-default: white;--wa-color-surface-lowered: var(--hot-color-neutral-50);--wa-color-surface-border: var(--hot-color-neutral-100);--wa-color-text-normal: var(--hot-color-neutral-900);--wa-color-text-quiet: var(--hot-color-neutral-600);--wa-color-text-link: var(--hot-color-primary-600);--wa-color-overlay-modal: color-mix(in oklab, var(--hot-color-neutral-950) 50%, transparent);--wa-color-overlay-inline: color-mix(in oklab, var(--hot-color-neutral-200) 25%, transparent);--wa-color-shadow: color-mix( in oklab, var(--hot-color-neutral-950) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );--wa-color-focus: var(--hot-color-primary-400);--wa-color-mix-hover: black 10%;--wa-color-mix-active: black 20%;--wa-color-brand-fill-quiet: var(--wa-color-brand-95);--wa-color-brand-fill-normal: var(--wa-color-brand-90);--wa-color-brand-fill-loud: var(--wa-color-brand-50);--wa-color-brand-border-quiet: var(--wa-color-brand-90);--wa-color-brand-border-normal: var(--wa-color-brand-80);--wa-color-brand-border-loud: var(--wa-color-brand-60);--wa-color-brand-on-quiet: var(--wa-color-brand-40);--wa-color-brand-on-normal: var(--wa-color-brand-30);--wa-color-brand-on-loud: white;--wa-color-success-fill-quiet: var(--wa-color-success-95);--wa-color-success-fill-normal: var(--wa-color-success-90);--wa-color-success-fill-loud: var(--wa-color-success-50);--wa-color-success-border-quiet: var(--wa-color-success-90);--wa-color-success-border-normal: var(--wa-color-success-80);--wa-color-success-border-loud: var(--wa-color-success-60);--wa-color-success-on-quiet: var( --wa-color-success-20 );--wa-color-success-on-normal: var(--wa-color-success-20);--wa-color-success-on-loud: white;--wa-color-warning-fill-quiet: var(--wa-color-warning-95);--wa-color-warning-fill-normal: var(--wa-color-warning-90);--wa-color-warning-fill-loud: var(--wa-color-warning-50);--wa-color-warning-border-quiet: var(--wa-color-warning-90);--wa-color-warning-border-normal: var(--wa-color-warning-80);--wa-color-warning-border-loud: var(--wa-color-warning-40);--wa-color-warning-on-quiet: var( --wa-color-warning-05 );--wa-color-warning-on-normal: var(--wa-color-warning-05);--wa-color-warning-on-loud: var( --wa-color-warning-05 );--wa-color-danger-fill-quiet: var(--wa-color-danger-95);--wa-color-danger-fill-normal: var(--wa-color-danger-90);--wa-color-danger-fill-loud: var(--wa-color-danger-50);--wa-color-danger-border-quiet: var(--wa-color-danger-90);--wa-color-danger-border-normal: var(--wa-color-danger-80);--wa-color-danger-border-loud: var(--wa-color-danger-60);--wa-color-danger-on-quiet: var(--wa-color-danger-05);--wa-color-danger-on-normal: var(--wa-color-danger-05);--wa-color-danger-on-loud: white;--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);--wa-color-neutral-fill-loud: var(--wa-color-neutral-80);--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);--wa-color-neutral-border-normal: var(--wa-color-neutral-80);--wa-color-neutral-border-loud: var(--wa-color-neutral-60);--wa-color-neutral-on-quiet: var(--wa-color-neutral-05);--wa-color-neutral-on-normal: var(--wa-color-neutral-05);--wa-color-neutral-on-loud: var( --wa-color-neutral-05 )}:where(:root),.wa-theme-default,.wa-light,.wa-dark,.wa-invert{--wa-font-family-body: var(--hot-font-sans);--wa-font-family-heading: var(--hot-font-sans-variant-condensed);--wa-font-family-code: var(--hot-font-mono);--wa-font-family-longform: var(--hot-font-serif);--wa-font-size-2xs: var(--hot-font-size-2x-small);--wa-font-size-xs: var(--hot-font-size-x-small);--wa-font-size-s: var(--hot-font-size-small);--wa-font-size-m: var(--hot-font-size-medium);--wa-font-size-l: var(--hot-font-size-large);--wa-font-size-xl: var(--hot-font-size-x-large);--wa-font-size-2xl: var(--hot-font-size-2x-large);--wa-font-size-3xl: var(--hot-font-size-3x-large);--wa-font-size-4xl: var(--hot-font-size-4x-large);--wa-font-weight-light: var(--hot-font-weight-light);--wa-font-weight-normal: var(--hot-font-weight-normal);--wa-font-weight-semibold: var(--hot-font-weight-semibold);--wa-font-weight-bold: var(--hot-font-weight-bold);--wa-font-weight-body: var(--wa-font-weight-normal);--wa-font-weight-heading: var(--wa-font-weight-bold);--wa-font-weight-code: var(--wa-font-weight-normal);--wa-font-weight-longform: var(--wa-font-weight-normal);--wa-font-weight-action: var(--wa-font-weight-semibold);--wa-line-height-condensed: var(--hot-line-height-dense);--wa-line-height-normal: var(--hot-line-height-normal);--wa-line-height-expanded: var(--hot-line-height-loose);--wa-space-3xs: var(--hot-spacing-3x-small);--wa-space-2xs: var(--hot-spacing-2x-small);--wa-space-xs: var(--hot-spacing-x-small);--wa-space-s: var(--hot-spacing-small);--wa-space-m: var(--hot-spacing-medium);--wa-space-l: var(--hot-spacing-large);--wa-space-xl: var(--hot-spacing-x-large);--wa-space-2xl: var(--hot-spacing-2x-large);--wa-space-3xl: var(--hot-spacing-3x-large);--wa-space-4xl: var(--hot-spacing-4x-large);--wa-border-radius-s: var(--hot-border-radius-small);--wa-border-radius-m: var(--hot-border-radius-medium);--wa-border-radius-l: var(--hot-border-radius-large);--wa-border-radius-pill: var(--hot-border-radius-pill);--wa-border-radius-circle: var(--hot-border-radius-circle)}}