@warp-ds/elements 2.10.0 → 2.10.1-next.1

package/dist/packages/attention/react.d.ts

@@ -1,15 +1,25 @@
+import { EventName } from "@lit/react";
 import { LitElement } from "lit";
 import React from "react";
-import { WarpAttention } from "./attention.js";
+import type { WarpAttention } from "./attention.js";
 declare class Component extends LitElement {
 }
 declare const BaseAttention: import("@lit/react").ReactWebComponent<Component, {
-    onClose: string;
-    onclose: string;
+    onClose: EventName<CustomEvent>;
+    onclose: EventName<CustomEvent>;
 }>;
 type BaseProps = React.ComponentPropsWithoutRef<typeof BaseAttention>;
 export type AttentionProps = Omit<BaseProps, "popover" | "can-close" | "no-arrow" | "cross-axis" | "fallback-placements"> & {
     popover?: boolean;
 } & Partial<Omit<WarpAttention, keyof HTMLElement>>;
+/**
+ * Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.
+ *
+ * Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.
+ *
+ * The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/tooltip/frameworks/elements)
+ */
 export declare const Attention: React.FC<AttentionProps>;
 export {};

package/dist/packages/attention/react.js

@@ -24,5 +24,14 @@ const ForwardedAttention = React.forwardRef(({ canClose, noArrow, crossAxis, fal
         : {}),
     ref,
 }));
+/**
+ * Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.
+ *
+ * Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.
+ *
+ * The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/tooltip/frameworks/elements)
+ */
 export const Attention = ForwardedAttention;
 Attention.displayName = "Attention";

package/dist/packages/badge/badge.d.ts

@@ -22,4 +22,9 @@ declare class WarpBadge extends LitElement {
     get _class(): string;
     render(): import("lit").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "w-badge": WarpBadge;
+    }
+}
 export { WarpBadge };

