@kompasid/lit-web-components 0.6.8 → 0.7.0

package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js

@@ -0,0 +1,188 @@
+import { __decorate } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { format } from 'date-fns';
+import { id } from 'date-fns/locale/id';
+import { TWStyles } from '../../../tailwind/tailwind.js';
+let KompasWidgetRecirculationsList = class KompasWidgetRecirculationsList extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.widgetTitle = '';
+        this.articleList = [];
+        this.accessToken = '';
+        this.apiSlug = '';
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        try {
+            await this.fetchAccessToken();
+            await this.fetchArticles();
+        }
+        catch (error) {
+            this.handleFetchError(error);
+        }
+    }
+    async fetchAccessToken() {
+        var _a;
+        const response = await fetch('https://api.kompas.id/account/api/v1/login/guest', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                email: 'anonynous.user@kompas.id',
+            }),
+        });
+        const result = await response.json();
+        if ((_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.accessToken) {
+            this.accessToken = result.data.accessToken;
+        }
+        else {
+            throw new Error('Token akses tidak tersedia dalam respons');
+        }
+    }
+    async fetchArticles() {
+        if (!this.accessToken) {
+            throw new Error('Token akses tidak tersedia');
+        }
+        const endpoint = `https://cds.kompas.id/api/v1/article/${this.apiSlug}`;
+        const response = await fetch(endpoint, {
+            headers: {
+                Authorization: `Bearer ${this.accessToken}`,
+                'Content-Type': 'application/json',
+            },
+        });
+        const result = await response.json();
+        if (result === null || result === void 0 ? void 0 : result.result) {
+            this.articleList = result.result.map((article) => {
+                const { postTag = [], isFreemium = false, title, permalink, publishedDate, } = article;
+                const isAnalisis = postTag.some((tag) => tag.slug === 'analisis');
+                const isEksklusif = postTag.some((tag) => tag.slug === 'eksklusif');
+                return {
+                    isAnalisis,
+                    isEksklusif,
+                    isFreemium,
+                    title,
+                    permalink,
+                    publishedDate,
+                };
+            });
+        }
+        else {
+            throw new Error('Data artikel populer tidak ditemukan');
+        }
+    }
+    formatDate(date) {
+        return format(new Date(date), "dd MMMM yyyy' · 'HH:mm' WIB", { locale: id });
+    }
+    handleFetchError(error) {
+        const errorMessage = error instanceof Error ? error.message : 'Kesalahan tidak diketahui';
+        alert(`Terjadi kesalahan: ${errorMessage}`);
+    }
+    renderChips(item) {
+        const chips = [];
+        if (item.isAnalisis) {
+            chips.push(html `
+          <div class="flex">
+            <div class="chip bg-orange-100 text-orange-500">Analisis</div>
+          </div>
+        `);
+        }
+        if (item.isEksklusif) {
+            chips.push(html `
+          <div class="flex">
+            <div class="chip bg-grey-600 text-white">
+              <img
+                src="https://cdn-www.kompas.id/assets/img/icons/kompas-icon-small.svg"
+                alt="Kompas Icon"
+                style="width: 16px; height: 16px; margin-right: 4px;"
+              />
+              Eksklusif
+            </div>
+          </div>
+        `);
+        }
+        if (item.isFreemium) {
+            chips.push(html `
+          <div class="flex">
+            <div class="chip bg-blue-100 text-brand-1">Bebas Akses</div>
+          </div>
+        `);
+        }
+        return chips;
+    }
+    render() {
+        return html `
+      <div>
+        <div class="mb-6">
+          <h5 class="capitalize font-bold text-grey-600 font-sans">
+            ${this.widgetTitle}
+          </h5>
+        </div>
+
+        <ul class="flex flex-col">
+          ${this.articleList.slice(0, 5).map(item => html `
+                <li class="flex flex-col items-start mb-3">
+                  <div class="flex w-full">
+                    <div class="flex flex-col w-full">
+                      ${this.renderChips(item)}
+                      <a
+                        href="${item.permalink}"
+                        class="font-bold font-sans hover:underline leading-tight text-base text-grey-600"
+                      >
+                        ${item.title}
+                      </a>
+                      <div
+                        class="flex w-full flex-row items-center leading-normal justify-between text-sm text-grey-500 font-sans pt-2"
+                      >
+                        ${item.publishedDate
+            ? this.formatDate(item.publishedDate)
+            : 'Tanggal tidak tersedia'}
+                      </div>
+                    </div>
+                  </div>
+                </li>
+              `)}
+        </ul>
+      </div>
+    `;
+    }
+};
+KompasWidgetRecirculationsList.styles = [
+    css `
+      :host {
+        font-family: 'PT Sans', sans-serif;
+      }
+      .chip {
+        align-items: center;
+        border-radius: 0.25rem;
+        display: flex;
+        font-family: 'PT Sans', sans-serif;
+        font-size: 0.75rem;
+        font-weight: bold;
+        height: 1.5rem;
+        justify-content: center;
+        line-height: 1rem;
+        margin-bottom: 0.25rem;
+        padding: 0.375rem 0.5rem;
+      }
+    `,
+    TWStyles,
+];
+__decorate([
+    property({ type: String })
+], KompasWidgetRecirculationsList.prototype, "widgetTitle", void 0);
+__decorate([
+    property({ type: Array })
+], KompasWidgetRecirculationsList.prototype, "articleList", void 0);
+__decorate([
+    property({ type: String })
+], KompasWidgetRecirculationsList.prototype, "accessToken", void 0);
+__decorate([
+    property({ type: String })
+], KompasWidgetRecirculationsList.prototype, "apiSlug", void 0);
+KompasWidgetRecirculationsList = __decorate([
+    customElement('kompasid-widget-recirculations-list')
+], KompasWidgetRecirculationsList);
+export { KompasWidgetRecirculationsList };
+//# sourceMappingURL=KompasWidgetRecirculationsList.js.map

