@lukso/web-components 1.0.6 → 1.2.0

package/src/components/lukso-test/index.ts

@@ -3,7 +3,7 @@ import { customElement, property } from 'lit/decorators.js'
 import { animate, AnimateController } from '@lit-labs/motion'
 import { classMap } from 'lit/directives/class-map.js'
 
-import { TailwindStyledElement } from '../../shared/tailwind.element'
+import { TailwindStyledElement } from '@/shared/tailwind-element'
 import style from './test.component.scss?inline'
 
 @customElement('lukso-test')

package/src/components/lukso-test/test.stories.ts

@@ -2,7 +2,7 @@ import { html } from 'lit-html'
 import { within } from '@storybook/testing-library'
 import { expect } from '@storybook/jest'
 
-import './index'
+import '../lukso-test'
 
 export default {
   title: 'Test',

package/src/components/lukso-wizard/index.ts

@@ -0,0 +1,74 @@
+import { html } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+import { repeat } from 'lit/directives/repeat.js'
+
+import { TailwindElement } from '@/shared/tailwind-element'
+import { customClassMap } from '@/shared/directives/custom-class-map'
+
+export type WizardStep = {
+  label: string
+}
+
+@customElement('lukso-wizard')
+export class LuksoWizard extends TailwindElement {
+  @property({ type: Array })
+  steps: WizardStep[] = []
+
+  @property({ type: Number, attribute: 'active-step' })
+  activeStep = 1
+
+  private activeStepStyles = `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`
+
+  private completedStepStyles = `[&>.lukso-wizard-circle]:after:bg-purple-51
+    [&_.lukso-wizard-circle-inner]:bg-gradient-to-t
+    [&_.lukso-wizard-circle-inner]:from-gradient-3-start
+    [&_.lukso-wizard-circle-inner]:to-gradient-3-end`
+
+  stepTemplate(step: WizardStep, index: number) {
+    return html`<li
+      class="inline-flex flex-col items-center justify-end w-24 first:-ml-12 last:-mr-12 relative
+      [&>.lukso-wizard-circle]:after:last:hidden ${customClassMap({
+        [this.completedStepStyles]: index + 1 < this.activeStep,
+        [this.activeStepStyles]: index + 1 === this.activeStep,
+      })}"
+    >
+      <div
+        class="text-purple-51 heading-h5-apax whitespace-pre-line flex text-center break-words"
+      >
+        ${step.label}
+      </div>
+      <div
+        class="lukso-wizard-circle bg-pink-95 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+          border-[1px] border-solid border-[rgba(255,255,255,0.8)]
+          after:block after:absolute after:bottom-[7px] after:w-[calc(100%-16px)] after:ml-[15px] after:h-[2px]
+          after:content:'' after:bg-pink-95 after:shadow-wizard-line"
+      >
+        <div
+          class="lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px] ${customClassMap(
+            {
+              [this.activeStepStyles]: index + 1 === this.activeStep,
+            }
+          )}"
+        ></div>
+      </div>
+    </li>`
+  }
+
+  render() {
+    return html`
+      <ul class="flex justify-center" data-testid="wizard">
+        ${repeat(
+          this.steps || [],
+          step => this.steps.indexOf(step),
+          (step, index) => this.stepTemplate(step, index)
+        )}
+      </ul>
+    `
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'lukso-wizard': LuksoWizard
+  }
+}

package/src/components/lukso-wizard/lukso-wizard.stories.ts

@@ -0,0 +1,45 @@
+import { html } from 'lit-html'
+
+import '../lukso-wizard'
+
+export default {
+  title: 'Design System/Atoms/Wizard',
+  component: 'lukso-wizard',
+  argTypes: {
+    steps: {
+      control: { type: 'object' },
+    },
+    activeStep: { control: { type: 'number', min: 1, step: 1 } },
+  },
+  args: {
+    steps: [
+      {
+        label: `Select
+Profile`,
+      },
+      {
+        label: `Connect
+Wallet`,
+      },
+      {
+        label: `Migrate
+LYXe`,
+      },
+      { label: 'Status' },
+    ],
+    activeStep: 3,
+  },
+  parameters: {
+    controls: {
+      exclude: ['activeStepStyles', 'completedStepStyles', 'active-step'],
+    },
+  },
+}
+
+const Template = ({ steps, activeStep }) =>
+  html`<lukso-wizard
+    steps=${JSON.stringify(steps)}
+    active-step=${activeStep}
+  ></lukso-wizard>`
+
+export const Wizard = Template.bind({})

package/src/index.ts

@@ -1,3 +1 @@
-// DO NOT MODIFY MANUALLY
-export * from './components/lukso-button/index'
-export * from './components/lukso-test/index'
+export * from './components'

package/src/shared/assets/images/index.ts

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

package/src/shared/assets/index.ts

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

package/src/shared/directives/{custom-class-map.ts → custom-class-map/index.ts}

@@ -4,7 +4,7 @@ export interface ClassInfoList {
   readonly [classList: string]: boolean
 }
 
-class CustomClassMapDirective extends Directive {
+export class CustomClassMapDirective extends Directive {
   constructor(partInfo: PartInfo) {
     super(partInfo)
     if (
@@ -47,5 +47,3 @@ class CustomClassMapDirective extends Directive {
  * @param classInfoList
  */
 export const customClassMap = directive(CustomClassMapDirective)
-
-export type { CustomClassMapDirective }

package/src/shared/directives/index.ts

@@ -0,0 +1 @@
+export * from './custom-class-map'

package/src/shared/styles/color-palette.ts

@@ -1,3 +1,5 @@
+import tinycolor from 'tinycolor2'
+
 import { hslColorMap } from '../utils/hslColorMap'
 
 type ColorMap = {
@@ -29,6 +31,7 @@ export const colorPalette = {
   blue: hslColorMap(216, 96, [50, 60, 75, 85]),
   red: hslColorMap(0, 75, [55, 65, 75, 85]),
   purple: hslColorMap(230, 24, [94, 82, 63, 58, 51, 41, 31, 15]),
+  pink: hslColorMap(11, 73, [97, 96, 95, 94, 93, 92, 91, 90]),
   'gradient-1': {
     start: '#D39B9D',
     end: '#9071D1',
@@ -37,6 +40,10 @@ export const colorPalette = {
     start: '#F8DAD3',
     end: '#CC99AE',
   },
+  'gradient-3': {
+    start: tinycolor({ h: 230, s: 20, l: 28 }).toHexString(),
+    end: tinycolor({ h: 230, s: 24, l: 51 }).toHexString(),
+  },
 }
 
 /**

package/src/shared/styles/typography.scss

@@ -37,7 +37,7 @@
   }
 
   .heading-h5-apax {
-    @apply text-8 not-italic font-500 leading-28 font-apax;
+    @apply text-8 not-italic font-500 leading-10 font-apax;
   }
 
   // Paragraph

package/src/shared/{tailwind.element.ts → tailwind-element/index.ts}

@@ -1,6 +1,6 @@
 import { LitElement, unsafeCSS } from 'lit'
 
-import style from './styles/component.scss?inline'
+import style from '@/shared/styles/component.scss?inline'
 
 const tailwindElement = unsafeCSS(style)
 

package/tailwind.config.cjs

@@ -1,7 +1,7 @@
 const { colorPalette } = require('./tools/color-palette.cjs')
 
 module.exports = {
-  content: ['**/*.{ts,html,css,scss}'],
+  content: ['**/*.{ts,html,css,scss,mdx}'],
   theme: {
     fontFamily: {
       inter: ['Inter', 'sans-serif'],
@@ -13,11 +13,56 @@ module.exports = {
       boxShadow: {
         'button-hover-primary': '0px 20px 16px -16px rgba(0, 0, 0, 0.4)',
         'button-hover-secondary': '0px 20px 16px -16px rgba(0, 0, 0, 0.12)',
+        'button-press-primary': '0px 12px 16px -16px rgba(0, 0, 0, 0.4)',
+        'button-press-secondary': '0px 12px 16px -16px rgba(0, 0, 0, 0.12)',
         '1xl': '0px 0px 16px rgba(189, 206, 219, 0.4)',
         '2xl':
           '0px 36px 80px rgba(189, 206, 219, 0.3), 0px 5.01331px 33.4221px rgba(189, 206, 219, 0.0503198), 0px 2.68036px 17.869px rgba(189, 206, 219, 0.0417275), 0px 1.50259px 10.0172px rgba(189, 206, 219, 0.035), 0px 0.798012px 5.32008px rgba(189, 206, 219, 0.0282725), 0px 0.332071px 2.21381px rgba(189, 206, 219, 0.0196802)',
         '3xl':
           '0px 12px 80px rgba(189, 206, 219, 0.3), 0px 73.78px 33.4221px rgba(189, 206, 219, 0.0803), 0px 22.3363px 17.869px rgba(189, 206, 219, 0.0417275), 0px 12.5216px 10.0172px rgba(189, 206, 219, 0.035), 0px 6.6501px 5.32008px rgba(189, 206, 219, 0.0282725), 0px 2.76726px 2.21381px rgba(189, 206, 219, 0.0196802)',
+        'neutral-drop-shadow':
+          '0px 9px 4px rgba(63, 93, 116, 0.01), 0px 5px 3px rgba(63, 93, 116, 0.04), 0px 2px 2px rgba(63, 93, 116, 0.07), 0px 1px 1px rgba(63, 93, 116, 0.08), 0px 0px 0px rgba(63, 93, 116, 0.08)',
+        'neutral-drop-shadow-1xl':
+          '0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16)',
+        'neutral-drop-shadow-2xl':
+          '0px 54px 22px rgba(63, 93, 116, 0.02), 0px 30px 18px rgba(63, 93, 116, 0.08), 0px 14px 14px rgba(63, 93, 116, 0.13), 0px 3px 7px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16)',
+        'neutral-drop-shadow-3xl':
+          '0px 118px 47px rgba(63, 93, 116, 0.02), 0px 67px 40px rgba(63, 93, 116, 0.08), 0px 30px 30px rgba(63, 93, 116, 0.13), 0px 7px 16px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16)',
+        'pink-drop-shadow':
+          '0px 9px 4px rgba(112, 96, 92, 0.01), 0px 5px 3px rgba(112, 96, 92, 0.04), 0px 2px 2px rgba(112, 96, 92, 0.07), 0px 1px 1px rgba(112, 96, 92, 0.08), 0px 0px 0px rgba(112, 96, 92, 0.08)',
+        'pink-drop-shadow-1xl':
+          '0px 17px 7px rgba(112, 96, 92, 0.02), 0px 10px 6px rgba(112, 96, 92, 0.08), 0px 4px 4px rgba(112, 96, 92, 0.13), 0px 1px 2px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16)',
+        'pink-drop-shadow-2xl':
+          '0px 54px 21px rgba(112, 96, 92, 0.02), 0px 30px 18px rgba(112, 96, 92, 0.08), 0px 13px 13px rgba(112, 96, 92, 0.13), 0px 3px 7px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16)',
+        'pink-drop-shadow-3xl':
+          '0px 117px 47px rgba(112, 96, 92, 0.02), 0px 66px 40px rgba(112, 96, 92, 0.08), 0px 29px 29px rgba(112, 96, 92, 0.13), 0px 7px 16px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16)',
+        'neutral-inner-shadow':
+          'inset 0px 9px 3px rgba(63, 93, 116, 0.01), inset 0px 5px 3px rgba(63, 93, 116, 0.04), inset 0px 2px 2px rgba(63, 93, 116, 0.07), inset 0px 1px 1px rgba(63, 93, 116, 0.08)',
+        'neutral-inner-shadow-1xl':
+          'inset 0px 19px 8px rgba(63, 93, 116, 0.02), inset 0px 11px 6px rgba(63, 93, 116, 0.08), inset 0px 5px 5px rgba(63, 93, 116, 0.13), inset 0px 1px 3px rgba(63, 93, 116, 0.15)',
+        'neutral-inner-shadow-2xl':
+          'inset 0px 60px 24px rgba(63, 93, 116, 0.02), inset 0px 34px 20px rgba(63, 93, 116, 0.08), inset 0px 15px 15px rgba(63, 93, 116, 0.13), inset 0px 4px 8px rgba(63, 93, 116, 0.15)',
+        'neutral-inner-shadow-3xl':
+          'inset 0px 130px 52px rgba(63, 93, 116, 0.02), inset 0px 73px 44px rgba(63, 93, 116, 0.08), inset 0px 33px 33px rgba(63, 93, 116, 0.13), inset 0px 8px 18px rgba(63, 93, 116, 0.15)',
+        'neutral-above-shadow':
+          '0px 0px 24px rgba(63, 93, 116, 0.1), 0px 0px 10.4625px rgba(63, 93, 116, 0.0675), 0px 0px 3.9px rgba(63, 93, 116, 0.05), 0px 0px 1.3875px rgba(63, 93, 116, 0.0325)',
+        'neutral-above-shadow-1xl':
+          '0px 0px 32px rgba(63, 93, 116, 0.1), 0px 0px 18.46px rgba(63, 93, 116, 0.0675), 0px 0px 11.9px rgba(63, 93, 116, 0.05), 0px 0px 9.39px rgba(63, 93, 116, 0.0325)',
+        'neutral-above-shadow-2xl':
+          '0px 0px 40px rgba(63, 93, 116, 0.1), 0px 0px 26.46px rgba(63, 93, 116, 0.0675), 0px 0px 19.9px rgba(63, 93, 116, 0.05), 0px 0px 17.39px rgba(63, 93, 116, 0.0325)',
+        'neutral-above-shadow-3xl':
+          '0px 0px 48px rgba(63, 93, 116, 0.1), 0px 0px 34.46px rgba(63, 93, 116, 0.0675), 0px 0px 27.9px rgba(63, 93, 116, 0.05), 0px 0px 25.39px rgba(63, 93, 116, 0.0325)',
+        'pink-above-shadow':
+          '0px 0px 24px rgba(112, 96, 92, 0.1), 0px 0px 10.4625px rgba(112, 96, 92, 0.0675), 0px 0px 3.9px rgba(112, 96, 92, 0.05), 0px 0px 1.3875px rgba(112, 96, 92, 0.0325)',
+        'pink-above-shadow-1xl':
+          '0px 0px 32px rgba(112, 96, 92, 0.1), 0px 0px 18.46px rgba(112, 96, 92, 0.0675), 0px 0px 11.9px rgba(112, 96, 92, 0.05), 0px 0px 9.39px rgba(112, 96, 92, 0.0325)',
+        'pink-above-shadow-2xl':
+          '0px 0px 40px rgba(112, 96, 92, 0.1), 0px 0px 26.46px rgba(112, 96, 92, 0.0675), 0px 0px 19.9px rgba(112, 96, 92, 0.05), 0px 0px 17.39px rgba(112, 96, 92, 0.0325)',
+        'pink-above-shadow-3xl':
+          '0px 0px 48px rgba(112, 96, 92, 0.1), 0px 0px 34.46px rgba(112, 96, 92, 0.0675), 0px 0px 27.9px rgba(112, 96, 92, 0.05), 0px 0px 25.39px rgba(112, 96, 92, 0.0325)',
+        'wizard-step':
+          '1px 1px 8px #FFFFFF, inset 1px 1px 4px rgba(0, 0, 0, 0.16)',
+        'wizard-line': 'inset 0px 0px 2px rgba(0, 0, 0, 0.14)',
       },
       fontSize: {
         8: '8px',
@@ -43,6 +88,7 @@ module.exports = {
         900: '900',
       },
       lineHeight: {
+        10: '10px',
         12: '12px',
         14: '14px',
         15: '15px',
@@ -54,6 +100,16 @@ module.exports = {
         28: '28px',
         31: '31px',
       },
+      transitionDuration: {
+        25: '25ms',
+        250: '250ms',
+      },
+      scale: {
+        98: '.98',
+      },
+      height: {
+        78: '78px',
+      },
     },
   },
   plugins: [],

package/tools/color-palette.cjs

@@ -35,10 +35,11 @@ module.exports = (function () {
         };
         exports.hslColorMap = hslColorMap;
     });
-    define("styles/color-palette", ["require", "exports", "utils/hslColorMap"], function (require, exports, hslColorMap_1) {
+    define("styles/color-palette", ["require", "exports", "tinycolor2", "utils/hslColorMap"], function (require, exports, tinycolor2_2, hslColorMap_1) {
         "use strict";
         Object.defineProperty(exports, "__esModule", { value: true });
         exports.neutral3 = exports.neutral2 = exports.neutral1 = exports.colorPalette = void 0;
+        tinycolor2_2 = __importDefault(tinycolor2_2);
         /**
          * Color palette based on the structure thats compatible with Tailwind config
          */
@@ -60,6 +61,7 @@ module.exports = (function () {
             blue: (0, hslColorMap_1.hslColorMap)(216, 96, [50, 60, 75, 85]),
             red: (0, hslColorMap_1.hslColorMap)(0, 75, [55, 65, 75, 85]),
             purple: (0, hslColorMap_1.hslColorMap)(230, 24, [94, 82, 63, 58, 51, 41, 31, 15]),
+            pink: (0, hslColorMap_1.hslColorMap)(11, 73, [97, 96, 95, 94, 93, 92, 91, 90]),
             'gradient-1': {
                 start: '#D39B9D',
                 end: '#9071D1',
@@ -68,6 +70,10 @@ module.exports = (function () {
                 start: '#F8DAD3',
                 end: '#CC99AE',
             },
+            'gradient-3': {
+                start: (0, tinycolor2_2.default)({ h: 230, s: 20, l: 28 }).toHexString(),
+                end: (0, tinycolor2_2.default)({ h: 230, s: 24, l: 51 }).toHexString(),
+            },
         };
         /**
          * Splits a color map into smaller color maps

package/tools/color-palette.d.ts

@@ -31,6 +31,7 @@ declare module "styles/color-palette" {
         blue: {};
         red: {};
         purple: {};
+        pink: {};
         'gradient-1': {
             start: string;
             end: string;
@@ -39,6 +40,10 @@ declare module "styles/color-palette" {
             start: string;
             end: string;
         };
+        'gradient-3': {
+            start: any;
+            end: any;
+        };
     };
     /**
      * Color map subsets that can be used in the Storybook preview

package/tools/color-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../src/shared/utils/hslColorMap.ts","../src/shared/styles/color-palette.ts"],"names":[],"mappings":";IAEA;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,WAAW,gCASvB,CAAA;;;ICjBD,KAAK,QAAQ,GAAG;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;IAED;;OAEG;IACH,MAAM,CAAC,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;KA8BxB,CAAA;IAoBD;;OAEG;IACH,MAAM,CAAC,MAAM,QAAQ,UAAyC,CAAA;IAC9D,MAAM,CAAC,MAAM,QAAQ,UAA0C,CAAA;IAC/D,MAAM,CAAC,MAAM,QAAQ,UAIpB,CAAA"}
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../src/shared/utils/hslColorMap.ts","../src/shared/styles/color-palette.ts"],"names":[],"mappings":";IAEA;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,WAAW,gCASvB,CAAA;;;ICfD,KAAK,QAAQ,GAAG;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;IAED;;OAEG;IACH,MAAM,CAAC,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCxB,CAAA;IAoBD;;OAEG;IACH,MAAM,CAAC,MAAM,QAAQ,UAAyC,CAAA;IAC9D,MAAM,CAAC,MAAM,QAAQ,UAA0C,CAAA;IAC/D,MAAM,CAAC,MAAM,QAAQ,UAIpB,CAAA"}

package/dist/assets/fonts/index.cjs

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

package/dist/directive-619b88dd.cjs

@@ -1,55 +0,0 @@
-"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;