package/dist/packages/badge/badge.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../node_modules/.pnpm/@chbphone55+classnames@2.0.0/node_modules/@chbphone55/classnames/dist/index.m.js", "../../../packages/badge/badge.ts", "../../../packages/styles.ts", "../../../packages/badge/styles.ts"],
-  "sourcesContent": ["var r=function(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];return t.reduce(function(t,n){return t.concat(\"string\"==typeof n?n:Array.isArray(n)?r.apply(void 0,n):\"object\"==typeof n&&n?Object.keys(n).map(function(r){return n[r]?r:\"\"}):\"\")},[]).join(\" \")};export{r as classNames};\n", "// @warp-css;\n\nimport { classNames } from \"@chbphone55/classnames\";\nimport { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { reset } from \"../styles\";\n\nimport { styles } from \"./styles\";\n\n/**\n * `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n *\n * @slot - The content of the badge, which is typically a short string like \"New\" or \"4\".\n */\nclass WarpBadge extends LitElement {\n\t/**\n\t * Controls the badge color treatment.\n\t * If omitted, the badge uses neutral styling without reflecting a `variant` attribute.\n\t * Accepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant:\n\t\t| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined;\n\n\t/**\n\t * Positions the badge in a corner of a parent element.\n\t * Use this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\n\t * Use this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.\n\t */\n\t@property({ type: String, reflect: true })\n\tposition:\n\t\t| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined;\n\n\tstatic styles = [reset, styles];\n\n\t/** @internal */\n\tget _class() {\n\t\tconst variant = this.variant || \"neutral\";\n\t\treturn classNames([\n\t\t\t\"py-4 px-8 border-0 rounded-4 text-xs inline-flex\",\n\t\t\tvariant === \"neutral\" && \"bg-[--w-color-badge-neutral-background] s-text\",\n\t\t\tvariant === \"info\" && \"bg-[--w-color-badge-info-background] s-text\",\n\t\t\tvariant === \"positive\" &&\n\t\t\t\t\"bg-[--w-color-badge-positive-background] s-text\",\n\t\t\tvariant === \"warning\" && \"bg-[--w-color-badge-warning-background] s-text\",\n\t\t\tvariant === \"negative\" &&\n\t\t\t\t\"bg-[--w-color-badge-negative-background] s-text\",\n\t\t\tvariant === \"disabled\" && \"s-bg-disabled s-text\",\n\t\t\tvariant === \"price\" && \"bg-[--w-black/70] s-text-inverted-static\",\n\t\t\tvariant === \"sponsored\" &&\n\t\t\t\t\"bg-[--w-color-badge-sponsored-background] s-text\",\n\t\t\t!!this.position && \"absolute backdrop-blur\",\n\t\t\tthis.position === \"top-left\" &&\n\t\t\t\t\"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0\",\n\t\t\tthis.position === \"top-right\" &&\n\t\t\t\t\"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0\",\n\t\t\tthis.position === \"bottom-right\" &&\n\t\t\t\t\"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0\",\n\t\t\tthis.position === \"bottom-left\" &&\n\t\t\t\t\"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0\",\n\t\t]);\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"${this._class}\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n\nif (!customElements.get(\"w-badge\")) {\n\tcustomElements.define(\"w-badge\", WarpBadge);\n}\n\nexport { WarpBadge };\n", "import { css } from \"lit\";\n\nexport const reset = css`\n\t*,\n\t:before,\n\t:after {\n\t\tbox-sizing: border-box;\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tborder-color: var(--w-s-color-border);\n\t}\n\thtml {\n\t\tfont-size: 62.5%;\n\t}\n\tbody {\n\t\tbackground-color: var(--w-s-color-background);\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\toverflow-y: scroll;\n\t}\n\tbody,\n\t:host {\n\t\t-webkit-text-size-adjust: 100%;\n\t\ttab-size: 4;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\tfont-family: var(--w-font-family);\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t\tcolor: var(--w-s-color-text);\n\t}\n\thr {\n\t\tcolor: inherit;\n\t\tborder-top-width: 1px;\n\t\theight: 0;\n\t}\n\tabbr:where([title]) {\n\t\t-webkit-text-decoration: underline dotted;\n\t\ttext-decoration: underline dotted;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: 700;\n\t}\n\ta {\n\t\tcursor: pointer;\n\t\tcolor: var(--w-s-color-text-link);\n\t\ttext-decoration: none;\n\t}\n\ta:hover,\n\ta:focus,\n\ta:active {\n\t\ttext-decoration: underline;\n\t}\n\ta:focus-visible {\n\t\toutline: 2px solid var(--w-s-color-border-focus);\n\t\toutline-offset: 1px;\n\t}\n\tb,\n\tstrong {\n\t\tfont-weight: 700;\n\t}\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tMenlo,\n\t\t\tMonaco,\n\t\t\tConsolas,\n\t\t\tLiberation Mono,\n\t\t\tCourier New,\n\t\t\tmonospace;\n\t\tfont-size: 1em;\n\t}\n\tsub,\n\tsup {\n\t\tvertical-align: baseline;\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t}\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t\tborder-collapse: collapse;\n\t}\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tfont-weight: inherit;\n\t\tline-height: inherit;\n\t\tcolor: inherit;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tbutton,\n\tselect {\n\t\ttext-transform: none;\n\t}\n\tbutton,\n\t[type=\"button\"],\n\t[type=\"reset\"],\n\t[type=\"submit\"] {\n\t\t-webkit-appearance: button;\n\t}\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\t::-webkit-inner-spin-button {\n\t\theight: auto;\n\t}\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\t[type=\"search\"] {\n\t\t-webkit-appearance: textfield;\n\t\toutline-offset: -2px;\n\t}\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button;\n\t\tfont: inherit;\n\t}\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tlegend {\n\t\tpadding: 0;\n\t}\n\tol,\n\tul,\n\tmenu {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\tinput::placeholder,\n\ttextarea::placeholder {\n\t\topacity: 1;\n\t\tcolor: var(--w-s-color-text-placeholder);\n\t}\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tvertical-align: middle;\n\t\tdisplay: block;\n\t}\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\th1 {\n\t\tfont-size: var(--w-font-size-xxl);\n\t\tline-height: var(--w-line-height-xxl);\n\t}\n\th2 {\n\t\tfont-size: var(--w-font-size-xl);\n\t\tline-height: var(--w-line-height-xl);\n\t}\n\th3 {\n\t\tfont-size: var(--w-font-size-l);\n\t\tline-height: var(--w-line-height-l);\n\t}\n\th4 {\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t}\n\th5 {\n\t\tfont-size: var(--w-font-size-s);\n\t\tline-height: var(--w-line-height-s);\n\t}\n\tdt,\n\tdd {\n\t\tmargin: 0 16px;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\tul,\n\tol,\n\tdl,\n\tp,\n\tblockquote {\n\t\tmargin: 0 0 8px;\n\t}\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n\t[tabindex=\"-1\"]:focus:not(:focus-visible) {\n\t\toutline: none;\n\t}\n\tlegend {\n\t\tfloat: left;\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: table;\n\t}\n\tlegend + * {\n\t\tclear: both;\n\t}\n\tfieldset {\n\t\tborder: 0;\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tpadding: 0.01em 0 0;\n\t}\n\tbody:not(:-moz-handler-blocked) fieldset {\n\t\tdisplay: table-cell;\n\t}\n\tsvg {\n\t\tpointer-events: none;\n\t}\n`;\nimport { unsafeCSS } from \"lit\";\n\n// prettier-ignore\nexport const components = unsafeCSS(`*, :before, :after {\n            --w-rotate: 0;\n            --w-rotate-x: 0;\n            --w-rotate-y: 0;\n            --w-rotate-z: 0;\n            --w-scale-x: 1;\n            --w-scale-y: 1;\n            --w-scale-z: 1;\n            --w-skew-x: 0;\n            --w-skew-y: 0;\n            --w-translate-x: 0;\n            --w-translate-y: 0;\n            --w-translate-z: 0\n        }\n\n            .h4, .t4 {\n                font-weight: 700;\n                font-size: var(--w-font-size-m);\n                line-height: var(--w-line-height-m)\n            }\n\n            .t3 {\n                font-weight: 700;\n                font-size: var(--w-font-size-l);\n                line-height: var(--w-line-height-l)\n            }\n\n            @media (min-width: 480px) {\n                .sm\\\\:h3 {\n                    font-weight: 700;\n                    font-size: var(--w-font-size-l);\n                    line-height: var(--w-line-height-l)\n                }\n            }\n\n            .text-center {\n                text-align: center\n            }\n\n            .before\\\\:text-center:before {\n                text-align: center\n            }\n\n            .text-left {\n                text-align: left\n            }\n\n            .text-right {\n                text-align: right\n            }\n\n            .align-middle {\n                vertical-align: middle\n            }\n\n            .animate-inprogress {\n                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;\n                background-size: 30px 30px;\n                animation: animate-inprogress 3s linear infinite\n            }\n\n            @keyframes animate-inprogress {\n                0% {\n                    background-position: 0 0\n                }\n                to {\n                    background-position: 60px 0\n                }\n            }\n\n            .\\\\[--w-modal-max-height\\\\:80\\\\%\\\\] {\n                --w-modal-max-height: 80%\n            }\n\n            .\\\\[--w-modal-width\\\\:640px\\\\] {\n                --w-modal-width: 640px\n            }\n\n            .focus\\\\:\\\\[--w-outline-offset\\\\:-2px\\\\]:focus {\n                --w-outline-offset: -2px\n            }\n\n            .backdrop-blur {\n                -webkit-backdrop-filter: blur(4px);\n                backdrop-filter: blur(4px)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:bg-center:before {\n                background-position: center\n            }\n\n            .hover\\\\:bg-clip-padding:hover {\n                -webkit-background-clip: padding-box;\n                background-clip: padding-box\n            }\n\n            .bg-transparent, .group\\\\/steph:first-child .group-first\\\\/steph\\\\:bg-transparent, .group\\\\/steph:last-child .group-last\\\\/steph\\\\:bg-transparent {\n                background-color: transparent\n            }\n\n            .bg-\\\\[--w-black\\\\/25\\\\] {\n                background-color: rgba(var(--w-rgb-black), .25)\n            }\n\n            .bg-\\\\[--w-black\\\\/70\\\\], .bg-\\\\[var\\\\(--w-black\\\\)\\\\/70\\\\] {\n                background-color: rgba(var(--w-rgb-black), .7)\n            }\n\n            .bg-\\\\[--w-color-badge-info-background\\\\] {\n                background-color: var(--w-color-badge-info-background)\n            }\n\n            .bg-\\\\[--w-color-badge-negative-background\\\\] {\n                background-color: var(--w-color-badge-negative-background)\n            }\n\n            .bg-\\\\[--w-color-badge-neutral-background\\\\] {\n                background-color: var(--w-color-badge-neutral-background)\n            }\n\n            .bg-\\\\[--w-color-badge-positive-background\\\\] {\n                background-color: var(--w-color-badge-positive-background)\n            }\n\n            .bg-\\\\[--w-color-badge-sponsored-background\\\\] {\n                background-color: var(--w-color-badge-sponsored-background)\n            }\n\n            .bg-\\\\[--w-color-badge-warning-background\\\\] {\n                background-color: var(--w-color-badge-warning-background)\n            }\n\n            .bg-\\\\[--w-color-button-primary-background\\\\] {\n                background-color: var(--w-color-button-primary-background)\n            }\n\n            .bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\] {\n                background-color: var(--w-color-buttongroup-utility-background-selected)\n            }\n\n            .bg-\\\\[--w-color-callout-background\\\\] {\n                background-color: var(--w-color-callout-background)\n            }\n\n            .bg-\\\\[--w-color-pill-suggestion-background\\\\] {\n                background-color: var(--w-color-pill-suggestion-background)\n            }\n\n            .bg-\\\\[--w-color-switch-track-background\\\\] {\n                background-color: var(--w-color-switch-track-background)\n            }\n\n            .bg-\\\\[--w-s-color-surface-elevated-100\\\\] {\n                background-color: var(--w-s-color-surface-elevated-100)\n            }\n\n            .bg-\\\\[--w-s-color-surface-elevated-300\\\\] {\n                background-color: var(--w-s-color-surface-elevated-300)\n            }\n\n            .bg-\\\\[--w-s-icon-selected\\\\] {\n                background-color: var(--w-s-icon-selected)\n            }\n\n            .group:hover .group-hover\\\\:bg-\\\\[--w-color-switch-track-background-hover\\\\] {\n                background-color: var(--w-color-switch-track-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-button-pill-background-hover\\\\]:hover {\n                background-color: var(--w-color-button-pill-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-button-primary-background-hover\\\\]:hover {\n                background-color: var(--w-color-button-primary-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-buttongroup-utility-background-hover\\\\]:hover {\n                background-color: var(--w-color-buttongroup-utility-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-pill-suggestion-background-hover\\\\]:hover {\n                background-color: var(--w-color-pill-suggestion-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-s-icon-subtle\\\\]:hover {\n                background-color: var(--w-s-icon-subtle)\n            }\n\n            .hover\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\/85\\\\]:hover {\n                background-color: rgba(var(--w-rgb-black), .85)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-button-pill-background-active\\\\]:active {\n                background-color: var(--w-color-button-pill-background-active)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-button-primary-background-active\\\\]:active {\n                background-color: var(--w-color-button-primary-background-active)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\]:active {\n                background-color: var(--w-color-buttongroup-utility-background-selected)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-pill-suggestion-background-active\\\\]:active {\n                background-color: var(--w-color-pill-suggestion-background-active)\n            }\n\n            .active\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\]:active {\n                background-color: var(--w-black)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:bg-\\\\[url\\\\(var\\\\(--w-icon-toggle-checked\\\\)\\\\)\\\\]:before {\n                background-image: var(--w-icon-toggle-checked)\n            }\n\n            .appearance-none {\n                -moz-appearance: none;\n                appearance: none;\n                -webkit-appearance: none\n            }\n\n            .will-change-height {\n                will-change: height\n            }\n\n            .border, .border-1 {\n                border-width: 1px\n            }\n\n            .border-b {\n                border-bottom-width: 1px\n            }\n\n            .before\\\\:border:before {\n                border-width: 1px\n            }\n\n            .border-0 {\n                border-width: 0\n            }\n\n            .border-2 {\n                border-width: 2px\n            }\n\n            .border-b-0 {\n                border-bottom-width: 0\n            }\n\n            .border-b-4 {\n                border-bottom-width: 4px\n            }\n\n            .border-l-4 {\n                border-left-width: 4px\n            }\n\n            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\\\:border-r-0 {\n                border-right-width: 0\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:border-\\\\[6\\\\]:before {\n                border-width: .6rem\n            }\n\n            .border-transparent {\n                border-color: transparent\n            }\n\n            .border-\\\\[--w-color-buttongroup-utility-border\\\\] {\n                border-color: var(--w-color-buttongroup-utility-border)\n            }\n\n            .border-\\\\[--w-color-callout-border\\\\] {\n                border-color: var(--w-color-callout-border)\n            }\n\n            .border-\\\\[--w-s-color-background-inverted\\\\] {\n                border-color: var(--w-s-color-background-inverted)\n            }\n\n            .border-\\\\[--w-s-color-surface-elevated-300\\\\] {\n                border-color: var(--w-s-color-surface-elevated-300)\n            }\n\n            .active\\\\:border-\\\\[--w-color-buttongroup-utility-border-selected\\\\]:active {\n                border-color: var(--w-color-buttongroup-utility-border-selected)\n            }\n\n            .divide-x > * + * {\n                --w-divide-x-reverse: 0;\n                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n                border-right-width: calc(1px * var(--w-divide-x-reverse))\n            }\n\n            .divide-y > * + * {\n                --w-divide-y-reverse: 0;\n                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n                border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n            }\n\n            .rounded-4 {\n                border-radius: 4px\n            }\n\n            .rounded-8 {\n                border-radius: 8px\n            }\n\n            .rounded-full {\n                border-radius: 9999px\n            }\n\n            .before\\\\:rounded-2:before {\n                border-radius: 2px\n            }\n\n            .before\\\\:rounded-full:before {\n                border-radius: 9999px\n            }\n\n            .rounded-b-0 {\n                border-bottom-left-radius: 0;\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-bl-0 {\n                border-bottom-left-radius: 0\n            }\n\n            .rounded-br-0 {\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-l-0 {\n                border-top-left-radius: 0;\n                border-bottom-left-radius: 0\n            }\n\n            .rounded-l-full {\n                border-top-left-radius: 9999px;\n                border-bottom-left-radius: 9999px\n            }\n\n            .rounded-r-0 {\n                border-top-right-radius: 0;\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-r-full {\n                border-top-right-radius: 9999px;\n                border-bottom-right-radius: 9999px\n            }\n\n            .rounded-tl-0 {\n                border-top-left-radius: 0\n            }\n\n            .rounded-tl-4 {\n                border-top-left-radius: 4px\n            }\n\n            .rounded-tr-0 {\n                border-top-right-radius: 0\n            }\n\n            .group:first-of-type .group-first-of-type\\\\:rounded-bl-8 {\n                border-bottom-left-radius: 8px\n            }\n\n            .group:first-of-type .group-first-of-type\\\\:rounded-tl-8 {\n                border-top-left-radius: 8px\n            }\n\n            .first\\\\:rounded-lb-4:first-child {\n                border-bottom-left-radius: 4px\n            }\n\n            .first\\\\:rounded-lt-4:first-child {\n                border-top-left-radius: 4px\n            }\n\n            .first\\\\:rounded-rt-4:first-child {\n                border-top-right-radius: 4px\n            }\n\n            .group:last-of-type .group-last-of-type\\\\:rounded-br-8 {\n                border-bottom-right-radius: 8px\n            }\n\n            .group:last-of-type .group-last-of-type\\\\:rounded-tr-8 {\n                border-top-right-radius: 8px\n            }\n\n            .last\\\\:rounded-lb-4:last-child {\n                border-bottom-left-radius: 4px\n            }\n\n            .last\\\\:rounded-rb-4:last-child {\n                border-bottom-right-radius: 4px\n            }\n\n            .last\\\\:rounded-rt-4:last-child {\n                border-top-right-radius: 4px\n            }\n\n            .caret-current {\n                caret-color: currentColor\n            }\n\n            .opacity-25 {\n                opacity: 25%\n            }\n\n            .block {\n                display: block\n            }\n\n            .before\\\\:block:before {\n                display: block\n            }\n\n            .inline-block {\n                display: inline-block\n            }\n\n            .inline {\n                display: inline\n            }\n\n            .flex, .open\\\\:flex[open] {\n                display: flex\n            }\n\n            .inline-flex {\n                display: inline-flex\n            }\n\n            .grid {\n                display: grid\n            }\n\n            .inline-grid {\n                display: inline-grid\n            }\n\n            .hidden, .group\\\\/stepv:last-child .group-last\\\\/stepv\\\\:hidden {\n                display: none\n            }\n\n            .before\\\\:hidden:before {\n                display: none\n            }\n\n            .hover\\\\:underline:hover {\n                text-decoration-line: underline\n            }\n\n            .focus\\\\:underline:focus {\n                text-decoration-line: underline\n            }\n\n            .focus-visible\\\\:underline:focus-visible {\n                text-decoration-line: underline\n            }\n\n            .active\\\\:underline:active {\n                text-decoration-line: underline\n            }\n\n            .hover\\\\:no-underline:hover {\n                text-decoration: none\n            }\n\n            .focus\\\\:no-underline:focus {\n                text-decoration: none\n            }\n\n            .active\\\\:no-underline:active {\n                text-decoration: none\n            }\n\n            .flex-1 {\n                flex: 1 1 0%\n            }\n\n            .shrink {\n                flex-shrink: 1\n            }\n\n            .shrink-0 {\n                flex-shrink: 0\n            }\n\n            .shrink-0\\\\! {\n                flex-shrink: 0 !important\n            }\n\n            .grow, .grow-1 {\n                flex-grow: 1\n            }\n\n            .basis-auto {\n                flex-basis: auto\n            }\n\n            .flex-col {\n                flex-direction: column\n            }\n\n            .focus-within\\\\:focusable:focus-within {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .focusable:focus, .focusable:focus-visible {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .focusable:not(:focus-visible) {\n                outline: none\n            }\n\n            .peer:focus ~ .peer-focus\\\\:focusable, .peer:focus-visible ~ .peer-focus\\\\:focusable {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .peer:not(:focus-visible) ~ .peer-focus\\\\:focusable {\n                outline: none\n            }\n\n            .focusable-inset {\n                --w-outline-offset: -3px\n            }\n\n            .gap-12 {\n                gap: 1.2rem\n            }\n\n            .gap-8 {\n                gap: .8rem\n            }\n\n            .gap-x-16 {\n                column-gap: 1.6rem\n            }\n\n            .gap-y-16 {\n                row-gap: 1.6rem\n            }\n\n            .row-span-2 {\n                grid-row: span 2/span 2\n            }\n\n            .col-span-2 {\n                grid-column: span 2/span 2\n            }\n\n            .col-span-3 {\n                grid-column: span 3/span 3\n            }\n\n            .row-start-1 {\n                grid-row-start: 1\n            }\n\n            .row-start-2 {\n                grid-row-start: 2\n            }\n\n            .col-start-2 {\n                grid-column-start: 2\n            }\n\n            .auto-rows-auto {\n                grid-auto-rows: auto\n            }\n\n            .grid-flow-col {\n                grid-auto-flow: column\n            }\n\n            .grid-rows-\\\\[20px_auto\\\\] {\n                grid-template-rows:20px auto\n            }\n\n            .grid-rows-\\\\[auto_20px\\\\] {\n                grid-template-rows:auto 20px\n            }\n\n            .grid-cols-\\\\[1fr_20px_1fr\\\\] {\n                grid-template-columns:1fr 20px 1fr\n            }\n\n            .grid-cols-\\\\[1fr_20px\\\\] {\n                grid-template-columns:1fr 20px\n            }\n\n            .grid-cols-\\\\[20px_1fr\\\\] {\n                grid-template-columns:20px 1fr\n            }\n\n            .grid-cols-\\\\[auto_1fr_auto\\\\] {\n                grid-template-columns:auto 1fr auto\n            }\n\n            .grid-cols-1 {\n                grid-template-columns:repeat(1, minmax(0, 1fr))\n            }\n\n            .grid-cols-2 {\n                grid-template-columns:repeat(2, minmax(0, 1fr))\n            }\n\n            .grid-cols-3 {\n                grid-template-columns:repeat(3, minmax(0, 1fr))\n            }\n\n            .grid-cols-4 {\n                grid-template-columns:repeat(4, minmax(0, 1fr))\n            }\n\n            .grid-cols-5 {\n                grid-template-columns:repeat(5, minmax(0, 1fr))\n            }\n\n            .grid-cols-6 {\n                grid-template-columns:repeat(6, minmax(0, 1fr))\n            }\n\n            .grid-cols-7 {\n                grid-template-columns:repeat(7, minmax(0, 1fr))\n            }\n\n            .grid-cols-8 {\n                grid-template-columns:repeat(8, minmax(0, 1fr))\n            }\n\n            .grid-cols-9 {\n                grid-template-columns:repeat(9, minmax(0, 1fr))\n            }\n\n            .overflow-hidden {\n                overflow: hidden\n            }\n\n            .overflow-x-hidden {\n                overflow-x: hidden\n            }\n\n            .overflow-y-auto {\n                overflow-y: auto\n            }\n\n            .list-none {\n                list-style-type: none\n            }\n\n            .outline-\\\\[--w-s-color-border-negative\\\\]\\\\! {\n                outline-color: var(--w-s-color-border-negative) !important\n            }\n\n            .outline-none {\n                outline: 2px solid transparent;\n                outline-offset: 2px\n            }\n\n            .focus\\\\:outline-none:focus {\n                outline: 2px solid transparent;\n                outline-offset: 2px\n            }\n\n            .items-start {\n                align-items: flex-start\n            }\n\n            .items-end {\n                align-items: flex-end\n            }\n\n            .items-center {\n                align-items: center\n            }\n\n            .self-center {\n                align-self: center\n            }\n\n            .inset-0 {\n                top: 0rem;\n                right: 0rem;\n                bottom: 0rem;\n                left: 0rem\n            }\n\n            .-bottom-0 {\n                bottom: -0rem\n            }\n\n            .bottom-0 {\n                bottom: 0rem\n            }\n\n            .bottom-10 {\n                bottom: 1rem\n            }\n\n            .bottom-16 {\n                bottom: 1.6rem\n            }\n\n            .left-0 {\n                left: 0rem\n            }\n\n            .left-4 {\n                left: .4rem\n            }\n\n            .right-0 {\n                right: 0rem\n            }\n\n            .right-8 {\n                right: .8rem\n            }\n\n            .top-\\\\[1\\\\.92rem\\\\] {\n                top: 1.92rem\n            }\n\n            .top-0 {\n                top: 0rem\n            }\n\n            .top-20 {\n                top: 2rem\n            }\n\n            .top-4 {\n                top: .4rem\n            }\n\n            .top-8 {\n                top: .8rem\n            }\n\n            .before\\\\:bottom-0:before {\n                bottom: 0rem\n            }\n\n            .before\\\\:left-0:before {\n                left: 0rem\n            }\n\n            .before\\\\:right-0:before {\n                right: 0rem\n            }\n\n            .before\\\\:top-2:before {\n                top: .2rem\n            }\n\n            .-bottom-\\\\[8px\\\\] {\n                bottom: -8px\n            }\n\n            .-left-\\\\[8px\\\\] {\n                left: -8px\n            }\n\n            .-right-\\\\[8px\\\\] {\n                right: -8px\n            }\n\n            .-top-\\\\[8px\\\\] {\n                top: -8px\n            }\n\n            .top-\\\\[19px\\\\] {\n                top: 19px\n            }\n\n            .top-\\\\[30\\\\%\\\\] {\n                top: 30%\n            }\n\n            .justify-end {\n                justify-content: flex-end\n            }\n\n            .justify-center {\n                justify-content: center\n            }\n\n            .justify-between {\n                justify-content: space-between\n            }\n\n            .justify-items-center {\n                justify-items: center\n            }\n\n            .justify-self-start {\n                justify-self: start\n            }\n\n            .justify-self-end {\n                justify-self: end\n            }\n\n            .justify-self-center {\n                justify-self: center\n            }\n\n            .absolute {\n                position: absolute\n            }\n\n            .fixed {\n                position: fixed\n            }\n\n            .relative {\n                position: relative\n            }\n\n            .open\\\\:fixed[open] {\n                position: fixed\n            }\n\n            .before\\\\:absolute:before {\n                position: absolute\n            }\n\n            .z-10, .peer:checked ~ .peer-checked\\\\:z-10 {\n                z-index: 10\n            }\n\n            .z-30 {\n                z-index: 30\n            }\n\n            .z-50 {\n                z-index: 50\n            }\n\n            .hover\\\\:z-30:hover {\n                z-index: 30\n            }\n\n            .\\\\!s-bg-selected {\n                background-color: var(--w-s-color-background-selected) !important\n            }\n\n            .s-bg {\n                background-color: var(--w-s-color-background)\n            }\n\n            .s-bg-disabled {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .s-bg-disabled-subtle {\n                background-color: var(--w-s-color-background-disabled-subtle)\n            }\n\n            .s-bg-info-subtle {\n                background-color: var(--w-s-color-background-info-subtle)\n            }\n\n            .s-bg-inverted {\n                background-color: var(--w-s-color-background-inverted)\n            }\n\n            .s-bg-negative {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .s-bg-negative-subtle {\n                background-color: var(--w-s-color-background-negative-subtle)\n            }\n\n            .s-bg-positive-subtle {\n                background-color: var(--w-s-color-background-positive-subtle)\n            }\n\n            .s-bg-primary, .peer:checked ~ .peer-checked\\\\:s-bg-primary {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .s-bg-selected {\n                background-color: var(--w-s-color-background-selected)\n            }\n\n            .s-bg-subtle {\n                background-color: var(--w-s-color-background-subtle)\n            }\n\n            .s-bg-warning-subtle {\n                background-color: var(--w-s-color-background-warning-subtle)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-negative-hover:before {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-primary-hover:before {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-disabled:before {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-negative:before {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-primary:before {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-disabled:before {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-negative:before {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-primary:before {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-negative-hover:hover:before {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-primary-hover:hover:before {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .\\\\!hover\\\\:s-bg-selected-hover:hover {\n                background-color: var(--w-s-color-background-selected-hover) !important\n            }\n\n            .group:hover .group-hover\\\\:s-bg-primary-hover {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .hover\\\\:before\\\\:s-bg-hover:hover:before {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .hover\\\\:before\\\\:s-bg-negative-subtle-hover:hover:before {\n                background-color: var(--w-s-color-background-negative-subtle-hover)\n            }\n\n            .hover\\\\:s-bg-hover:hover {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .hover\\\\:s-bg-negative-hover:hover {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .hover\\\\:s-bg-negative-subtle-hover:hover {\n                background-color: var(--w-s-color-background-negative-subtle-hover)\n            }\n\n            .hover\\\\:s-bg-primary-hover:hover {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .hover\\\\:s-bg-selected-hover:hover {\n                background-color: var(--w-s-color-background-selected-hover)\n            }\n\n            .peer:hover:not(:checked) ~ .peer-hover\\\\:peer-not-checked\\\\:s-bg-hover {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-hover:before {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-negative-subtle:before {\n                background-color: var(--w-s-color-background-negative-subtle)\n            }\n\n            .focus\\\\:s-bg-primary-hover:focus {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .\\\\!active\\\\:s-bg-selected-active:active {\n                background-color: var(--w-s-color-background-selected-active) !important\n            }\n\n            .active\\\\:s-bg-active:active {\n                background-color: var(--w-s-color-background-active)\n            }\n\n            .active\\\\:s-bg-negative-active:active {\n                background-color: var(--w-s-color-background-negative-active)\n            }\n\n            .active\\\\:s-bg-negative-subtle-active:active {\n                background-color: var(--w-s-color-background-negative-subtle-active)\n            }\n\n            .active\\\\:s-bg-primary-active:active {\n                background-color: var(--w-s-color-background-primary-active)\n            }\n\n            .active\\\\:s-bg-selected-active:active {\n                background-color: var(--w-s-color-background-selected-active)\n            }\n\n            .before\\\\:s-bg-disabled-subtle:before {\n                background-color: var(--w-s-color-background-disabled-subtle)\n            }\n\n            .before\\\\:s-bg:before {\n                background-color: var(--w-s-color-background)\n            }\n\n            .s-text {\n                color: var(--w-s-color-text)\n            }\n\n            .s-text-disabled {\n                color: var(--w-s-color-text-disabled)\n            }\n\n            .s-text-inverted, .peer:checked ~ .peer-checked\\\\:s-text-inverted {\n                color: var(--w-s-color-text-inverted)\n            }\n\n            .s-text-inverted-static {\n                color: var(--w-s-color-text-inverted-static)\n            }\n\n            .s-text-link {\n                color: var(--w-s-color-text-link)\n            }\n\n            .s-text-negative {\n                color: var(--w-s-color-text-negative)\n            }\n\n            .s-text-subtle {\n                color: var(--w-s-color-text-subtle)\n            }\n\n            .hover\\\\:s-text-link:hover {\n                color: var(--w-s-color-text-link)\n            }\n\n            .active\\\\:s-text:active {\n                color: var(--w-s-color-text)\n            }\n\n            .placeholder\\\\:s-text-placeholder::placeholder {\n                color: var(--w-s-color-text-placeholder)\n            }\n\n            .s-icon {\n                color: var(--w-s-color-icon)\n            }\n\n            .s-icon-info {\n                color: var(--w-s-color-icon-info)\n            }\n\n            .s-icon-inverted {\n                color: var(--w-s-color-icon-inverted)\n            }\n\n            .s-icon-negative {\n                color: var(--w-s-color-icon-negative)\n            }\n\n            .s-icon-positive {\n                color: var(--w-s-color-icon-positive)\n            }\n\n            .s-icon-warning {\n                color: var(--w-s-color-icon-warning)\n            }\n\n            .hover\\\\:s-icon-hover:hover {\n                color: var(--w-s-color-icon-hover)\n            }\n\n            .active\\\\:s-icon-active:active {\n                color: var(--w-s-color-icon-active)\n            }\n\n            .before\\\\:s-icon-inverted:before {\n                color: var(--w-s-color-icon-inverted)\n            }\n\n            .s-border {\n                border-color: var(--w-s-color-border)\n            }\n\n            .s-border-disabled {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .s-border-info-subtle {\n                border-color: var(--w-s-color-border-info-subtle)\n            }\n\n            .s-border-l-info {\n                border-left-color: var(--w-s-color-border-info)\n            }\n\n            .s-border-l-negative {\n                border-left-color: var(--w-s-color-border-negative)\n            }\n\n            .s-border-l-positive {\n                border-left-color: var(--w-s-color-border-positive)\n            }\n\n            .s-border-l-warning {\n                border-left-color: var(--w-s-color-border-warning)\n            }\n\n            .s-border-negative {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .s-border-negative-subtle {\n                border-color: var(--w-s-color-border-negative-subtle)\n            }\n\n            .s-border-positive-subtle {\n                border-color: var(--w-s-color-border-positive-subtle)\n            }\n\n            .s-border-primary, .peer:checked ~ .peer-checked\\\\:s-border-primary {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .s-border-selected {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .s-border-warning-subtle {\n                border-color: var(--w-s-color-border-warning-subtle)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-primary-hover:before {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-selected-hover:before {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-selected:before {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-primary-hover:hover:before {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .group:hover .group-hover\\\\:s-border-selected-hover {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .hover\\\\:before\\\\:s-border-primary:hover:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .hover\\\\:s-border-disabled:hover {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .hover\\\\:s-border-hover:hover {\n                border-color: var(--w-s-color-border-hover)\n            }\n\n            .hover\\\\:s-border-negative-hover:hover {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .hover\\\\:s-border-primary-hover:hover {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .hover\\\\:s-border-primary:hover {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .hover\\\\:s-border-selected-hover:hover {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .focus\\\\:s-border-primary-hover:focus {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .active\\\\:s-border-active:active {\n                border-color: var(--w-s-color-border-active)\n            }\n\n            .active\\\\:s-border-disabled:active {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .active\\\\:s-border-primary-active:active {\n                border-color: var(--w-s-color-border-primary-active)\n            }\n\n            .active\\\\:s-border-selected-active:active {\n                border-color: var(--w-s-color-border-selected-active)\n            }\n\n            .active\\\\:s-border-selected:active {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .group:active .group-active\\\\:s-border-active {\n                border-color: var(--w-s-color-border-active)\n            }\n\n            .group:active .group-active\\\\:s-border-selected-active {\n                border-color: var(--w-s-color-border-selected-active)\n            }\n\n            .before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .s-surface-sunken {\n                background-color: var(--w-s-color-surface-sunken)\n            }\n\n            .s-surface-elevated-200 {\n                background-color: var(--w-s-color-surface-elevated-200);\n                box-shadow: var(--w-s-shadow-surface-elevated-200)\n            }\n\n            .hover\\\\:s-surface-elevated-200-hover:hover {\n                background-color: var(--w-s-color-surface-elevated-200-hover);\n                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n            }\n\n            .active\\\\:s-surface-elevated-200-active:active {\n                background-color: var(--w-s-color-surface-elevated-200-active);\n                box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n            }\n\n            .drop-shadow-m {\n                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n            }\n\n            .shadow-m {\n                box-shadow: var(--w-shadow-m)\n            }\n\n            .shadow-s {\n                box-shadow: var(--w-shadow-s)\n            }\n\n            .shadow-\\\\[--w-shadow-slider\\\\] {\n                box-shadow: var(--w-shadow-slider)\n            }\n\n            .hover\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:hover {\n                box-shadow: var(--w-shadow-slider-handle-hover)\n            }\n\n            .focus\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:focus {\n                box-shadow: var(--w-shadow-slider-handle-hover)\n            }\n\n            .active\\\\:shadow-\\\\[--w-shadow-slider-handle-active\\\\]:active {\n                box-shadow: var(--w-shadow-slider-handle-active)\n            }\n\n            .h-0 {\n                height: 0rem\n            }\n\n            .h-16 {\n                height: 1.6rem\n            }\n\n            .h-2 {\n                height: .2rem\n            }\n\n            .h-20 {\n                height: 2rem\n            }\n\n            .h-24 {\n                height: 2.4rem\n            }\n\n            .h-4 {\n                height: .4rem\n            }\n\n            .h-44 {\n                height: 4.4rem\n            }\n\n            .h-6 {\n                height: .6rem\n            }\n\n            .h-8 {\n                height: .8rem\n            }\n\n            .h-full {\n                height: 100%\n            }\n\n            .h-unset {\n                height: unset\n            }\n\n            .max-h-unset {\n                max-height: unset\n            }\n\n            .max-w-full {\n                max-width: 100%\n            }\n\n            .max-w-max {\n                max-width: max-content\n            }\n\n            .max-w-unset {\n                max-width: unset\n            }\n\n            .min-h-32 {\n                min-height: 3.2rem\n            }\n\n            .min-h-40 {\n                min-height: 4rem\n            }\n\n            .min-w-16 {\n                min-width: 1.6rem\n            }\n\n            .min-w-32 {\n                min-width: 3.2rem\n            }\n\n            .w-16 {\n                width: 1.6rem\n            }\n\n            .w-2 {\n                width: .2rem\n            }\n\n            .w-20 {\n                width: 2rem\n            }\n\n            .w-24 {\n                width: 2.4rem\n            }\n\n            .w-32 {\n                width: 3.2rem\n            }\n\n            .w-40 {\n                width: 4rem\n            }\n\n            .w-44 {\n                width: 4.4rem\n            }\n\n            .w-8 {\n                width: .8rem\n            }\n\n            .w-full {\n                width: 100%\n            }\n\n            .w-max {\n                width: max-content\n            }\n\n            .w-unset {\n                width: unset\n            }\n\n            .before\\\\:h-20:before {\n                height: 2rem\n            }\n\n            .before\\\\:h-full:before {\n                height: 100%\n            }\n\n            .before\\\\:w-20:before {\n                width: 2rem\n            }\n\n            .before\\\\:w-32:before {\n                width: 3.2rem\n            }\n\n            .h-\\\\[--w-modal-height\\\\] {\n                height: var(--w-modal-height)\n            }\n\n            .h-\\\\[14px\\\\] {\n                height: 14px\n            }\n\n            .h-\\\\[16px\\\\] {\n                height: 16px\n            }\n\n            .max-h-\\\\[--w-modal-max-height\\\\] {\n                max-height: var(--w-modal-max-height)\n            }\n\n            .min-h-\\\\[--w-modal-min-height\\\\] {\n                min-height: var(--w-modal-min-height)\n            }\n\n            .min-h-\\\\[32px\\\\] {\n                min-height: 32px\n            }\n\n            .min-h-\\\\[40px\\\\] {\n                min-height: 40px\n            }\n\n            .min-h-\\\\[42\\\\] {\n                min-height: 4.2rem\n            }\n\n            .min-h-\\\\[44px\\\\] {\n                min-height: 44px\n            }\n\n            .min-w-\\\\[32px\\\\] {\n                min-width: 32px\n            }\n\n            .min-w-\\\\[40px\\\\] {\n                min-width: 40px\n            }\n\n            .min-w-\\\\[44px\\\\] {\n                min-width: 44px\n            }\n\n            .w-\\\\[--w-modal-width\\\\] {\n                width: var(--w-modal-width)\n            }\n\n            .w-\\\\[14px\\\\] {\n                width: 14px\n            }\n\n            .w-\\\\[16px\\\\] {\n                width: 16px\n            }\n\n            .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n                --w-space-x-reverse: 0;\n                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n                margin-right: calc(.8rem * var(--w-space-x-reverse))\n            }\n\n            .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n                --w-space-y-reverse: 0;\n                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n            }\n\n            .m-0 {\n                margin: 0rem\n            }\n\n            .m-auto {\n                margin: auto\n            }\n\n            .-mx-16 {\n                margin-left: -1.6rem;\n                margin-right: -1.6rem\n            }\n\n            .mx-0 {\n                margin-left: 0rem;\n                margin-right: 0rem\n            }\n\n            .mx-8 {\n                margin-left: .8rem;\n                margin-right: .8rem\n            }\n\n            .mx-auto {\n                margin-left: auto;\n                margin-right: auto\n            }\n\n            .-mb-1 {\n                margin-bottom: -.1rem\n            }\n\n            .-ml-8 {\n                margin-left: -.8rem\n            }\n\n            .-mr-1 {\n                margin-right: -.1rem\n            }\n\n            .-mr-8 {\n                margin-right: -.8rem\n            }\n\n            .-mt-2 {\n                margin-top: -.2rem\n            }\n\n            .-mt-4 {\n                margin-top: -.4rem\n            }\n\n            .last-child\\\\:mb-0 > :last-child, .mb-0 {\n                margin-bottom: 0rem\n            }\n\n            .mb-32 {\n                margin-bottom: 3.2rem\n            }\n\n            .ml-8 {\n                margin-left: .8rem\n            }\n\n            .ml-auto {\n                margin-left: auto\n            }\n\n            .mr-8 {\n                margin-right: .8rem\n            }\n\n            .mt-16 {\n                margin-top: 1.6rem\n            }\n\n            .mt-4 {\n                margin-top: .4rem\n            }\n\n            .group:not(:first-child) .group-not-first\\\\:-ml-2 {\n                margin-left: -.2rem\n            }\n\n            .last\\\\:mb-0:last-child {\n                margin-bottom: 0rem\n            }\n\n            .last\\\\:mr-0:last-child {\n                margin-right: 0rem\n            }\n\n            .m-\\\\[8px\\\\] {\n                margin: 8px\n            }\n\n            .p-0 {\n                padding: 0rem\n            }\n\n            .p-16 {\n                padding: 1.6rem\n            }\n\n            .p-4 {\n                padding: .4rem\n            }\n\n            .p-8 {\n                padding: .8rem\n            }\n\n            .px-0 {\n                padding-left: 0rem;\n                padding-right: 0rem\n            }\n\n            .px-1 {\n                padding-left: .1rem;\n                padding-right: .1rem\n            }\n\n            .px-12 {\n                padding-left: 1.2rem;\n                padding-right: 1.2rem\n            }\n\n            .px-14 {\n                padding-left: 1.4rem;\n                padding-right: 1.4rem\n            }\n\n            .px-16 {\n                padding-left: 1.6rem;\n                padding-right: 1.6rem\n            }\n\n            .px-8 {\n                padding-left: .8rem;\n                padding-right: .8rem\n            }\n\n            .py-0 {\n                padding-top: 0rem;\n                padding-bottom: 0rem\n            }\n\n            .py-1 {\n                padding-top: .1rem;\n                padding-bottom: .1rem\n            }\n\n            .py-10 {\n                padding-top: 1rem;\n                padding-bottom: 1rem\n            }\n\n            .py-12 {\n                padding-top: 1.2rem;\n                padding-bottom: 1.2rem\n            }\n\n            .py-2 {\n                padding-top: .2rem;\n                padding-bottom: .2rem\n            }\n\n            .py-4 {\n                padding-top: .4rem;\n                padding-bottom: .4rem\n            }\n\n            .py-6 {\n                padding-top: .6rem;\n                padding-bottom: .6rem\n            }\n\n            .py-8 {\n                padding-top: .8rem;\n                padding-bottom: .8rem\n            }\n\n            .pb-0 {\n                padding-bottom: 0rem\n            }\n\n            .pb-32 {\n                padding-bottom: 3.2rem\n            }\n\n            .pb-4 {\n                padding-bottom: .4rem\n            }\n\n            .pb-8 {\n                padding-bottom: .8rem\n            }\n\n            .pl-0 {\n                padding-left: 0rem\n            }\n\n            .pl-1 {\n                padding-left: .1rem\n            }\n\n            .pl-12 {\n                padding-left: 1.2rem\n            }\n\n            .pl-28 {\n                padding-left: 2.8rem\n            }\n\n            .pl-4 {\n                padding-left: .4rem\n            }\n\n            .pl-8 {\n                padding-left: .8rem\n            }\n\n            .pr-12 {\n                padding-right: 1.2rem\n            }\n\n            .pr-14 {\n                padding-right: 1.4rem\n            }\n\n            .pr-2 {\n                padding-right: .2rem\n            }\n\n            .pr-32 {\n                padding-right: 3.2rem\n            }\n\n            .pr-40 {\n                padding-right: 4rem\n            }\n\n            .pt-0 {\n                padding-top: 0rem\n            }\n\n            .pt-1 {\n                padding-top: .1rem\n            }\n\n            .pt-16 {\n                padding-top: 1.6rem\n            }\n\n            .pt-24 {\n                padding-top: 2.4rem\n            }\n\n            .pt-8 {\n                padding-top: .8rem\n            }\n\n            .group\\\\/step:last-child .group-last\\\\/step\\\\:last\\\\:pb-0:last-child {\n                padding-bottom: 0rem\n            }\n\n            .last\\\\:pb-1:last-child {\n                padding-bottom: .1rem\n            }\n\n            .last\\\\:pr-1:last-child {\n                padding-right: .1rem\n            }\n\n            .p-\\\\[8px\\\\] {\n                padding: 8px\n            }\n\n            .px-\\\\[15px\\\\] {\n                padding-left: 15px;\n                padding-right: 15px\n            }\n\n            .px-\\\\[8px\\\\] {\n                padding-left: 8px;\n                padding-right: 8px\n            }\n\n            .py-\\\\[11px\\\\] {\n                padding-top: 11px;\n                padding-bottom: 11px\n            }\n\n            .py-\\\\[5px\\\\] {\n                padding-top: 5px;\n                padding-bottom: 5px\n            }\n\n            .py-\\\\[7px\\\\] {\n                padding-top: 7px;\n                padding-bottom: 7px\n            }\n\n            .pl-\\\\[var\\\\(--w-prefix-width\\\\,_40px\\\\)\\\\] {\n                padding-left: var(--w-prefix-width, 40px)\n            }\n\n            .invisible {\n                visibility: hidden\n            }\n\n            .backface-hidden {\n                backface-visibility: hidden\n            }\n\n            .break-words {\n                overflow-wrap: break-word\n            }\n\n            .before\\\\:content-\\\\[\\\\\"\u00E2\u20AC\u201C\\\\\"\\\\]:before {\n                content: \"\u00E2\u20AC\u201C\"\n            }\n\n            .before\\\\:content-\\\\[\\\\\"\\\\\"\\\\]:before {\n                content: \"\"\n            }\n\n            .cursor-default {\n                cursor: default\n            }\n\n            .cursor-pointer {\n                cursor: pointer\n            }\n\n            .antialiased {\n                -webkit-font-smoothing: antialiased;\n                -moz-osx-font-smoothing: grayscale;\n                font-smoothing: grayscale\n            }\n\n            .font-bold {\n                font-weight: 700\n            }\n\n            .before\\\\:font-bold:before {\n                font-weight: 700\n            }\n\n            .font-normal {\n                font-weight: 400\n            }\n\n            .pointer-events-auto {\n                pointer-events: auto\n            }\n\n            .pointer-events-none {\n                pointer-events: none\n            }\n\n            .before\\\\:pointer-events-none:before {\n                pointer-events: none\n            }\n\n            .pb-safe-\\\\[32\\\\] {\n                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n            }\n\n            .sr-only {\n                position: absolute;\n                width: 1px;\n                height: 1px;\n                padding: 0;\n                margin: -1px;\n                overflow: hidden;\n                clip: rect(0, 0, 0, 0);\n                white-space: nowrap;\n                border-width: 0\n            }\n\n            .touch-pan-y {\n                touch-action: pan-y\n            }\n\n            .select-none {\n                -webkit-user-select: none;\n                user-select: none\n            }\n\n            .translate-x-20 {\n                --w-translate-x: 2rem;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .translate-z-0 {\n                --w-translate-z: 0rem;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .-rotate-180, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: -180deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: 180deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .rotate-90 {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: 90deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform::part(w-icon-chevron-up-16-part), .transform {\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {\n                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {\n                transition-property: transform;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-300 {\n                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .3s\n            }\n\n            .transition-all {\n                transition-property: all;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-colors {\n                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-shadow {\n                transition-property: box-shadow;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .before\\\\:transition-all:before {\n                transition-property: all;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .duration-300 {\n                transition-duration: .3s\n            }\n\n            .ease-in-out, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-up-16-part) {\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n            }\n\n            .text-m {\n                font-size: var(--w-font-size-m);\n                line-height: var(--w-line-height-m)\n            }\n\n            .text-s {\n                font-size: var(--w-font-size-s);\n                line-height: var(--w-line-height-s)\n            }\n\n            .text-xs {\n                font-size: var(--w-font-size-xs);\n                line-height: var(--w-line-height-xs)\n            }\n\n            .leading-m {\n                line-height: var(--w-line-height-m)\n            }\n\n            .before\\\\:leading-xs:before {\n                line-height: var(--w-line-height-xs)\n            }\n\n            .leading-\\\\[24\\\\] {\n                line-height: 2.4rem\n            }\n\n            @media (max-width: 479.9px) {\n                .lt-sm\\\\:rounded-b-0 {\n                    border-bottom-left-radius: 0;\n                    border-bottom-right-radius: 0\n                }\n            }\n            @media (min-width: 480px) {\n                .sm\\\\:border-b-0 {\n                    border-bottom-width: 0\n                }\n\n                .sm\\\\:rounded-8 {\n                    border-radius: 8px\n                }\n\n                .sm\\\\:rounded-b-8 {\n                    border-bottom-left-radius: 8px;\n                    border-bottom-right-radius: 8px\n                }\n\n                .sm\\\\:gap-16 {\n                    gap: 1.6rem\n                }\n\n                .sm\\\\:place-content-center {\n                    place-content: center\n                }\n\n                .sm\\\\:place-items-center {\n                    place-items: center\n                }\n\n                .sm\\\\:h-24 {\n                    height: 2.4rem\n                }\n\n                .sm\\\\:min-h-48 {\n                    min-height: 4.8rem\n                }\n\n                .sm\\\\:w-24 {\n                    width: 2.4rem\n                }\n\n                .sm\\\\:min-h-\\\\[32px\\\\] {\n                    min-height: 32px\n                }\n\n                .sm\\\\:min-h-\\\\[44px\\\\] {\n                    min-height: 44px\n                }\n\n                .sm\\\\:min-h-\\\\[45\\\\] {\n                    min-height: 4.5rem\n                }\n\n                .sm\\\\:min-w-\\\\[32px\\\\] {\n                    min-width: 32px\n                }\n\n                .sm\\\\:min-w-\\\\[44px\\\\] {\n                    min-width: 44px\n                }\n\n                .sm\\\\:mx-0 {\n                    margin-left: 0rem;\n                    margin-right: 0rem\n                }\n\n                .sm\\\\:mx-16 {\n                    margin-left: 1.6rem;\n                    margin-right: 1.6rem\n                }\n\n                .sm\\\\:-ml-12 {\n                    margin-left: -1.2rem\n                }\n\n                .sm\\\\:-mr-12 {\n                    margin-right: -1.2rem\n                }\n\n                .sm\\\\:-mt-8 {\n                    margin-top: -.8rem\n                }\n\n                .sm\\\\:px-32 {\n                    padding-left: 3.2rem;\n                    padding-right: 3.2rem\n                }\n\n                .sm\\\\:py-0 {\n                    padding-top: 0rem;\n                    padding-bottom: 0rem\n                }\n\n                .sm\\\\:pb-32 {\n                    padding-bottom: 3.2rem\n                }\n\n                .sm\\\\:pt-24 {\n                    padding-top: 2.4rem\n                }\n\n                .sm\\\\:pt-32 {\n                    padding-top: 3.2rem\n                }\n            }\n            @media (min-width: 768px) {\n                .md\\\\:block {\n                    display: block\n                }\n\n                .md\\\\:hidden {\n                    display: none\n                }\n            }\n        `);\n", "import { unsafeCSS } from \"lit\";\nexport const styles = unsafeCSS(\n\t\"*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\\\[--w-black\\\\/70\\\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\\\[--w-color-badge-info-background\\\\]{background-color:var(--w-color-badge-info-background)}.bg-\\\\[--w-color-badge-negative-background\\\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\\\[--w-color-badge-neutral-background\\\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\\\[--w-color-badge-positive-background\\\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\\\[--w-color-badge-sponsored-background\\\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\\\[--w-color-badge-warning-background\\\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}\",\n);\n"],
-  "mappings": "wMAAA,IAAIA,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAEC,EAAE,UAAU,OAAOA,KAAK,EAAEA,CAAC,EAAE,UAAUA,CAAC,EAAE,OAAO,EAAE,OAAO,SAASC,EAAED,EAAE,CAAC,OAAOC,EAAE,OAAiB,OAAOD,GAAjB,SAAmBA,EAAE,MAAM,QAAQA,CAAC,EAAED,EAAE,MAAM,OAAOC,CAAC,EAAY,OAAOA,GAAjB,UAAoBA,EAAE,OAAO,KAAKA,CAAC,EAAE,IAAI,SAASD,EAAE,CAAC,OAAOC,EAAED,CAAC,EAAEA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,ECGxQ,OAAS,QAAAG,EAAM,cAAAC,MAAkB,MACjC,OAAS,YAAAC,MAAgB,oBCJzB,OAAS,OAAAC,MAAW,MAoRpB,OAAS,aAAAC,MAAiB,MAlRnB,IAAMC,EAAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqRRG,EAAaF,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAsnE3B,EC74ET,OAAS,aAAAG,MAAiB,MACnB,IAAMC,EAASD,EACrB,6pDACD,EFYA,IAAME,EAAN,cAAwBC,CAAW,CAkClC,IAAI,QAAS,CACZ,IAAMC,EAAU,KAAK,SAAW,UAChC,OAAOC,EAAW,CACjB,mDACAD,IAAY,WAAa,iDACzBA,IAAY,QAAU,8CACtBA,IAAY,YACX,kDACDA,IAAY,WAAa,iDACzBA,IAAY,YACX,kDACDA,IAAY,YAAc,uBAC1BA,IAAY,SAAW,2CACvBA,IAAY,aACX,mDACD,CAAC,CAAC,KAAK,UAAY,yBACnB,KAAK,WAAa,YACjB,sDACD,KAAK,WAAa,aACjB,uDACD,KAAK,WAAa,gBACjB,0DACD,KAAK,WAAa,eACjB,wDACF,CAAC,CACF,CAEA,QAAS,CACR,OAAOE;AAAA,iBACQ,KAAK,MAAM;AAAA;AAAA;AAAA,GAI3B,CACD,EApEMJ,EA+BE,OAAS,CAACK,EAAOC,CAAM,EAxB9BC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GANpCR,EAOL,uBAiBAO,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAvBpCR,EAwBL,wBA8CI,eAAe,IAAI,SAAS,GAChC,eAAe,OAAO,UAAWA,CAAS",
+  "sourcesContent": ["var r=function(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];return t.reduce(function(t,n){return t.concat(\"string\"==typeof n?n:Array.isArray(n)?r.apply(void 0,n):\"object\"==typeof n&&n?Object.keys(n).map(function(r){return n[r]?r:\"\"}):\"\")},[]).join(\" \")};export{r as classNames};\n", "// @warp-css;\n\nimport { classNames } from \"@chbphone55/classnames\";\nimport { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { reset } from \"../styles\";\n\nimport { styles } from \"./styles\";\n\n/**\n * `w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n *\n * @slot - The content of the badge, which is typically a short string like \"New\" or \"4\".\n */\nclass WarpBadge extends LitElement {\n\t/**\n\t * Controls the badge color treatment.\n\t * If omitted, the badge uses neutral styling without reflecting a `variant` attribute.\n\t * Accepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant:\n\t\t| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined;\n\n\t/**\n\t * Positions the badge in a corner of a parent element.\n\t * Use this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\n\t * Use this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.\n\t */\n\t@property({ type: String, reflect: true })\n\tposition:\n\t\t| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined;\n\n\tstatic styles = [reset, styles];\n\n\t/** @internal */\n\tget _class() {\n\t\tconst variant = this.variant || \"neutral\";\n\t\treturn classNames([\n\t\t\t\"py-4 px-8 border-0 rounded-4 text-xs inline-flex\",\n\t\t\tvariant === \"neutral\" && \"bg-[--w-color-badge-neutral-background] s-text\",\n\t\t\tvariant === \"info\" && \"bg-[--w-color-badge-info-background] s-text\",\n\t\t\tvariant === \"positive\" &&\n\t\t\t\t\"bg-[--w-color-badge-positive-background] s-text\",\n\t\t\tvariant === \"warning\" && \"bg-[--w-color-badge-warning-background] s-text\",\n\t\t\tvariant === \"negative\" &&\n\t\t\t\t\"bg-[--w-color-badge-negative-background] s-text\",\n\t\t\tvariant === \"disabled\" && \"s-bg-disabled s-text\",\n\t\t\tvariant === \"price\" && \"bg-[--w-black/70] s-text-inverted-static\",\n\t\t\tvariant === \"sponsored\" &&\n\t\t\t\t\"bg-[--w-color-badge-sponsored-background] s-text\",\n\t\t\t!!this.position && \"absolute backdrop-blur\",\n\t\t\tthis.position === \"top-left\" &&\n\t\t\t\t\"rounded-tl-0 rounded-tr-0 rounded-bl-0 top-0 left-0\",\n\t\t\tthis.position === \"top-right\" &&\n\t\t\t\t\"rounded-tl-0 rounded-tr-0 rounded-br-0 top-0 right-0\",\n\t\t\tthis.position === \"bottom-right\" &&\n\t\t\t\t\"rounded-tr-0 rounded-br-0 rounded-bl-0 bottom-0 right-0\",\n\t\t\tthis.position === \"bottom-left\" &&\n\t\t\t\t\"rounded-tl-0 rounded-br-0 rounded-bl-0 bottom-0 left-0\",\n\t\t]);\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"${this._class}\">\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"w-badge\": WarpBadge;\n\t}\n}\n\nif (!customElements.get(\"w-badge\")) {\n\tcustomElements.define(\"w-badge\", WarpBadge);\n}\n\nexport { WarpBadge };\n", "import { css } from \"lit\";\n\nexport const reset = css`\n\t*,\n\t:before,\n\t:after {\n\t\tbox-sizing: border-box;\n\t\tborder-style: solid;\n\t\tborder-width: 0;\n\t\tborder-color: var(--w-s-color-border);\n\t}\n\thtml {\n\t\tfont-size: 62.5%;\n\t}\n\tbody {\n\t\tbackground-color: var(--w-s-color-background);\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\toverflow-y: scroll;\n\t}\n\tbody,\n\t:host {\n\t\t-webkit-text-size-adjust: 100%;\n\t\ttab-size: 4;\n\t\t-webkit-tap-highlight-color: transparent;\n\t\tfont-family: var(--w-font-family);\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t\tcolor: var(--w-s-color-text);\n\t}\n\thr {\n\t\tcolor: inherit;\n\t\tborder-top-width: 1px;\n\t\theight: 0;\n\t}\n\tabbr:where([title]) {\n\t\t-webkit-text-decoration: underline dotted;\n\t\ttext-decoration: underline dotted;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tfont-size: inherit;\n\t\tfont-weight: 700;\n\t}\n\ta {\n\t\tcursor: pointer;\n\t\tcolor: var(--w-s-color-text-link);\n\t\ttext-decoration: none;\n\t}\n\ta:hover,\n\ta:focus,\n\ta:active {\n\t\ttext-decoration: underline;\n\t}\n\ta:focus-visible {\n\t\toutline: 2px solid var(--w-s-color-border-focus);\n\t\toutline-offset: 1px;\n\t}\n\tb,\n\tstrong {\n\t\tfont-weight: 700;\n\t}\n\tcode,\n\tkbd,\n\tsamp,\n\tpre {\n\t\tfont-family:\n\t\t\tui-monospace,\n\t\t\tSFMono-Regular,\n\t\t\tMenlo,\n\t\t\tMonaco,\n\t\t\tConsolas,\n\t\t\tLiberation Mono,\n\t\t\tCourier New,\n\t\t\tmonospace;\n\t\tfont-size: 1em;\n\t}\n\tsub,\n\tsup {\n\t\tvertical-align: baseline;\n\t\tfont-size: 75%;\n\t\tline-height: 0;\n\t\tposition: relative;\n\t}\n\tsub {\n\t\tbottom: -0.25em;\n\t}\n\tsup {\n\t\ttop: -0.5em;\n\t}\n\ttable {\n\t\ttext-indent: 0;\n\t\tborder-color: inherit;\n\t\tborder-collapse: collapse;\n\t}\n\tbutton,\n\tinput,\n\toptgroup,\n\tselect,\n\ttextarea {\n\t\tfont-family: inherit;\n\t\tfont-size: 100%;\n\t\tfont-weight: inherit;\n\t\tline-height: inherit;\n\t\tcolor: inherit;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tbutton,\n\tselect {\n\t\ttext-transform: none;\n\t}\n\tbutton,\n\t[type=\"button\"],\n\t[type=\"reset\"],\n\t[type=\"submit\"] {\n\t\t-webkit-appearance: button;\n\t}\n\t:-moz-focusring {\n\t\toutline: auto;\n\t}\n\t:-moz-ui-invalid {\n\t\tbox-shadow: none;\n\t}\n\tprogress {\n\t\tvertical-align: baseline;\n\t}\n\t::-webkit-inner-spin-button {\n\t\theight: auto;\n\t}\n\t::-webkit-outer-spin-button {\n\t\theight: auto;\n\t}\n\t[type=\"search\"] {\n\t\t-webkit-appearance: textfield;\n\t\toutline-offset: -2px;\n\t}\n\t::-webkit-search-decoration {\n\t\t-webkit-appearance: none;\n\t}\n\t::-webkit-file-upload-button {\n\t\t-webkit-appearance: button;\n\t\tfont: inherit;\n\t}\n\tsummary {\n\t\tdisplay: list-item;\n\t}\n\tblockquote,\n\tdl,\n\tdd,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\thr,\n\tfigure,\n\tp,\n\tpre {\n\t\tmargin: 0;\n\t}\n\tfieldset {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tlegend {\n\t\tpadding: 0;\n\t}\n\tol,\n\tul,\n\tmenu {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\ttextarea {\n\t\tresize: vertical;\n\t}\n\tinput::placeholder,\n\ttextarea::placeholder {\n\t\topacity: 1;\n\t\tcolor: var(--w-s-color-text-placeholder);\n\t}\n\tbutton,\n\t[role=\"button\"] {\n\t\tcursor: pointer;\n\t}\n\t:disabled {\n\t\tcursor: default;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas,\n\taudio,\n\tiframe,\n\tembed,\n\tobject {\n\t\tvertical-align: middle;\n\t\tdisplay: block;\n\t}\n\timg,\n\tvideo {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\th1 {\n\t\tfont-size: var(--w-font-size-xxl);\n\t\tline-height: var(--w-line-height-xxl);\n\t}\n\th2 {\n\t\tfont-size: var(--w-font-size-xl);\n\t\tline-height: var(--w-line-height-xl);\n\t}\n\th3 {\n\t\tfont-size: var(--w-font-size-l);\n\t\tline-height: var(--w-line-height-l);\n\t}\n\th4 {\n\t\tfont-size: var(--w-font-size-m);\n\t\tline-height: var(--w-line-height-m);\n\t}\n\th5 {\n\t\tfont-size: var(--w-font-size-s);\n\t\tline-height: var(--w-line-height-s);\n\t}\n\tdt,\n\tdd {\n\t\tmargin: 0 16px;\n\t}\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\tul,\n\tol,\n\tdl,\n\tp,\n\tblockquote {\n\t\tmargin: 0 0 8px;\n\t}\n\t[hidden] {\n\t\tdisplay: none !important;\n\t}\n\t[tabindex=\"-1\"]:focus:not(:focus-visible) {\n\t\toutline: none;\n\t}\n\tlegend {\n\t\tfloat: left;\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: table;\n\t}\n\tlegend + * {\n\t\tclear: both;\n\t}\n\tfieldset {\n\t\tborder: 0;\n\t\tmin-width: 0;\n\t\tmargin: 0;\n\t\tpadding: 0.01em 0 0;\n\t}\n\tbody:not(:-moz-handler-blocked) fieldset {\n\t\tdisplay: table-cell;\n\t}\n\tsvg {\n\t\tpointer-events: none;\n\t}\n`;\nimport { unsafeCSS } from \"lit\";\n\n// prettier-ignore\nexport const components = unsafeCSS(`*, :before, :after {\n            --w-rotate: 0;\n            --w-rotate-x: 0;\n            --w-rotate-y: 0;\n            --w-rotate-z: 0;\n            --w-scale-x: 1;\n            --w-scale-y: 1;\n            --w-scale-z: 1;\n            --w-skew-x: 0;\n            --w-skew-y: 0;\n            --w-translate-x: 0;\n            --w-translate-y: 0;\n            --w-translate-z: 0\n        }\n\n            .h4, .t4 {\n                font-weight: 700;\n                font-size: var(--w-font-size-m);\n                line-height: var(--w-line-height-m)\n            }\n\n            .t3 {\n                font-weight: 700;\n                font-size: var(--w-font-size-l);\n                line-height: var(--w-line-height-l)\n            }\n\n            @media (min-width: 480px) {\n                .sm\\\\:h3 {\n                    font-weight: 700;\n                    font-size: var(--w-font-size-l);\n                    line-height: var(--w-line-height-l)\n                }\n            }\n\n            .text-center {\n                text-align: center\n            }\n\n            .before\\\\:text-center:before {\n                text-align: center\n            }\n\n            .text-left {\n                text-align: left\n            }\n\n            .text-right {\n                text-align: right\n            }\n\n            .align-middle {\n                vertical-align: middle\n            }\n\n            .animate-inprogress {\n                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;\n                background-size: 30px 30px;\n                animation: animate-inprogress 3s linear infinite\n            }\n\n            @keyframes animate-inprogress {\n                0% {\n                    background-position: 0 0\n                }\n                to {\n                    background-position: 60px 0\n                }\n            }\n\n            .\\\\[--w-modal-max-height\\\\:80\\\\%\\\\] {\n                --w-modal-max-height: 80%\n            }\n\n            .\\\\[--w-modal-width\\\\:640px\\\\] {\n                --w-modal-width: 640px\n            }\n\n            .focus\\\\:\\\\[--w-outline-offset\\\\:-2px\\\\]:focus {\n                --w-outline-offset: -2px\n            }\n\n            .backdrop-blur {\n                -webkit-backdrop-filter: blur(4px);\n                backdrop-filter: blur(4px)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:bg-center:before {\n                background-position: center\n            }\n\n            .hover\\\\:bg-clip-padding:hover {\n                -webkit-background-clip: padding-box;\n                background-clip: padding-box\n            }\n\n            .bg-transparent, .group\\\\/steph:first-child .group-first\\\\/steph\\\\:bg-transparent, .group\\\\/steph:last-child .group-last\\\\/steph\\\\:bg-transparent {\n                background-color: transparent\n            }\n\n            .bg-\\\\[--w-black\\\\/25\\\\] {\n                background-color: rgba(var(--w-rgb-black), .25)\n            }\n\n            .bg-\\\\[--w-black\\\\/70\\\\], .bg-\\\\[var\\\\(--w-black\\\\)\\\\/70\\\\] {\n                background-color: rgba(var(--w-rgb-black), .7)\n            }\n\n            .bg-\\\\[--w-color-badge-info-background\\\\] {\n                background-color: var(--w-color-badge-info-background)\n            }\n\n            .bg-\\\\[--w-color-badge-negative-background\\\\] {\n                background-color: var(--w-color-badge-negative-background)\n            }\n\n            .bg-\\\\[--w-color-badge-neutral-background\\\\] {\n                background-color: var(--w-color-badge-neutral-background)\n            }\n\n            .bg-\\\\[--w-color-badge-positive-background\\\\] {\n                background-color: var(--w-color-badge-positive-background)\n            }\n\n            .bg-\\\\[--w-color-badge-sponsored-background\\\\] {\n                background-color: var(--w-color-badge-sponsored-background)\n            }\n\n            .bg-\\\\[--w-color-badge-warning-background\\\\] {\n                background-color: var(--w-color-badge-warning-background)\n            }\n\n            .bg-\\\\[--w-color-button-primary-background\\\\] {\n                background-color: var(--w-color-button-primary-background)\n            }\n\n            .bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\] {\n                background-color: var(--w-color-buttongroup-utility-background-selected)\n            }\n\n            .bg-\\\\[--w-color-callout-background\\\\] {\n                background-color: var(--w-color-callout-background)\n            }\n\n            .bg-\\\\[--w-color-pill-suggestion-background\\\\] {\n                background-color: var(--w-color-pill-suggestion-background)\n            }\n\n            .bg-\\\\[--w-color-switch-track-background\\\\] {\n                background-color: var(--w-color-switch-track-background)\n            }\n\n            .bg-\\\\[--w-s-color-surface-elevated-100\\\\] {\n                background-color: var(--w-s-color-surface-elevated-100)\n            }\n\n            .bg-\\\\[--w-s-color-surface-elevated-300\\\\] {\n                background-color: var(--w-s-color-surface-elevated-300)\n            }\n\n            .bg-\\\\[--w-s-icon-selected\\\\] {\n                background-color: var(--w-s-icon-selected)\n            }\n\n            .group:hover .group-hover\\\\:bg-\\\\[--w-color-switch-track-background-hover\\\\] {\n                background-color: var(--w-color-switch-track-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-button-pill-background-hover\\\\]:hover {\n                background-color: var(--w-color-button-pill-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-button-primary-background-hover\\\\]:hover {\n                background-color: var(--w-color-button-primary-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-buttongroup-utility-background-hover\\\\]:hover {\n                background-color: var(--w-color-buttongroup-utility-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-color-pill-suggestion-background-hover\\\\]:hover {\n                background-color: var(--w-color-pill-suggestion-background-hover)\n            }\n\n            .hover\\\\:bg-\\\\[--w-s-icon-subtle\\\\]:hover {\n                background-color: var(--w-s-icon-subtle)\n            }\n\n            .hover\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\/85\\\\]:hover {\n                background-color: rgba(var(--w-rgb-black), .85)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-button-pill-background-active\\\\]:active {\n                background-color: var(--w-color-button-pill-background-active)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-button-primary-background-active\\\\]:active {\n                background-color: var(--w-color-button-primary-background-active)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-buttongroup-utility-background-selected\\\\]:active {\n                background-color: var(--w-color-buttongroup-utility-background-selected)\n            }\n\n            .active\\\\:bg-\\\\[--w-color-pill-suggestion-background-active\\\\]:active {\n                background-color: var(--w-color-pill-suggestion-background-active)\n            }\n\n            .active\\\\:bg-\\\\[var\\\\(--w-black\\\\)\\\\]:active {\n                background-color: var(--w-black)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:bg-\\\\[url\\\\(var\\\\(--w-icon-toggle-checked\\\\)\\\\)\\\\]:before {\n                background-image: var(--w-icon-toggle-checked)\n            }\n\n            .appearance-none {\n                -moz-appearance: none;\n                appearance: none;\n                -webkit-appearance: none\n            }\n\n            .will-change-height {\n                will-change: height\n            }\n\n            .border, .border-1 {\n                border-width: 1px\n            }\n\n            .border-b {\n                border-bottom-width: 1px\n            }\n\n            .before\\\\:border:before {\n                border-width: 1px\n            }\n\n            .border-0 {\n                border-width: 0\n            }\n\n            .border-2 {\n                border-width: 2px\n            }\n\n            .border-b-0 {\n                border-bottom-width: 0\n            }\n\n            .border-b-4 {\n                border-bottom-width: 4px\n            }\n\n            .border-l-4 {\n                border-left-width: 4px\n            }\n\n            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\\\:border-r-0 {\n                border-right-width: 0\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:border-\\\\[6\\\\]:before {\n                border-width: .6rem\n            }\n\n            .border-transparent {\n                border-color: transparent\n            }\n\n            .border-\\\\[--w-color-buttongroup-utility-border\\\\] {\n                border-color: var(--w-color-buttongroup-utility-border)\n            }\n\n            .border-\\\\[--w-color-callout-border\\\\] {\n                border-color: var(--w-color-callout-border)\n            }\n\n            .border-\\\\[--w-s-color-background-inverted\\\\] {\n                border-color: var(--w-s-color-background-inverted)\n            }\n\n            .border-\\\\[--w-s-color-surface-elevated-300\\\\] {\n                border-color: var(--w-s-color-surface-elevated-300)\n            }\n\n            .active\\\\:border-\\\\[--w-color-buttongroup-utility-border-selected\\\\]:active {\n                border-color: var(--w-color-buttongroup-utility-border-selected)\n            }\n\n            .divide-x > * + * {\n                --w-divide-x-reverse: 0;\n                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));\n                border-right-width: calc(1px * var(--w-divide-x-reverse))\n            }\n\n            .divide-y > * + * {\n                --w-divide-y-reverse: 0;\n                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));\n                border-bottom-width: calc(1px * var(--w-divide-y-reverse))\n            }\n\n            .rounded-4 {\n                border-radius: 4px\n            }\n\n            .rounded-8 {\n                border-radius: 8px\n            }\n\n            .rounded-full {\n                border-radius: 9999px\n            }\n\n            .before\\\\:rounded-2:before {\n                border-radius: 2px\n            }\n\n            .before\\\\:rounded-full:before {\n                border-radius: 9999px\n            }\n\n            .rounded-b-0 {\n                border-bottom-left-radius: 0;\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-bl-0 {\n                border-bottom-left-radius: 0\n            }\n\n            .rounded-br-0 {\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-l-0 {\n                border-top-left-radius: 0;\n                border-bottom-left-radius: 0\n            }\n\n            .rounded-l-full {\n                border-top-left-radius: 9999px;\n                border-bottom-left-radius: 9999px\n            }\n\n            .rounded-r-0 {\n                border-top-right-radius: 0;\n                border-bottom-right-radius: 0\n            }\n\n            .rounded-r-full {\n                border-top-right-radius: 9999px;\n                border-bottom-right-radius: 9999px\n            }\n\n            .rounded-tl-0 {\n                border-top-left-radius: 0\n            }\n\n            .rounded-tl-4 {\n                border-top-left-radius: 4px\n            }\n\n            .rounded-tr-0 {\n                border-top-right-radius: 0\n            }\n\n            .group:first-of-type .group-first-of-type\\\\:rounded-bl-8 {\n                border-bottom-left-radius: 8px\n            }\n\n            .group:first-of-type .group-first-of-type\\\\:rounded-tl-8 {\n                border-top-left-radius: 8px\n            }\n\n            .first\\\\:rounded-lb-4:first-child {\n                border-bottom-left-radius: 4px\n            }\n\n            .first\\\\:rounded-lt-4:first-child {\n                border-top-left-radius: 4px\n            }\n\n            .first\\\\:rounded-rt-4:first-child {\n                border-top-right-radius: 4px\n            }\n\n            .group:last-of-type .group-last-of-type\\\\:rounded-br-8 {\n                border-bottom-right-radius: 8px\n            }\n\n            .group:last-of-type .group-last-of-type\\\\:rounded-tr-8 {\n                border-top-right-radius: 8px\n            }\n\n            .last\\\\:rounded-lb-4:last-child {\n                border-bottom-left-radius: 4px\n            }\n\n            .last\\\\:rounded-rb-4:last-child {\n                border-bottom-right-radius: 4px\n            }\n\n            .last\\\\:rounded-rt-4:last-child {\n                border-top-right-radius: 4px\n            }\n\n            .caret-current {\n                caret-color: currentColor\n            }\n\n            .opacity-25 {\n                opacity: 25%\n            }\n\n            .block {\n                display: block\n            }\n\n            .before\\\\:block:before {\n                display: block\n            }\n\n            .inline-block {\n                display: inline-block\n            }\n\n            .inline {\n                display: inline\n            }\n\n            .flex, .open\\\\:flex[open] {\n                display: flex\n            }\n\n            .inline-flex {\n                display: inline-flex\n            }\n\n            .grid {\n                display: grid\n            }\n\n            .inline-grid {\n                display: inline-grid\n            }\n\n            .hidden, .group\\\\/stepv:last-child .group-last\\\\/stepv\\\\:hidden {\n                display: none\n            }\n\n            .before\\\\:hidden:before {\n                display: none\n            }\n\n            .hover\\\\:underline:hover {\n                text-decoration-line: underline\n            }\n\n            .focus\\\\:underline:focus {\n                text-decoration-line: underline\n            }\n\n            .focus-visible\\\\:underline:focus-visible {\n                text-decoration-line: underline\n            }\n\n            .active\\\\:underline:active {\n                text-decoration-line: underline\n            }\n\n            .hover\\\\:no-underline:hover {\n                text-decoration: none\n            }\n\n            .focus\\\\:no-underline:focus {\n                text-decoration: none\n            }\n\n            .active\\\\:no-underline:active {\n                text-decoration: none\n            }\n\n            .flex-1 {\n                flex: 1 1 0%\n            }\n\n            .shrink {\n                flex-shrink: 1\n            }\n\n            .shrink-0 {\n                flex-shrink: 0\n            }\n\n            .shrink-0\\\\! {\n                flex-shrink: 0 !important\n            }\n\n            .grow, .grow-1 {\n                flex-grow: 1\n            }\n\n            .basis-auto {\n                flex-basis: auto\n            }\n\n            .flex-col {\n                flex-direction: column\n            }\n\n            .focus-within\\\\:focusable:focus-within {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .focusable:focus, .focusable:focus-visible {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .focusable:not(:focus-visible) {\n                outline: none\n            }\n\n            .peer:focus ~ .peer-focus\\\\:focusable, .peer:focus-visible ~ .peer-focus\\\\:focusable {\n                outline: 2px solid var(--w-s-color-border-focus);\n                outline-offset: var(--w-outline-offset, 1px)\n            }\n\n            .peer:not(:focus-visible) ~ .peer-focus\\\\:focusable {\n                outline: none\n            }\n\n            .focusable-inset {\n                --w-outline-offset: -3px\n            }\n\n            .gap-12 {\n                gap: 1.2rem\n            }\n\n            .gap-8 {\n                gap: .8rem\n            }\n\n            .gap-x-16 {\n                column-gap: 1.6rem\n            }\n\n            .gap-y-16 {\n                row-gap: 1.6rem\n            }\n\n            .row-span-2 {\n                grid-row: span 2/span 2\n            }\n\n            .col-span-2 {\n                grid-column: span 2/span 2\n            }\n\n            .col-span-3 {\n                grid-column: span 3/span 3\n            }\n\n            .row-start-1 {\n                grid-row-start: 1\n            }\n\n            .row-start-2 {\n                grid-row-start: 2\n            }\n\n            .col-start-2 {\n                grid-column-start: 2\n            }\n\n            .auto-rows-auto {\n                grid-auto-rows: auto\n            }\n\n            .grid-flow-col {\n                grid-auto-flow: column\n            }\n\n            .grid-rows-\\\\[20px_auto\\\\] {\n                grid-template-rows:20px auto\n            }\n\n            .grid-rows-\\\\[auto_20px\\\\] {\n                grid-template-rows:auto 20px\n            }\n\n            .grid-cols-\\\\[1fr_20px_1fr\\\\] {\n                grid-template-columns:1fr 20px 1fr\n            }\n\n            .grid-cols-\\\\[1fr_20px\\\\] {\n                grid-template-columns:1fr 20px\n            }\n\n            .grid-cols-\\\\[20px_1fr\\\\] {\n                grid-template-columns:20px 1fr\n            }\n\n            .grid-cols-\\\\[auto_1fr_auto\\\\] {\n                grid-template-columns:auto 1fr auto\n            }\n\n            .grid-cols-1 {\n                grid-template-columns:repeat(1, minmax(0, 1fr))\n            }\n\n            .grid-cols-2 {\n                grid-template-columns:repeat(2, minmax(0, 1fr))\n            }\n\n            .grid-cols-3 {\n                grid-template-columns:repeat(3, minmax(0, 1fr))\n            }\n\n            .grid-cols-4 {\n                grid-template-columns:repeat(4, minmax(0, 1fr))\n            }\n\n            .grid-cols-5 {\n                grid-template-columns:repeat(5, minmax(0, 1fr))\n            }\n\n            .grid-cols-6 {\n                grid-template-columns:repeat(6, minmax(0, 1fr))\n            }\n\n            .grid-cols-7 {\n                grid-template-columns:repeat(7, minmax(0, 1fr))\n            }\n\n            .grid-cols-8 {\n                grid-template-columns:repeat(8, minmax(0, 1fr))\n            }\n\n            .grid-cols-9 {\n                grid-template-columns:repeat(9, minmax(0, 1fr))\n            }\n\n            .overflow-hidden {\n                overflow: hidden\n            }\n\n            .overflow-x-hidden {\n                overflow-x: hidden\n            }\n\n            .overflow-y-auto {\n                overflow-y: auto\n            }\n\n            .list-none {\n                list-style-type: none\n            }\n\n            .outline-\\\\[--w-s-color-border-negative\\\\]\\\\! {\n                outline-color: var(--w-s-color-border-negative) !important\n            }\n\n            .outline-none {\n                outline: 2px solid transparent;\n                outline-offset: 2px\n            }\n\n            .focus\\\\:outline-none:focus {\n                outline: 2px solid transparent;\n                outline-offset: 2px\n            }\n\n            .items-start {\n                align-items: flex-start\n            }\n\n            .items-end {\n                align-items: flex-end\n            }\n\n            .items-center {\n                align-items: center\n            }\n\n            .self-center {\n                align-self: center\n            }\n\n            .inset-0 {\n                top: 0rem;\n                right: 0rem;\n                bottom: 0rem;\n                left: 0rem\n            }\n\n            .-bottom-0 {\n                bottom: -0rem\n            }\n\n            .bottom-0 {\n                bottom: 0rem\n            }\n\n            .bottom-10 {\n                bottom: 1rem\n            }\n\n            .bottom-16 {\n                bottom: 1.6rem\n            }\n\n            .left-0 {\n                left: 0rem\n            }\n\n            .left-4 {\n                left: .4rem\n            }\n\n            .right-0 {\n                right: 0rem\n            }\n\n            .right-8 {\n                right: .8rem\n            }\n\n            .top-\\\\[1\\\\.92rem\\\\] {\n                top: 1.92rem\n            }\n\n            .top-0 {\n                top: 0rem\n            }\n\n            .top-20 {\n                top: 2rem\n            }\n\n            .top-4 {\n                top: .4rem\n            }\n\n            .top-8 {\n                top: .8rem\n            }\n\n            .before\\\\:bottom-0:before {\n                bottom: 0rem\n            }\n\n            .before\\\\:left-0:before {\n                left: 0rem\n            }\n\n            .before\\\\:right-0:before {\n                right: 0rem\n            }\n\n            .before\\\\:top-2:before {\n                top: .2rem\n            }\n\n            .-bottom-\\\\[8px\\\\] {\n                bottom: -8px\n            }\n\n            .-left-\\\\[8px\\\\] {\n                left: -8px\n            }\n\n            .-right-\\\\[8px\\\\] {\n                right: -8px\n            }\n\n            .-top-\\\\[8px\\\\] {\n                top: -8px\n            }\n\n            .top-\\\\[19px\\\\] {\n                top: 19px\n            }\n\n            .top-\\\\[30\\\\%\\\\] {\n                top: 30%\n            }\n\n            .justify-end {\n                justify-content: flex-end\n            }\n\n            .justify-center {\n                justify-content: center\n            }\n\n            .justify-between {\n                justify-content: space-between\n            }\n\n            .justify-items-center {\n                justify-items: center\n            }\n\n            .justify-self-start {\n                justify-self: start\n            }\n\n            .justify-self-end {\n                justify-self: end\n            }\n\n            .justify-self-center {\n                justify-self: center\n            }\n\n            .absolute {\n                position: absolute\n            }\n\n            .fixed {\n                position: fixed\n            }\n\n            .relative {\n                position: relative\n            }\n\n            .open\\\\:fixed[open] {\n                position: fixed\n            }\n\n            .before\\\\:absolute:before {\n                position: absolute\n            }\n\n            .z-10, .peer:checked ~ .peer-checked\\\\:z-10 {\n                z-index: 10\n            }\n\n            .z-30 {\n                z-index: 30\n            }\n\n            .z-50 {\n                z-index: 50\n            }\n\n            .hover\\\\:z-30:hover {\n                z-index: 30\n            }\n\n            .\\\\!s-bg-selected {\n                background-color: var(--w-s-color-background-selected) !important\n            }\n\n            .s-bg {\n                background-color: var(--w-s-color-background)\n            }\n\n            .s-bg-disabled {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .s-bg-disabled-subtle {\n                background-color: var(--w-s-color-background-disabled-subtle)\n            }\n\n            .s-bg-info-subtle {\n                background-color: var(--w-s-color-background-info-subtle)\n            }\n\n            .s-bg-inverted {\n                background-color: var(--w-s-color-background-inverted)\n            }\n\n            .s-bg-negative {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .s-bg-negative-subtle {\n                background-color: var(--w-s-color-background-negative-subtle)\n            }\n\n            .s-bg-positive-subtle {\n                background-color: var(--w-s-color-background-positive-subtle)\n            }\n\n            .s-bg-primary, .peer:checked ~ .peer-checked\\\\:s-bg-primary {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .s-bg-selected {\n                background-color: var(--w-s-color-background-selected)\n            }\n\n            .s-bg-subtle {\n                background-color: var(--w-s-color-background-subtle)\n            }\n\n            .s-bg-warning-subtle {\n                background-color: var(--w-s-color-background-warning-subtle)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-negative-hover:before {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-bg-primary-hover:before {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-disabled:before {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-negative:before {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-bg-primary:before {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-disabled:before {\n                background-color: var(--w-s-color-background-disabled)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-negative:before {\n                background-color: var(--w-s-color-background-negative)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-bg-primary:before {\n                background-color: var(--w-s-color-background-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-negative-hover:hover:before {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-bg-primary-hover:hover:before {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .\\\\!hover\\\\:s-bg-selected-hover:hover {\n                background-color: var(--w-s-color-background-selected-hover) !important\n            }\n\n            .group:hover .group-hover\\\\:s-bg-primary-hover {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .hover\\\\:before\\\\:s-bg-hover:hover:before {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .hover\\\\:before\\\\:s-bg-negative-subtle-hover:hover:before {\n                background-color: var(--w-s-color-background-negative-subtle-hover)\n            }\n\n            .hover\\\\:s-bg-hover:hover {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .hover\\\\:s-bg-negative-hover:hover {\n                background-color: var(--w-s-color-background-negative-hover)\n            }\n\n            .hover\\\\:s-bg-negative-subtle-hover:hover {\n                background-color: var(--w-s-color-background-negative-subtle-hover)\n            }\n\n            .hover\\\\:s-bg-primary-hover:hover {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .hover\\\\:s-bg-selected-hover:hover {\n                background-color: var(--w-s-color-background-selected-hover)\n            }\n\n            .peer:hover:not(:checked) ~ .peer-hover\\\\:peer-not-checked\\\\:s-bg-hover {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-hover:before {\n                background-color: var(--w-s-color-background-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-bg-negative-subtle:before {\n                background-color: var(--w-s-color-background-negative-subtle)\n            }\n\n            .focus\\\\:s-bg-primary-hover:focus {\n                background-color: var(--w-s-color-background-primary-hover)\n            }\n\n            .\\\\!active\\\\:s-bg-selected-active:active {\n                background-color: var(--w-s-color-background-selected-active) !important\n            }\n\n            .active\\\\:s-bg-active:active {\n                background-color: var(--w-s-color-background-active)\n            }\n\n            .active\\\\:s-bg-negative-active:active {\n                background-color: var(--w-s-color-background-negative-active)\n            }\n\n            .active\\\\:s-bg-negative-subtle-active:active {\n                background-color: var(--w-s-color-background-negative-subtle-active)\n            }\n\n            .active\\\\:s-bg-primary-active:active {\n                background-color: var(--w-s-color-background-primary-active)\n            }\n\n            .active\\\\:s-bg-selected-active:active {\n                background-color: var(--w-s-color-background-selected-active)\n            }\n\n            .before\\\\:s-bg-disabled-subtle:before {\n                background-color: var(--w-s-color-background-disabled-subtle)\n            }\n\n            .before\\\\:s-bg:before {\n                background-color: var(--w-s-color-background)\n            }\n\n            .s-text {\n                color: var(--w-s-color-text)\n            }\n\n            .s-text-disabled {\n                color: var(--w-s-color-text-disabled)\n            }\n\n            .s-text-inverted, .peer:checked ~ .peer-checked\\\\:s-text-inverted {\n                color: var(--w-s-color-text-inverted)\n            }\n\n            .s-text-inverted-static {\n                color: var(--w-s-color-text-inverted-static)\n            }\n\n            .s-text-link {\n                color: var(--w-s-color-text-link)\n            }\n\n            .s-text-negative {\n                color: var(--w-s-color-text-negative)\n            }\n\n            .s-text-subtle {\n                color: var(--w-s-color-text-subtle)\n            }\n\n            .hover\\\\:s-text-link:hover {\n                color: var(--w-s-color-text-link)\n            }\n\n            .active\\\\:s-text:active {\n                color: var(--w-s-color-text)\n            }\n\n            .placeholder\\\\:s-text-placeholder::placeholder {\n                color: var(--w-s-color-text-placeholder)\n            }\n\n            .s-icon {\n                color: var(--w-s-color-icon)\n            }\n\n            .s-icon-info {\n                color: var(--w-s-color-icon-info)\n            }\n\n            .s-icon-inverted {\n                color: var(--w-s-color-icon-inverted)\n            }\n\n            .s-icon-negative {\n                color: var(--w-s-color-icon-negative)\n            }\n\n            .s-icon-positive {\n                color: var(--w-s-color-icon-positive)\n            }\n\n            .s-icon-warning {\n                color: var(--w-s-color-icon-warning)\n            }\n\n            .hover\\\\:s-icon-hover:hover {\n                color: var(--w-s-color-icon-hover)\n            }\n\n            .active\\\\:s-icon-active:active {\n                color: var(--w-s-color-icon-active)\n            }\n\n            .before\\\\:s-icon-inverted:before {\n                color: var(--w-s-color-icon-inverted)\n            }\n\n            .s-border {\n                border-color: var(--w-s-color-border)\n            }\n\n            .s-border-disabled {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .s-border-info-subtle {\n                border-color: var(--w-s-color-border-info-subtle)\n            }\n\n            .s-border-l-info {\n                border-left-color: var(--w-s-color-border-info)\n            }\n\n            .s-border-l-negative {\n                border-left-color: var(--w-s-color-border-negative)\n            }\n\n            .s-border-l-positive {\n                border-left-color: var(--w-s-color-border-positive)\n            }\n\n            .s-border-l-warning {\n                border-left-color: var(--w-s-color-border-warning)\n            }\n\n            .s-border-negative {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .s-border-negative-subtle {\n                border-color: var(--w-s-color-border-negative-subtle)\n            }\n\n            .s-border-positive-subtle {\n                border-color: var(--w-s-color-border-positive-subtle)\n            }\n\n            .s-border-primary, .peer:checked ~ .peer-checked\\\\:s-border-primary {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .s-border-selected {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .s-border-warning-subtle {\n                border-color: var(--w-s-color-border-warning-subtle)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-primary-hover:before {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .peer:checked:hover ~ .peer-checked\\\\:peer-hover\\\\:before\\\\:s-border-selected-hover:before {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .peer:checked ~ .peer-checked\\\\:before\\\\:s-border-selected:before {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:indeterminate ~ .peer-indeterminate\\\\:hover\\\\:before\\\\:s-border-primary-hover:hover:before {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .group:hover .group-hover\\\\:s-border-selected-hover {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .hover\\\\:before\\\\:s-border-negative-hover:hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .hover\\\\:before\\\\:s-border-primary:hover:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .hover\\\\:s-border-disabled:hover {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .hover\\\\:s-border-hover:hover {\n                border-color: var(--w-s-color-border-hover)\n            }\n\n            .hover\\\\:s-border-negative-hover:hover {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .hover\\\\:s-border-primary-hover:hover {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .hover\\\\:s-border-primary:hover {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .hover\\\\:s-border-selected-hover:hover {\n                border-color: var(--w-s-color-border-selected-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-negative-hover:before {\n                border-color: var(--w-s-color-border-negative-hover)\n            }\n\n            .peer:hover ~ .peer-hover\\\\:before\\\\:s-border-primary:before {\n                border-color: var(--w-s-color-border-primary)\n            }\n\n            .focus\\\\:s-border-primary-hover:focus {\n                border-color: var(--w-s-color-border-primary-hover)\n            }\n\n            .active\\\\:s-border-active:active {\n                border-color: var(--w-s-color-border-active)\n            }\n\n            .active\\\\:s-border-disabled:active {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .active\\\\:s-border-primary-active:active {\n                border-color: var(--w-s-color-border-primary-active)\n            }\n\n            .active\\\\:s-border-selected-active:active {\n                border-color: var(--w-s-color-border-selected-active)\n            }\n\n            .active\\\\:s-border-selected:active {\n                border-color: var(--w-s-color-border-selected)\n            }\n\n            .group:active .group-active\\\\:s-border-active {\n                border-color: var(--w-s-color-border-active)\n            }\n\n            .group:active .group-active\\\\:s-border-selected-active {\n                border-color: var(--w-s-color-border-selected-active)\n            }\n\n            .before\\\\:s-border-disabled:before {\n                border-color: var(--w-s-color-border-disabled)\n            }\n\n            .before\\\\:s-border-negative:before {\n                border-color: var(--w-s-color-border-negative)\n            }\n\n            .s-surface-sunken {\n                background-color: var(--w-s-color-surface-sunken)\n            }\n\n            .s-surface-elevated-200 {\n                background-color: var(--w-s-color-surface-elevated-200);\n                box-shadow: var(--w-s-shadow-surface-elevated-200)\n            }\n\n            .hover\\\\:s-surface-elevated-200-hover:hover {\n                background-color: var(--w-s-color-surface-elevated-200-hover);\n                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)\n            }\n\n            .active\\\\:s-surface-elevated-200-active:active {\n                background-color: var(--w-s-color-surface-elevated-200-active);\n                box-shadow: var(--w-s-shadow-surface-elevated-200-active)\n            }\n\n            .drop-shadow-m {\n                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)\n            }\n\n            .shadow-m {\n                box-shadow: var(--w-shadow-m)\n            }\n\n            .shadow-s {\n                box-shadow: var(--w-shadow-s)\n            }\n\n            .shadow-\\\\[--w-shadow-slider\\\\] {\n                box-shadow: var(--w-shadow-slider)\n            }\n\n            .hover\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:hover {\n                box-shadow: var(--w-shadow-slider-handle-hover)\n            }\n\n            .focus\\\\:shadow-\\\\[--w-shadow-slider-handle-hover\\\\]:focus {\n                box-shadow: var(--w-shadow-slider-handle-hover)\n            }\n\n            .active\\\\:shadow-\\\\[--w-shadow-slider-handle-active\\\\]:active {\n                box-shadow: var(--w-shadow-slider-handle-active)\n            }\n\n            .h-0 {\n                height: 0rem\n            }\n\n            .h-16 {\n                height: 1.6rem\n            }\n\n            .h-2 {\n                height: .2rem\n            }\n\n            .h-20 {\n                height: 2rem\n            }\n\n            .h-24 {\n                height: 2.4rem\n            }\n\n            .h-4 {\n                height: .4rem\n            }\n\n            .h-44 {\n                height: 4.4rem\n            }\n\n            .h-6 {\n                height: .6rem\n            }\n\n            .h-8 {\n                height: .8rem\n            }\n\n            .h-full {\n                height: 100%\n            }\n\n            .h-unset {\n                height: unset\n            }\n\n            .max-h-unset {\n                max-height: unset\n            }\n\n            .max-w-full {\n                max-width: 100%\n            }\n\n            .max-w-max {\n                max-width: max-content\n            }\n\n            .max-w-unset {\n                max-width: unset\n            }\n\n            .min-h-32 {\n                min-height: 3.2rem\n            }\n\n            .min-h-40 {\n                min-height: 4rem\n            }\n\n            .min-w-16 {\n                min-width: 1.6rem\n            }\n\n            .min-w-32 {\n                min-width: 3.2rem\n            }\n\n            .w-16 {\n                width: 1.6rem\n            }\n\n            .w-2 {\n                width: .2rem\n            }\n\n            .w-20 {\n                width: 2rem\n            }\n\n            .w-24 {\n                width: 2.4rem\n            }\n\n            .w-32 {\n                width: 3.2rem\n            }\n\n            .w-40 {\n                width: 4rem\n            }\n\n            .w-44 {\n                width: 4.4rem\n            }\n\n            .w-8 {\n                width: .8rem\n            }\n\n            .w-full {\n                width: 100%\n            }\n\n            .w-max {\n                width: max-content\n            }\n\n            .w-unset {\n                width: unset\n            }\n\n            .before\\\\:h-20:before {\n                height: 2rem\n            }\n\n            .before\\\\:h-full:before {\n                height: 100%\n            }\n\n            .before\\\\:w-20:before {\n                width: 2rem\n            }\n\n            .before\\\\:w-32:before {\n                width: 3.2rem\n            }\n\n            .h-\\\\[--w-modal-height\\\\] {\n                height: var(--w-modal-height)\n            }\n\n            .h-\\\\[14px\\\\] {\n                height: 14px\n            }\n\n            .h-\\\\[16px\\\\] {\n                height: 16px\n            }\n\n            .max-h-\\\\[--w-modal-max-height\\\\] {\n                max-height: var(--w-modal-max-height)\n            }\n\n            .min-h-\\\\[--w-modal-min-height\\\\] {\n                min-height: var(--w-modal-min-height)\n            }\n\n            .min-h-\\\\[32px\\\\] {\n                min-height: 32px\n            }\n\n            .min-h-\\\\[40px\\\\] {\n                min-height: 40px\n            }\n\n            .min-h-\\\\[42\\\\] {\n                min-height: 4.2rem\n            }\n\n            .min-h-\\\\[44px\\\\] {\n                min-height: 44px\n            }\n\n            .min-w-\\\\[32px\\\\] {\n                min-width: 32px\n            }\n\n            .min-w-\\\\[40px\\\\] {\n                min-width: 40px\n            }\n\n            .min-w-\\\\[44px\\\\] {\n                min-width: 44px\n            }\n\n            .w-\\\\[--w-modal-width\\\\] {\n                width: var(--w-modal-width)\n            }\n\n            .w-\\\\[14px\\\\] {\n                width: 14px\n            }\n\n            .w-\\\\[16px\\\\] {\n                width: 16px\n            }\n\n            .space-x-8 > :not([hidden]) ~ :not([hidden]) {\n                --w-space-x-reverse: 0;\n                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));\n                margin-right: calc(.8rem * var(--w-space-x-reverse))\n            }\n\n            .space-y-16 > :not([hidden]) ~ :not([hidden]) {\n                --w-space-y-reverse: 0;\n                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));\n                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))\n            }\n\n            .m-0 {\n                margin: 0rem\n            }\n\n            .m-auto {\n                margin: auto\n            }\n\n            .-mx-16 {\n                margin-left: -1.6rem;\n                margin-right: -1.6rem\n            }\n\n            .mx-0 {\n                margin-left: 0rem;\n                margin-right: 0rem\n            }\n\n            .mx-8 {\n                margin-left: .8rem;\n                margin-right: .8rem\n            }\n\n            .mx-auto {\n                margin-left: auto;\n                margin-right: auto\n            }\n\n            .-mb-1 {\n                margin-bottom: -.1rem\n            }\n\n            .-ml-8 {\n                margin-left: -.8rem\n            }\n\n            .-mr-1 {\n                margin-right: -.1rem\n            }\n\n            .-mr-8 {\n                margin-right: -.8rem\n            }\n\n            .-mt-2 {\n                margin-top: -.2rem\n            }\n\n            .-mt-4 {\n                margin-top: -.4rem\n            }\n\n            .last-child\\\\:mb-0 > :last-child, .mb-0 {\n                margin-bottom: 0rem\n            }\n\n            .mb-32 {\n                margin-bottom: 3.2rem\n            }\n\n            .ml-8 {\n                margin-left: .8rem\n            }\n\n            .ml-auto {\n                margin-left: auto\n            }\n\n            .mr-8 {\n                margin-right: .8rem\n            }\n\n            .mt-16 {\n                margin-top: 1.6rem\n            }\n\n            .mt-4 {\n                margin-top: .4rem\n            }\n\n            .group:not(:first-child) .group-not-first\\\\:-ml-2 {\n                margin-left: -.2rem\n            }\n\n            .last\\\\:mb-0:last-child {\n                margin-bottom: 0rem\n            }\n\n            .last\\\\:mr-0:last-child {\n                margin-right: 0rem\n            }\n\n            .m-\\\\[8px\\\\] {\n                margin: 8px\n            }\n\n            .p-0 {\n                padding: 0rem\n            }\n\n            .p-16 {\n                padding: 1.6rem\n            }\n\n            .p-4 {\n                padding: .4rem\n            }\n\n            .p-8 {\n                padding: .8rem\n            }\n\n            .px-0 {\n                padding-left: 0rem;\n                padding-right: 0rem\n            }\n\n            .px-1 {\n                padding-left: .1rem;\n                padding-right: .1rem\n            }\n\n            .px-12 {\n                padding-left: 1.2rem;\n                padding-right: 1.2rem\n            }\n\n            .px-14 {\n                padding-left: 1.4rem;\n                padding-right: 1.4rem\n            }\n\n            .px-16 {\n                padding-left: 1.6rem;\n                padding-right: 1.6rem\n            }\n\n            .px-8 {\n                padding-left: .8rem;\n                padding-right: .8rem\n            }\n\n            .py-0 {\n                padding-top: 0rem;\n                padding-bottom: 0rem\n            }\n\n            .py-1 {\n                padding-top: .1rem;\n                padding-bottom: .1rem\n            }\n\n            .py-10 {\n                padding-top: 1rem;\n                padding-bottom: 1rem\n            }\n\n            .py-12 {\n                padding-top: 1.2rem;\n                padding-bottom: 1.2rem\n            }\n\n            .py-2 {\n                padding-top: .2rem;\n                padding-bottom: .2rem\n            }\n\n            .py-4 {\n                padding-top: .4rem;\n                padding-bottom: .4rem\n            }\n\n            .py-6 {\n                padding-top: .6rem;\n                padding-bottom: .6rem\n            }\n\n            .py-8 {\n                padding-top: .8rem;\n                padding-bottom: .8rem\n            }\n\n            .pb-0 {\n                padding-bottom: 0rem\n            }\n\n            .pb-32 {\n                padding-bottom: 3.2rem\n            }\n\n            .pb-4 {\n                padding-bottom: .4rem\n            }\n\n            .pb-8 {\n                padding-bottom: .8rem\n            }\n\n            .pl-0 {\n                padding-left: 0rem\n            }\n\n            .pl-1 {\n                padding-left: .1rem\n            }\n\n            .pl-12 {\n                padding-left: 1.2rem\n            }\n\n            .pl-28 {\n                padding-left: 2.8rem\n            }\n\n            .pl-4 {\n                padding-left: .4rem\n            }\n\n            .pl-8 {\n                padding-left: .8rem\n            }\n\n            .pr-12 {\n                padding-right: 1.2rem\n            }\n\n            .pr-14 {\n                padding-right: 1.4rem\n            }\n\n            .pr-2 {\n                padding-right: .2rem\n            }\n\n            .pr-32 {\n                padding-right: 3.2rem\n            }\n\n            .pr-40 {\n                padding-right: 4rem\n            }\n\n            .pt-0 {\n                padding-top: 0rem\n            }\n\n            .pt-1 {\n                padding-top: .1rem\n            }\n\n            .pt-16 {\n                padding-top: 1.6rem\n            }\n\n            .pt-24 {\n                padding-top: 2.4rem\n            }\n\n            .pt-8 {\n                padding-top: .8rem\n            }\n\n            .group\\\\/step:last-child .group-last\\\\/step\\\\:last\\\\:pb-0:last-child {\n                padding-bottom: 0rem\n            }\n\n            .last\\\\:pb-1:last-child {\n                padding-bottom: .1rem\n            }\n\n            .last\\\\:pr-1:last-child {\n                padding-right: .1rem\n            }\n\n            .p-\\\\[8px\\\\] {\n                padding: 8px\n            }\n\n            .px-\\\\[15px\\\\] {\n                padding-left: 15px;\n                padding-right: 15px\n            }\n\n            .px-\\\\[8px\\\\] {\n                padding-left: 8px;\n                padding-right: 8px\n            }\n\n            .py-\\\\[11px\\\\] {\n                padding-top: 11px;\n                padding-bottom: 11px\n            }\n\n            .py-\\\\[5px\\\\] {\n                padding-top: 5px;\n                padding-bottom: 5px\n            }\n\n            .py-\\\\[7px\\\\] {\n                padding-top: 7px;\n                padding-bottom: 7px\n            }\n\n            .pl-\\\\[var\\\\(--w-prefix-width\\\\,_40px\\\\)\\\\] {\n                padding-left: var(--w-prefix-width, 40px)\n            }\n\n            .invisible {\n                visibility: hidden\n            }\n\n            .backface-hidden {\n                backface-visibility: hidden\n            }\n\n            .break-words {\n                overflow-wrap: break-word\n            }\n\n            .before\\\\:content-\\\\[\\\\\"\u00E2\u20AC\u201C\\\\\"\\\\]:before {\n                content: \"\u00E2\u20AC\u201C\"\n            }\n\n            .before\\\\:content-\\\\[\\\\\"\\\\\"\\\\]:before {\n                content: \"\"\n            }\n\n            .cursor-default {\n                cursor: default\n            }\n\n            .cursor-pointer {\n                cursor: pointer\n            }\n\n            .antialiased {\n                -webkit-font-smoothing: antialiased;\n                -moz-osx-font-smoothing: grayscale;\n                font-smoothing: grayscale\n            }\n\n            .font-bold {\n                font-weight: 700\n            }\n\n            .before\\\\:font-bold:before {\n                font-weight: 700\n            }\n\n            .font-normal {\n                font-weight: 400\n            }\n\n            .pointer-events-auto {\n                pointer-events: auto\n            }\n\n            .pointer-events-none {\n                pointer-events: none\n            }\n\n            .before\\\\:pointer-events-none:before {\n                pointer-events: none\n            }\n\n            .pb-safe-\\\\[32\\\\] {\n                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))\n            }\n\n            .sr-only {\n                position: absolute;\n                width: 1px;\n                height: 1px;\n                padding: 0;\n                margin: -1px;\n                overflow: hidden;\n                clip: rect(0, 0, 0, 0);\n                white-space: nowrap;\n                border-width: 0\n            }\n\n            .touch-pan-y {\n                touch-action: pan-y\n            }\n\n            .select-none {\n                -webkit-user-select: none;\n                user-select: none\n            }\n\n            .translate-x-20 {\n                --w-translate-x: 2rem;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .translate-z-0 {\n                --w-translate-z: 0rem;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .-rotate-180, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:-rotate-180::part(w-icon-chevron-down-16-part) {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: -180deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: 180deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .rotate-90 {\n                --w-rotate-x: 0;\n                --w-rotate-y: 0;\n                --w-rotate-z: 0;\n                --w-rotate: 90deg;\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform::part(w-icon-chevron-up-16-part), .transform {\n                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {\n                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))\n            }\n\n            .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {\n                transition-property: transform;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-300 {\n                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .3s\n            }\n\n            .transition-all {\n                transition-property: all;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-colors {\n                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .transition-shadow {\n                transition-property: box-shadow;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .before\\\\:transition-all:before {\n                transition-property: all;\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n                transition-duration: .15s\n            }\n\n            .duration-300 {\n                transition-duration: .3s\n            }\n\n            .ease-in-out, .part-\\\\[w-icon-chevron-down-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\\\[w-icon-chevron-up-16-part\\\\]\\\\:ease-in-out::part(w-icon-chevron-up-16-part) {\n                transition-timing-function: cubic-bezier(.4, 0, .2, 1)\n            }\n\n            .text-m {\n                font-size: var(--w-font-size-m);\n                line-height: var(--w-line-height-m)\n            }\n\n            .text-s {\n                font-size: var(--w-font-size-s);\n                line-height: var(--w-line-height-s)\n            }\n\n            .text-xs {\n                font-size: var(--w-font-size-xs);\n                line-height: var(--w-line-height-xs)\n            }\n\n            .leading-m {\n                line-height: var(--w-line-height-m)\n            }\n\n            .before\\\\:leading-xs:before {\n                line-height: var(--w-line-height-xs)\n            }\n\n            .leading-\\\\[24\\\\] {\n                line-height: 2.4rem\n            }\n\n            @media (max-width: 479.9px) {\n                .lt-sm\\\\:rounded-b-0 {\n                    border-bottom-left-radius: 0;\n                    border-bottom-right-radius: 0\n                }\n            }\n            @media (min-width: 480px) {\n                .sm\\\\:border-b-0 {\n                    border-bottom-width: 0\n                }\n\n                .sm\\\\:rounded-8 {\n                    border-radius: 8px\n                }\n\n                .sm\\\\:rounded-b-8 {\n                    border-bottom-left-radius: 8px;\n                    border-bottom-right-radius: 8px\n                }\n\n                .sm\\\\:gap-16 {\n                    gap: 1.6rem\n                }\n\n                .sm\\\\:place-content-center {\n                    place-content: center\n                }\n\n                .sm\\\\:place-items-center {\n                    place-items: center\n                }\n\n                .sm\\\\:h-24 {\n                    height: 2.4rem\n                }\n\n                .sm\\\\:min-h-48 {\n                    min-height: 4.8rem\n                }\n\n                .sm\\\\:w-24 {\n                    width: 2.4rem\n                }\n\n                .sm\\\\:min-h-\\\\[32px\\\\] {\n                    min-height: 32px\n                }\n\n                .sm\\\\:min-h-\\\\[44px\\\\] {\n                    min-height: 44px\n                }\n\n                .sm\\\\:min-h-\\\\[45\\\\] {\n                    min-height: 4.5rem\n                }\n\n                .sm\\\\:min-w-\\\\[32px\\\\] {\n                    min-width: 32px\n                }\n\n                .sm\\\\:min-w-\\\\[44px\\\\] {\n                    min-width: 44px\n                }\n\n                .sm\\\\:mx-0 {\n                    margin-left: 0rem;\n                    margin-right: 0rem\n                }\n\n                .sm\\\\:mx-16 {\n                    margin-left: 1.6rem;\n                    margin-right: 1.6rem\n                }\n\n                .sm\\\\:-ml-12 {\n                    margin-left: -1.2rem\n                }\n\n                .sm\\\\:-mr-12 {\n                    margin-right: -1.2rem\n                }\n\n                .sm\\\\:-mt-8 {\n                    margin-top: -.8rem\n                }\n\n                .sm\\\\:px-32 {\n                    padding-left: 3.2rem;\n                    padding-right: 3.2rem\n                }\n\n                .sm\\\\:py-0 {\n                    padding-top: 0rem;\n                    padding-bottom: 0rem\n                }\n\n                .sm\\\\:pb-32 {\n                    padding-bottom: 3.2rem\n                }\n\n                .sm\\\\:pt-24 {\n                    padding-top: 2.4rem\n                }\n\n                .sm\\\\:pt-32 {\n                    padding-top: 3.2rem\n                }\n            }\n            @media (min-width: 768px) {\n                .md\\\\:block {\n                    display: block\n                }\n\n                .md\\\\:hidden {\n                    display: none\n                }\n            }\n        `);\n", "import { unsafeCSS } from \"lit\";\nexport const styles = unsafeCSS(\n\t\"*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-\\\\[--w-black\\\\/70\\\\]{background-color:rgba(var(--w-rgb-black),.7)}.bg-\\\\[--w-color-badge-info-background\\\\]{background-color:var(--w-color-badge-info-background)}.bg-\\\\[--w-color-badge-negative-background\\\\]{background-color:var(--w-color-badge-negative-background)}.bg-\\\\[--w-color-badge-neutral-background\\\\]{background-color:var(--w-color-badge-neutral-background)}.bg-\\\\[--w-color-badge-positive-background\\\\]{background-color:var(--w-color-badge-positive-background)}.bg-\\\\[--w-color-badge-sponsored-background\\\\]{background-color:var(--w-color-badge-sponsored-background)}.bg-\\\\[--w-color-badge-warning-background\\\\]{background-color:var(--w-color-badge-warning-background)}.border-0{border-width:0}.rounded-4{border-radius:4px}.rounded-bl-0{border-bottom-left-radius:0}.rounded-br-0{border-bottom-right-radius:0}.rounded-tl-0{border-top-left-radius:0}.rounded-tr-0{border-top-right-radius:0}.inline-flex{display:inline-flex}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-text{color:var(--w-s-color-text)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.px-8{padding-left:.8rem;padding-right:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}\",\n);\n"],
+  "mappings": "wMAAA,IAAIA,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAEC,EAAE,UAAU,OAAOA,KAAK,EAAEA,CAAC,EAAE,UAAUA,CAAC,EAAE,OAAO,EAAE,OAAO,SAASC,EAAED,EAAE,CAAC,OAAOC,EAAE,OAAiB,OAAOD,GAAjB,SAAmBA,EAAE,MAAM,QAAQA,CAAC,EAAED,EAAE,MAAM,OAAOC,CAAC,EAAY,OAAOA,GAAjB,UAAoBA,EAAE,OAAO,KAAKA,CAAC,EAAE,IAAI,SAASD,EAAE,CAAC,OAAOC,EAAED,CAAC,EAAEA,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,ECGxQ,OAAS,QAAAG,EAAM,cAAAC,MAAkB,MACjC,OAAS,YAAAC,MAAgB,oBCJzB,OAAS,OAAAC,MAAW,MAoRpB,OAAS,aAAAC,MAAiB,MAlRnB,IAAMC,EAAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqRRG,EAAaF,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAsnE3B,EC74ET,OAAS,aAAAG,MAAiB,MACnB,IAAMC,EAASD,EACrB,6pDACD,EFYA,IAAME,EAAN,cAAwBC,CAAW,CAkClC,IAAI,QAAS,CACZ,IAAMC,EAAU,KAAK,SAAW,UAChC,OAAOC,EAAW,CACjB,mDACAD,IAAY,WAAa,iDACzBA,IAAY,QAAU,8CACtBA,IAAY,YACX,kDACDA,IAAY,WAAa,iDACzBA,IAAY,YACX,kDACDA,IAAY,YAAc,uBAC1BA,IAAY,SAAW,2CACvBA,IAAY,aACX,mDACD,CAAC,CAAC,KAAK,UAAY,yBACnB,KAAK,WAAa,YACjB,sDACD,KAAK,WAAa,aACjB,uDACD,KAAK,WAAa,gBACjB,0DACD,KAAK,WAAa,eACjB,wDACF,CAAC,CACF,CAEA,QAAS,CACR,OAAOE;AAAA,iBACQ,KAAK,MAAM;AAAA;AAAA;AAAA,GAI3B,CACD,EApEMJ,EA+BE,OAAS,CAACK,EAAOC,CAAM,EAxB9BC,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GANpCR,EAOL,uBAiBAO,EAAA,CADCC,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAvBpCR,EAwBL,wBAoDI,eAAe,IAAI,SAAS,GAChC,eAAe,OAAO,UAAWA,CAAS",
   "names": ["r", "n", "t", "html", "LitElement", "property", "css", "unsafeCSS", "reset", "components", "unsafeCSS", "styles", "WarpBadge", "LitElement", "variant", "r", "html", "reset", "styles", "__decorateClass", "property"]
 }

package/dist/packages/badge/react.d.ts

@@ -1,2 +1,7 @@
-import { WarpBadge } from "./badge.js";
+import type { WarpBadge } from "./badge.js";
+/**
+ * Badge is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/badge/frameworks/elements)
+ */
 export declare const Badge: import("@lit/react").ReactWebComponent<WarpBadge, {}>;

package/dist/packages/badge/react.js

@@ -4,6 +4,11 @@ import React from "react";
 // decouple from CDN by providing a dummy class
 class Component extends LitElement {
 }
+/**
+ * Badge is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.
+ *
+ * [Warp component reference](https://warp-ds.github.io/docs/components/badge/frameworks/elements)
+ */
 export const Badge = createComponent({
     tagName: "w-badge",
     elementClass: Component,

package/dist/packages/box/box.d.ts

@@ -3,7 +3,7 @@ declare const WarpBox_base: import("@open-wc/form-control").Constructor<import("
 /**
  * Box is a layout component used for separating content areas on a page.
  *
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-box--docs)
+ * [Warp component reference](https://warp-ds.github.io/docs/components/box/frameworks/elements)
  */
 declare class WarpBox extends WarpBox_base {
     /**
@@ -38,4 +38,9 @@ declare class WarpBox extends WarpBox_base {
     get _class(): string;
     render(): import("lit").TemplateResult<1>;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        "w-box": WarpBox;
+    }
+}
 export { WarpBox };

package/dist/packages/box/box.js

@@ -1,4 +1,4 @@
-var q=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var f=(d,e,n,o)=>{for(var i=o>1?void 0:o?O(e,n):e,h=d.length-1,u;h>=0;h--)(u=d[h])&&(i=(o?u(e,n,i):u(i))||i);return o&&i&&q(e,n,i),i};var Z=function(){for(var d=[],e=arguments.length;e--;)d[e]=arguments[e];return d.reduce(function(n,o){return n.concat(typeof o=="string"?o:Array.isArray(o)?Z.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{css as H,html as J,LitElement as K}from"lit";import{property as F}from"lit/decorators.js";var a=function(d,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?d!==e||!o:!e.has(d))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(d):o?o.value:e.get(d)},l=function(d,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?d!==e||!i:!e.has(d))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(d,n):i?i.value=n:e.set(d,n),n};function N(d){var e,n,o,i,h,u,m,G,x,Y,j,E,V,k,M,v,S,A,P;class R extends d{constructor(...r){var t,s,c;super(...r),e.add(this),this.internals=this.attachInternals(),n.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),u.set(this,void 0),m.set(this,!0),x.set(this,""),Y.set(this,()=>{l(this,i,!0,"f"),l(this,n,!0,"f"),a(this,e,"m",v).call(this)}),j.set(this,()=>{l(this,n,!1,"f"),a(this,e,"m",S).call(this,this.shouldFormValueUpdate()?a(this,x,"f"):""),!this.validity.valid&&a(this,i,"f")&&l(this,o,!0,"f");let p=a(this,e,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(p?this.internals.validationMessage:"")}),E.set(this,()=>{var p;a(this,m,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),l(this,m,!1,"f")),l(this,i,!0,"f"),l(this,o,!0,"f"),a(this,e,"m",v).call(this),(p=this===null||this===void 0?void 0:this.validationMessageCallback)===null||p===void 0||p.call(this,this.showError?this.internals.validationMessage:"")}),V.set(this,void 0),k.set(this,!1),M.set(this,Promise.resolve()),(t=this.addEventListener)===null||t===void 0||t.call(this,"focus",a(this,Y,"f")),(s=this.addEventListener)===null||s===void 0||s.call(this,"blur",a(this,j,"f")),(c=this.addEventListener)===null||c===void 0||c.call(this,"invalid",a(this,E,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let r=this.validators.map(c=>c.attribute).flat(),t=super.observedAttributes||[];return[...new Set([...t,...r])]}static getValidator(r){return this.validators.find(t=>t.attribute===r)||null}static getValidators(r){return this.validators.filter(t=>{var s;if(t.attribute===r||!((s=t.attribute)===null||s===void 0)&&s.includes(r))return!0})}get form(){return this.internals.form}get showError(){return a(this,e,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(r,t,s){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,r,t,s);let z=this.constructor.getValidators(r);z?.length&&this.validationTarget&&this.setValue(a(this,x,"f"))}setValue(r){var t;l(this,o,!1,"f"),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,""),l(this,x,r,"f");let c=this.shouldFormValueUpdate()?r:null;this.internals.setFormValue(c),a(this,e,"m",S).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),a(this,e,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(r=>r(a(this,M,"f")))}formResetCallback(){var r,t;l(this,i,!1,"f"),l(this,o,!1,"f"),a(this,e,"m",v).call(this),(r=this.resetFormControl)===null||r===void 0||r.call(this),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,a(this,e,"m",v).call(this)?this.validationMessage:"")}}return n=new WeakMap,o=new WeakMap,i=new WeakMap,h=new WeakMap,u=new WeakMap,m=new WeakMap,x=new WeakMap,Y=new WeakMap,j=new WeakMap,E=new WeakMap,V=new WeakMap,k=new WeakMap,M=new WeakMap,e=new WeakSet,G=function(){let r=this.getRootNode(),t=`${this.localName}[name="${this.getAttribute("name")}"]`;return r.querySelectorAll(t)},v=function(){if(this.hasAttribute("disabled"))return!1;let r=a(this,o,"f")||a(this,i,"f")&&!this.validity.valid&&!a(this,n,"f");return r&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),r},S=function(r){let t=this.constructor,s={},c=t.validators,p=[],z=c.some(b=>b.isValid instanceof Promise);a(this,k,"f")||(l(this,M,new Promise(b=>{l(this,V,b,"f")}),"f"),l(this,k,!0,"f")),a(this,h,"f")&&(a(this,h,"f").abort(),l(this,u,a(this,h,"f"),"f"));let _=new AbortController;l(this,h,_,"f");let C,W=!1;c.length&&(c.forEach(b=>{let T=b.key||"customError",w=b.isValid(this,r,_.signal);w instanceof Promise?(p.push(w),w.then(X=>{X!=null&&(s[T]=!X,C=a(this,e,"m",P).call(this,b,r),a(this,e,"m",A).call(this,s,C))})):(s[T]=!w,this.validity[T]!==!w&&(W=!0),!w&&!C&&(C=a(this,e,"m",P).call(this,b,r)))}),Promise.allSettled(p).then(()=>{var b;_?.signal.aborted||(l(this,k,!1,"f"),(b=a(this,V,"f"))===null||b===void 0||b.call(this))}),(W||!z)&&a(this,e,"m",A).call(this,s,C))},A=function(r,t){if(this.validationTarget)this.internals.setValidity(r,t,this.validationTarget),l(this,m,!1,"f");else{if(this.internals.setValidity(r,t),this.internals.validity.valid)return;l(this,m,!0,"f")}},P=function(r,t){if(this.validityCallback){let s=this.validityCallback(r.key||"customError");if(s)return s}return r.message instanceof Function?r.message(this,t):r.message},R}import{css as $}from"lit";import{unsafeCSS as I}from"lit";var U=$`
+var q=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var f=(d,e,n,o)=>{for(var i=o>1?void 0:o?O(e,n):e,h=d.length-1,u;h>=0;h--)(u=d[h])&&(i=(o?u(e,n,i):u(i))||i);return o&&i&&q(e,n,i),i};var Z=function(){for(var d=[],e=arguments.length;e--;)d[e]=arguments[e];return d.reduce(function(n,o){return n.concat(typeof o=="string"?o:Array.isArray(o)?Z.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};import{css as H,html as J,LitElement as K}from"lit";import{property as F}from"lit/decorators.js";var a=function(d,e,n,o){if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?d!==e||!o:!e.has(d))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?o:n==="a"?o.call(d):o?o.value:e.get(d)},l=function(d,e,n,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?d!==e||!i:!e.has(d))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(d,n):i?i.value=n:e.set(d,n),n};function N(d){var e,n,o,i,h,u,m,G,x,Y,E,j,M,k,V,v,S,T,A;class R extends d{constructor(...r){var t,s,c;super(...r),e.add(this),this.internals=this.attachInternals(),n.set(this,!1),o.set(this,!1),i.set(this,!1),h.set(this,void 0),u.set(this,void 0),m.set(this,!0),x.set(this,""),Y.set(this,()=>{l(this,i,!0,"f"),l(this,n,!0,"f"),a(this,e,"m",v).call(this)}),E.set(this,()=>{l(this,n,!1,"f"),a(this,e,"m",S).call(this,this.shouldFormValueUpdate()?a(this,x,"f"):""),!this.validity.valid&&a(this,i,"f")&&l(this,o,!0,"f");let p=a(this,e,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(p?this.internals.validationMessage:"")}),j.set(this,()=>{var p;a(this,m,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),l(this,m,!1,"f")),l(this,i,!0,"f"),l(this,o,!0,"f"),a(this,e,"m",v).call(this),(p=this===null||this===void 0?void 0:this.validationMessageCallback)===null||p===void 0||p.call(this,this.showError?this.internals.validationMessage:"")}),M.set(this,void 0),k.set(this,!1),V.set(this,Promise.resolve()),(t=this.addEventListener)===null||t===void 0||t.call(this,"focus",a(this,Y,"f")),(s=this.addEventListener)===null||s===void 0||s.call(this,"blur",a(this,E,"f")),(c=this.addEventListener)===null||c===void 0||c.call(this,"invalid",a(this,j,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let r=this.validators.map(c=>c.attribute).flat(),t=super.observedAttributes||[];return[...new Set([...t,...r])]}static getValidator(r){return this.validators.find(t=>t.attribute===r)||null}static getValidators(r){return this.validators.filter(t=>{var s;if(t.attribute===r||!((s=t.attribute)===null||s===void 0)&&s.includes(r))return!0})}get form(){return this.internals.form}get showError(){return a(this,e,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(r,t,s){var c;(c=super.attributeChangedCallback)===null||c===void 0||c.call(this,r,t,s);let z=this.constructor.getValidators(r);z?.length&&this.validationTarget&&this.setValue(a(this,x,"f"))}setValue(r){var t;l(this,o,!1,"f"),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,""),l(this,x,r,"f");let c=this.shouldFormValueUpdate()?r:null;this.internals.setFormValue(c),a(this,e,"m",S).call(this,c),this.valueChangedCallback&&this.valueChangedCallback(c),a(this,e,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(r=>r(a(this,V,"f")))}formResetCallback(){var r,t;l(this,i,!1,"f"),l(this,o,!1,"f"),a(this,e,"m",v).call(this),(r=this.resetFormControl)===null||r===void 0||r.call(this),(t=this.validationMessageCallback)===null||t===void 0||t.call(this,a(this,e,"m",v).call(this)?this.validationMessage:"")}}return n=new WeakMap,o=new WeakMap,i=new WeakMap,h=new WeakMap,u=new WeakMap,m=new WeakMap,x=new WeakMap,Y=new WeakMap,E=new WeakMap,j=new WeakMap,M=new WeakMap,k=new WeakMap,V=new WeakMap,e=new WeakSet,G=function(){let r=this.getRootNode(),t=`${this.localName}[name="${this.getAttribute("name")}"]`;return r.querySelectorAll(t)},v=function(){if(this.hasAttribute("disabled"))return!1;let r=a(this,o,"f")||a(this,i,"f")&&!this.validity.valid&&!a(this,n,"f");return r&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),r},S=function(r){let t=this.constructor,s={},c=t.validators,p=[],z=c.some(b=>b.isValid instanceof Promise);a(this,k,"f")||(l(this,V,new Promise(b=>{l(this,M,b,"f")}),"f"),l(this,k,!0,"f")),a(this,h,"f")&&(a(this,h,"f").abort(),l(this,u,a(this,h,"f"),"f"));let _=new AbortController;l(this,h,_,"f");let C,W=!1;c.length&&(c.forEach(b=>{let P=b.key||"customError",w=b.isValid(this,r,_.signal);w instanceof Promise?(p.push(w),w.then(X=>{X!=null&&(s[P]=!X,C=a(this,e,"m",A).call(this,b,r),a(this,e,"m",T).call(this,s,C))})):(s[P]=!w,this.validity[P]!==!w&&(W=!0),!w&&!C&&(C=a(this,e,"m",A).call(this,b,r)))}),Promise.allSettled(p).then(()=>{var b;_?.signal.aborted||(l(this,k,!1,"f"),(b=a(this,M,"f"))===null||b===void 0||b.call(this))}),(W||!z)&&a(this,e,"m",T).call(this,s,C))},T=function(r,t){if(this.validationTarget)this.internals.setValidity(r,t,this.validationTarget),l(this,m,!1,"f");else{if(this.internals.setValidity(r,t),this.internals.validity.valid)return;l(this,m,!0,"f")}},A=function(r,t){if(this.validityCallback){let s=this.validityCallback(r.key||"customError");if(s)return s}return r.message instanceof Function?r.message(this,t):r.message},R}import{css as $}from"lit";import{unsafeCSS as I}from"lit";var L=$`
 	*,
 	:before,
 	:after {
@@ -2437,11 +2437,11 @@ var q=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var f=(d,e,n,o
                     display: none
                 }
             }
-        `);import{unsafeCSS as D}from"lit";var L=D("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded{border-radius:4px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var g=class extends N(K){constructor(){super(...arguments);this.bleed=!1;this.bordered=!1;this.info=!1;this.neutral=!1;this.role="region"}connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(n){super.updated(n),n.has("role")&&(this.internals.role=this.role)}get _class(){return Z(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}render(){return J`
+        `);import{unsafeCSS as D}from"lit";var U=D("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.border-2{border-width:2px}.rounded{border-radius:4px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.p-16{padding:1.6rem}.break-words{overflow-wrap:break-word}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var g=class extends N(K){constructor(){super(...arguments);this.bleed=!1;this.bordered=!1;this.info=!1;this.neutral=!1;this.role="region"}connectedCallback(){super.connectedCallback(),this.internals.role=this.role}updated(n){super.updated(n),n.has("role")&&(this.internals.role=this.role)}get _class(){return Z(["group block relative break-words last-child:mb-0 p-16 rounded-8",this.bleed&&"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",this.info&&"s-bg-info-subtle",this.neutral&&"s-surface-sunken",this.bordered&&"border-2 s-border s-bg"])}render(){return J`
 			<div class="${this._class}">
 				<slot></slot>
 			</div>
-		`}};g.styles=[U,L,H`
+		`}};g.styles=[L,U,H`
 			:host {
 				display: block;
 			}