npm - zignal-stencil-library - Versions diffs - 1.1.123 → 1.1.124 - Mend

zignal-stencil-library 1.1.123 → 1.1.124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/dist/collection/components/typography-clamp/typography-clamp.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { Host, h } from "@stencil/core";
-import { configStore } from "../../store/store";
 import { useTranslation } from "../../utils/utils";
 export class TypographyClamp {
     text;
@@ -61,11 +60,10 @@ export class TypographyClamp {
     }
     render() {
         const t = useTranslation();
-        const theme = configStore.get('theme');
-        return (h(Host, { key: 'a5d9126a6cf38ad2a1bb88f8216a6a8287d7a5d5', "data-theme": theme }, h("div", { key: '7a71418d55c6f72f3097bd1385ca63d4e1ffe144' }, h("p", { key: '122f83f2a1101b907392619abd6e2ebf1192f92d', ref: el => (this.contentEl = el), class: `z-line-clamp-text ${this.textColor} ${this.showMore ? '' : 'z-line-clamp'}`, style: { '--z-line-clamp': String(this.lines) } }, this.text), this.isClamped && (h("div", { key: 'b12ae3790c714f0e29940bc62b1a6a01c3e04c1a', class: "z-line-clamp-wrapper text-primary", onClick: () => {
+        return (h(Host, { key: '1d25bf9635de36baac8dfcb51a4e36dd8599f24f' }, h("div", { key: 'aed9f8a7792cf5d10c00b3ac205779fecff4ab66' }, h("p", { key: '7fb257feb36278218d8d1dca584c57f486767076', ref: el => (this.contentEl = el), class: `z-line-clamp-text ${this.textColor} ${this.showMore ? '' : 'z-line-clamp'}`, style: { '--z-line-clamp': String(this.lines) } }, this.text), this.isClamped && (h("div", { key: '51c6bf70b00b316365c15a3e69427eb5f5eccfc7', class: "z-line-clamp-wrapper text-primary", onClick: () => {
                 this.showMore = !this.showMore;
                 this.deferCheck();
-            } }, h("div", { key: '18f837c3bd20b8224b9effb3d2dc43d145bf7efc', class: "mt-1" }, this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')))))));
+            } }, h("div", { key: 'a9c470bacdac32d03f2ed5476270616d1999f1b0', class: "mt-1" }, this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')))))));
     }
     static get is() { return "typography-clamp"; }
     static get originalStyleUrls() {

package/dist/collection/components/typography-clamp/typography-clamp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typography-clamp.js","sourceRoot":"","sources":["../../../src/components/typography-clamp/typography-clamp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,~~WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,~~cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,OAAO,eAAe;IAClB,IAAI,CAAS;IACb,SAAS,GAAW,iBAAiB,CAAC;IACtC,KAAK,GAAW,CAAC,CAAC;IACjB,QAAQ,GAAY,KAAK,CAAC;IAC1B,SAAS,GAAG,KAAK,CAAC;IAEnB,SAAS,CAAkB;IAC3B,EAAE,CAAkB;IAEX,UAAU,GAAG,GAAG,EAAE;QACjC,oDAAoD;QACpD,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;IAEe,YAAY,GAAG,GAAG,EAAE;QACnC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAE5B,oDAAoD;QACpD,MAAM,eAAe,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvC,MAAM,WAAW,GAAG,cAAc,CAAC;QACnC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAErE,4CAA4C;QAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAE/C,4CAA4C;QAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAElD,MAAM,IAAI,GAAG,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;QAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,kCAAkC;QAClC,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa;gBAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,gBAAgB;QACd,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACrD,iEAAiE;QACjE,IAAI,gBAAgB,IAAI,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,EAAE,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;YACxD,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC;IACxB,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAGD,aAAa;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,MAAM,CAAC,GAAG,cAAc,EAAE,CAAC;QAC3B,~~MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,~~OAAO,~~CAAC,CAAC;QAEvC,OAAO,~~CACL,EAAC,IAAI~~,mEAAa,KAAK~~;~~YACrB~~;gBACE,0DACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,EAClD,KAAK,EAAE,qBAAqB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACnF,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAS,IAErD,IAAI,CAAC,IAAI,CACR;gBAEH,IAAI,CAAC,SAAS,IAAI,CACjB,4DACE,KAAK,EAAC,mCAAmC,EACzC,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;oBACpB,CAAC;oBAED,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAO,CACrF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { ~~configStore } from '../../store/store';\nimport {~~ useTranslation } from '../../utils/utils';\n\n@Component({\n tag: 'typography-clamp',\n styleUrl: 'typography-clamp.css',\n})\nexport class TypographyClamp {\n @Prop() text: string;\n @Prop() textColor: string = 'text-theme-gray';\n @Prop() lines: number = 5;\n @State() showMore: boolean = false;\n @State() isClamped = false;\n\n private contentEl?: HTMLDivElement;\n private ro?: ResizeObserver;\n\n private readonly deferCheck = () => {\n // Ensure layout/styles are applied before measuring\n requestAnimationFrame(() => this.checkClamped());\n };\n\n private readonly checkClamped = () => {\n if (!this.contentEl) return;\n\n // Preserve intended clamp state (based on showMore)\n const shouldBeClamped = !this.showMore;\n const CLAMP_CLASS = 'z-line-clamp';\n const hadClampClass = this.contentEl.classList.contains(CLAMP_CLASS);\n\n // Temporarily remove to measure full height\n this.contentEl.classList.remove(CLAMP_CLASS);\n const fullHeight = this.contentEl.scrollHeight;\n\n // Temporarily add to measure clamped height\n this.contentEl.classList.add(CLAMP_CLASS);\n const clampedHeight = this.contentEl.clientHeight;\n\n const next = fullHeight > clampedHeight + 1;\n if (this.isClamped !== next) {\n this.isClamped = next;\n }\n\n // Restore class to intended state\n if (shouldBeClamped) {\n if (!hadClampClass) this.contentEl.classList.add(CLAMP_CLASS);\n } else {\n this.contentEl.classList.remove(CLAMP_CLASS);\n }\n };\n\n componentDidLoad() {\n this.deferCheck();\n window.addEventListener('resize', this.checkClamped);\n // Observe element size/content changes (panel open, fonts, etc.)\n if ('ResizeObserver' in window) {\n this.ro = new ResizeObserver(() => this.checkClamped());\n if (this.contentEl) this.ro.observe(this.contentEl);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.checkClamped);\n this.ro?.disconnect();\n }\n\n @Watch('text')\n onTextChange() {\n this.deferCheck();\n }\n\n @Watch('lines')\n onLinesChange() {\n this.deferCheck();\n }\n\n render() {\n const t = useTranslation();\n ~~const theme = configStore.get('theme');\n\n~~ return (\n <Host ~~data-theme={theme}~~>\n <div>\n <p\n ref={el => (this.contentEl = el as HTMLDivElement)}\n class={`z-line-clamp-text ${this.textColor} ${this.showMore ? '' : 'z-line-clamp'}`}\n style={{ '--z-line-clamp': String(this.lines) } as any}\n >\n {this.text}\n </p>\n\n {this.isClamped && (\n <div\n class=\"z-line-clamp-wrapper text-primary\"\n onClick={() => {\n this.showMore = !this.showMore;\n this.deferCheck();\n }}\n >\n <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"typography-clamp.js","sourceRoot":"","sources":["../../../src/components/typography-clamp/typography-clamp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,OAAO,eAAe;IAClB,IAAI,CAAS;IACb,SAAS,GAAW,iBAAiB,CAAC;IACtC,KAAK,GAAW,CAAC,CAAC;IACjB,QAAQ,GAAY,KAAK,CAAC;IAC1B,SAAS,GAAG,KAAK,CAAC;IAEnB,SAAS,CAAkB;IAC3B,EAAE,CAAkB;IAEX,UAAU,GAAG,GAAG,EAAE;QACjC,oDAAoD;QACpD,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;IAEe,YAAY,GAAG,GAAG,EAAE;QACnC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAE5B,oDAAoD;QACpD,MAAM,eAAe,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvC,MAAM,WAAW,GAAG,cAAc,CAAC;QACnC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;QAErE,4CAA4C;QAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAE/C,4CAA4C;QAC5C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAElD,MAAM,IAAI,GAAG,UAAU,GAAG,aAAa,GAAG,CAAC,CAAC;QAC5C,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,kCAAkC;QAClC,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa;gBAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,gBAAgB;QACd,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACrD,iEAAiE;QACjE,IAAI,gBAAgB,IAAI,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,EAAE,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;YACxD,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACxD,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC;IACxB,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAGD,aAAa;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,MAAM,CAAC,GAAG,cAAc,EAAE,CAAC;QAC3B,OAAO,CACL,EAAC,IAAI;YACH;gBACE,0DACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAoB,CAAC,EAClD,KAAK,EAAE,qBAAqB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACnF,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAS,IAErD,IAAI,CAAC,IAAI,CACR;gBAEH,IAAI,CAAC,SAAS,IAAI,CACjB,4DACE,KAAK,EAAC,mCAAmC,EACzC,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;wBAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;oBACpB,CAAC;oBAED,4DAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAO,CACrF,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { useTranslation } from '../../utils/utils';\n\n@Component({\n tag: 'typography-clamp',\n styleUrl: 'typography-clamp.css',\n})\nexport class TypographyClamp {\n @Prop() text: string;\n @Prop() textColor: string = 'text-theme-gray';\n @Prop() lines: number = 5;\n @State() showMore: boolean = false;\n @State() isClamped = false;\n\n private contentEl?: HTMLDivElement;\n private ro?: ResizeObserver;\n\n private readonly deferCheck = () => {\n // Ensure layout/styles are applied before measuring\n requestAnimationFrame(() => this.checkClamped());\n };\n\n private readonly checkClamped = () => {\n if (!this.contentEl) return;\n\n // Preserve intended clamp state (based on showMore)\n const shouldBeClamped = !this.showMore;\n const CLAMP_CLASS = 'z-line-clamp';\n const hadClampClass = this.contentEl.classList.contains(CLAMP_CLASS);\n\n // Temporarily remove to measure full height\n this.contentEl.classList.remove(CLAMP_CLASS);\n const fullHeight = this.contentEl.scrollHeight;\n\n // Temporarily add to measure clamped height\n this.contentEl.classList.add(CLAMP_CLASS);\n const clampedHeight = this.contentEl.clientHeight;\n\n const next = fullHeight > clampedHeight + 1;\n if (this.isClamped !== next) {\n this.isClamped = next;\n }\n\n // Restore class to intended state\n if (shouldBeClamped) {\n if (!hadClampClass) this.contentEl.classList.add(CLAMP_CLASS);\n } else {\n this.contentEl.classList.remove(CLAMP_CLASS);\n }\n };\n\n componentDidLoad() {\n this.deferCheck();\n window.addEventListener('resize', this.checkClamped);\n // Observe element size/content changes (panel open, fonts, etc.)\n if ('ResizeObserver' in window) {\n this.ro = new ResizeObserver(() => this.checkClamped());\n if (this.contentEl) this.ro.observe(this.contentEl);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.checkClamped);\n this.ro?.disconnect();\n }\n\n @Watch('text')\n onTextChange() {\n this.deferCheck();\n }\n\n @Watch('lines')\n onLinesChange() {\n this.deferCheck();\n }\n\n render() {\n const t = useTranslation();\n return (\n <Host>\n <div>\n <p\n ref={el => (this.contentEl = el as HTMLDivElement)}\n class={`z-line-clamp-text ${this.textColor} ${this.showMore ? '' : 'z-line-clamp'}`}\n style={{ '--z-line-clamp': String(this.lines) } as any}\n >\n {this.text}\n </p>\n\n {this.isClamped && (\n <div\n class=\"z-line-clamp-wrapper text-primary\"\n onClick={() => {\n this.showMore = !this.showMore;\n this.deferCheck();\n }}\n >\n <div class=\"mt-1\">{this.showMore ? t('chat_tab.hide') : t('chat_tab.see_all_text')}</div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/z-avatar/z-avatar.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer base{,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-drop-shadow-alpha:100%;--tw-border-style:solid;border:0 solid;box-sizing:border-box;margin:0;padding:0}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid}}}@layer theme{:host,:root{--container-xl:36rem;--container-3xs:16rem;--color-yellow-500:oklch(79.5% .184 86.047);--container-sm:24rem;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--container-xs:20rem;--container-md:28rem;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--color-gray-400:oklch(70.7% .022 261.325);--color-slate-500:oklch(55.4% .046 257.417);--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--color-yellow-300:oklch(90.5% .182 98.111);--color-red-700:oklch(50.5% .213 27.518);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-blue-500:oklch(62.3% .214 259.815);--color-pink-100:oklch(94.8% .028 342.258);--font-weight-semibold:600;--font-weight-bold:700;--animate-spin:spin 1s linear infinite;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Kanit",var(--default-font);--default-mono-font-family:var(--font-mono);--default-font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280}}@layer base{::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-meridiem-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);border-color:oklch(54.6% .245 262.881);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;color:oklch(54.6% .245 262.881);print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:oklch(55.1% .027 264.364);border-width:1px;display:inline-block;flex-shrink:0;height:1rem;padding:0;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components{.dialog-backdrop{align-items:center;background-color:#0006;display:flex;inset:calc(var(--spacing)0);justify-content:center;position:fixed;z-index:50}@supports (color:color-mix(in lab,red,red)){.dialog-backdrop{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.chat-item{align-items:flex-start;border-radius:var(--radius-xl);cursor:pointer;display:flex;margin-block:calc(var(--spacing)1);margin-inline:calc(var(--spacing)2);padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4);position:relative;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:where(.chat-item>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}.chat-item .chat-item-pin{position:absolute;right:calc(var(--spacing)-3);top:calc(var(--spacing)1)}.chat-item .chat-item-pin-icon{fill:currentColor;height:calc(var(--spacing)3);rotate:45deg;width:calc(var(--spacing)3)}.chat-item .chat-item-content-container{display:flex;flex-direction:row;width:100%}:where(.chat-item .chat-item-content-container>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}.chat-item .chat-item-avatar-wrapper{align-self:center;flex-shrink:0;position:relative}.chat-item .chat-item-avatar-badge{bottom:calc(var(--spacing)-.5);position:absolute;right:calc(var(--spacing)-.5)}.chat-item .chat-item-content-wrapper{min-height:calc(var(--spacing)18);width:100%}.chat-item .chat-item-content-main{align-items:center;display:flex}:where(.chat-item .chat-item-content-main>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)1(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)1var(--tw-space-x-reverse))}.chat-item .chat-item-content-main-image{border-radius:3.40282e+38px;height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.chat-item .chat-item-content-main-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.chat-item .chat-item-content-main-name,.chat-item .chat-item-content-main-time{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-main-time{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-secondary{align-items:flex-start;display:flex;flex-direction:row;width:100%}.chat-item .chat-item-content-secondary-nickname{font-size:var(--text-base);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-base--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-secondary-message{color:var(--color-gray-600);font-size:var(--text-sm);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-sm--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-unread{background-color:var(--color-primary);border-radius:3.40282e+38px;color:var(--color-white);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-unread-mark{display:inline-block;height:calc(var(--spacing)2.5);width:calc(var(--spacing)2.5)}.chat-item .chat-item-content-unread-count{padding-block:calc(var(--spacing).5);padding-inline:calc(var(--spacing)2)}.z-icon-button{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-icon-button:focus{--tw-outline-style:none;outline-style:none}.z-icon-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-icon-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px}.z-icon-button-outlined,.z-icon-button-text{color:var(--color-primary)}.z-icon-button-disabled{cursor:not-allowed;opacity:.5}.z-button{cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button:focus{--tw-outline-style:none;outline-style:none}.z-button-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)2)}.z-button-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)3)}.z-button-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4)}.z-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px;color:var(--color-primary)}.z-button-disabled{cursor:not-allowed;opacity:.5}.z-button-text{margin-inline:calc(var(--spacing)2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-input-area-label{margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input-area-input,.z-input-area-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input-area-input{background-color:var(--color-paper);border-color:var(--color-surface);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);width:100%;--tw-ring-color:var(--color-primary)}.z-input-area-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-area-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)1)}.z-input-label{margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input,.z-input-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input{background-color:var(--color-background);border-color:var(--color-divider);border-style:var(--tw-border-style);border-width:1px;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);width:100%;--tw-ring-color:var(--color-primary);border-radius:3.40282e+38px}.z-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)1)}.z-select-input-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-tag-or-status-item{align-items:center;border-radius:var(--radius-2xl);gap:calc(var(--spacing)2);padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)3);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:inline-flex}.z-tag-or-status-item .z-tag-or-status-item-name{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));max-width:calc(var(--spacing)20)}.z-tag-or-status-item .z-tag-or-status-item-icon{border-radius:3.40282e+38px;height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.z-context-input{align-items:stretch;display:flex;flex-direction:row;margin-block:calc(var(--spacing)1)}.z-context-input-key{background-color:var(--color-background);border-bottom-left-radius:var(--radius-3xl);border-color:var(--color-divider);border-style:var(--tw-border-style);border-top-left-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-key:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-context-input-value{background-color:var(--color-background);border-bottom-right-radius:var(--radius-3xl);border-color:var(--color-primary);border-style:var(--tw-border-style);border-top-right-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-value:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-text-with-link{color:var(--color-blue-600);text-decoration-line:underline}.z-button-group{display:inline-flex}.z-button-group-tab{border-radius:var(--radius-md);display:flex;gap:calc(var(--spacing)1);padding:calc(var(--spacing).5)!important}.z-button-group-item{border-style:var(--tw-border-style);cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-width:1px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button-group-item:focus{--tw-outline-style:none;outline-style:none}.z-button-group-item-tab{align-items:center;border-radius:var(--radius-sm);display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)2);justify-content:center;padding:calc(var(--spacing)1)!important}.z-button-group-item-tab,.z-button-group-item-tab-selected{border-style:var(--tw-border-style)!important;border-width:0!important}.z-button-group-item-tab-selected{background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-unselected{border-style:var(--tw-border-style)!important;border-width:0!important}.z-button-group-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)2)}.z-button-group-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)3)}.z-button-group-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4)}.z-button-group-item-first{border-bottom-left-radius:3.40282e+38px;border-top-left-radius:3.40282e+38px}.z-button-group-item-last{border-bottom-right-radius:3.40282e+38px;border-top-right-radius:3.40282e+38px}.z-button-group-item-middle{border-radius:0}.z-button-group-item-primary-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-primary-unselected{background-color:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-outlined-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-outlined-unselected{background-color:#0000;border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-disabled{cursor:not-allowed;opacity:.5}.z-button-group-item:not(:first-child){margin-left:-1px}}@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.size-18{height:calc(var(--spacing)18);width:calc(var(--spacing)18)}.text-theme-gray{color:var(--color-theme-gray)}}[data-theme=light]{--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280}[data-theme=dark]{--color-primary:#b50f30;--color-secondary:#fff;--color-background:#23292d;--color-surface:#fff;--color-paper:#374151;--color-divider:#4b5563;--color-theme-gray:#d1d5db}.scroll-container::-webkit-scrollbar{background:#0000001a;height:8px;width:8px}.scroll-container:active::-webkit-scrollbar,.scroll-container:hover::-webkit-scrollbar{background:#0003}.scroll-container:active::-webkit-scrollbar-thumb,.scroll-container:hover::-webkit-scrollbar-thumb{background:#0006;border-radius:4px}.bg-time-badge{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-time-badge{background-color:color-mix(in srgb,var(--color-surface)30%,transparent)}}.placeholder-surface::placeholder{color:var(--color-text-gray)}.z-width-100{width:100%}.z-width-90{width:90%}.z-width-75{width:75%}.z-width-50{width:50%}.z-width-25{width:25%}.z-width-0{width:0}.z-animate-width{transition-duration:.5s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.z-animate-grid-template-cols{transition:grid-template-rows .5s}[type=checkbox]{background-color:var(--color-gray-300);border-color:var(--color-gray-300);border-radius:4px;cursor:pointer}[type=checkbox]:checked,[type=checkbox]:indeterminate{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:4px;cursor:pointer}[type=checkbox]:focus{offset:0;outline-offset:0;--tw-ring-color:var(--color-primary);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-cols-1{grid-template-columns:1fr}.grid-cols-1_3{grid-template-columns:1fr 3fr}.grid-cols-1_2_1{grid-template-columns:1fr 2fr 1fr}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.absolute{position:absolute}.flex{display:flex}.hidden{display:none}.resize{resize:both}.container{width:100%}.hidden\!{display:none!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.relative{position:relative}.size-4{height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.size-8{height:calc(var(--spacing)8);width:calc(var(--spacing)8)}.size-16{height:calc(var(--spacing)16);width:calc(var(--spacing)16)}.size-32{height:calc(var(--spacing)32);width:calc(var(--spacing)32)}.size-\[8px\]{height:8px;width:8px}.size-\[10px\]{height:10px;width:10px}.rounded-full{border-radius:3.40282e+38px}.bg-paper{background-color:var(--color-paper)}.object-cover{object-fit:cover}.text-surface{color:var(--color-surface)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.m-2{margin:calc(var(--spacing)2)}.mx-4{margin-inline:calc(var(--spacing)4)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-4{margin-bottom:calc(var(--spacing)4)}.ml-0\.5{margin-left:calc(var(--spacing).5)}.ml-auto{margin-left:auto}.size-3{height:calc(var(--spacing)3);width:calc(var(--spacing)3)}.size-5{height:calc(var(--spacing)5);width:calc(var(--spacing)5)}.w-1\/2{width:50%}.w-9{width:calc(var(--spacing)9)}.w-full{width:100%}.max-w-32{max-width:calc(var(--spacing)32)}.translate-y-0{--tw-translate-y:calc(var(--spacing)0)}.translate-y-0,.translate-y-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-y-1{row-gap:calc(var(--spacing)1)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-\[0\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-divider{border-color:var(--color-divider)}.border-primary{border-color:var(--color-primary)}.bg-background{background-color:var(--color-background)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-secondary{background-color:var(--color-secondary)}.pt-2{padding-top:calc(var(--spacing)2)}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-background{color:var(--color-background)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-primary{color:var(--color-primary)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.opacity-0{opacity:0}.opacity-100{opacity:1}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.rotate-45{rotate:45deg}.w-xl{width:var(--container-xl)}.w-xs{width:var(--container-xs)}.m-auto{margin:auto}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)2(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)2var(--tw-space-y-reverse))}}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.my-2{margin-block:calc(var(--spacing)2)}.-top-12{top:calc(var(--spacing)-12)}.-top-24{top:calc(var(--spacing)-24)}.mt-10{margin-top:calc(var(--spacing)10)}.mb-10{margin-bottom:calc(var(--spacing)10)}.inline-block{display:inline-block}.p-4{padding:calc(var(--spacing)4)}.px-4{padding-inline:calc(var(--spacing)4)}.pt-4{padding-top:calc(var(--spacing)4)}.pb-8{padding-bottom:calc(var(--spacing)8)}.mt-1{margin-top:calc(var(--spacing)1)}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.max-w-3xs{max-width:var(--container-3xs)}.max-w-sm{max-width:var(--container-sm)}.cursor-pointer{cursor:pointer}.rounded-br-\[0\]{border-bottom-right-radius:0}.rounded-bl-\[0\]{border-bottom-left-radius:0}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.px-3{padding-inline:calc(var(--spacing)3)}.py-2{padding-block:calc(var(--spacing)2)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.right-full{right:100%}.-bottom-2{bottom:calc(var(--spacing)-2)}.left-full{left:100%}.mr-2{margin-right:calc(var(--spacing)2)}.mb-0\.5{margin-bottom:calc(var(--spacing).5)}.mb-2\.5{margin-bottom:calc(var(--spacing)2.5)}.ml-2{margin-left:calc(var(--spacing)2)}.size-6{height:calc(var(--spacing)6);width:calc(var(--spacing)6)}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.bg-yellow-300{background-color:var(--color-yellow-300)}.pl-10{padding-left:calc(var(--spacing)10)}.text-left{text-align:left}.size-42{height:calc(var(--spacing)42);width:calc(var(--spacing)42)}.h-20{height:calc(var(--spacing)20)}.w-42{width:calc(var(--spacing)42)}.border-transparent{border-color:#0000}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.-right-0\.5{right:calc(var(--spacing)-.5)}.-bottom-0\.5{bottom:calc(var(--spacing)-.5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)0)}.top-3{top:calc(var(--spacing)3)}.right-3{right:calc(var(--spacing)3)}.right-4{right:calc(var(--spacing)4)}.bottom-3{bottom:calc(var(--spacing)3)}.left-3{left:calc(var(--spacing)3)}.z-10{z-index:10}.z-80{z-index:80}.mt-4{margin-top:calc(var(--spacing)4)}.mt-6{margin-top:calc(var(--spacing)6)}.contents{display:contents}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-12{height:calc(var(--spacing)12);width:calc(var(--spacing)12)}.size-14{height:calc(var(--spacing)14);width:calc(var(--spacing)14)}.h-7{height:calc(var(--spacing)7)}.h-8{height:calc(var(--spacing)8)}.h-9{height:calc(var(--spacing)9)}.h-\[180px\]{height:180px}.h-\[220px\]{height:220px}.h-\[280px\]{height:280px}.h-full{height:100%}.w-7{width:calc(var(--spacing)7)}.w-8{width:calc(var(--spacing)8)}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.gap-1{gap:calc(var(--spacing)1)}.gap-2{gap:calc(var(--spacing)2)}.gap-3{gap:calc(var(--spacing)3)}.gap-4{gap:calc(var(--spacing)4)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[18px\]{border-radius:18px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-red-500{border-color:var(--color-red-500)}.bg-slate-900\/40{background-color:#0f172b66}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities;/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.p-1{padding:calc(var(--spacing)1)}.p-5{padding:calc(var(--spacing)5)}.p-6{padding:calc(var(--spacing)6)}.px-2{padding-inline:calc(var(--spacing)2)}.px-6{padding-inline:calc(var(--spacing)6)}.px-8{padding-inline:calc(var(--spacing)8)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-3{padding-block:calc(var(--spacing)3)}.py-4{padding-block:calc(var(--spacing)4)}.py-12{padding-block:calc(var(--spacing)12)}.pr-16{padding-right:calc(var(--spacing)16)}.pb-2{padding-bottom:calc(var(--spacing)2)}.pl-2{padding-left:calc(var(--spacing)2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[13px\]{font-size:13px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.text-red-500{color:var(--color-red-500)}.text-slate-700{color:var(--color-slate-700)}.placeholder-surface::placeholder{color:var(--color-surface)}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring-primary{--tw-ring-color:var(--color-primary)}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-red-200:focus{--tw-ring-color:var(--color-red-200)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-slate-200:focus{--tw-ring-color:var(--color-slate-200)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing)2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.h-10{height:calc(var(--spacing)10)}.min-h-0{min-height:calc(var(--spacing)0)}.w-10{width:calc(var(--spacing)10)}.min-w-0{min-width:calc(var(--spacing)0)}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.gap-2\.5{gap:calc(var(--spacing)2.5)}.overflow-y-auto{overflow-y:auto}.bg-primary{background-color:var(--color-primary)}.py-2\.5{padding-block:calc(var(--spacing)2.5)}.pr-9{padding-right:calc(var(--spacing)9)}.break-words{overflow-wrap:break-word}.text-gray-400{color:var(--color-gray-400)}.focus\:border-primary:focus{border-color:var(--color-primary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.col-span-full{grid-column:1/-1}.h-16{height:calc(var(--spacing)16)}.w-16{width:calc(var(--spacing)16)}.auto-rows-auto{grid-auto-rows:auto}.content-start{align-content:flex-start}.p-1\.5{padding:calc(var(--spacing)1.5)}.inset-y-0{inset-block:calc(var(--spacing)0)}.size-10{height:calc(var(--spacing)10);width:calc(var(--spacing)10)}.h-40{height:calc(var(--spacing)40)}.h-\[200px\]{height:200px}.w-60{width:calc(var(--spacing)60)}.shrink-0{flex-shrink:0}.gap-1\.5{gap:calc(var(--spacing)1.5)}.self-end{align-self:flex-end}.border-surface{border-color:var(--color-surface)}.py-1{padding-block:calc(var(--spacing)1)}.py-10{padding-block:calc(var(--spacing)10)}.pb-1{padding-bottom:calc(var(--spacing)1)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.text-slate-500{color:var(--color-slate-500)}.opacity-70{opacity:.7}.shadow-\[0_8px_24px_rgba$15\,23\,42\,0\.08$\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a14)}.shadow-\[0_8px_24px_rgba$15\,23\,42\,0\.08$\],.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.text-yellow-500{color:var(--color-yellow-500)}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@property --tw-leading{syntax:"";inherits:false}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities;/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@property --tw-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"";inherits:false;initial-value:0}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}:host{display:block}.z-avatar-error{align-items:center;display:flex;justify-content:center}.z-avatar-2x-small{height:12px;min-height:12px;min-width:12px;width:12px}.z-avatar-x-small{height:calc(var(--spacing)4);min-height:calc(var(--spacing)4);min-width:calc(var(--spacing)4);width:calc(var(--spacing)4)}.z-avatar-small{height:calc(var(--spacing)8);min-height:calc(var(--spacing)8);min-width:calc(var(--spacing)8);width:calc(var(--spacing)8)}.z-avatar-medium{height:calc(var(--spacing)16);min-height:calc(var(--spacing)16);min-width:calc(var(--spacing)16);width:calc(var(--spacing)16)}.z-avatar-large{height:calc(var(--spacing)32);min-height:calc(var(--spacing)32);min-width:calc(var(--spacing)32);width:calc(var(--spacing)32)}.z-avatar-full{height:100%;width:100%}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-blur{syntax:"";inherits:false}@property --tw-brightness{syntax:"";inherits:false}@property --tw-contrast{syntax:"";inherits:false}@property --tw-grayscale{syntax:"";inherits:false}@property --tw-hue-rotate{syntax:"";inherits:false}@property --tw-invert{syntax:"";inherits:false}@property --tw-opacity{syntax:"";inherits:false}@property --tw-saturate{syntax:"";inherits:false}@property --tw-sepia{syntax:"";inherits:false}@property --tw-drop-shadow{syntax:"";inherits:false}@property --tw-drop-shadow-color{syntax:"";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"";inherits:false}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@media (forced-colors:active){[type=checkbox]:checked,[type=radio]:checked{appearance:auto}[type=checkbox]:indeterminate{appearance:auto}}@media (hover:hover){.z-button-outlined:hover,.z-button-primary:hover,.z-icon-button-outlined:hover,.z-icon-button-primary:hover,.z-icon-button-text:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-tab:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-unselected:hover{background-color:var(--color-white)}.z-button-group-item-primary-unselected:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-outlined-unselected:hover{background-color:#e028481a}@supports (color:color-mix(in lab,red,red)){.z-button-group-item-outlined-unselected:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.group-hover\:opacity-100:is(:where(.group):hover ){opacity:1}.hover\:bg-background:hover{background-color:var(--color-background)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:opacity-100:hover{opacity:1}}@media screen and (min-width:0){.z-max-height{height:calc(100vh - 56px)}}@media screen and (min-width:600px){.z-max-height{height:calc(100vh - 64px)}}@media (min-width:40rem){.container{max-width:40rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:min-w-0{min-width:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.container{max-width:48rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.container{max-width:64rem}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}}
1	+ @layer base{,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-alpha:100%;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-drop-shadow-alpha:100%;--tw-border-style:solid;border:0 solid;box-sizing:border-box;margin:0;padding:0}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-border-style:solid}}}@layer theme{:host,:root{--container-xl:36rem;--color-yellow-500:oklch(79.5% .184 86.047);--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-900:oklch(20.8% .042 265.755);--container-xs:20rem;--container-md:28rem;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--color-gray-400:oklch(70.7% .022 261.325);--color-slate-500:oklch(55.4% .046 257.417);--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--color-yellow-300:oklch(90.5% .182 98.111);--container-3xs:16rem;--container-sm:24rem;--color-red-700:oklch(50.5% .213 27.518);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-blue-500:oklch(62.3% .214 259.815);--color-pink-100:oklch(94.8% .028 342.258);--font-weight-semibold:600;--font-weight-bold:700;--animate-spin:spin 1s linear infinite;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Kanit",var(--default-font);--default-mono-font-family:var(--font-mono);--default-font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280;--color-overlay:#0000004d}}@layer base{::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-datetime-edit-meridiem-field{padding-block:0;padding-bottom:0;padding-top:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-color:oklch(55.1% .027 264.364);border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);border-color:oklch(54.6% .245 262.881);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:oklch(55.1% .027 264.364);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;print-color-adjust:unset}[type=checkbox],[type=radio]{appearance:none;color:oklch(54.6% .245 262.881);print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-color:oklch(55.1% .027 264.364);border-width:1px;display:inline-block;flex-shrink:0;height:1rem;padding:0;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components{.dialog-backdrop{align-items:center;background-color:#0006;display:flex;inset:calc(var(--spacing)0);justify-content:center;position:fixed;z-index:50}@supports (color:color-mix(in lab,red,red)){.dialog-backdrop{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.chat-item{align-items:flex-start;border-radius:var(--radius-xl);cursor:pointer;display:flex;margin-block:calc(var(--spacing)1);margin-inline:calc(var(--spacing)2);padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4);position:relative;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:where(.chat-item>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}.chat-item .chat-item-pin{position:absolute;right:calc(var(--spacing)-3);top:calc(var(--spacing)1)}.chat-item .chat-item-pin-icon{fill:currentColor;height:calc(var(--spacing)3);rotate:45deg;width:calc(var(--spacing)3)}.chat-item .chat-item-content-container{display:flex;flex-direction:row;width:100%}:where(.chat-item .chat-item-content-container>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)4(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)4var(--tw-space-x-reverse))}.chat-item .chat-item-avatar-wrapper{align-self:center;flex-shrink:0;position:relative}.chat-item .chat-item-avatar-badge{bottom:calc(var(--spacing)-.5);position:absolute;right:calc(var(--spacing)-.5)}.chat-item .chat-item-content-wrapper{min-height:calc(var(--spacing)18);width:100%}.chat-item .chat-item-content-main{align-items:center;display:flex}:where(.chat-item .chat-item-content-main>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)1(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)1var(--tw-space-x-reverse))}.chat-item .chat-item-content-main-image{border-radius:3.40282e+38px;height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.chat-item .chat-item-content-main-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.chat-item .chat-item-content-main-name,.chat-item .chat-item-content-main-time{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-main-time{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-secondary{align-items:flex-start;display:flex;flex-direction:row;width:100%}.chat-item .chat-item-content-secondary-nickname{font-size:var(--text-base);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-base--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-secondary-message{color:var(--color-gray-600);font-size:var(--text-sm);-webkit-line-clamp:1;line-height:var(--tw-leading,var(--text-sm--line-height));-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-item .chat-item-content-unread{background-color:var(--color-primary);border-radius:3.40282e+38px;color:var(--color-white);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-left:auto}.chat-item .chat-item-content-unread-mark{display:inline-block;height:calc(var(--spacing)2.5);width:calc(var(--spacing)2.5)}.chat-item .chat-item-content-unread-count{padding-block:calc(var(--spacing).5);padding-inline:calc(var(--spacing)2)}.z-icon-button{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-icon-button:focus{--tw-outline-style:none;outline-style:none}.z-icon-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-icon-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px}.z-icon-button-outlined,.z-icon-button-text{color:var(--color-primary)}.z-icon-button-disabled{cursor:not-allowed;opacity:.5}.z-button{cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-radius:3.40282e+38px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button:focus{--tw-outline-style:none;outline-style:none}.z-button-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)2)}.z-button-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)3)}.z-button-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4)}.z-button-primary{background-color:var(--color-primary);color:var(--color-white)}.z-button-outlined{border-color:var(--color-primary);border-style:var(--tw-border-style);border-width:1px;color:var(--color-primary)}.z-button-disabled{cursor:not-allowed;opacity:.5}.z-button-text{margin-inline:calc(var(--spacing)2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-input-area-label{margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input-area-input,.z-input-area-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input-area-input{background-color:var(--color-paper);border-color:var(--color-surface);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);width:100%;--tw-ring-color:var(--color-primary)}.z-input-area-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-area-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)1)}.z-input-label{margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-input,.z-input-label{color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.z-input{background-color:var(--color-background);border-color:var(--color-divider);border-style:var(--tw-border-style);border-width:1px;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);width:100%;--tw-ring-color:var(--color-primary);border-radius:3.40282e+38px}.z-input:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-input-error{color:var(--color-red-500);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));margin-top:calc(var(--spacing)1)}.z-select-input-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-bottom:calc(var(--spacing)1);--tw-font-weight:var(--font-weight-medium);display:block;font-weight:var(--font-weight-medium)}.z-tag-or-status-item{align-items:center;border-radius:var(--radius-2xl);gap:calc(var(--spacing)2);padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)3);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:inline-flex}.z-tag-or-status-item .z-tag-or-status-item-name{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));max-width:calc(var(--spacing)20)}.z-tag-or-status-item .z-tag-or-status-item-icon{border-radius:3.40282e+38px;height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.z-context-input{align-items:stretch;display:flex;flex-direction:row;margin-block:calc(var(--spacing)1)}.z-context-input-key{background-color:var(--color-background);border-bottom-left-radius:var(--radius-3xl);border-color:var(--color-divider);border-style:var(--tw-border-style);border-top-left-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-key:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-context-input-value{background-color:var(--color-background);border-bottom-right-radius:var(--radius-3xl);border-color:var(--color-primary);border-style:var(--tw-border-style);border-top-right-radius:var(--radius-3xl);border-width:1px;color:var(--color-surface);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));max-height:6.4rem;min-height:2.4rem;padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)4);resize:none;width:100%;--tw-ring-color:var(--color-primary);flex:1}.z-context-input-value:focus{border-color:var(--color-primary);--tw-outline-style:none;outline-style:none}.z-text-with-link{color:var(--color-blue-600);text-decoration-line:underline}.z-button-group{display:inline-flex}.z-button-group-tab{border-radius:var(--radius-md);display:flex;gap:calc(var(--spacing)1);padding:calc(var(--spacing).5)!important}.z-button-group-tab-overlay{background-color:var(--color-overlay)}.z-button-group-item{border-style:var(--tw-border-style);cursor:pointer;--tw-font-weight:var(--font-weight-medium);align-items:center;border-width:1px;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.z-button-group-item:focus{--tw-outline-style:none;outline-style:none}.z-button-group-item-tab{align-items:center;border-radius:var(--radius-sm);display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing)2);justify-content:center;padding:calc(var(--spacing)1)!important}.z-button-group-item-tab,.z-button-group-item-tab-selected{border-style:var(--tw-border-style)!important;border-width:0!important}.z-button-group-item-tab-selected{background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-unselected{border-style:var(--tw-border-style)!important;border-width:0!important}.z-button-group-small{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-block:calc(var(--spacing)1.5);padding-inline:calc(var(--spacing)2)}.z-button-group-medium{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-block:calc(var(--spacing)2);padding-inline:calc(var(--spacing)3)}.z-button-group-large{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-block:calc(var(--spacing)3);padding-inline:calc(var(--spacing)4)}.z-button-group-item-first{border-bottom-left-radius:3.40282e+38px;border-top-left-radius:3.40282e+38px}.z-button-group-item-last{border-bottom-right-radius:3.40282e+38px;border-top-right-radius:3.40282e+38px}.z-button-group-item-middle{border-radius:0}.z-button-group-item-primary-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-primary-unselected{background-color:var(--color-white);border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-outlined-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.z-button-group-item-outlined-unselected{background-color:#0000;border-color:var(--color-primary);color:var(--color-primary)}.z-button-group-item-disabled{cursor:not-allowed;opacity:.5}.z-button-group-item:not(:first-child){margin-left:-1px}}@layer utilities{.visible{visibility:visible}.mx-auto{margin-inline:auto}.size-18{height:calc(var(--spacing)18);width:calc(var(--spacing)18)}.text-theme-gray{color:var(--color-theme-gray)}}[data-theme=light]{--color-primary:#e02848;--color-secondary:#023761;--color-background:#fff;--color-surface:#000;--color-paper:#f3f4f6;--color-divider:#e5e7eb;--color-theme-gray:#6b7280;--color-overlay:#0000004d}[data-theme=dark]{--color-primary:#b50f30;--color-secondary:#fff;--color-background:#23292d;--color-surface:#fff;--color-paper:#374151;--color-divider:#4b5563;--color-theme-gray:#d1d5db;--color-overlay:#ffffff4d}.scroll-container::-webkit-scrollbar{background:#0000001a;height:8px;width:8px}.scroll-container:active::-webkit-scrollbar,.scroll-container:hover::-webkit-scrollbar{background:#0003}.scroll-container:active::-webkit-scrollbar-thumb,.scroll-container:hover::-webkit-scrollbar-thumb{background:#0006;border-radius:4px}.bg-time-badge{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-time-badge{background-color:color-mix(in srgb,var(--color-surface)30%,transparent)}}.placeholder-surface::placeholder{color:var(--color-text-gray)}.z-width-100{width:100%}.z-width-90{width:90%}.z-width-75{width:75%}.z-width-50{width:50%}.z-width-25{width:25%}.z-width-0{width:0}.z-animate-width{transition-duration:.5s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.z-animate-grid-template-cols{transition:grid-template-rows .5s}[type=checkbox]{background-color:var(--color-gray-300);border-color:var(--color-gray-300);border-radius:4px;cursor:pointer}[type=checkbox]:checked,[type=checkbox]:indeterminate{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:4px;cursor:pointer}[type=checkbox]:focus{offset:0;outline-offset:0;--tw-ring-color:var(--color-primary);outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid-cols-1{grid-template-columns:1fr}.grid-cols-1_3{grid-template-columns:1fr 3fr}.grid-cols-1_2_1{grid-template-columns:1fr 2fr 1fr}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.absolute{position:absolute}.flex{display:flex}.hidden{display:none}.resize{resize:both}.container{width:100%}.hidden\!{display:none!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.relative{position:relative}.size-4{height:calc(var(--spacing)4);width:calc(var(--spacing)4)}.size-8{height:calc(var(--spacing)8);width:calc(var(--spacing)8)}.size-16{height:calc(var(--spacing)16);width:calc(var(--spacing)16)}.size-32{height:calc(var(--spacing)32);width:calc(var(--spacing)32)}.size-\[8px\]{height:8px;width:8px}.size-\[10px\]{height:10px;width:10px}.rounded-full{border-radius:3.40282e+38px}.bg-paper{background-color:var(--color-paper)}.object-cover{object-fit:cover}.text-surface{color:var(--color-surface)}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.m-2{margin:calc(var(--spacing)2)}.mx-4{margin-inline:calc(var(--spacing)4)}.mt-2{margin-top:calc(var(--spacing)2)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing)2)}.mb-4{margin-bottom:calc(var(--spacing)4)}.ml-0\.5{margin-left:calc(var(--spacing).5)}.ml-auto{margin-left:auto}.size-3{height:calc(var(--spacing)3);width:calc(var(--spacing)3)}.size-5{height:calc(var(--spacing)5);width:calc(var(--spacing)5)}.w-1\/2{width:50%}.w-9{width:calc(var(--spacing)9)}.w-full{width:100%}.max-w-32{max-width:calc(var(--spacing)32)}.translate-y-0{--tw-translate-y:calc(var(--spacing)0)}.translate-y-0,.translate-y-full{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-y-1{row-gap:calc(var(--spacing)1)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-\[0\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:.5px}.border-divider{border-color:var(--color-divider)}.border-primary{border-color:var(--color-primary)}.bg-background{background-color:var(--color-background)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-secondary{background-color:var(--color-secondary)}.pt-2{padding-top:calc(var(--spacing)2)}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-background{color:var(--color-background)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-primary{color:var(--color-primary)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.opacity-0{opacity:0}.opacity-100{opacity:1}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.rotate-45{rotate:45deg}.my-2{margin-block:calc(var(--spacing)2)}.w-xl{width:var(--container-xl)}.w-xs{width:var(--container-xs)}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)2(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)2var(--tw-space-y-reverse))}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@property --tw-space-y-reverse{syntax:"";inherits:false;initial-value:0}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{.m-auto{margin:auto}.-top-12{top:calc(var(--spacing)-12)}.-top-24{top:calc(var(--spacing)-24)}.mt-10{margin-top:calc(var(--spacing)10)}.mb-10{margin-bottom:calc(var(--spacing)10)}.inline-block{display:inline-block}.p-4{padding:calc(var(--spacing)4)}.px-4{padding-inline:calc(var(--spacing)4)}.pt-4{padding-top:calc(var(--spacing)4)}.pb-8{padding-bottom:calc(var(--spacing)8)}.right-full{right:100%}.-bottom-2{bottom:calc(var(--spacing)-2)}.left-full{left:100%}.mr-2{margin-right:calc(var(--spacing)2)}.mb-0\.5{margin-bottom:calc(var(--spacing).5)}.mb-2\.5{margin-bottom:calc(var(--spacing)2.5)}.ml-2{margin-left:calc(var(--spacing)2)}.size-6{height:calc(var(--spacing)6);width:calc(var(--spacing)6)}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.bg-yellow-300{background-color:var(--color-yellow-300)}.pl-10{padding-left:calc(var(--spacing)10)}.text-left{text-align:left}.mt-1{margin-top:calc(var(--spacing)1)}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.max-w-3xs{max-width:var(--container-3xs)}.max-w-sm{max-width:var(--container-sm)}.cursor-pointer{cursor:pointer}.rounded-br-\[0\]{border-bottom-right-radius:0}.rounded-bl-\[0\]{border-bottom-left-radius:0}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)2)}.p-3{padding:calc(var(--spacing)3)}.px-3{padding-inline:calc(var(--spacing)3)}.py-2{padding-block:calc(var(--spacing)2)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.size-42{height:calc(var(--spacing)42);width:calc(var(--spacing)42)}.h-20{height:calc(var(--spacing)20)}.w-42{width:calc(var(--spacing)42)}.-right-0\.5{right:calc(var(--spacing)-.5)}.-bottom-0\.5{bottom:calc(var(--spacing)-.5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing)2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.inline-flex{display:inline-flex}.h-9{height:calc(var(--spacing)9)}.h-10{height:calc(var(--spacing)10)}.min-h-0{min-height:calc(var(--spacing)0)}.w-10{width:calc(var(--spacing)10)}.min-w-0{min-width:calc(var(--spacing)0)}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.gap-1{gap:calc(var(--spacing)1)}.gap-2{gap:calc(var(--spacing)2)}.gap-2\.5{gap:calc(var(--spacing)2.5)}.gap-3{gap:calc(var(--spacing)3)}.gap-4{gap:calc(var(--spacing)4)}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.bg-primary{background-color:var(--color-primary)}.py-2\.5{padding-block:calc(var(--spacing)2.5)}.py-3{padding-block:calc(var(--spacing)3)}.pr-9{padding-right:calc(var(--spacing)9)}.text-center{text-align:center}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.break-words{overflow-wrap:break-word}.text-gray-400{color:var(--color-gray-400)}.ring-primary{--tw-ring-color:var(--color-primary)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.border-transparent{border-color:#0000}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing)0)}.top-3{top:calc(var(--spacing)3)}.right-3{right:calc(var(--spacing)3)}.right-4{right:calc(var(--spacing)4)}.bottom-3{bottom:calc(var(--spacing)3)}.left-3{left:calc(var(--spacing)3)}.z-10{z-index:10}.z-80{z-index:80}.mt-4{margin-top:calc(var(--spacing)4)}.mt-6{margin-top:calc(var(--spacing)6)}.contents{display:contents}.grid{display:grid}.aspect-square{aspect-ratio:1}.size-12{height:calc(var(--spacing)12);width:calc(var(--spacing)12)}.size-14{height:calc(var(--spacing)14);width:calc(var(--spacing)14)}.h-7{height:calc(var(--spacing)7)}.h-8{height:calc(var(--spacing)8)}.h-\[180px\]{height:180px}.h-\[220px\]{height:220px}.h-\[280px\]{height:280px}.h-full{height:100%}.w-7{width:calc(var(--spacing)7)}.w-8{width:calc(var(--spacing)8)}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-shrink-0,.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[18px\]{border-radius:18px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-current{border-color:currentColor}.border-red-500{border-color:var(--color-red-500)}.bg-slate-900\/40{background-color:#0f172b66}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities;/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900)40%,transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.p-1{padding:calc(var(--spacing)1)}.p-5{padding:calc(var(--spacing)5)}.p-6{padding:calc(var(--spacing)6)}.px-2{padding-inline:calc(var(--spacing)2)}.px-6{padding-inline:calc(var(--spacing)6)}.px-8{padding-inline:calc(var(--spacing)8)}.py-1\.5{padding-block:calc(var(--spacing)1.5)}.py-4{padding-block:calc(var(--spacing)4)}.py-12{padding-block:calc(var(--spacing)12)}.pr-16{padding-right:calc(var(--spacing)16)}.pb-2{padding-bottom:calc(var(--spacing)2)}.pl-2{padding-left:calc(var(--spacing)2)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[13px\]{font-size:13px}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.text-red-500{color:var(--color-red-500)}.text-slate-700{color:var(--color-slate-700)}.placeholder-surface::placeholder{color:var(--color-surface)}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-red-200:focus{--tw-ring-color:var(--color-red-200)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-slate-200:focus{--tw-ring-color:var(--color-slate-200)}.col-span-full{grid-column:1/-1}.h-16{height:calc(var(--spacing)16)}.w-16{width:calc(var(--spacing)16)}.auto-rows-auto{grid-auto-rows:auto}.content-start{align-content:flex-start}.p-1\.5{padding:calc(var(--spacing)1.5)}.inset-y-0{inset-block:calc(var(--spacing)0)}.size-10{height:calc(var(--spacing)10);width:calc(var(--spacing)10)}.h-40{height:calc(var(--spacing)40)}.h-\[200px\]{height:200px}.w-60{width:calc(var(--spacing)60)}.shrink-0{flex-shrink:0}.gap-1\.5{gap:calc(var(--spacing)1.5)}.self-end{align-self:flex-end}.border-surface{border-color:var(--color-surface)}.py-1{padding-block:calc(var(--spacing)1)}.py-10{padding-block:calc(var(--spacing)10)}.pb-1{padding-bottom:calc(var(--spacing)1)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.text-slate-500{color:var(--color-slate-500)}.opacity-70{opacity:.7}.shadow-\[0_8px_24px_rgba$15\,23\,42\,0\.08$\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0f172a14)}.shadow-\[0_8px_24px_rgba$15\,23\,42\,0\.08$\],.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.text-yellow-500{color:var(--color-yellow-500)}}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@property --tw-leading{syntax:"";inherits:false}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@layer utilities;/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}@property --tw-translate-x{syntax:"";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"";inherits:false;initial-value:0}/! tailwindcss v4.1.16 \| MIT License \| https://tailwindcss.com /@layer properties{}@layer base{}:host{display:block}.z-avatar-error{align-items:center;display:flex;justify-content:center}.z-avatar-2x-small{height:12px;min-height:12px;min-width:12px;width:12px}.z-avatar-x-small{height:calc(var(--spacing)4);min-height:calc(var(--spacing)4);min-width:calc(var(--spacing)4);width:calc(var(--spacing)4)}.z-avatar-small{height:calc(var(--spacing)8);min-height:calc(var(--spacing)8);min-width:calc(var(--spacing)8);width:calc(var(--spacing)8)}.z-avatar-medium{height:calc(var(--spacing)16);min-height:calc(var(--spacing)16);min-width:calc(var(--spacing)16);width:calc(var(--spacing)16)}.z-avatar-large{height:calc(var(--spacing)32);min-height:calc(var(--spacing)32);min-width:calc(var(--spacing)32);width:calc(var(--spacing)32)}.z-avatar-full{height:100%;width:100%}@property --tw-space-x-reverse{syntax:"";inherits:false;initial-value:0}@property --tw-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"";inherits:false}@property --tw-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"";inherits:false}@property --tw-inset-ring-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"";inherits:false}@property --tw-blur{syntax:"";inherits:false}@property --tw-brightness{syntax:"";inherits:false}@property --tw-contrast{syntax:"";inherits:false}@property --tw-grayscale{syntax:"";inherits:false}@property --tw-hue-rotate{syntax:"";inherits:false}@property --tw-invert{syntax:"";inherits:false}@property --tw-opacity{syntax:"";inherits:false}@property --tw-saturate{syntax:"";inherits:false}@property --tw-sepia{syntax:"";inherits:false}@property --tw-drop-shadow{syntax:"";inherits:false}@property --tw-drop-shadow-color{syntax:"";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"";inherits:false}@property --tw-border-style{syntax:"";inherits:false;initial-value:solid}@media (forced-colors:active){[type=checkbox]:checked,[type=radio]:checked{appearance:auto}[type=checkbox]:indeterminate{appearance:auto}}@media (hover:hover){.z-button-outlined:hover,.z-button-primary:hover,.z-icon-button-outlined:hover,.z-icon-button-primary:hover,.z-icon-button-text:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-tab:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.z-button-group-item-tab-unselected:hover{background-color:var(--color-white)}.z-button-group-item-primary-unselected:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.z-button-group-item-outlined-unselected:hover{background-color:#e028481a}@supports (color:color-mix(in lab,red,red)){.z-button-group-item-outlined-unselected:hover{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.group-hover\:opacity-100:is(:where(.group):hover ){opacity:1}.hover\:bg-background:hover{background-color:var(--color-background)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:opacity-100:hover{opacity:1}}@media screen and (min-width:0){.z-max-height{height:calc(100vh - 56px)}}@media screen and (min-width:600px){.z-max-height{height:calc(100vh - 64px)}}@media (min-width:40rem){.container{max-width:40rem}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:min-w-0{min-width:calc(var(--spacing)*0)}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.container{max-width:48rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.container{max-width:64rem}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}}

package/dist/collection/components/z-avatar/z-avatar.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { Host, h } from "@stencil/core";
 import { Icon } from "../internal-component/icon";
-import { configStore } from "../../store/store";
 export class ZAvatar {
     pictureUrl = '';
     size = 'medium';
@@ -18,7 +17,6 @@ export class ZAvatar {
         }
     }
     render() {
-        const theme = configStore.get('theme');
         const size = () => {
             if (this.size === '2x-small') {
                 return {
@@ -57,7 +55,7 @@ export class ZAvatar {
                 };
             }
         };
-        return (h(Host, { "data-theme": theme }, this.hasError ? (h("div", { class: `bg-paper ${this.isNotRound ? '' : 'rounded-full'} ${size().base} z-avatar-error` }, h(Icon, { name: "UsersRound", addClass: `${size().icon} text-surface` }))) : (h("img", { key: this.pictureUrl, src: this.pictureUrl, alt: "avatar", class: `${size().base} ${this.isNotRound ? '' : 'rounded-full'} object-cover`, onError: this.handleError, loading: "lazy" }))));
+        return (h(Host, null, this.hasError ? (h("div", { class: `bg-paper ${this.isNotRound ? '' : 'rounded-full'} ${size().base} z-avatar-error` }, h(Icon, { name: "UsersRound", addClass: `${size().icon} text-surface` }))) : (h("img", { key: this.pictureUrl, src: this.pictureUrl, alt: "avatar", class: `${size().base} ${this.isNotRound ? '' : 'rounded-full'} object-cover`, onError: this.handleError, loading: "lazy" }))));
     }
     static get is() { return "z-avatar"; }
     static get originalStyleUrls() {

package/dist/collection/components/z-avatar/z-avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"z-avatar.js","sourceRoot":"","sources":["../../../src/components/z-avatar/z-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;~~AAClD~~,~~OAAO,EAAE,WAAW,EAAE,~~MAAM,~~mBAAmB,CAAC;AAMhD,MAAM,~~OAAO,OAAO;IACV,UAAU,GAAY,EAAE,CAAC;IACzB,IAAI,GAAoE,QAAQ,CAAC;IACjF,UAAU,GAAa,KAAK,CAAC;IAE5B,QAAQ,GAAY,KAAK,CAAC;IAE3B,WAAW,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC,CAAC;IAGF,eAAe,CAAC,QAAgB;QAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,~~KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEvC,MAAM,~~IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC7B,OAAO;oBACL,IAAI,EAAE,mBAAmB;oBACzB,IAAI,EAAE,YAAY;iBACnB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC5B,OAAO;oBACL,IAAI,EAAE,kBAAkB;oBACxB,IAAI,EAAE,aAAa;iBACpB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,QAAQ;iBACf,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,OAAO;oBACL,IAAI,EAAE,iBAAiB;oBACvB,IAAI,EAAE,QAAQ;iBACf,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,SAAS;iBAChB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO;oBACL,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,SAAS;iBAChB,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,~~kBAAa~~,~~KAAK,IACpB,~~IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,WAAK,KAAK,EAAE,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,IAAI,iBAAiB;YAC3F,EAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,eAAe,GAAI,CAC/D,CACP,CAAC,CAAC,CAAC,CACF,WAAK,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,eAAe,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,MAAM,GAAG,CAC1L,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, h, Watch } from '@stencil/core';\nimport { Icon } from '../internal-component/icon';\~~nimport { configStore } from '../../store/store';\~~n\n@Component({\n tag: 'z-avatar',\n styleUrl: 'z-avatar.css',\n})\nexport class ZAvatar {\n @Prop() pictureUrl?: string = '';\n @Prop() size?: '2x-small' \| 'x-small' \| 'small' \| 'medium' \| 'large' \| 'full' = 'medium';\n @Prop() isNotRound?: boolean = false;\n\n @State() hasError: boolean = false;\n\n private handleError = () => {\n this.hasError = true;\n };\n\n @Watch('pictureUrl')\n watchPictureUrl(newValue: string) {\n if (!newValue) {\n this.hasError = true;\n } else {\n this.hasError = false;\n }\n }\n\n render() {\n const ~~theme = configStore.get('theme');\n\n const~~ size = () => {\n if (this.size === '2x-small') {\n return {\n base: 'z-avatar-2x-small',\n icon: 'size-[8px]',\n };\n }\n if (this.size === 'x-small') {\n return {\n base: 'z-avatar-x-small',\n icon: 'size-[10px]',\n };\n }\n if (this.size === 'small') {\n return {\n base: 'z-avatar-small',\n icon: 'size-4',\n };\n }\n if (this.size === 'medium') {\n return {\n base: 'z-avatar-medium',\n icon: 'size-8',\n };\n }\n if (this.size === 'large') {\n return {\n base: 'z-avatar-large',\n icon: 'size-16',\n };\n }\n if (this.size === 'full') {\n return {\n base: 'z-avatar-full',\n icon: 'size-32',\n };\n }\n };\n\n return (\n <Host ~~data-theme={theme}~~>\n {this.hasError ? (\n <div class={`bg-paper ${this.isNotRound ? '' : 'rounded-full'} ${size().base} z-avatar-error`}>\n <Icon name=\"UsersRound\" addClass={`${size().icon} text-surface`} />\n </div>\n ) : (\n <img key={this.pictureUrl} src={this.pictureUrl} alt=\"avatar\" class={`${size().base} ${this.isNotRound ? '' : 'rounded-full'} object-cover`} onError={this.handleError} loading=\"lazy\" />\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"z-avatar.js","sourceRoot":"","sources":["../../../src/components/z-avatar/z-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAKlD,MAAM,OAAO,OAAO;IACV,UAAU,GAAY,EAAE,CAAC;IACzB,IAAI,GAAoE,QAAQ,CAAC;IACjF,UAAU,GAAa,KAAK,CAAC;IAE5B,QAAQ,GAAY,KAAK,CAAC;IAE3B,WAAW,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC,CAAC;IAGF,eAAe,CAAC,QAAgB;QAC9B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC7B,OAAO;oBACL,IAAI,EAAE,mBAAmB;oBACzB,IAAI,EAAE,YAAY;iBACnB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC5B,OAAO;oBACL,IAAI,EAAE,kBAAkB;oBACxB,IAAI,EAAE,aAAa;iBACpB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,QAAQ;iBACf,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,OAAO;oBACL,IAAI,EAAE,iBAAiB;oBACvB,IAAI,EAAE,QAAQ;iBACf,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO;oBACL,IAAI,EAAE,gBAAgB;oBACtB,IAAI,EAAE,SAAS;iBAChB,CAAC;YACJ,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO;oBACL,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,SAAS;iBAChB,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,CACL,EAAC,IAAI,QACF,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACf,WAAK,KAAK,EAAE,YAAY,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,IAAI,IAAI,EAAE,CAAC,IAAI,iBAAiB;YAC3F,EAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,eAAe,GAAI,CAC/D,CACP,CAAC,CAAC,CAAC,CACF,WAAK,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,eAAe,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,MAAM,GAAG,CAC1L,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, State, h, Watch } from '@stencil/core';\nimport { Icon } from '../internal-component/icon';\n@Component({\n tag: 'z-avatar',\n styleUrl: 'z-avatar.css',\n})\nexport class ZAvatar {\n @Prop() pictureUrl?: string = '';\n @Prop() size?: '2x-small' \| 'x-small' \| 'small' \| 'medium' \| 'large' \| 'full' = 'medium';\n @Prop() isNotRound?: boolean = false;\n\n @State() hasError: boolean = false;\n\n private handleError = () => {\n this.hasError = true;\n };\n\n @Watch('pictureUrl')\n watchPictureUrl(newValue: string) {\n if (!newValue) {\n this.hasError = true;\n } else {\n this.hasError = false;\n }\n }\n\n render() {\n const size = () => {\n if (this.size === '2x-small') {\n return {\n base: 'z-avatar-2x-small',\n icon: 'size-[8px]',\n };\n }\n if (this.size === 'x-small') {\n return {\n base: 'z-avatar-x-small',\n icon: 'size-[10px]',\n };\n }\n if (this.size === 'small') {\n return {\n base: 'z-avatar-small',\n icon: 'size-4',\n };\n }\n if (this.size === 'medium') {\n return {\n base: 'z-avatar-medium',\n icon: 'size-8',\n };\n }\n if (this.size === 'large') {\n return {\n base: 'z-avatar-large',\n icon: 'size-16',\n };\n }\n if (this.size === 'full') {\n return {\n base: 'z-avatar-full',\n icon: 'size-32',\n };\n }\n };\n\n return (\n <Host>\n {this.hasError ? (\n <div class={`bg-paper ${this.isNotRound ? '' : 'rounded-full'} ${size().base} z-avatar-error`}>\n <Icon name=\"UsersRound\" addClass={`${size().icon} text-surface`} />\n </div>\n ) : (\n <img key={this.pictureUrl} src={this.pictureUrl} alt=\"avatar\" class={`${size().base} ${this.isNotRound ? '' : 'rounded-full'} object-cover`} onError={this.handleError} loading=\"lazy\" />\n )}\n </Host>\n );\n }\n}\n"]}