@lukso/web-components 1.0.1 → 1.0.4

package/README.md

@@ -1,152 +1,102 @@
-# Tailwind web components starter kit
+# @lukso/web-components · [![npm version](https://img.shields.io/npm/v/@lukso/web-components.svg?style=flat)](https://www.npmjs.com/package/@lukso/web-components)
 
-This is a starter kit to develop web components using Tailwind CSS.
+Web Components library address issue of sharing same visual elements and basic style setup across different projects. It's based on following tools
 
-Tailwind and web components do not play well together.
+- [Tailwind CSS](https://tailwindcss.com/)
+- [Lit](https://lit.dev/)
+- [Storybook](https://storybook.js.org/)
 
-We managed to find a way to make them work without hacks or weird tech: just common technologies combined in a elegant way.
+Please check the storybook [preview page](https://tools-web-components.pages.dev/) for full component list and basic styling.
 
-No dependencies, based on [lit-element](https://lit.dev/docs/).
+## Installation
 
-## Setup
+In order to use library you need to install this as npm package
 
-Although the original form of the project suggests pnpm, storybook is not so happy
-using linked npms.
-
-Please run `yarn install`
-And then use scripts as `yarn <SCRIPT>`
-
-## Storybook
-
-To use storybook do `yarn storybook` and `yarn build-storybook`.
-There is a `yarn test-storybook` but that's still having problems.
-
-## How will you create a tailwind component?
-
-Here is a sample code:
-
-```typescript
-import { html } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-import { TailwindElement } from '../shared/tailwind.element'
-
-import style from './test.component.scss?inline' // #1
-
-@customElement('test-component')
-export class TestComponent extends TailwindElement(style) {
-  // #2
-
-  @property()
-  name?: string = 'World'
-
-  render() {
-    return html`
-      <p>
-        Hello,
-        <b>${this.name}</b>
-        !
-      </p>
-      <button class="bg-blue-200 text-yellow-200 p-2 rounded-full text-2xl">
-        Hello world!
-      </button>
-    `
-  }
-}
+```sh
+yarn add @lukso/web-components
 ```
 
-It is based on the [lit element](https://lit.dev/docs/) technology: if you wrote a lit component before, you'll find it familiar.
+## Using the library
 
-There are only two differences to a standard _LitElement_:
+Library is focused around projects build on top of [Tailwind CSS](https://tailwindcss.com/) framework. It ships with bunch of components, presets for styles, typography and colors.
 
-1. You must import your styles from a separate file. And this is good for two reasons:
-   - it separates the CSS from the logic
-   - you can decide to use CSS or SCSS
-   - note the `?inline` at the end of the file path: if you don't add it, then vite will add the style to the head of the html. If you add it, the style is scoped into the component only
-2. the class extends a _TailwindElement_ rather than a LitElement
+#### Components
 
-A _TailwindElement_ extends a _LitElmement_ (see below) and adds the logic to integrate tailwind and your styles.
+For using components you need to first import them
 
-## Get started
+```js
+import('@lukso/web-components/lukso-button')
+```
 
-To run the project:
+and use in the HTML
 
-1. `yarn install` (only the first time)
-2. `yarn start` to run the server
-3. to develop the library, run `yarn build` and copy the static assets where you need them.
+```html
+<lukso-button variant="primary">Click me!</lukso-button>
+```
 
-You may clone this repo and start developing your components by looking at the _test.component_ as reference.
+Under the hood you use Web Components which styles are encapsulated within own shadow DOM (host page doesn't have access to it styles and vice versa). The only thing that components share from are fonts, colors and variables, see more on [CSS inheritance](https://lit.dev/docs/components/styles/#inheritance).
 
-As an alternative, and if you like to have control over every piece, do the following:
+### Styles (Tailwind CSS projects)
 
-1. copy the files in the shared folder:
-   - _tailwind.element.ts_ extends LitElement by adding the tailwind support
-   - _tailwind.global.css_ includes tha Tailwind base classes into each component
-   - _globals.d.ts_ is used to avoid TypeScript errors whe nimporting CSS/Scss files in typescript files (thanks [@emaant96](https://github.com/emaant96))
-2. copy the _package.json_ or the devDependencies inside into your own _package.json_ (**there are no dependencies**)
-3. copy _postcss.config.js_, _tailwind.config.js_ and _tsconfig.js_
+Please add this preset in the config file
 
-That's all.
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require('@lukso/web-components/tailwind.config')],
+  // ...
+}
+```
 
-## Folder structure
+and include styles in your main file
 
-Each folder in the src folder will become a published component.
+```scss
+// main.scss
+$font-file-path: '/assets/fonts';
 
-```text
-src
-  component1
-    index.ts
-  componrnt2
-    index.ts
-    styles.scss
-    test.stories.ts
+@import '@lukso/web-components/sass/main.scss';
 ```
 
-The vite build script will automatically update package.json and the vite config to publish each of the components.
+### Styles (non Tailwind CSS projects)
 
-## Show me the pieces
+Atm the only thing that you can benefit from non Tailwind CSS projects is loading the fonts
 
-If you want to understand how it works, it's simple:
+```scss
+// main.scss
+$font-file-path: '/assets/fonts';
 
-- the **package.json** integrates these technolgies:
-
-```json
-"autoprefixer": "^10.4.12",
-"postcss": "^8.4.18",
-"lit": "^2.4.0",
-"tailwindcss": "^3.2.0",
-"typescript": "^4.8.4",
-"vite": "^3.1.8",
-"sass": "^1.55.0"
+@import '@lukso/web-components/sass/fonts.scss';
 ```
 
-- **vite** does almost all the work automatically
-- to integrate tailwind, the most important file is in _src/shared/tailwind.element.ts_
+## Development workflow
 
-```typescript
-import { LitElement, unsafeCSS } from 'lit'
+Start the watch mode and Storybook preview
 
-import style from './tailwind.global.css'
+```sh
+yarn dev
+```
 
-const tailwindElement = unsafeCSS(style)
+check for the issues after code changes
 
-export const TailwindElement = style =>
-  class extends LitElement {
-    static styles = [tailwindElement, unsafeCSS(style)]
-  }
+```sh
+yarn lint
+yarn test
 ```
 
-It extends a _LitElement_ class at runtime and adds the component tailwind classes.
-
-The _style_ variable comes from your component, where it is imported from an external CSS (or SCSS) file.
+## Linking the library
 
-Then it is combined with the default tailwind classes.
+For local development it's handy to link component library with the project you currently develop. This way you can work with components like in normal app. To make it work you need to first link the library:
 
-If you add more components, the common parts are reused.
+```sh
+yarn link -p ../tools-web-components
+```
 
-## Who uses it?
+The only caveat with linking is that this will add resolution entry into `package.json` and package.lock` which shouldn't be committed. Make sure to revert this changes or run unlink command
 
-We developed this starter kit to implement a web session player for our open source SaaS [browserbot](https://browserbot.io/).
+```sh
+yarn unlink ../tools-web-components
+```
 
-If you want to contribute or share soem thoughts, just get in touch with us.
+## How to build the components
 
-Enjoy.
+// TBA

package/dist/assets/fonts/index.cjs

@@ -0,0 +1 @@
+"use strict";const e=__dirname;module.exports=e;

package/dist/assets/fonts/index.js

@@ -0,0 +1,4 @@
+const a = __dirname;
+export {
+  a as default
+};

package/dist/assets/fonts/index.ts

@@ -0,0 +1 @@
+export default __dirname

package/dist/directive-619b88dd.cjs

@@ -0,0 +1,55 @@
+"use strict";/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const D=window,dt=D.ShadowRoot&&(D.ShadyCSS===void 0||D.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Rt=Symbol(),gt=new WeakMap;let Jt=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==Rt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(dt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=gt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&gt.set(e,t))}return t}toString(){return this.cssText}};const Yt=o=>new Jt(typeof o=="string"?o:o+"",void 0,Rt),Ft=(o,t)=>{dt?o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),r=D.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,o.appendChild(i)})},ft=dt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return Yt(e)})(o):o;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var G;const W=window,mt=W.trustedTypes,Xt=mt?mt.emptyScript:"",vt=W.reactiveElementPolyfillSupport,at={toAttribute(o,t){switch(t){case Boolean:o=o?Xt:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},It=(o,t)=>t!==o&&(t==t||o==o),Q={attribute:!0,type:String,converter:at,reflect:!1,hasChanged:It};let N=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const r=this._$Ep(i,e);r!==void 0&&(this._$Ev.set(r,i),t.push(r))}),t}static createProperty(t,e=Q){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const n=this[t];this[e]=r,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||Q}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const r of i)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(ft(r))}else t!==void 0&&e.push(ft(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return Ft(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=Q){var r;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const s=(((r=i.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?i.converter:at).toAttribute(e,i.type);this._$El=t,s==null?this.removeAttribute(n):this.setAttribute(n,s),this._$El=null}}_$AK(t,e){var i;const r=this.constructor,n=r._$Ev.get(t);if(n!==void 0&&this._$El!==n){const s=r.getPropertyOptions(n),c=typeof s.converter=="function"?{fromAttribute:s.converter}:((i=s.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?s.converter:at;this._$El=n,this[n]=c.fromAttribute(e,s.type),this._$El=null}}requestUpdate(t,e,i){let r=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||It)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,n)=>this[n]=r),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var n;return(n=r.hostUpdate)===null||n===void 0?void 0:n.call(r)}),this.update(i)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var r;return(r=i.hostUpdated)===null||r===void 0?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};N.finalized=!0,N.elementProperties=new Map,N.elementStyles=[],N.shadowRootOptions={mode:"open"},vt==null||vt({ReactiveElement:N}),((G=W.reactiveElementVersions)!==null&&G!==void 0?G:W.reactiveElementVersions=[]).push("1.6.1");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var tt;const q=window,S=q.trustedTypes,wt=S?S.createPolicy("lit-html",{createHTML:o=>o}):void 0,w=`lit$${(Math.random()+"").slice(9)}$`,jt="?"+w,Gt=`<${jt}>`,k=document,K=(o="")=>k.createComment(o),R=o=>o===null||typeof o!="object"&&typeof o!="function",Lt=Array.isArray,Qt=o=>Lt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",O=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,bt=/-->/g,$t=/>/g,$=RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),yt=/'/g,_t=/"/g,Bt=/^(?:script|style|textarea|title)$/i,C=Symbol.for("lit-noChange"),g=Symbol.for("lit-nothing"),xt=new WeakMap,x=k.createTreeWalker(k,129,null,!1),te=(o,t)=>{const e=o.length-1,i=[];let r,n=t===2?"<svg>":"",s=O;for(let a=0;a<e;a++){const l=o[a];let u,h,d=-1,p=0;for(;p<l.length&&(s.lastIndex=p,h=s.exec(l),h!==null);)p=s.lastIndex,s===O?h[1]==="!--"?s=bt:h[1]!==void 0?s=$t:h[2]!==void 0?(Bt.test(h[2])&&(r=RegExp("</"+h[2],"g")),s=$):h[3]!==void 0&&(s=$):s===$?h[0]===">"?(s=r??O,d=-1):h[1]===void 0?d=-2:(d=s.lastIndex-h[2].length,u=h[1],s=h[3]===void 0?$:h[3]==='"'?_t:yt):s===_t||s===yt?s=$:s===bt||s===$t?s=O:(s=$,r=void 0);const m=s===$&&o[a+1].startsWith("/>")?" ":"";n+=s===O?l+Gt:d>=0?(i.push(u),l.slice(0,d)+"$lit$"+l.slice(d)+w+m):l+w+(d===-2?(i.push(void 0),a):m)}const c=n+(o[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[wt!==void 0?wt.createHTML(c):c,i]};let Z=class{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0;const c=t.length-1,a=this.parts,[l,u]=te(t,e);if(this.el=Z.createElement(l,i),x.currentNode=this.el.content,e===2){const h=this.el.content,d=h.firstChild;d.remove(),h.append(...d.childNodes)}for(;(r=x.nextNode())!==null&&a.length<c;){if(r.nodeType===1){if(r.hasAttributes()){const h=[];for(const d of r.getAttributeNames())if(d.endsWith("$lit$")||d.startsWith(w)){const p=u[s++];if(h.push(d),p!==void 0){const m=r.getAttribute(p.toLowerCase()+"$lit$").split(w),v=/([.?@])?(.*)/.exec(p);a.push({type:1,index:n,name:v[2],strings:m,ctor:v[1]==="."?ie:v[1]==="?"?oe:v[1]==="@"?ne:F})}else a.push({type:6,index:n})}for(const d of h)r.removeAttribute(d)}if(Bt.test(r.tagName)){const h=r.textContent.split(w),d=h.length-1;if(d>0){r.textContent=S?S.emptyScript:"";for(let p=0;p<d;p++)r.append(h[p],K()),x.nextNode(),a.push({type:2,index:++n});r.append(h[d],K())}}}else if(r.nodeType===8)if(r.data===jt)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(w,h+1))!==-1;)a.push({type:7,index:n}),h+=w.length-1}n++}}static createElement(t,e){const i=k.createElement("template");return i.innerHTML=t,i}};function z(o,t,e=o,i){var r,n,s,c;if(t===C)return t;let a=i!==void 0?(r=e._$Co)===null||r===void 0?void 0:r[i]:e._$Cl;const l=R(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==l&&((n=a==null?void 0:a._$AO)===null||n===void 0||n.call(a,!1),l===void 0?a=void 0:(a=new l(o),a._$AT(o,e,i)),i!==void 0?((s=(c=e)._$Co)!==null&&s!==void 0?s:c._$Co=[])[i]=a:e._$Cl=a),a!==void 0&&(t=z(o,a._$AS(o,t.values),a,i)),t}let ee=class{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:r}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:k).importNode(i,!0);x.currentNode=n;let s=x.nextNode(),c=0,a=0,l=r[0];for(;l!==void 0;){if(c===l.index){let u;l.type===2?u=new ct(s,s.nextSibling,this,t):l.type===1?u=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(u=new se(s,this,t)),this.u.push(u),l=r[++a]}c!==(l==null?void 0:l.index)&&(s=x.nextNode(),c++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}},ct=class{constructor(t,e,i,r){var n;this.type=2,this._$AH=g,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cm=(n=r==null?void 0:r.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=z(this,t,e),R(t)?t===g||t==null||t===""?(this._$AH!==g&&this._$AR(),this._$AH=g):t!==this._$AH&&t!==C&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Qt(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==g&&R(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:r}=t,n=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=Z.createElement(r.h,this.options)),r);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const s=new ee(n,this),c=s.v(this.options);s.p(i),this.T(c),this._$AH=s}}_$AC(t){let e=xt.get(t.strings);return e===void 0&&xt.set(t.strings,e=new Z(t)),e}k(t){Lt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new ct(this.O(K()),this.O(K()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}},F=class{constructor(t,e,i,r,n){this.type=1,this._$AH=g,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=g}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const n=this.strings;let s=!1;if(n===void 0)t=z(this,t,e,0),s=!R(t)||t!==this._$AH&&t!==C,s&&(this._$AH=t);else{const c=t;let a,l;for(t=n[0],a=0;a<n.length-1;a++)l=z(this,c[i+a],e,a),l===C&&(l=this._$AH[a]),s||(s=!R(l)||l!==this._$AH[a]),l===g?t=g:t!==g&&(t+=(l??"")+n[a+1]),this._$AH[a]=l}s&&!r&&this.j(t)}j(t){t===g?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}},ie=class extends F{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===g?void 0:t}};const re=S?S.emptyScript:"";let oe=class extends F{constructor(){super(...arguments),this.type=4}j(t){t&&t!==g?this.element.setAttribute(this.name,re):this.element.removeAttribute(this.name)}},ne=class extends F{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=z(this,t,e,0))!==null&&i!==void 0?i:g)===C)return;const r=this._$AH,n=t===g&&r!==g||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==g&&(r===g||n);n&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}},se=class{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){z(this,t)}};const At=q.litHtmlPolyfillSupport;At==null||At(Z,ct),((tt=q.litHtmlVersions)!==null&&tt!==void 0?tt:q.litHtmlVersions=[]).push("2.6.1");/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const V=window,pt=V.ShadowRoot&&(V.ShadyCSS===void 0||V.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Dt=Symbol(),Et=new WeakMap;let ae=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==Dt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(pt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=Et.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Et.set(e,t))}return t}toString(){return this.cssText}};const ut=o=>new ae(typeof o=="string"?o:o+"",void 0,Dt),le=(o,t)=>{pt?o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{const i=document.createElement("style"),r=V.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,o.appendChild(i)})},St=pt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return ut(e)})(o):o;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var et;const J=window,kt=J.trustedTypes,he=kt?kt.emptyScript:"",Ct=J.reactiveElementPolyfillSupport,lt={toAttribute(o,t){switch(t){case Boolean:o=o?he:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Vt=(o,t)=>t!==o&&(t==t||o==o),it={attribute:!0,type:String,converter:lt,reflect:!1,hasChanged:Vt};let _=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this.u()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach((e,i)=>{const r=this._$Ep(i,e);r!==void 0&&(this._$Ev.set(r,i),t.push(r))}),t}static createProperty(t,e=it){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){const i=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){const n=this[t];this[e]=r,this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||it}static finalize(){if(this.hasOwnProperty("finalized"))return!1;this.finalized=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(const r of i)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const r of i)e.unshift(St(r))}else t!==void 0&&e.push(St(t));return e}static _$Ep(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}u(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;const e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return le(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=it){var r;const n=this.constructor._$Ep(t,i);if(n!==void 0&&i.reflect===!0){const s=(((r=i.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?i.converter:lt).toAttribute(e,i.type);this._$El=t,s==null?this.removeAttribute(n):this.setAttribute(n,s),this._$El=null}}_$AK(t,e){var i;const r=this.constructor,n=r._$Ev.get(t);if(n!==void 0&&this._$El!==n){const s=r.getPropertyOptions(n),c=typeof s.converter=="function"?{fromAttribute:s.converter}:((i=s.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?s.converter:lt;this._$El=n,this[n]=c.fromAttribute(e,s.type),this._$El=null}}requestUpdate(t,e,i){let r=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Vt)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,n)=>this[n]=r),this._$Ei=void 0);let e=!1;const i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var n;return(n=r.hostUpdate)===null||n===void 0?void 0:n.call(r)}),this.update(i)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var r;return(r=i.hostUpdated)===null||r===void 0?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};_.finalized=!0,_.elementProperties=new Map,_.elementStyles=[],_.shadowRootOptions={mode:"open"},Ct==null||Ct({ReactiveElement:_}),((et=J.reactiveElementVersions)!==null&&et!==void 0?et:J.reactiveElementVersions=[]).push("1.5.0");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var rt;const Y=window,P=Y.trustedTypes,zt=P?P.createPolicy("lit-html",{createHTML:o=>o}):void 0,b=`lit$${(Math.random()+"").slice(9)}$`,Wt="?"+b,de=`<${Wt}>`,U=document,I=(o="")=>U.createComment(o),j=o=>o===null||typeof o!="object"&&typeof o!="function",qt=Array.isArray,ce=o=>qt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Pt=/-->/g,Ut=/>/g,y=RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),Tt=/'/g,Ht=/"/g,Kt=/^(?:script|style|textarea|title)$/i,pe=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),ue=pe(1),T=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),Nt=new WeakMap,A=U.createTreeWalker(U,129,null,!1),ge=(o,t)=>{const e=o.length-1,i=[];let r,n=t===2?"<svg>":"",s=M;for(let a=0;a<e;a++){const l=o[a];let u,h,d=-1,p=0;for(;p<l.length&&(s.lastIndex=p,h=s.exec(l),h!==null);)p=s.lastIndex,s===M?h[1]==="!--"?s=Pt:h[1]!==void 0?s=Ut:h[2]!==void 0?(Kt.test(h[2])&&(r=RegExp("</"+h[2],"g")),s=y):h[3]!==void 0&&(s=y):s===y?h[0]===">"?(s=r??M,d=-1):h[1]===void 0?d=-2:(d=s.lastIndex-h[2].length,u=h[1],s=h[3]===void 0?y:h[3]==='"'?Ht:Tt):s===Ht||s===Tt?s=y:s===Pt||s===Ut?s=M:(s=y,r=void 0);const m=s===y&&o[a+1].startsWith("/>")?" ":"";n+=s===M?l+de:d>=0?(i.push(u),l.slice(0,d)+"$lit$"+l.slice(d)+b+m):l+b+(d===-2?(i.push(void 0),a):m)}const c=n+(o[e]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return[zt!==void 0?zt.createHTML(c):c,i]};class L{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0;const c=t.length-1,a=this.parts,[l,u]=ge(t,e);if(this.el=L.createElement(l,i),A.currentNode=this.el.content,e===2){const h=this.el.content,d=h.firstChild;d.remove(),h.append(...d.childNodes)}for(;(r=A.nextNode())!==null&&a.length<c;){if(r.nodeType===1){if(r.hasAttributes()){const h=[];for(const d of r.getAttributeNames())if(d.endsWith("$lit$")||d.startsWith(b)){const p=u[s++];if(h.push(d),p!==void 0){const m=r.getAttribute(p.toLowerCase()+"$lit$").split(b),v=/([.?@])?(.*)/.exec(p);a.push({type:1,index:n,name:v[2],strings:m,ctor:v[1]==="."?me:v[1]==="?"?we:v[1]==="@"?be:X})}else a.push({type:6,index:n})}for(const d of h)r.removeAttribute(d)}if(Kt.test(r.tagName)){const h=r.textContent.split(b),d=h.length-1;if(d>0){r.textContent=P?P.emptyScript:"";for(let p=0;p<d;p++)r.append(h[p],I()),A.nextNode(),a.push({type:2,index:++n});r.append(h[d],I())}}}else if(r.nodeType===8)if(r.data===Wt)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(b,h+1))!==-1;)a.push({type:7,index:n}),h+=b.length-1}n++}}static createElement(t,e){const i=U.createElement("template");return i.innerHTML=t,i}}function H(o,t,e=o,i){var r,n,s,c;if(t===T)return t;let a=i!==void 0?(r=e._$Co)===null||r===void 0?void 0:r[i]:e._$Cl;const l=j(t)?void 0:t._$litDirective$;return(a==null?void 0:a.constructor)!==l&&((n=a==null?void 0:a._$AO)===null||n===void 0||n.call(a,!1),l===void 0?a=void 0:(a=new l(o),a._$AT(o,e,i)),i!==void 0?((s=(c=e)._$Co)!==null&&s!==void 0?s:c._$Co=[])[i]=a:e._$Cl=a),a!==void 0&&(t=H(o,a._$AS(o,t.values),a,i)),t}class fe{constructor(t,e){this.u=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}v(t){var e;const{el:{content:i},parts:r}=this._$AD,n=((e=t==null?void 0:t.creationScope)!==null&&e!==void 0?e:U).importNode(i,!0);A.currentNode=n;let s=A.nextNode(),c=0,a=0,l=r[0];for(;l!==void 0;){if(c===l.index){let u;l.type===2?u=new B(s,s.nextSibling,this,t):l.type===1?u=new l.ctor(s,l.name,l.strings,this,t):l.type===6&&(u=new $e(s,this,t)),this.u.push(u),l=r[++a]}c!==(l==null?void 0:l.index)&&(s=A.nextNode(),c++)}return n}p(t){let e=0;for(const i of this.u)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class B{constructor(t,e,i,r){var n;this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cm=(n=r==null?void 0:r.isConnected)===null||n===void 0||n}get _$AU(){var t,e;return(e=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&e!==void 0?e:this._$Cm}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&t.nodeType===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=H(this,t,e),j(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==T&&this.g(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ce(t)?this.k(t):this.g(t)}O(t,e=this._$AB){return this._$AA.parentNode.insertBefore(t,e)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}g(t){this._$AH!==f&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){var e;const{values:i,_$litType$:r}=t,n=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=L.createElement(r.h,this.options)),r);if(((e=this._$AH)===null||e===void 0?void 0:e._$AD)===n)this._$AH.p(i);else{const s=new fe(n,this),c=s.v(this.options);s.p(i),this.T(c),this._$AH=s}}_$AC(t){let e=Nt.get(t.strings);return e===void 0&&Nt.set(t.strings,e=new L(t)),e}k(t){qt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new B(this.O(I()),this.O(I()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)===null||i===void 0||i.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cm=t,(e=this._$AP)===null||e===void 0||e.call(this,t))}}class X{constructor(t,e,i,r,n){this.type=1,this._$AH=f,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=f}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){const n=this.strings;let s=!1;if(n===void 0)t=H(this,t,e,0),s=!j(t)||t!==this._$AH&&t!==T,s&&(this._$AH=t);else{const c=t;let a,l;for(t=n[0],a=0;a<n.length-1;a++)l=H(this,c[i+a],e,a),l===T&&(l=this._$AH[a]),s||(s=!j(l)||l!==this._$AH[a]),l===f?t=f:t!==f&&(t+=(l??"")+n[a+1]),this._$AH[a]=l}s&&!r&&this.j(t)}j(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class me extends X{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===f?void 0:t}}const ve=P?P.emptyScript:"";class we extends X{constructor(){super(...arguments),this.type=4}j(t){t&&t!==f?this.element.setAttribute(this.name,ve):this.element.removeAttribute(this.name)}}class be extends X{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){var i;if((t=(i=H(this,t,e,0))!==null&&i!==void 0?i:f)===T)return;const r=this._$AH,n=t===f&&r!==f||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,s=t!==f&&(r===f||n);n&&this.element.removeEventListener(this.name,this,r),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,i;typeof this._$AH=="function"?this._$AH.call((i=(e=this.options)===null||e===void 0?void 0:e.host)!==null&&i!==void 0?i:this.element,t):this._$AH.handleEvent(t)}}class $e{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){H(this,t)}}const Ot=Y.litHtmlPolyfillSupport;Ot==null||Ot(L,B),((rt=Y.litHtmlVersions)!==null&&rt!==void 0?rt:Y.litHtmlVersions=[]).push("2.5.0");const ye=(o,t,e)=>{var i,r;const n=(i=e==null?void 0:e.renderBefore)!==null&&i!==void 0?i:t;let s=n._$litPart$;if(s===void 0){const c=(r=e==null?void 0:e.renderBefore)!==null&&r!==void 0?r:null;n._$litPart$=s=new B(t.insertBefore(I(),c),c,void 0,e??{})}return s._$AI(o),s};/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var ot,nt;class E extends _{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;const i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=ye(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return T}}E.finalized=!0,E._$litElement$=!0,(ot=globalThis.litElementHydrateSupport)===null||ot===void 0||ot.call(globalThis,{LitElement:E});const Mt=globalThis.litElementPolyfillSupport;Mt==null||Mt({LitElement:E});((nt=globalThis.litElementVersions)!==null&&nt!==void 0?nt:globalThis.litElementVersions=[]).push("3.2.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const _e=o=>t=>typeof t=="function"?((e,i)=>(customElements.define(e,i),i))(o,t):((e,i)=>{const{kind:r,elements:n}=i;return{kind:r,elements:n,finisher(s){customElements.define(e,s)}}})(o,t);/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const xe=(o,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,o)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,o)}};function Ae(o){return(t,e)=>e!==void 0?((i,r,n)=>{r.constructor.createProperty(n,i)})(o,t,e):xe(o,t)}/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var st;((st=window.HTMLSlotElement)===null||st===void 0?void 0:st.prototype.assignedElements)!=null;const Ee=`/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+  */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:PT Mono,sans-serif;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.heading-h1{font-family:Inter,sans-serif;font-size:26px;font-weight:600;font-style:normal;line-height:31px}.heading-h2{font-family:Inter,sans-serif;font-size:21px;font-weight:600;font-style:normal;line-height:26px}.heading-h3{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.heading-h4{font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:15px;letter-spacing:.02em}.heading-h5{font-family:Inter,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:17px}.heading-h1-apax{font-family:Apax,sans-serif;font-size:24px;font-weight:500;font-style:normal;line-height:28px}.heading-h4-apax{font-family:Apax,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:20px}.heading-h5-apax{font-family:Apax,sans-serif;font-size:8px;font-weight:500;font-style:normal;line-height:28px}.paragraph-16-regular{font-family:Inter,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:24px}.paragraph-16-semi-bold{font-family:Inter,sans-serif;font-size:16px;font-weight:600;font-style:normal;line-height:24px}.paragraph-14-regular{font-family:Inter,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:22px}.paragraph-14-medium{font-family:Inter,sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:22px}.paragraph-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:22px}.paragraph-12-regular{font-family:Inter,sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:20px}.paragraph-12-medium{font-family:Inter,sans-serif;font-size:12px;font-weight:500;font-style:normal;line-height:20px}.paragraph-12-semi-bold{font-family:Inter,sans-serif;font-size:12px;font-weight:600;font-style:normal;line-height:20px}.currency-10-semi-bold{font-family:Inter,sans-serif;font-size:10px;font-weight:600;font-style:normal;line-height:12px}.currency-10-bold-uppercase{font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;font-style:normal;line-height:12px}.currency-14-semi-bold{font-family:Inter,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:17px}.link{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:22px}.button-text{font-family:Inter,sans-serif;font-size:17px;font-weight:600;font-style:normal;line-height:17px}.caption{font-family:Inter,sans-serif;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.monospace-16-regular{font-family:PT Mono,sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:22px}.monospace-16-bold{font-family:PT Mono,sans-serif;font-size:16px;font-weight:700;font-style:normal;line-height:22px}.monospace-12-bold{font-family:PT Mono,sans-serif;font-size:12px;font-weight:700;font-style:normal;line-height:14px}.monospace-10-bold{font-family:PT Mono,sans-serif;font-size:10px;font-weight:700;font-style:normal;line-height:14px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.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}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\\!relative{position:relative!important}.sticky{position:sticky}.top-0{top:0px}.right-0{right:0px}.bottom-0{bottom:0px}.left-0{left:0px}.isolate{isolation:isolate}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-last{order:9999}.float-left{float:left}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:none}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-neutral-90{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.border-neutral-20{--tw-border-opacity: 1;border-color:rgb(36 53 66 / var(--tw-border-opacity))}.border-purple-51{--tw-border-opacity: 1;border-color:rgb(100 110 160 / var(--tw-border-opacity))}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-neutral-20{--tw-bg-opacity: 1;background-color:rgb(36 53 66 / var(--tw-bg-opacity))}.bg-purple-51{--tw-bg-opacity: 1;background-color:rgb(100 110 160 / var(--tw-bg-opacity))}.bg-blue-800{--tw-bg-opacity: 1;background-color:rgb(30 64 175 / var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-3{padding-top:.75rem}.pl-2{padding-left:.5rem}.pb-4{padding-bottom:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.text-justify{text-align:justify}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.font-inter{font-family:Inter,sans-serif}.text-24{font-size:24px}.text-26{font-size:26px}.text-21{font-size:21px}.text-17{font-size:17px}.text-12{font-size:12px}.text-14{font-size:14px}.text-8{font-size:8px}.text-16{font-size:16px}.text-10{font-size:10px}.text-13{font-size:13px}.font-600{font-weight:600}.font-700{font-weight:700}.font-500{font-weight:500}.font-400{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.slashed-zero{--tw-slashed-zero: slashed-zero;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.lining-nums{--tw-numeric-figure: lining-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oldstyle-nums{--tw-numeric-figure: oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.proportional-nums{--tw-numeric-spacing: proportional-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.diagonal-fractions{--tw-numeric-fraction: diagonal-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.stacked-fractions{--tw-numeric-fraction: stacked-fractions;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-31{line-height:31px}.leading-26{line-height:26px}.leading-22{line-height:22px}.leading-15{line-height:15px}.leading-17{line-height:17px}.leading-28{line-height:28px}.leading-20{line-height:20px}.leading-24{line-height:24px}.leading-12{line-height:12px}.leading-14{line-height:14px}.tracking-\\[\\.02em\\]{letter-spacing:.02em}.text-neutral-20{--tw-text-opacity: 1;color:rgb(36 53 66 / var(--tw-text-opacity))}.text-neutral-100{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.overline{text-decoration-line:overline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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)}.invert{--tw-invert: invert(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)}.sepia{--tw-sepia: sepia(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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:border-purple-58:hover{--tw-border-opacity: 1;border-color:rgb(122 131 174 / var(--tw-border-opacity))}.hover\\:bg-purple-58:hover{--tw-bg-opacity: 1;background-color:rgb(122 131 174 / var(--tw-bg-opacity))}.hover\\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity))}.hover\\:shadow-button-hover-secondary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .12);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\\:shadow-button-hover-primary:hover{--tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, .4);--tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\\:border-neutral-90:disabled{--tw-border-opacity: 1;border-color:rgb(222 231 237 / var(--tw-border-opacity))}.disabled\\:bg-neutral-90:disabled{--tw-bg-opacity: 1;background-color:rgb(222 231 237 / var(--tw-bg-opacity))}.disabled\\:text-neutral-100:disabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
+`,ht=ut(Ee),Se=o=>{var t;return t=class extends E{},t.styles=o?[ht,ut(o)]:[ht],t};class Zt extends E{}Zt.styles=[ht];/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const ke={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ce=o=>(...t)=>({_$litDirective$:o,values:t});class ze{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}exports.TailwindElement=Zt;exports.TailwindStyledElement=Se;exports.e=Ce;exports.e$1=Ae;exports.e$2=_e;exports.i=ze;exports.t=ke;exports.x=C;exports.y=ue;