package/dist/src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KompasWidgetRecirculationsList.js","sourceRoot":"","sources":["../../../../src/components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAA;AAiBjD,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,UAAU;IAAvD;;QACuB,gBAAW,GAAG,EAAE,CAAA;QACjB,gBAAW,GAAe,EAAE,CAAA;QAC3B,gBAAW,GAAG,EAAE,CAAA;QAChB,YAAO,GAAG,EAAE,CAAA;IA4M1C,CAAC;IApLC,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI;YACF,MAAM,IAAI,CAAC,gBAAgB,EAAE,CAAA;YAC7B,MAAM,IAAI,CAAC,aAAa,EAAE,CAAA;SAC3B;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC;IAED,KAAK,CAAC,gBAAgB;;QACpB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAC1B,kDAAkD,EAClD;YACE,MAAM,EAAE,MAAM;YACd,OAAO,EAAE;gBACP,cAAc,EAAE,kBAAkB;aACnC;YACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gBACnB,KAAK,EAAE,0BAA0B;aAClC,CAAC;SACH,CACF,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAEpC,IAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,WAAW,EAAE;YAC7B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAA;SAC3C;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAA;SAC5D;IACH,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAA;SAC9C;QAED,MAAM,QAAQ,GAAG,wCAAwC,IAAI,CAAC,OAAO,EAAE,CAAA;QAEvE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE;YACrC,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,IAAI,CAAC,WAAW,EAAE;gBAC3C,cAAc,EAAE,kBAAkB;aACnC;SACF,CAAC,CAAA;QAEF,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAEpC,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAE;YAClB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAClC,CAAC,OAMA,EAAE,EAAE;gBACH,MAAM,EACJ,OAAO,GAAG,EAAE,EACZ,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EACT,aAAa,GACd,GAAG,OAAO,CAAA;gBAEX,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAC7B,CAAC,GAAqB,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,CACnD,CAAA;gBACD,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAC9B,CAAC,GAAqB,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,WAAW,CACpD,CAAA;gBAED,OAAO;oBACL,UAAU;oBACV,WAAW;oBACX,UAAU;oBACV,KAAK;oBACL,SAAS;oBACT,aAAa;iBACd,CAAA;YACH,CAAC,CACF,CAAA;SACF;aAAM;YACL,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAA;SACxD;IACH,CAAC;IAED,UAAU,CAAC,IAAY;QACrB,OAAO,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,6BAA6B,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAA;IAC9E,CAAC;IAED,gBAAgB,CAAC,KAAc;QAC7B,MAAM,YAAY,GAChB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAA;QACtE,KAAK,CAAC,sBAAsB,YAAY,EAAE,CAAC,CAAA;IAC7C,CAAC;IAED,WAAW,CAAC,IAAc;QACxB,MAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,KAAK,CAAC,IAAI,CACR,IAAI,CAAA;;;;SAIH,CACF,CAAA;SACF;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,KAAK,CAAC,IAAI,CACR,IAAI,CAAA;;;;;;;;;;;SAWH,CACF,CAAA;SACF;QAED,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,KAAK,CAAC,IAAI,CACR,IAAI,CAAA;;;;SAIH,CACF,CAAA;SACF;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;cAID,IAAI,CAAC,WAAW;;;;;YAKlB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAChC,IAAI,CAAC,EAAE,CACL,IAAI,CAAA;;;;wBAIM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;;gCAEd,IAAI,CAAC,SAAS;;;0BAGpB,IAAI,CAAC,KAAK;;;;;0BAKV,IAAI,CAAC,aAAa;YAClB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;YACrC,CAAC,CAAC,wBAAwB;;;;;eAKrC,CACJ;;;KAGN,CAAA;IACH,CAAC;;AAzMM,qCAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBF;IACD,QAAQ;CACT,CAAA;AAzB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mEAAiB;AACjB;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;mEAA6B;AAC3B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mEAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+DAAa;AAJ7B,8BAA8B;IAD1C,aAAa,CAAC,qCAAqC,CAAC;GACxC,8BAA8B,CAgN1C;SAhNY,8BAA8B","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { format } from 'date-fns'\nimport { id } from 'date-fns/locale/id'\nimport { TWStyles } from '../../../tailwind/tailwind.js'\n\ninterface PostTag {\n  slug: string\n}\n\ninterface ListItem {\n  title: string\n  isAnalisis?: boolean\n  isEksklusif?: boolean\n  isFreemium?: boolean\n  permalink: string\n  publishedDate?: string\n  postTag?: PostTag[]\n}\n\n@customElement('kompasid-widget-recirculations-list')\nexport class KompasWidgetRecirculationsList extends LitElement {\n  @property({ type: String }) widgetTitle = ''\n  @property({ type: Array }) articleList: ListItem[] = []\n  @property({ type: String }) accessToken = ''\n  @property({ type: String }) apiSlug = ''\n\n  static styles = [\n    css`\n      :host {\n        font-family: 'PT Sans', sans-serif;\n      }\n      .chip {\n        align-items: center;\n        border-radius: 0.25rem;\n        display: flex;\n        font-family: 'PT Sans', sans-serif;\n        font-size: 0.75rem;\n        font-weight: bold;\n        height: 1.5rem;\n        justify-content: center;\n        line-height: 1rem;\n        margin-bottom: 0.25rem;\n        padding: 0.375rem 0.5rem;\n      }\n    `,\n    TWStyles,\n  ]\n\n  async connectedCallback() {\n    super.connectedCallback()\n    try {\n      await this.fetchAccessToken()\n      await this.fetchArticles()\n    } catch (error) {\n      this.handleFetchError(error)\n    }\n  }\n\n  async fetchAccessToken() {\n    const response = await fetch(\n      'https://api.kompas.id/account/api/v1/login/guest',\n      {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          email: 'anonynous.user@kompas.id',\n        }),\n      }\n    )\n\n    const result = await response.json()\n\n    if (result?.data?.accessToken) {\n      this.accessToken = result.data.accessToken\n    } else {\n      throw new Error('Token akses tidak tersedia dalam respons')\n    }\n  }\n\n  async fetchArticles() {\n    if (!this.accessToken) {\n      throw new Error('Token akses tidak tersedia')\n    }\n\n    const endpoint = `https://cds.kompas.id/api/v1/article/${this.apiSlug}`\n\n    const response = await fetch(endpoint, {\n      headers: {\n        Authorization: `Bearer ${this.accessToken}`,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    const result = await response.json()\n\n    if (result?.result) {\n      this.articleList = result.result.map(\n        (article: {\n          postTag?: never[] | undefined\n          isFreemium?: false | undefined\n          title: any\n          permalink: any\n          publishedDate: any\n        }) => {\n          const {\n            postTag = [],\n            isFreemium = false,\n            title,\n            permalink,\n            publishedDate,\n          } = article\n\n          const isAnalisis = postTag.some(\n            (tag: { slug: string }) => tag.slug === 'analisis'\n          )\n          const isEksklusif = postTag.some(\n            (tag: { slug: string }) => tag.slug === 'eksklusif'\n          )\n\n          return {\n            isAnalisis,\n            isEksklusif,\n            isFreemium,\n            title,\n            permalink,\n            publishedDate,\n          }\n        }\n      )\n    } else {\n      throw new Error('Data artikel populer tidak ditemukan')\n    }\n  }\n\n  formatDate(date: string) {\n    return format(new Date(date), \"dd MMMM yyyy' · 'HH:mm' WIB\", { locale: id })\n  }\n\n  handleFetchError(error: unknown) {\n    const errorMessage =\n      error instanceof Error ? error.message : 'Kesalahan tidak diketahui'\n    alert(`Terjadi kesalahan: ${errorMessage}`)\n  }\n\n  renderChips(item: ListItem) {\n    const chips = []\n\n    if (item.isAnalisis) {\n      chips.push(\n        html`\n          <div class=\"flex\">\n            <div class=\"chip bg-orange-100 text-orange-500\">Analisis</div>\n          </div>\n        `\n      )\n    }\n\n    if (item.isEksklusif) {\n      chips.push(\n        html`\n          <div class=\"flex\">\n            <div class=\"chip bg-grey-600 text-white\">\n              <img\n                src=\"https://cdn-www.kompas.id/assets/img/icons/kompas-icon-small.svg\"\n                alt=\"Kompas Icon\"\n                style=\"width: 16px; height: 16px; margin-right: 4px;\"\n              />\n              Eksklusif\n            </div>\n          </div>\n        `\n      )\n    }\n\n    if (item.isFreemium) {\n      chips.push(\n        html`\n          <div class=\"flex\">\n            <div class=\"chip bg-blue-100 text-brand-1\">Bebas Akses</div>\n          </div>\n        `\n      )\n    }\n\n    return chips\n  }\n\n  render() {\n    return html`\n      <div>\n        <div class=\"mb-6\">\n          <h5 class=\"capitalize font-bold text-grey-600 font-sans\">\n            ${this.widgetTitle}\n          </h5>\n        </div>\n\n        <ul class=\"flex flex-col\">\n          ${this.articleList.slice(0, 5).map(\n            item =>\n              html`\n                <li class=\"flex flex-col items-start mb-3\">\n                  <div class=\"flex w-full\">\n                    <div class=\"flex flex-col w-full\">\n                      ${this.renderChips(item)}\n                      <a\n                        href=\"${item.permalink}\"\n                        class=\"font-bold font-sans hover:underline leading-tight text-base text-grey-600\"\n                      >\n                        ${item.title}\n                      </a>\n                      <div\n                        class=\"flex w-full flex-row items-center leading-normal justify-between text-sm text-grey-500 font-sans pt-2\"\n                      >\n                        ${item.publishedDate\n                          ? this.formatDate(item.publishedDate)\n                          : 'Tanggal tidak tersedia'}\n                      </div>\n                    </div>\n                  </div>\n                </li>\n              `\n          )}\n        </ul>\n      </div>\n    `\n  }\n}\n"]}

package/dist/src/index.d.ts

@@ -1,3 +1,5 @@
+export { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js';
+export { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js';
 export { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js';
 export { KompasFooter } from './components/kompasid-footer/KompasFooter.js';
 export { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js';

package/dist/src/index.js

@@ -1,3 +1,5 @@
+export { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js';
+export { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js';
 export { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js';
 export { KompasFooter } from './components/kompasid-footer/KompasFooter.js';
 export { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA","sourcesContent":["export { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\n\ndeclare global {\n  interface Window {\n    gtag: (...args: any[]) => void\n    dataLayer: Record<string, any>\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA","sourcesContent":["export { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\n\ndeclare global {\n  interface Window {\n    gtag: (...args: any[]) => void\n    dataLayer: Record<string, any>\n  }\n}\n"]}

package/dist/tailwind/tailwind.js

@@ -698,6 +698,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     margin-bottom: 1.25rem;
   }
 
+  .mb-6 {
+    margin-bottom: 1.5rem;
+  }
+
   .ml-0 {
     margin-left: 0px;
   }
@@ -794,6 +798,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     display: none;
   }
 
+  .aspect-video {
+    aspect-ratio: 16 / 9;
+  }
+
   .h-10 {
     height: 2.5rem;
   }
@@ -875,6 +883,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     height: max-content;
   }
 
+  .w-1\\/2 {
+    width: 50%;
+  }
+
   .w-1\\/3 {
     width: 33.333333%;
   }
@@ -1391,6 +1403,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     background-color: rgb(51 51 51 / var(--tw-bg-opacity));
   }
 
+  .bg-orange-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 238 204 / var(--tw-bg-opacity));
+  }
+
   .bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1592,6 +1609,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     padding-top: 2.5rem;
   }
 
+  .pt-2 {
+    padding-top: 0.5rem;
+  }
+
   .pt-4 {
     padding-top: 1rem;
   }
@@ -1620,6 +1641,13 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     text-align: end;
   }
 
+  .font-sans {
+    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-serif {
     font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
   }
@@ -1669,6 +1697,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     font-weight: 400;
   }
 
+  .uppercase {
+    text-transform: uppercase;
+  }
+
   .capitalize {
     text-transform: capitalize;
   }
@@ -1701,6 +1733,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     line-height: 1.5;
   }
 
+  .leading-tight {
+    line-height: 1.25;
+  }
+
   .tracking-wide {
     letter-spacing: 0.025em;
   }
@@ -1800,6 +1836,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
     color: rgb(255 122 0 / var(--tw-text-opacity));
   }
 
+  .text-orange-500 {
+    --tw-text-opacity: 1;
+    color: rgb(219 93 0 / var(--tw-text-opacity));
+  }
+
   .text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -2011,6 +2052,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
       grid-template-columns: repeat(1, minmax(0, 1fr));
     }
 
+    .md\\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .md\\:flex-row {
       flex-direction: row;
     }

package/dist/tailwind/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../../tailwind/tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0yE1B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const TWStyles = css`\n  /*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*/\n\n  /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box;\n    /* 1 */\n    border-width: 0;\n    /* 2 */\n    border-style: solid;\n    /* 2 */\n    border-color: currentColor;\n    /* 2 */\n  }\n\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n\n  /*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured sans font-family by default.\n5. Use the user's configured sans font-feature-settings by default.\n6. Use the user's configured sans font-variation-settings by default.\n*/\n\n  html {\n    line-height: 1.5;\n    /* 1 */\n    -webkit-text-size-adjust: 100%;\n    /* 2 */\n    -moz-tab-size: 4;\n    /* 3 */\n    -o-tab-size: 4;\n    tab-size: 4;\n    /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n      'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n      'Noto Color Emoji';\n    /* 4 */\n    font-feature-settings: normal;\n    /* 5 */\n    font-variation-settings: normal;\n    /* 6 */\n  }\n\n  /*\n1. Remove the margin in all browsers.\n2. Inherit line-height from html so users can set them as a class directly on the html element.\n*/\n\n  body {\n    margin: 0;\n    /* 1 */\n    line-height: inherit;\n    /* 2 */\n  }\n\n  /*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\n  hr {\n    height: 0;\n    /* 1 */\n    color: inherit;\n    /* 2 */\n    border-top-width: 1px;\n    /* 3 */\n  }\n\n  /*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  /*\nRemove the default font size and weight for headings.\n*/\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  /*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  /*\nAdd the correct font weight in Edge and Safari.\n*/\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  /*\n1. Use the user's configured mono font family by default.\n2. Correct the odd em font sizing in all browsers.\n*/\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n      'Liberation Mono', 'Courier New', monospace;\n    /* 1 */\n    font-size: 1em;\n    /* 2 */\n  }\n\n  /*\nAdd the correct font size in all browsers.\n*/\n\n  small {\n    font-size: 80%;\n  }\n\n  /*\nPrevent sub and sup elements from affecting the line height in all browsers.\n*/\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  /*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\n  table {\n    text-indent: 0;\n    /* 1 */\n    border-color: inherit;\n    /* 2 */\n    border-collapse: collapse;\n    /* 3 */\n  }\n\n  /*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit;\n    /* 1 */\n    font-feature-settings: inherit;\n    /* 1 */\n    font-variation-settings: inherit;\n    /* 1 */\n    font-size: 100%;\n    /* 1 */\n    font-weight: inherit;\n    /* 1 */\n    line-height: inherit;\n    /* 1 */\n    color: inherit;\n    /* 1 */\n    margin: 0;\n    /* 2 */\n    padding: 0;\n    /* 3 */\n  }\n\n  /*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\n  button,\n  select {\n    text-transform: none;\n  }\n\n  /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\n  button,\n  [type='button'],\n  [type='reset'],\n  [type='submit'] {\n    -webkit-appearance: button;\n    /* 1 */\n    background-color: transparent;\n    /* 2 */\n    background-image: none;\n    /* 2 */\n  }\n\n  /*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  /*\nRemove the additional :invalid styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  /*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  /*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  /*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n  [type='search'] {\n    -webkit-appearance: textfield;\n    /* 1 */\n    outline-offset: -2px;\n    /* 2 */\n  }\n\n  /*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to inherit in Safari.\n*/\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button;\n    /* 1 */\n    font: inherit;\n    /* 2 */\n  }\n\n  /*\nAdd the correct display in Chrome and Safari.\n*/\n\n  summary {\n    display: list-item;\n  }\n\n  /*\nRemoves the default spacing and border for appropriate elements.\n*/\n\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n\n  legend {\n    padding: 0;\n  }\n\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /*\nReset default styling for dialogs.\n*/\n\n  dialog {\n    padding: 0;\n  }\n\n  /*\nPrevent resizing textareas horizontally by default.\n*/\n\n  textarea {\n    resize: vertical;\n  }\n\n  /*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    opacity: 1;\n    /* 1 */\n    color: #9ca3af;\n    /* 2 */\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1;\n    /* 1 */\n    color: #9ca3af;\n    /* 2 */\n  }\n\n  /*\nSet the default cursor for buttons.\n*/\n\n  button,\n  [role='button'] {\n    cursor: pointer;\n  }\n\n  /*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n  :disabled {\n    cursor: default;\n  }\n\n  /*\n1. Make replaced elements display: block by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add vertical-align: middle to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n  }\n\n  /*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n\n  [hidden] {\n    display: none;\n  }\n\n  *,\n  ::before,\n  ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(4 104 203 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia: ;\n  }\n\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(4 104 203 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia: ;\n  }\n\n  .collapse {\n    visibility: collapse;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .inset-0 {\n    inset: 0px;\n  }\n\n  .-bottom-6 {\n    bottom: -1.5rem;\n  }\n\n  .-top-2 {\n    top: -0.5rem;\n  }\n\n  .bottom-0 {\n    bottom: 0px;\n  }\n\n  .left-0 {\n    left: 0px;\n  }\n\n  .left-4 {\n    left: 1rem;\n  }\n\n  .right-0 {\n    right: 0px;\n  }\n\n  .top-0 {\n    top: 0px;\n  }\n\n  .z-0 {\n    z-index: 0;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-20 {\n    z-index: 20;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .m-auto {\n    margin: auto;\n  }\n\n  .mx-1 {\n    margin-left: 0.25rem;\n    margin-right: 0.25rem;\n  }\n\n  .mx-2 {\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n\n  .mx-4 {\n    margin-left: 1rem;\n    margin-right: 1rem;\n  }\n\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .my-4 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .my-5 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .my-6 {\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n\n  .-ml-2 {\n    margin-left: -0.5rem;\n  }\n\n  .-mt-24 {\n    margin-top: -6rem;\n  }\n\n  .-mt-7 {\n    margin-top: -1.75rem;\n  }\n\n  .mb-0 {\n    margin-bottom: 0px;\n  }\n\n  .mb-1 {\n    margin-bottom: 0.25rem;\n  }\n\n  .mb-2 {\n    margin-bottom: 0.5rem;\n  }\n\n  .mb-3 {\n    margin-bottom: 0.75rem;\n  }\n\n  .mb-4 {\n    margin-bottom: 1rem;\n  }\n\n  .mb-5 {\n    margin-bottom: 1.25rem;\n  }\n\n  .ml-0 {\n    margin-left: 0px;\n  }\n\n  .ml-0\\\\.5 {\n    margin-left: 0.125rem;\n  }\n\n  .ml-1 {\n    margin-left: 0.25rem;\n  }\n\n  .ml-2 {\n    margin-left: 0.5rem;\n  }\n\n  .ml-3 {\n    margin-left: 0.75rem;\n  }\n\n  .ml-4 {\n    margin-left: 1rem;\n  }\n\n  .ml-8 {\n    margin-left: 2rem;\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .mr-10 {\n    margin-right: 2.5rem;\n  }\n\n  .mr-3 {\n    margin-right: 0.75rem;\n  }\n\n  .mr-3\\\\.5 {\n    margin-right: 0.875rem;\n  }\n\n  .mr-4 {\n    margin-right: 1rem;\n  }\n\n  .mr-6 {\n    margin-right: 1.5rem;\n  }\n\n  .mt-1 {\n    margin-top: 0.25rem;\n  }\n\n  .mt-2 {\n    margin-top: 0.5rem;\n  }\n\n  .mt-2\\\\.5 {\n    margin-top: 0.625rem;\n  }\n\n  .mt-3 {\n    margin-top: 0.75rem;\n  }\n\n  .mt-4 {\n    margin-top: 1rem;\n  }\n\n  .mt-6 {\n    margin-top: 1.5rem;\n  }\n\n  .mt-8 {\n    margin-top: 2rem;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .h-10 {\n    height: 2.5rem;\n  }\n\n  .h-12 {\n    height: 3rem;\n  }\n\n  .h-16 {\n    height: 4rem;\n  }\n\n  .h-2 {\n    height: 0.5rem;\n  }\n\n  .h-2\\\\.5 {\n    height: 0.625rem;\n  }\n\n  .h-20 {\n    height: 5rem;\n  }\n\n  .h-3 {\n    height: 0.75rem;\n  }\n\n  .h-4 {\n    height: 1rem;\n  }\n\n  .h-40 {\n    height: 10rem;\n  }\n\n  .h-5 {\n    height: 1.25rem;\n  }\n\n  .h-6 {\n    height: 1.5rem;\n  }\n\n  .h-8 {\n    height: 2rem;\n  }\n\n  .h-9 {\n    height: 2.25rem;\n  }\n\n  .h-\\\\[17px\\\\] {\n    height: 17px;\n  }\n\n  .h-\\\\[49px\\\\] {\n    height: 49px;\n  }\n\n  .h-\\\\[68px\\\\] {\n    height: 68px;\n  }\n\n  .h-\\\\[76px\\\\] {\n    height: 76px;\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-max {\n    height: -moz-max-content;\n    height: max-content;\n  }\n\n  .w-1\\\\/3 {\n    width: 33.333333%;\n  }\n\n  .w-1\\\\/5 {\n    width: 20%;\n  }\n\n  .w-10 {\n    width: 2.5rem;\n  }\n\n  .w-11\\\\/12 {\n    width: 91.666667%;\n  }\n\n  .w-16 {\n    width: 4rem;\n  }\n\n  .w-2 {\n    width: 0.5rem;\n  }\n\n  .w-2\\\\.5 {\n    width: 0.625rem;\n  }\n\n  .w-2\\\\/3 {\n    width: 66.666667%;\n  }\n\n  .w-20 {\n    width: 5rem;\n  }\n\n  .w-3\\\\/4 {\n    width: 75%;\n  }\n\n  .w-32 {\n    width: 8rem;\n  }\n\n  .w-4 {\n    width: 1rem;\n  }\n\n  .w-40 {\n    width: 10rem;\n  }\n\n  .w-5 {\n    width: 1.25rem;\n  }\n\n  .w-6 {\n    width: 1.5rem;\n  }\n\n  .w-60 {\n    width: 15rem;\n  }\n\n  .w-76 {\n    width: 19rem;\n  }\n\n  .w-8 {\n    width: 2rem;\n  }\n\n  .w-9 {\n    width: 2.25rem;\n  }\n\n  .w-\\\\[120px\\\\] {\n    width: 120px;\n  }\n\n  .w-\\\\[138px\\\\] {\n    width: 138px;\n  }\n\n  .w-\\\\[296px\\\\] {\n    width: 296px;\n  }\n\n  .w-\\\\[328px\\\\] {\n    width: 328px;\n  }\n\n  .w-auto {\n    width: auto;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-7xl {\n    max-width: 80rem;\n  }\n\n  .max-w-screen-md {\n    max-width: 768px;\n  }\n\n  .max-w-screen-sm {\n    max-width: 640px;\n  }\n\n  .max-w-xl {\n    max-width: 36rem;\n  }\n\n  .max-w-xs {\n    max-width: 20rem;\n  }\n\n  .flex-none {\n    flex: none;\n  }\n\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .flex-grow {\n    flex-grow: 1;\n  }\n\n  .rotate-180 {\n    --tw-rotate: 180deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  .transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  @keyframes pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .grid-flow-row {\n    grid-auto-flow: row;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n\n  .place-items-center {\n    place-items: center;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  .gap-4 {\n    gap: 1rem;\n  }\n\n  .gap-6 {\n    gap: 1.5rem;\n  }\n\n  .gap-8 {\n    gap: 2rem;\n  }\n\n  .gap-y-2 {\n    row-gap: 0.5rem;\n  }\n\n  .gap-y-4 {\n    row-gap: 1rem;\n  }\n\n  .space-x-1 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-y-1 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n\n  .space-y-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n  }\n\n  .self-center {\n    align-self: center;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .rounded {\n    border-radius: 0.25rem;\n  }\n\n  .rounded-\\\\[10px\\\\] {\n    border-radius: 10px;\n  }\n\n  .rounded-full {\n    border-radius: 9999px;\n  }\n\n  .rounded-lg {\n    border-radius: 0.5rem;\n  }\n\n  .rounded-md {\n    border-radius: 0.375rem;\n  }\n\n  .rounded-sm {\n    border-radius: 0.125rem;\n  }\n\n  .rounded-xl {\n    border-radius: 0.75rem;\n  }\n\n  .rounded-b-xl {\n    border-bottom-right-radius: 0.75rem;\n    border-bottom-left-radius: 0.75rem;\n  }\n\n  .border {\n    border-width: 1px;\n  }\n\n  .border-2 {\n    border-width: 2px;\n  }\n\n  .border-b {\n    border-bottom-width: 1px;\n  }\n\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n\n  .border-t {\n    border-top-width: 1px;\n  }\n\n  .border-blue-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 200 253 / var(--tw-border-opacity));\n  }\n\n  .border-brand-1 {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 85 154 / var(--tw-border-opacity));\n  }\n\n  .border-dark-6 {\n    --tw-border-opacity: 1;\n    border-color: rgb(46 46 46 / var(--tw-border-opacity));\n  }\n\n  .border-dark-8 {\n    --tw-border-opacity: 1;\n    border-color: rgb(136 136 136 / var(--tw-border-opacity));\n  }\n\n  .border-dark-9 {\n    --tw-border-opacity: 1;\n    border-color: rgb(35 35 35 / var(--tw-border-opacity));\n  }\n\n  .border-green-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(106 195 34 / var(--tw-border-opacity));\n  }\n\n  .border-green-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(80 167 24 / var(--tw-border-opacity));\n  }\n\n  .border-grey-100 {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\n  }\n\n  .border-grey-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(238 238 238 / var(--tw-border-opacity));\n  }\n\n  .border-grey-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  }\n\n  .border-grey-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(153 153 153 / var(--tw-border-opacity));\n  }\n\n  .border-white {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\n  }\n\n  .border-yellow-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 204 0 / var(--tw-border-opacity));\n  }\n\n  .bg-\\\\[\\\\#2C2C2C\\\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(44 44 44 / var(--tw-bg-opacity));\n  }\n\n  .bg-black {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(225 240 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(147 200 253 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(3 86 168 / var(--tw-bg-opacity));\n  }\n\n  .bg-brand-1 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 85 154 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-3 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 37 37 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-4 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 30 30 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-5 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(18 18 18 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-6 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(46 46 46 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(151 219 83 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(106 195 34 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(80 167 24 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 51 51 / var(--tw-bg-opacity));\n  }\n\n  .bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 220 63 / var(--tw-bg-opacity));\n  }\n\n  .bg-opacity-75 {\n    --tw-bg-opacity: 0.75;\n  }\n\n  .object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n  }\n\n  .object-scale-down {\n    -o-object-fit: scale-down;\n    object-fit: scale-down;\n  }\n\n  .p-1 {\n    padding: 0.25rem;\n  }\n\n  .p-1\\\\.5 {\n    padding: 0.375rem;\n  }\n\n  .p-2 {\n    padding: 0.5rem;\n  }\n\n  .p-3 {\n    padding: 0.75rem;\n  }\n\n  .p-4 {\n    padding: 1rem;\n  }\n\n  .p-5 {\n    padding: 1.25rem;\n  }\n\n  .p-6 {\n    padding: 1.5rem;\n  }\n\n  .px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  .px-3 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n\n  .px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  .px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .px-\\\\[10px\\\\] {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  .px-\\\\[22px\\\\] {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  .py-0\\\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n\n  .py-2 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n\n  .py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n\n  .py-5 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n\n  .py-\\\\[5\\\\.6px\\\\] {\n    padding-top: 5.6px;\n    padding-bottom: 5.6px;\n  }\n\n  .pb-1 {\n    padding-bottom: 0.25rem;\n  }\n\n  .pb-2 {\n    padding-bottom: 0.5rem;\n  }\n\n  .pb-20 {\n    padding-bottom: 5rem;\n  }\n\n  .pb-3 {\n    padding-bottom: 0.75rem;\n  }\n\n  .pb-32 {\n    padding-bottom: 8rem;\n  }\n\n  .pb-4 {\n    padding-bottom: 1rem;\n  }\n\n  .pb-5 {\n    padding-bottom: 1.25rem;\n  }\n\n  .pb-6 {\n    padding-bottom: 1.5rem;\n  }\n\n  .pb-8 {\n    padding-bottom: 2rem;\n  }\n\n  .pl-0 {\n    padding-left: 0px;\n  }\n\n  .pl-0\\\\.5 {\n    padding-left: 0.125rem;\n  }\n\n  .pl-1 {\n    padding-left: 0.25rem;\n  }\n\n  .pl-2 {\n    padding-left: 0.5rem;\n  }\n\n  .pl-4 {\n    padding-left: 1rem;\n  }\n\n  .pl-px {\n    padding-left: 1px;\n  }\n\n  .pr-14 {\n    padding-right: 3.5rem;\n  }\n\n  .pr-2 {\n    padding-right: 0.5rem;\n  }\n\n  .pr-3 {\n    padding-right: 0.75rem;\n  }\n\n  .pt-0 {\n    padding-top: 0px;\n  }\n\n  .pt-0\\\\.5 {\n    padding-top: 0.125rem;\n  }\n\n  .pt-10 {\n    padding-top: 2.5rem;\n  }\n\n  .pt-4 {\n    padding-top: 1rem;\n  }\n\n  .pt-6 {\n    padding-top: 1.5rem;\n  }\n\n  .pt-\\\\[5px\\\\] {\n    padding-top: 5px;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .text-end {\n    text-align: end;\n  }\n\n  .font-serif {\n    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n  }\n\n  .text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n\n  .text-\\\\[11px\\\\] {\n    font-size: 11px;\n  }\n\n  .text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n\n  .text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n\n  .text-xxs {\n    font-size: 0.625rem;\n  }\n\n  .font-bold {\n    font-weight: 700;\n  }\n\n  .font-medium {\n    font-weight: 500;\n  }\n\n  .font-normal {\n    font-weight: 400;\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .leading-4 {\n    line-height: 1rem;\n  }\n\n  .leading-5 {\n    line-height: 1.25rem;\n  }\n\n  .leading-\\\\[18px\\\\] {\n    line-height: 18px;\n  }\n\n  .leading-\\\\[22px\\\\] {\n    line-height: 22px;\n  }\n\n  .leading-\\\\[30px\\\\] {\n    line-height: 30px;\n  }\n\n  .leading-none {\n    line-height: 1;\n  }\n\n  .leading-normal {\n    line-height: 1.5;\n  }\n\n  .tracking-wide {\n    letter-spacing: 0.025em;\n  }\n\n  .text-\\\\[\\\\#00559a\\\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 85 154 / var(--tw-text-opacity));\n  }\n\n  .text-\\\\[\\\\#FFFFFF\\\\] {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .text-black {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity));\n  }\n\n  .text-blue-300 {\n    --tw-text-opacity: 1;\n    color: rgb(90 171 252 / var(--tw-text-opacity));\n  }\n\n  .text-blue-500 {\n    --tw-text-opacity: 1;\n    color: rgb(4 104 203 / var(--tw-text-opacity));\n  }\n\n  .text-blue-600 {\n    --tw-text-opacity: 1;\n    color: rgb(3 86 168 / var(--tw-text-opacity));\n  }\n\n  .text-brand-1 {\n    --tw-text-opacity: 1;\n    color: rgb(0 85 154 / var(--tw-text-opacity));\n  }\n\n  .text-dark-5 {\n    --tw-text-opacity: 1;\n    color: rgb(18 18 18 / var(--tw-text-opacity));\n  }\n\n  .text-dark-6 {\n    --tw-text-opacity: 1;\n    color: rgb(46 46 46 / var(--tw-text-opacity));\n  }\n\n  .text-dark-7 {\n    --tw-text-opacity: 1;\n    color: rgb(224 224 224 / var(--tw-text-opacity));\n  }\n\n  .text-green-300 {\n    --tw-text-opacity: 1;\n    color: rgb(151 219 83 / var(--tw-text-opacity));\n  }\n\n  .text-green-400 {\n    --tw-text-opacity: 1;\n    color: rgb(106 195 34 / var(--tw-text-opacity));\n  }\n\n  .text-green-500 {\n    --tw-text-opacity: 1;\n    color: rgb(80 167 24 / var(--tw-text-opacity));\n  }\n\n  .text-grey-100 {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .text-grey-300 {\n    --tw-text-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-text-opacity));\n  }\n\n  .text-grey-400 {\n    --tw-text-opacity: 1;\n    color: rgb(153 153 153 / var(--tw-text-opacity));\n  }\n\n  .text-grey-500 {\n    --tw-text-opacity: 1;\n    color: rgb(102 102 102 / var(--tw-text-opacity));\n  }\n\n  .text-grey-600 {\n    --tw-text-opacity: 1;\n    color: rgb(51 51 51 / var(--tw-text-opacity));\n  }\n\n  .text-orange-400 {\n    --tw-text-opacity: 1;\n    color: rgb(255 122 0 / var(--tw-text-opacity));\n  }\n\n  .text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n      0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),\n      0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, backdrop-filter;\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .hover\\\\:underline:hover {\n    text-decoration-line: underline;\n  }\n\n  .focus\\\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @media (min-width: 640px) {\n    .sm\\\\:w-3\\\\/4 {\n      width: 75%;\n    }\n\n    .sm\\\\:max-w-lg {\n      max-width: 32rem;\n    }\n\n    .sm\\\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .sm\\\\:px-16 {\n      padding-left: 4rem;\n      padding-right: 4rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\\\:mx-0 {\n      margin-left: 0px;\n      margin-right: 0px;\n    }\n\n    .md\\\\:my-8 {\n      margin-top: 2rem;\n      margin-bottom: 2rem;\n    }\n\n    .md\\\\:mb-0 {\n      margin-bottom: 0px;\n    }\n\n    .md\\\\:mb-5 {\n      margin-bottom: 1.25rem;\n    }\n\n    .md\\\\:ml-1 {\n      margin-left: 0.25rem;\n    }\n\n    .md\\\\:ml-6 {\n      margin-left: 1.5rem;\n    }\n\n    .md\\\\:mr-5 {\n      margin-right: 1.25rem;\n    }\n\n    .md\\\\:mt-0 {\n      margin-top: 0px;\n    }\n\n    .md\\\\:mt-3 {\n      margin-top: 0.75rem;\n    }\n\n    .md\\\\:mt-4 {\n      margin-top: 1rem;\n    }\n\n    .md\\\\:mt-8 {\n      margin-top: 2rem;\n    }\n\n    .md\\\\:block {\n      display: block;\n    }\n\n    .md\\\\:flex {\n      display: flex;\n    }\n\n    .md\\\\:hidden {\n      display: none;\n    }\n\n    .md\\\\:h-12 {\n      height: 3rem;\n    }\n\n    .md\\\\:h-5 {\n      height: 1.25rem;\n    }\n\n    .md\\\\:h-\\\\[68px\\\\] {\n      height: 68px;\n    }\n\n    .md\\\\:h-full {\n      height: 100%;\n    }\n\n    .md\\\\:h-max {\n      height: -moz-max-content;\n      height: max-content;\n    }\n\n    .md\\\\:min-h-\\\\[244px\\\\] {\n      min-height: 244px;\n    }\n\n    .md\\\\:w-1\\\\/2 {\n      width: 50%;\n    }\n\n    .md\\\\:w-3\\\\/5 {\n      width: 60%;\n    }\n\n    .md\\\\:w-40 {\n      width: 10rem;\n    }\n\n    .md\\\\:w-5\\\\/12 {\n      width: 41.666667%;\n    }\n\n    .md\\\\:w-52 {\n      width: 13rem;\n    }\n\n    .md\\\\:w-\\\\[350px\\\\] {\n      width: 350px;\n    }\n\n    .md\\\\:w-\\\\[370px\\\\] {\n      width: 370px;\n    }\n\n    .md\\\\:w-\\\\[374px\\\\] {\n      width: 374px;\n    }\n\n    .md\\\\:w-\\\\[400px\\\\] {\n      width: 400px;\n    }\n\n    .md\\\\:w-\\\\[580px\\\\] {\n      width: 580px;\n    }\n\n    .md\\\\:w-full {\n      width: 100%;\n    }\n\n    .md\\\\:max-w-\\\\[137px\\\\] {\n      max-width: 137px;\n    }\n\n    .md\\\\:max-w-full {\n      max-width: 100%;\n    }\n\n    .md\\\\:max-w-sm {\n      max-width: 24rem;\n    }\n\n    .md\\\\:grid-cols-1 {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n\n    .md\\\\:flex-row {\n      flex-direction: row;\n    }\n\n    .md\\\\:flex-col {\n      flex-direction: column;\n    }\n\n    .md\\\\:items-start {\n      align-items: flex-start;\n    }\n\n    .md\\\\:justify-start {\n      justify-content: flex-start;\n    }\n\n    .md\\\\:justify-center {\n      justify-content: center;\n    }\n\n    .md\\\\:gap-2 {\n      gap: 0.5rem;\n    }\n\n    .md\\\\:gap-8 {\n      gap: 2rem;\n    }\n\n    .md\\\\:space-x-0 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(0px * var(--tw-space-x-reverse));\n      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-x-5 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(1.25rem * var(--tw-space-x-reverse));\n      margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-y-reverse: 0;\n      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n      margin-bottom: calc(0px * var(--tw-space-y-reverse));\n    }\n\n    .md\\\\:space-y-4 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-y-reverse: 0;\n      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n      margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n    }\n\n    .md\\\\:self-start {\n      align-self: flex-start;\n    }\n\n    .md\\\\:self-end {\n      align-self: flex-end;\n    }\n\n    .md\\\\:self-center {\n      align-self: center;\n    }\n\n    .md\\\\:rounded {\n      border-radius: 0.25rem;\n    }\n\n    .md\\\\:rounded-lg {\n      border-radius: 0.5rem;\n    }\n\n    .md\\\\:p-5 {\n      padding: 1.25rem;\n    }\n\n    .md\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n\n    .md\\\\:px-20 {\n      padding-left: 5rem;\n      padding-right: 5rem;\n    }\n\n    .md\\\\:px-4 {\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    .md\\\\:px-5 {\n      padding-left: 1.25rem;\n      padding-right: 1.25rem;\n    }\n\n    .md\\\\:px-6 {\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    }\n\n    .md\\\\:px-8 {\n      padding-left: 2rem;\n      padding-right: 2rem;\n    }\n\n    .md\\\\:py-1 {\n      padding-top: 0.25rem;\n      padding-bottom: 0.25rem;\n    }\n\n    .md\\\\:py-1\\\\.5 {\n      padding-top: 0.375rem;\n      padding-bottom: 0.375rem;\n    }\n\n    .md\\\\:py-2 {\n      padding-top: 0.5rem;\n      padding-bottom: 0.5rem;\n    }\n\n    .md\\\\:py-6 {\n      padding-top: 1.5rem;\n      padding-bottom: 1.5rem;\n    }\n\n    .md\\\\:pb-4 {\n      padding-bottom: 1rem;\n    }\n\n    .md\\\\:pb-7 {\n      padding-bottom: 1.75rem;\n    }\n\n    .md\\\\:pt-3 {\n      padding-top: 0.75rem;\n    }\n\n    .md\\\\:pt-8 {\n      padding-top: 2rem;\n    }\n\n    .md\\\\:text-left {\n      text-align: left;\n    }\n\n    .md\\\\:text-2xl {\n      font-size: 1.5rem;\n      line-height: 2rem;\n    }\n\n    .md\\\\:text-base {\n      font-size: 1rem;\n      line-height: 1.5rem;\n    }\n\n    .md\\\\:text-lg {\n      font-size: 1.125rem;\n      line-height: 1.75rem;\n    }\n\n    .md\\\\:text-sm {\n      font-size: 0.875rem;\n      line-height: 1.25rem;\n    }\n\n    .md\\\\:text-xl {\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n    }\n\n    .md\\\\:text-xs {\n      font-size: 0.75rem;\n      line-height: 1rem;\n    }\n\n    .md\\\\:leading-6 {\n      line-height: 1.5rem;\n    }\n\n    .md\\\\:tracking-normal {\n      letter-spacing: 0em;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .lg\\\\:col-span-2 {\n      grid-column: span 2 / span 2;\n    }\n\n    .lg\\\\:col-span-3 {\n      grid-column: span 3 / span 3;\n    }\n\n    .lg\\\\:col-span-5 {\n      grid-column: span 5 / span 5;\n    }\n\n    .lg\\\\:col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .lg\\\\:mx-auto {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .lg\\\\:mb-0 {\n      margin-bottom: 0px;\n    }\n\n    .lg\\\\:mt-0 {\n      margin-top: 0px;\n    }\n\n    .lg\\\\:mt-2 {\n      margin-top: 0.5rem;\n    }\n\n    .lg\\\\:block {\n      display: block;\n    }\n\n    .lg\\\\:flex {\n      display: flex;\n    }\n\n    .lg\\\\:hidden {\n      display: none;\n    }\n\n    .lg\\\\:min-h-\\\\[220px\\\\] {\n      min-height: 220px;\n    }\n\n    .lg\\\\:w-1\\\\/2 {\n      width: 50%;\n    }\n\n    .lg\\\\:w-1\\\\/3 {\n      width: 33.333333%;\n    }\n\n    .lg\\\\:w-\\\\[410px\\\\] {\n      width: 410px;\n    }\n\n    .lg\\\\:max-w-7xl {\n      max-width: 80rem;\n    }\n\n    .lg\\\\:grid-cols-12 {\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n    }\n\n    .lg\\\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .lg\\\\:flex-row {\n      flex-direction: row;\n    }\n\n    .lg\\\\:flex-col {\n      flex-direction: column;\n    }\n\n    .lg\\\\:items-center {\n      align-items: center;\n    }\n\n    .lg\\\\:justify-end {\n      justify-content: flex-end;\n    }\n\n    .lg\\\\:justify-between {\n      justify-content: space-between;\n    }\n\n    .lg\\\\:gap-0 {\n      gap: 0px;\n    }\n\n    .lg\\\\:gap-8 {\n      gap: 2rem;\n    }\n\n    .lg\\\\:gap-x-6 {\n      -moz-column-gap: 1.5rem;\n      column-gap: 1.5rem;\n    }\n\n    .lg\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n\n    .lg\\\\:px-24 {\n      padding-left: 6rem;\n      padding-right: 6rem;\n    }\n\n    .lg\\\\:py-10 {\n      padding-top: 2.5rem;\n      padding-bottom: 2.5rem;\n    }\n\n    .lg\\\\:pb-0 {\n      padding-bottom: 0px;\n    }\n\n    .lg\\\\:pb-6 {\n      padding-bottom: 1.5rem;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .xl\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n  }\n\n  @media (min-width: 1536px) {\n    .\\\\32xl\\\\:w-1\\\\/4 {\n      width: 25%;\n    }\n  }\n`\n"]}
+{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../../tailwind/tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAu1E1B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const TWStyles = css`\n  /*\n! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n*/\n\n  /*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n  *,\n  ::before,\n  ::after {\n    box-sizing: border-box;\n    /* 1 */\n    border-width: 0;\n    /* 2 */\n    border-style: solid;\n    /* 2 */\n    border-color: currentColor;\n    /* 2 */\n  }\n\n  ::before,\n  ::after {\n    --tw-content: '';\n  }\n\n  /*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured sans font-family by default.\n5. Use the user's configured sans font-feature-settings by default.\n6. Use the user's configured sans font-variation-settings by default.\n*/\n\n  html {\n    line-height: 1.5;\n    /* 1 */\n    -webkit-text-size-adjust: 100%;\n    /* 2 */\n    -moz-tab-size: 4;\n    /* 3 */\n    -o-tab-size: 4;\n    tab-size: 4;\n    /* 3 */\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n      'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n      'Noto Color Emoji';\n    /* 4 */\n    font-feature-settings: normal;\n    /* 5 */\n    font-variation-settings: normal;\n    /* 6 */\n  }\n\n  /*\n1. Remove the margin in all browsers.\n2. Inherit line-height from html so users can set them as a class directly on the html element.\n*/\n\n  body {\n    margin: 0;\n    /* 1 */\n    line-height: inherit;\n    /* 2 */\n  }\n\n  /*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\n  hr {\n    height: 0;\n    /* 1 */\n    color: inherit;\n    /* 2 */\n    border-top-width: 1px;\n    /* 3 */\n  }\n\n  /*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  /*\nRemove the default font size and weight for headings.\n*/\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  /*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\n  a {\n    color: inherit;\n    text-decoration: inherit;\n  }\n\n  /*\nAdd the correct font weight in Edge and Safari.\n*/\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  /*\n1. Use the user's configured mono font family by default.\n2. Correct the odd em font sizing in all browsers.\n*/\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n      'Liberation Mono', 'Courier New', monospace;\n    /* 1 */\n    font-size: 1em;\n    /* 2 */\n  }\n\n  /*\nAdd the correct font size in all browsers.\n*/\n\n  small {\n    font-size: 80%;\n  }\n\n  /*\nPrevent sub and sup elements from affecting the line height in all browsers.\n*/\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  /*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\n  table {\n    text-indent: 0;\n    /* 1 */\n    border-color: inherit;\n    /* 2 */\n    border-collapse: collapse;\n    /* 3 */\n  }\n\n  /*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit;\n    /* 1 */\n    font-feature-settings: inherit;\n    /* 1 */\n    font-variation-settings: inherit;\n    /* 1 */\n    font-size: 100%;\n    /* 1 */\n    font-weight: inherit;\n    /* 1 */\n    line-height: inherit;\n    /* 1 */\n    color: inherit;\n    /* 1 */\n    margin: 0;\n    /* 2 */\n    padding: 0;\n    /* 3 */\n  }\n\n  /*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\n  button,\n  select {\n    text-transform: none;\n  }\n\n  /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\n  button,\n  [type='button'],\n  [type='reset'],\n  [type='submit'] {\n    -webkit-appearance: button;\n    /* 1 */\n    background-color: transparent;\n    /* 2 */\n    background-image: none;\n    /* 2 */\n  }\n\n  /*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  /*\nRemove the additional :invalid styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  /*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  /*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  /*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n  [type='search'] {\n    -webkit-appearance: textfield;\n    /* 1 */\n    outline-offset: -2px;\n    /* 2 */\n  }\n\n  /*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  /*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to inherit in Safari.\n*/\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button;\n    /* 1 */\n    font: inherit;\n    /* 2 */\n  }\n\n  /*\nAdd the correct display in Chrome and Safari.\n*/\n\n  summary {\n    display: list-item;\n  }\n\n  /*\nRemoves the default spacing and border for appropriate elements.\n*/\n\n  blockquote,\n  dl,\n  dd,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  hr,\n  figure,\n  p,\n  pre {\n    margin: 0;\n  }\n\n  fieldset {\n    margin: 0;\n    padding: 0;\n  }\n\n  legend {\n    padding: 0;\n  }\n\n  ol,\n  ul,\n  menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n  /*\nReset default styling for dialogs.\n*/\n\n  dialog {\n    padding: 0;\n  }\n\n  /*\nPrevent resizing textareas horizontally by default.\n*/\n\n  textarea {\n    resize: vertical;\n  }\n\n  /*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    opacity: 1;\n    /* 1 */\n    color: #9ca3af;\n    /* 2 */\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    opacity: 1;\n    /* 1 */\n    color: #9ca3af;\n    /* 2 */\n  }\n\n  /*\nSet the default cursor for buttons.\n*/\n\n  button,\n  [role='button'] {\n    cursor: pointer;\n  }\n\n  /*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n\n  :disabled {\n    cursor: default;\n  }\n\n  /*\n1. Make replaced elements display: block by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add vertical-align: middle to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    /* 1 */\n    vertical-align: middle;\n    /* 2 */\n  }\n\n  /*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  /* Make elements with the HTML hidden attribute stay hidden by default */\n\n  [hidden] {\n    display: none;\n  }\n\n  *,\n  ::before,\n  ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(4 104 203 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia: ;\n  }\n\n  ::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x: ;\n    --tw-pan-y: ;\n    --tw-pinch-zoom: ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position: ;\n    --tw-gradient-via-position: ;\n    --tw-gradient-to-position: ;\n    --tw-ordinal: ;\n    --tw-slashed-zero: ;\n    --tw-numeric-figure: ;\n    --tw-numeric-spacing: ;\n    --tw-numeric-fraction: ;\n    --tw-ring-inset: ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(4 104 203 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur: ;\n    --tw-brightness: ;\n    --tw-contrast: ;\n    --tw-grayscale: ;\n    --tw-hue-rotate: ;\n    --tw-invert: ;\n    --tw-saturate: ;\n    --tw-sepia: ;\n    --tw-drop-shadow: ;\n    --tw-backdrop-blur: ;\n    --tw-backdrop-brightness: ;\n    --tw-backdrop-contrast: ;\n    --tw-backdrop-grayscale: ;\n    --tw-backdrop-hue-rotate: ;\n    --tw-backdrop-invert: ;\n    --tw-backdrop-opacity: ;\n    --tw-backdrop-saturate: ;\n    --tw-backdrop-sepia: ;\n  }\n\n  .collapse {\n    visibility: collapse;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .sticky {\n    position: sticky;\n  }\n\n  .inset-0 {\n    inset: 0px;\n  }\n\n  .-bottom-6 {\n    bottom: -1.5rem;\n  }\n\n  .-top-2 {\n    top: -0.5rem;\n  }\n\n  .bottom-0 {\n    bottom: 0px;\n  }\n\n  .left-0 {\n    left: 0px;\n  }\n\n  .left-4 {\n    left: 1rem;\n  }\n\n  .right-0 {\n    right: 0px;\n  }\n\n  .top-0 {\n    top: 0px;\n  }\n\n  .z-0 {\n    z-index: 0;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-20 {\n    z-index: 20;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n\n  .m-auto {\n    margin: auto;\n  }\n\n  .mx-1 {\n    margin-left: 0.25rem;\n    margin-right: 0.25rem;\n  }\n\n  .mx-2 {\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n\n  .mx-4 {\n    margin-left: 1rem;\n    margin-right: 1rem;\n  }\n\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .my-4 {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .my-5 {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .my-6 {\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n\n  .-ml-2 {\n    margin-left: -0.5rem;\n  }\n\n  .-mt-24 {\n    margin-top: -6rem;\n  }\n\n  .-mt-7 {\n    margin-top: -1.75rem;\n  }\n\n  .mb-0 {\n    margin-bottom: 0px;\n  }\n\n  .mb-1 {\n    margin-bottom: 0.25rem;\n  }\n\n  .mb-2 {\n    margin-bottom: 0.5rem;\n  }\n\n  .mb-3 {\n    margin-bottom: 0.75rem;\n  }\n\n  .mb-4 {\n    margin-bottom: 1rem;\n  }\n\n  .mb-5 {\n    margin-bottom: 1.25rem;\n  }\n\n  .mb-6 {\n    margin-bottom: 1.5rem;\n  }\n\n  .ml-0 {\n    margin-left: 0px;\n  }\n\n  .ml-0\\\\.5 {\n    margin-left: 0.125rem;\n  }\n\n  .ml-1 {\n    margin-left: 0.25rem;\n  }\n\n  .ml-2 {\n    margin-left: 0.5rem;\n  }\n\n  .ml-3 {\n    margin-left: 0.75rem;\n  }\n\n  .ml-4 {\n    margin-left: 1rem;\n  }\n\n  .ml-8 {\n    margin-left: 2rem;\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .mr-10 {\n    margin-right: 2.5rem;\n  }\n\n  .mr-3 {\n    margin-right: 0.75rem;\n  }\n\n  .mr-3\\\\.5 {\n    margin-right: 0.875rem;\n  }\n\n  .mr-4 {\n    margin-right: 1rem;\n  }\n\n  .mr-6 {\n    margin-right: 1.5rem;\n  }\n\n  .mt-1 {\n    margin-top: 0.25rem;\n  }\n\n  .mt-2 {\n    margin-top: 0.5rem;\n  }\n\n  .mt-2\\\\.5 {\n    margin-top: 0.625rem;\n  }\n\n  .mt-3 {\n    margin-top: 0.75rem;\n  }\n\n  .mt-4 {\n    margin-top: 1rem;\n  }\n\n  .mt-6 {\n    margin-top: 1.5rem;\n  }\n\n  .mt-8 {\n    margin-top: 2rem;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .aspect-video {\n    aspect-ratio: 16 / 9;\n  }\n\n  .h-10 {\n    height: 2.5rem;\n  }\n\n  .h-12 {\n    height: 3rem;\n  }\n\n  .h-16 {\n    height: 4rem;\n  }\n\n  .h-2 {\n    height: 0.5rem;\n  }\n\n  .h-2\\\\.5 {\n    height: 0.625rem;\n  }\n\n  .h-20 {\n    height: 5rem;\n  }\n\n  .h-3 {\n    height: 0.75rem;\n  }\n\n  .h-4 {\n    height: 1rem;\n  }\n\n  .h-40 {\n    height: 10rem;\n  }\n\n  .h-5 {\n    height: 1.25rem;\n  }\n\n  .h-6 {\n    height: 1.5rem;\n  }\n\n  .h-8 {\n    height: 2rem;\n  }\n\n  .h-9 {\n    height: 2.25rem;\n  }\n\n  .h-\\\\[17px\\\\] {\n    height: 17px;\n  }\n\n  .h-\\\\[49px\\\\] {\n    height: 49px;\n  }\n\n  .h-\\\\[68px\\\\] {\n    height: 68px;\n  }\n\n  .h-\\\\[76px\\\\] {\n    height: 76px;\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-max {\n    height: -moz-max-content;\n    height: max-content;\n  }\n\n  .w-1\\\\/2 {\n    width: 50%;\n  }\n\n  .w-1\\\\/3 {\n    width: 33.333333%;\n  }\n\n  .w-1\\\\/5 {\n    width: 20%;\n  }\n\n  .w-10 {\n    width: 2.5rem;\n  }\n\n  .w-11\\\\/12 {\n    width: 91.666667%;\n  }\n\n  .w-16 {\n    width: 4rem;\n  }\n\n  .w-2 {\n    width: 0.5rem;\n  }\n\n  .w-2\\\\.5 {\n    width: 0.625rem;\n  }\n\n  .w-2\\\\/3 {\n    width: 66.666667%;\n  }\n\n  .w-20 {\n    width: 5rem;\n  }\n\n  .w-3\\\\/4 {\n    width: 75%;\n  }\n\n  .w-32 {\n    width: 8rem;\n  }\n\n  .w-4 {\n    width: 1rem;\n  }\n\n  .w-40 {\n    width: 10rem;\n  }\n\n  .w-5 {\n    width: 1.25rem;\n  }\n\n  .w-6 {\n    width: 1.5rem;\n  }\n\n  .w-60 {\n    width: 15rem;\n  }\n\n  .w-76 {\n    width: 19rem;\n  }\n\n  .w-8 {\n    width: 2rem;\n  }\n\n  .w-9 {\n    width: 2.25rem;\n  }\n\n  .w-\\\\[120px\\\\] {\n    width: 120px;\n  }\n\n  .w-\\\\[138px\\\\] {\n    width: 138px;\n  }\n\n  .w-\\\\[296px\\\\] {\n    width: 296px;\n  }\n\n  .w-\\\\[328px\\\\] {\n    width: 328px;\n  }\n\n  .w-auto {\n    width: auto;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .max-w-7xl {\n    max-width: 80rem;\n  }\n\n  .max-w-screen-md {\n    max-width: 768px;\n  }\n\n  .max-w-screen-sm {\n    max-width: 640px;\n  }\n\n  .max-w-xl {\n    max-width: 36rem;\n  }\n\n  .max-w-xs {\n    max-width: 20rem;\n  }\n\n  .flex-none {\n    flex: none;\n  }\n\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .flex-grow {\n    flex-grow: 1;\n  }\n\n  .rotate-180 {\n    --tw-rotate: 180deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  .transform {\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y))\n      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  @keyframes pulse {\n    50% {\n      opacity: 0.5;\n    }\n  }\n\n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .grid-flow-row {\n    grid-auto-flow: row;\n  }\n\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .grid-cols-4 {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .grid-cols-5 {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n\n  .grid-rows-2 {\n    grid-template-rows: repeat(2, minmax(0, 1fr));\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n\n  .place-items-center {\n    place-items: center;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .justify-end {\n    justify-content: flex-end;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  .gap-4 {\n    gap: 1rem;\n  }\n\n  .gap-6 {\n    gap: 1.5rem;\n  }\n\n  .gap-8 {\n    gap: 2rem;\n  }\n\n  .gap-y-2 {\n    row-gap: 0.5rem;\n  }\n\n  .gap-y-4 {\n    row-gap: 1rem;\n  }\n\n  .space-x-1 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.25rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-x-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-x-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-x-reverse: 0;\n    margin-right: calc(1rem * var(--tw-space-x-reverse));\n    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .space-y-1 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n  }\n\n  .space-y-2 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n  }\n\n  .space-y-4 > :not([hidden]) ~ :not([hidden]) {\n    --tw-space-y-reverse: 0;\n    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n    margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n  }\n\n  .self-center {\n    align-self: center;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .rounded {\n    border-radius: 0.25rem;\n  }\n\n  .rounded-\\\\[10px\\\\] {\n    border-radius: 10px;\n  }\n\n  .rounded-full {\n    border-radius: 9999px;\n  }\n\n  .rounded-lg {\n    border-radius: 0.5rem;\n  }\n\n  .rounded-md {\n    border-radius: 0.375rem;\n  }\n\n  .rounded-sm {\n    border-radius: 0.125rem;\n  }\n\n  .rounded-xl {\n    border-radius: 0.75rem;\n  }\n\n  .rounded-b-xl {\n    border-bottom-right-radius: 0.75rem;\n    border-bottom-left-radius: 0.75rem;\n  }\n\n  .border {\n    border-width: 1px;\n  }\n\n  .border-2 {\n    border-width: 2px;\n  }\n\n  .border-b {\n    border-bottom-width: 1px;\n  }\n\n  .border-b-2 {\n    border-bottom-width: 2px;\n  }\n\n  .border-t {\n    border-top-width: 1px;\n  }\n\n  .border-blue-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 200 253 / var(--tw-border-opacity));\n  }\n\n  .border-brand-1 {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 85 154 / var(--tw-border-opacity));\n  }\n\n  .border-dark-6 {\n    --tw-border-opacity: 1;\n    border-color: rgb(46 46 46 / var(--tw-border-opacity));\n  }\n\n  .border-dark-8 {\n    --tw-border-opacity: 1;\n    border-color: rgb(136 136 136 / var(--tw-border-opacity));\n  }\n\n  .border-dark-9 {\n    --tw-border-opacity: 1;\n    border-color: rgb(35 35 35 / var(--tw-border-opacity));\n  }\n\n  .border-green-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(106 195 34 / var(--tw-border-opacity));\n  }\n\n  .border-green-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(80 167 24 / var(--tw-border-opacity));\n  }\n\n  .border-grey-100 {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\n  }\n\n  .border-grey-200 {\n    --tw-border-opacity: 1;\n    border-color: rgb(238 238 238 / var(--tw-border-opacity));\n  }\n\n  .border-grey-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  }\n\n  .border-grey-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(153 153 153 / var(--tw-border-opacity));\n  }\n\n  .border-white {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 255 255 / var(--tw-border-opacity));\n  }\n\n  .border-yellow-400 {\n    --tw-border-opacity: 1;\n    border-color: rgb(255 204 0 / var(--tw-border-opacity));\n  }\n\n  .bg-\\\\[\\\\#2C2C2C\\\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(44 44 44 / var(--tw-bg-opacity));\n  }\n\n  .bg-black {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(225 240 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(147 200 253 / var(--tw-bg-opacity));\n  }\n\n  .bg-blue-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(3 86 168 / var(--tw-bg-opacity));\n  }\n\n  .bg-brand-1 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 85 154 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-3 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(37 37 37 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-4 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 30 30 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-5 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(18 18 18 / var(--tw-bg-opacity));\n  }\n\n  .bg-dark-6 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(46 46 46 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(151 219 83 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(106 195 34 / var(--tw-bg-opacity));\n  }\n\n  .bg-green-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(80 167 24 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n  }\n\n  .bg-grey-600 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(51 51 51 / var(--tw-bg-opacity));\n  }\n\n  .bg-orange-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 238 204 / var(--tw-bg-opacity));\n  }\n\n  .bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n  }\n\n  .bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 220 63 / var(--tw-bg-opacity));\n  }\n\n  .bg-opacity-75 {\n    --tw-bg-opacity: 0.75;\n  }\n\n  .object-cover {\n    -o-object-fit: cover;\n    object-fit: cover;\n  }\n\n  .object-scale-down {\n    -o-object-fit: scale-down;\n    object-fit: scale-down;\n  }\n\n  .p-1 {\n    padding: 0.25rem;\n  }\n\n  .p-1\\\\.5 {\n    padding: 0.375rem;\n  }\n\n  .p-2 {\n    padding: 0.5rem;\n  }\n\n  .p-3 {\n    padding: 0.75rem;\n  }\n\n  .p-4 {\n    padding: 1rem;\n  }\n\n  .p-5 {\n    padding: 1.25rem;\n  }\n\n  .p-6 {\n    padding: 1.5rem;\n  }\n\n  .px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n  }\n\n  .px-3 {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n  }\n\n  .px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  .px-8 {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n\n  .px-\\\\[10px\\\\] {\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  .px-\\\\[22px\\\\] {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .py-0 {\n    padding-top: 0px;\n    padding-bottom: 0px;\n  }\n\n  .py-0\\\\.5 {\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n  }\n\n  .py-2 {\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem;\n  }\n\n  .py-3 {\n    padding-top: 0.75rem;\n    padding-bottom: 0.75rem;\n  }\n\n  .py-4 {\n    padding-top: 1rem;\n    padding-bottom: 1rem;\n  }\n\n  .py-5 {\n    padding-top: 1.25rem;\n    padding-bottom: 1.25rem;\n  }\n\n  .py-\\\\[5\\\\.6px\\\\] {\n    padding-top: 5.6px;\n    padding-bottom: 5.6px;\n  }\n\n  .pb-1 {\n    padding-bottom: 0.25rem;\n  }\n\n  .pb-2 {\n    padding-bottom: 0.5rem;\n  }\n\n  .pb-20 {\n    padding-bottom: 5rem;\n  }\n\n  .pb-3 {\n    padding-bottom: 0.75rem;\n  }\n\n  .pb-32 {\n    padding-bottom: 8rem;\n  }\n\n  .pb-4 {\n    padding-bottom: 1rem;\n  }\n\n  .pb-5 {\n    padding-bottom: 1.25rem;\n  }\n\n  .pb-6 {\n    padding-bottom: 1.5rem;\n  }\n\n  .pb-8 {\n    padding-bottom: 2rem;\n  }\n\n  .pl-0 {\n    padding-left: 0px;\n  }\n\n  .pl-0\\\\.5 {\n    padding-left: 0.125rem;\n  }\n\n  .pl-1 {\n    padding-left: 0.25rem;\n  }\n\n  .pl-2 {\n    padding-left: 0.5rem;\n  }\n\n  .pl-4 {\n    padding-left: 1rem;\n  }\n\n  .pl-px {\n    padding-left: 1px;\n  }\n\n  .pr-14 {\n    padding-right: 3.5rem;\n  }\n\n  .pr-2 {\n    padding-right: 0.5rem;\n  }\n\n  .pr-3 {\n    padding-right: 0.75rem;\n  }\n\n  .pt-0 {\n    padding-top: 0px;\n  }\n\n  .pt-0\\\\.5 {\n    padding-top: 0.125rem;\n  }\n\n  .pt-10 {\n    padding-top: 2.5rem;\n  }\n\n  .pt-2 {\n    padding-top: 0.5rem;\n  }\n\n  .pt-4 {\n    padding-top: 1rem;\n  }\n\n  .pt-6 {\n    padding-top: 1.5rem;\n  }\n\n  .pt-\\\\[5px\\\\] {\n    padding-top: 5px;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .text-end {\n    text-align: end;\n  }\n\n  .font-sans {\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,\n      'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,\n      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n      'Noto Color Emoji';\n  }\n\n  .font-serif {\n    font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\n  }\n\n  .text-2xl {\n    font-size: 1.5rem;\n    line-height: 2rem;\n  }\n\n  .text-\\\\[11px\\\\] {\n    font-size: 11px;\n  }\n\n  .text-base {\n    font-size: 1rem;\n    line-height: 1.5rem;\n  }\n\n  .text-lg {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n\n  .text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n  }\n\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n\n  .text-xxs {\n    font-size: 0.625rem;\n  }\n\n  .font-bold {\n    font-weight: 700;\n  }\n\n  .font-medium {\n    font-weight: 500;\n  }\n\n  .font-normal {\n    font-weight: 400;\n  }\n\n  .uppercase {\n    text-transform: uppercase;\n  }\n\n  .capitalize {\n    text-transform: capitalize;\n  }\n\n  .leading-4 {\n    line-height: 1rem;\n  }\n\n  .leading-5 {\n    line-height: 1.25rem;\n  }\n\n  .leading-\\\\[18px\\\\] {\n    line-height: 18px;\n  }\n\n  .leading-\\\\[22px\\\\] {\n    line-height: 22px;\n  }\n\n  .leading-\\\\[30px\\\\] {\n    line-height: 30px;\n  }\n\n  .leading-none {\n    line-height: 1;\n  }\n\n  .leading-normal {\n    line-height: 1.5;\n  }\n\n  .leading-tight {\n    line-height: 1.25;\n  }\n\n  .tracking-wide {\n    letter-spacing: 0.025em;\n  }\n\n  .text-\\\\[\\\\#00559a\\\\] {\n    --tw-text-opacity: 1;\n    color: rgb(0 85 154 / var(--tw-text-opacity));\n  }\n\n  .text-\\\\[\\\\#FFFFFF\\\\] {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .text-black {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity));\n  }\n\n  .text-blue-300 {\n    --tw-text-opacity: 1;\n    color: rgb(90 171 252 / var(--tw-text-opacity));\n  }\n\n  .text-blue-500 {\n    --tw-text-opacity: 1;\n    color: rgb(4 104 203 / var(--tw-text-opacity));\n  }\n\n  .text-blue-600 {\n    --tw-text-opacity: 1;\n    color: rgb(3 86 168 / var(--tw-text-opacity));\n  }\n\n  .text-brand-1 {\n    --tw-text-opacity: 1;\n    color: rgb(0 85 154 / var(--tw-text-opacity));\n  }\n\n  .text-dark-5 {\n    --tw-text-opacity: 1;\n    color: rgb(18 18 18 / var(--tw-text-opacity));\n  }\n\n  .text-dark-6 {\n    --tw-text-opacity: 1;\n    color: rgb(46 46 46 / var(--tw-text-opacity));\n  }\n\n  .text-dark-7 {\n    --tw-text-opacity: 1;\n    color: rgb(224 224 224 / var(--tw-text-opacity));\n  }\n\n  .text-green-300 {\n    --tw-text-opacity: 1;\n    color: rgb(151 219 83 / var(--tw-text-opacity));\n  }\n\n  .text-green-400 {\n    --tw-text-opacity: 1;\n    color: rgb(106 195 34 / var(--tw-text-opacity));\n  }\n\n  .text-green-500 {\n    --tw-text-opacity: 1;\n    color: rgb(80 167 24 / var(--tw-text-opacity));\n  }\n\n  .text-grey-100 {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .text-grey-300 {\n    --tw-text-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-text-opacity));\n  }\n\n  .text-grey-400 {\n    --tw-text-opacity: 1;\n    color: rgb(153 153 153 / var(--tw-text-opacity));\n  }\n\n  .text-grey-500 {\n    --tw-text-opacity: 1;\n    color: rgb(102 102 102 / var(--tw-text-opacity));\n  }\n\n  .text-grey-600 {\n    --tw-text-opacity: 1;\n    color: rgb(51 51 51 / var(--tw-text-opacity));\n  }\n\n  .text-orange-400 {\n    --tw-text-opacity: 1;\n    color: rgb(255 122 0 / var(--tw-text-opacity));\n  }\n\n  .text-orange-500 {\n    --tw-text-opacity: 1;\n    color: rgb(219 93 0 / var(--tw-text-opacity));\n  }\n\n  .text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity));\n  }\n\n  .underline {\n    text-decoration-line: underline;\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),\n      0 4px 6px -4px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),\n      0 4px 6px -4px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),\n      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, backdrop-filter;\n    transition-property: color, background-color, border-color,\n      text-decoration-color, fill, stroke, opacity, box-shadow, transform,\n      filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  .hover\\\\:underline:hover {\n    text-decoration-line: underline;\n  }\n\n  .focus\\\\:outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n  }\n\n  @media (min-width: 640px) {\n    .sm\\\\:w-3\\\\/4 {\n      width: 75%;\n    }\n\n    .sm\\\\:max-w-lg {\n      max-width: 32rem;\n    }\n\n    .sm\\\\:grid-cols-4 {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    .sm\\\\:px-16 {\n      padding-left: 4rem;\n      padding-right: 4rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .md\\\\:mx-0 {\n      margin-left: 0px;\n      margin-right: 0px;\n    }\n\n    .md\\\\:my-8 {\n      margin-top: 2rem;\n      margin-bottom: 2rem;\n    }\n\n    .md\\\\:mb-0 {\n      margin-bottom: 0px;\n    }\n\n    .md\\\\:mb-5 {\n      margin-bottom: 1.25rem;\n    }\n\n    .md\\\\:ml-1 {\n      margin-left: 0.25rem;\n    }\n\n    .md\\\\:ml-6 {\n      margin-left: 1.5rem;\n    }\n\n    .md\\\\:mr-5 {\n      margin-right: 1.25rem;\n    }\n\n    .md\\\\:mt-0 {\n      margin-top: 0px;\n    }\n\n    .md\\\\:mt-3 {\n      margin-top: 0.75rem;\n    }\n\n    .md\\\\:mt-4 {\n      margin-top: 1rem;\n    }\n\n    .md\\\\:mt-8 {\n      margin-top: 2rem;\n    }\n\n    .md\\\\:block {\n      display: block;\n    }\n\n    .md\\\\:flex {\n      display: flex;\n    }\n\n    .md\\\\:hidden {\n      display: none;\n    }\n\n    .md\\\\:h-12 {\n      height: 3rem;\n    }\n\n    .md\\\\:h-5 {\n      height: 1.25rem;\n    }\n\n    .md\\\\:h-\\\\[68px\\\\] {\n      height: 68px;\n    }\n\n    .md\\\\:h-full {\n      height: 100%;\n    }\n\n    .md\\\\:h-max {\n      height: -moz-max-content;\n      height: max-content;\n    }\n\n    .md\\\\:min-h-\\\\[244px\\\\] {\n      min-height: 244px;\n    }\n\n    .md\\\\:w-1\\\\/2 {\n      width: 50%;\n    }\n\n    .md\\\\:w-3\\\\/5 {\n      width: 60%;\n    }\n\n    .md\\\\:w-40 {\n      width: 10rem;\n    }\n\n    .md\\\\:w-5\\\\/12 {\n      width: 41.666667%;\n    }\n\n    .md\\\\:w-52 {\n      width: 13rem;\n    }\n\n    .md\\\\:w-\\\\[350px\\\\] {\n      width: 350px;\n    }\n\n    .md\\\\:w-\\\\[370px\\\\] {\n      width: 370px;\n    }\n\n    .md\\\\:w-\\\\[374px\\\\] {\n      width: 374px;\n    }\n\n    .md\\\\:w-\\\\[400px\\\\] {\n      width: 400px;\n    }\n\n    .md\\\\:w-\\\\[580px\\\\] {\n      width: 580px;\n    }\n\n    .md\\\\:w-full {\n      width: 100%;\n    }\n\n    .md\\\\:max-w-\\\\[137px\\\\] {\n      max-width: 137px;\n    }\n\n    .md\\\\:max-w-full {\n      max-width: 100%;\n    }\n\n    .md\\\\:max-w-sm {\n      max-width: 24rem;\n    }\n\n    .md\\\\:grid-cols-1 {\n      grid-template-columns: repeat(1, minmax(0, 1fr));\n    }\n\n    .md\\\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .md\\\\:flex-row {\n      flex-direction: row;\n    }\n\n    .md\\\\:flex-col {\n      flex-direction: column;\n    }\n\n    .md\\\\:items-start {\n      align-items: flex-start;\n    }\n\n    .md\\\\:justify-start {\n      justify-content: flex-start;\n    }\n\n    .md\\\\:justify-center {\n      justify-content: center;\n    }\n\n    .md\\\\:gap-2 {\n      gap: 0.5rem;\n    }\n\n    .md\\\\:gap-8 {\n      gap: 2rem;\n    }\n\n    .md\\\\:space-x-0 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(0px * var(--tw-space-x-reverse));\n      margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-x-2 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n      margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-x-5 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-x-reverse: 0;\n      margin-right: calc(1.25rem * var(--tw-space-x-reverse));\n      margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));\n    }\n\n    .md\\\\:space-y-0 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-y-reverse: 0;\n      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));\n      margin-bottom: calc(0px * var(--tw-space-y-reverse));\n    }\n\n    .md\\\\:space-y-4 > :not([hidden]) ~ :not([hidden]) {\n      --tw-space-y-reverse: 0;\n      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n      margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n    }\n\n    .md\\\\:self-start {\n      align-self: flex-start;\n    }\n\n    .md\\\\:self-end {\n      align-self: flex-end;\n    }\n\n    .md\\\\:self-center {\n      align-self: center;\n    }\n\n    .md\\\\:rounded {\n      border-radius: 0.25rem;\n    }\n\n    .md\\\\:rounded-lg {\n      border-radius: 0.5rem;\n    }\n\n    .md\\\\:p-5 {\n      padding: 1.25rem;\n    }\n\n    .md\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n\n    .md\\\\:px-20 {\n      padding-left: 5rem;\n      padding-right: 5rem;\n    }\n\n    .md\\\\:px-4 {\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    .md\\\\:px-5 {\n      padding-left: 1.25rem;\n      padding-right: 1.25rem;\n    }\n\n    .md\\\\:px-6 {\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    }\n\n    .md\\\\:px-8 {\n      padding-left: 2rem;\n      padding-right: 2rem;\n    }\n\n    .md\\\\:py-1 {\n      padding-top: 0.25rem;\n      padding-bottom: 0.25rem;\n    }\n\n    .md\\\\:py-1\\\\.5 {\n      padding-top: 0.375rem;\n      padding-bottom: 0.375rem;\n    }\n\n    .md\\\\:py-2 {\n      padding-top: 0.5rem;\n      padding-bottom: 0.5rem;\n    }\n\n    .md\\\\:py-6 {\n      padding-top: 1.5rem;\n      padding-bottom: 1.5rem;\n    }\n\n    .md\\\\:pb-4 {\n      padding-bottom: 1rem;\n    }\n\n    .md\\\\:pb-7 {\n      padding-bottom: 1.75rem;\n    }\n\n    .md\\\\:pt-3 {\n      padding-top: 0.75rem;\n    }\n\n    .md\\\\:pt-8 {\n      padding-top: 2rem;\n    }\n\n    .md\\\\:text-left {\n      text-align: left;\n    }\n\n    .md\\\\:text-2xl {\n      font-size: 1.5rem;\n      line-height: 2rem;\n    }\n\n    .md\\\\:text-base {\n      font-size: 1rem;\n      line-height: 1.5rem;\n    }\n\n    .md\\\\:text-lg {\n      font-size: 1.125rem;\n      line-height: 1.75rem;\n    }\n\n    .md\\\\:text-sm {\n      font-size: 0.875rem;\n      line-height: 1.25rem;\n    }\n\n    .md\\\\:text-xl {\n      font-size: 1.25rem;\n      line-height: 1.75rem;\n    }\n\n    .md\\\\:text-xs {\n      font-size: 0.75rem;\n      line-height: 1rem;\n    }\n\n    .md\\\\:leading-6 {\n      line-height: 1.5rem;\n    }\n\n    .md\\\\:tracking-normal {\n      letter-spacing: 0em;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .lg\\\\:col-span-2 {\n      grid-column: span 2 / span 2;\n    }\n\n    .lg\\\\:col-span-3 {\n      grid-column: span 3 / span 3;\n    }\n\n    .lg\\\\:col-span-5 {\n      grid-column: span 5 / span 5;\n    }\n\n    .lg\\\\:col-start-10 {\n      grid-column-start: 10;\n    }\n\n    .lg\\\\:mx-auto {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .lg\\\\:mb-0 {\n      margin-bottom: 0px;\n    }\n\n    .lg\\\\:mt-0 {\n      margin-top: 0px;\n    }\n\n    .lg\\\\:mt-2 {\n      margin-top: 0.5rem;\n    }\n\n    .lg\\\\:block {\n      display: block;\n    }\n\n    .lg\\\\:flex {\n      display: flex;\n    }\n\n    .lg\\\\:hidden {\n      display: none;\n    }\n\n    .lg\\\\:min-h-\\\\[220px\\\\] {\n      min-height: 220px;\n    }\n\n    .lg\\\\:w-1\\\\/2 {\n      width: 50%;\n    }\n\n    .lg\\\\:w-1\\\\/3 {\n      width: 33.333333%;\n    }\n\n    .lg\\\\:w-\\\\[410px\\\\] {\n      width: 410px;\n    }\n\n    .lg\\\\:max-w-7xl {\n      max-width: 80rem;\n    }\n\n    .lg\\\\:grid-cols-12 {\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n    }\n\n    .lg\\\\:grid-cols-2 {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .lg\\\\:flex-row {\n      flex-direction: row;\n    }\n\n    .lg\\\\:flex-col {\n      flex-direction: column;\n    }\n\n    .lg\\\\:items-center {\n      align-items: center;\n    }\n\n    .lg\\\\:justify-end {\n      justify-content: flex-end;\n    }\n\n    .lg\\\\:justify-between {\n      justify-content: space-between;\n    }\n\n    .lg\\\\:gap-0 {\n      gap: 0px;\n    }\n\n    .lg\\\\:gap-8 {\n      gap: 2rem;\n    }\n\n    .lg\\\\:gap-x-6 {\n      -moz-column-gap: 1.5rem;\n      column-gap: 1.5rem;\n    }\n\n    .lg\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n\n    .lg\\\\:px-24 {\n      padding-left: 6rem;\n      padding-right: 6rem;\n    }\n\n    .lg\\\\:py-10 {\n      padding-top: 2.5rem;\n      padding-bottom: 2.5rem;\n    }\n\n    .lg\\\\:pb-0 {\n      padding-bottom: 0px;\n    }\n\n    .lg\\\\:pb-6 {\n      padding-bottom: 1.5rem;\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .xl\\\\:px-0 {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n  }\n\n  @media (min-width: 1536px) {\n    .\\\\32xl\\\\:w-1\\\\/4 {\n      width: 25%;\n    }\n  }\n`\n"]}