@plusui/library 0.1.7 → 0.1.9

package/public/react/index.js

@@ -1,30 +1,30 @@
-import React, { forwardRef, useImperativeHandle, useLayoutEffect, useEffect, useRef } from 'react';
+import React, { forwardRef, useLayoutEffect, useEffect, useRef } from 'react';
 
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$1$1=globalThis,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1=Symbol(),o$2$1=new WeakMap;let n$2$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2$1.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$2$1("string"==typeof t?t:t+"",void 0,s$1),i$3$1=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2$1(o,t,s$1)},S$1=(s,o)=>{if(e$2$1)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
+const t$1$1=globalThis,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$3$1=new WeakMap;let n$2$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3$1.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$2$1("string"==typeof t?t:t+"",void 0,s$2),i$3$1=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2$1(o,t,s$2)},S$1=(s,o)=>{if(e$2$1)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const {is:i$2$1,defineProperty:e$1$1,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$1$1,getPrototypeOf:n$1$1}=Object,a$1$1=globalThis,c$1=a$1$1.trustedTypes,l$1$1=c$1?c$1.emptyScript:"",p$1=a$1$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2$1(t,s),y$1={attribute:true,type:String,converter:u$1$1,reflect:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1$1.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...h$1(t),...o$1$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[d$1("elementProperties")]=new Map,b[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b}),(a$1$1.reactiveElementVersions??=[]).push("2.0.4");
+ */const {is:i$2$1,defineProperty:e$1$1,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1$1,getOwnPropertySymbols:o$2$1,getPrototypeOf:n$1$1}=Object,a$1$1=globalThis,c$1=a$1$1.trustedTypes,l$1$1=c$1?c$1.emptyScript:"",p$1=a$1$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2$1(t,s),b={attribute:true,type:String,converter:u$1$1,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$1$1(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1$1(t),...o$2$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return  false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$1$1).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1$1;this._$Em=e,this[e]=h.fromAttribute(s,t.type)??this._$Ej?.get(e)??null,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$1)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return  true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$1$1.reactiveElementVersions??=[]).push("2.1.0");
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t$2=globalThis,i$1$1=t$2.trustedTypes,s=i$1$1?i$1$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$4="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$6="?"+h,n$4=`<${o$6}>`,r$1$1=document,l$3=()=>r$1$1.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$2=Array.isArray,u$3=t=>a$2(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1=/-->/g,_$1=/>/g,m$1=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$2=/'/g,g$1=/"/g,$=/^(?:script|style|textarea|title)$/i,y$2=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$2=y$2(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$1$1.createTreeWalker(r$1$1,129);function P(t,i){if(!a$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v$1:void 0!==u[1]?c=_$1:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1):void 0!==u[3]&&(c=m$1):c===m$1?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1:'"'===u[3]?g$1:p$2):c===g$1||c===p$2?c=m$1:c===v$1||c===_$1?c=f$2:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$4:d>=0?(o.push(a),s.slice(0,d)+e$4+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$4)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1$1?i$1$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$3()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$3());}}}else if(8===r.nodeType)if(r.data===o$6)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$1$1.createElement("template");return s.innerHTML=t,s}};function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$1$1).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$1$1,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$3(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1$1.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$1.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N$1(t)),i}k(t){a$2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$3()),this.O(l$3()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t$2.litHtmlPolyfillSupport;j?.(N$1,R$1),(t$2.litHtmlVersions??=[]).push("3.2.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$1(i.insertBefore(l$3(),t),t,void 0,s??{});}return h._$AI(t),h};
+const t$2=globalThis,i$1$1=t$2.trustedTypes,s$1=i$1$1?i$1$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$4="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$1$1="?"+h,n$4=`<${o$1$1}>`,r$3=document,l$3=()=>r$3.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$2=Array.isArray,u$3=t=>a$2(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1=/-->/g,_$1=/>/g,m$1=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$2=/'/g,g$1=/"/g,$=/^(?:script|style|textarea|title)$/i,y$2=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$2=y$2(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$3.createTreeWalker(r$3,129);function P(t,i){if(!a$2(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v$1:void 0!==u[1]?c=_$1:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1):void 0!==u[3]&&(c=m$1):c===m$1?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1:'"'===u[3]?g$1:p$2):c===g$1||c===p$2?c=m$1:c===v$1||c===_$1?c=f$2:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$4:d>=0?(o.push(a),s.slice(0,d)+e$4+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$4)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1$1?i$1$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$3()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$3());}}}else if(8===r.nodeType)if(r.data===o$1$1)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$3.createElement("template");return s.innerHTML=t,s}};function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$3).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$3,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$3(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$3.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$1.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N$1(t)),i}k(t){a$2(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$3()),this.O(l$3()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t$2.litHtmlPolyfillSupport;j?.(N$1,R$1),(t$2.litHtmlVersions??=[]).push("3.3.0");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$1(i.insertBefore(l$3(),t),t,void 0,s??{});}return h._$AI(t),h};
 
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */let r$4 = class r extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};r$4._$litElement$=true,r$4["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4});const i$4=globalThis.litElementPolyfillSupport;i$4?.({LitElement:r$4});(globalThis.litElementVersions??=[]).push("4.1.1");
+ */const s=globalThis;let i$4 = class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}};i$4._$litElement$=true,i$4["finalized"]=true,s.litElementHydrateSupport?.({LitElement:i$4});const o$6=s.litElementPolyfillSupport;o$6?.({LitElement:i$4});(s.litElementVersions??=[]).push("4.2.0");
 
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -53,7 +53,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-red-700: oklch(50.5% 0.213 27.518);\n    --color-red-800: oklch(44.4% 0.177 26.899);\n    --color-red-900: oklch(39.6% 0.141 25.723);\n    --color-red-950: oklch(25.8% 0.092 26.042);\n    --color-yellow-50: oklch(98.7% 0.026 102.212);\n    --color-yellow-100: oklch(97.3% 0.071 103.193);\n    --color-yellow-200: oklch(94.5% 0.129 101.54);\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-400: oklch(85.2% 0.199 91.936);\n    --color-yellow-500: oklch(79.5% 0.184 86.047);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-yellow-700: oklch(55.4% 0.135 66.442);\n    --color-yellow-800: oklch(47.6% 0.114 61.907);\n    --color-yellow-900: oklch(42.1% 0.095 57.708);\n    --color-yellow-950: oklch(28.6% 0.066 53.813);\n    --color-green-50: oklch(98.2% 0.018 155.826);\n    --color-green-100: oklch(96.2% 0.044 156.743);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-300: oklch(87.1% 0.15 154.449);\n    --color-green-400: oklch(79.2% 0.209 151.711);\n    --color-green-500: oklch(72.3% 0.219 149.579);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-green-700: oklch(52.7% 0.154 150.069);\n    --color-green-800: oklch(44.8% 0.119 151.328);\n    --color-green-900: oklch(39.3% 0.095 152.535);\n    --color-green-950: oklch(26.6% 0.065 152.934);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-indigo-800: oklch(39.8% 0.195 277.366);\n    --color-indigo-900: oklch(35.9% 0.144 278.697);\n    --color-indigo-950: oklch(25.7% 0.09 281.288);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-gray-50: oklch(98.5% 0.002 247.839);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-gray-700: oklch(37.3% 0.034 259.733);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-gray-950: oklch(13% 0.028 261.692);\n    --color-neutral-300: oklch(87% 0 0);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-xl: 36rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 2s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --plus-color-base-white: var(--color-white);\n    --plus-color-base-black: var(--color-black);\n    --plus-color-base-transparent: transparent;\n    --plus-color-neutral-100: var(--color-gray-100);\n    --plus-color-neutral-200: var(--color-gray-200);\n    --plus-color-neutral-300: var(--color-gray-300);\n    --plus-color-neutral-400: var(--color-gray-400);\n    --plus-color-neutral-500: var(--color-gray-500);\n    --plus-color-neutral-600: var(--color-gray-600);\n    --plus-color-neutral-700: var(--color-gray-700);\n    --plus-color-neutral-800: var(--color-gray-800);\n    --plus-color-neutral-900: var(--color-gray-900);\n    --plus-color-neutral-950: var(--color-gray-950);\n    --plus-color-primary-100: var(--color-indigo-100);\n    --plus-color-primary-200: var(--color-indigo-200);\n    --plus-color-primary-300: var(--color-indigo-300);\n    --plus-color-primary-700: var(--color-indigo-700);\n    --plus-color-primary-800: var(--color-indigo-800);\n    --plus-color-primary-900: var(--color-indigo-900);\n    --plus-color-info-100: var(--color-blue-100);\n    --plus-color-info-200: var(--color-blue-200);\n    --plus-color-info-300: var(--color-blue-300);\n    --plus-color-info-700: var(--color-blue-700);\n    --plus-color-info-800: var(--color-blue-800);\n    --plus-color-info-900: var(--color-blue-900);\n    --plus-color-success-100: var(--color-green-100);\n    --plus-color-success-200: var(--color-green-200);\n    --plus-color-success-300: var(--color-green-300);\n    --plus-color-success-700: var(--color-green-700);\n    --plus-color-success-800: var(--color-green-800);\n    --plus-color-success-900: var(--color-green-900);\n    --plus-color-warning-100: var(--color-yellow-100);\n    --plus-color-warning-200: var(--color-yellow-200);\n    --plus-color-warning-300: var(--color-yellow-300);\n    --plus-color-warning-700: var(--color-yellow-700);\n    --plus-color-warning-800: var(--color-yellow-800);\n    --plus-color-warning-900: var(--color-yellow-900);\n    --plus-color-danger-100: var(--color-red-100);\n    --plus-color-danger-200: var(--color-red-200);\n    --plus-color-danger-300: var(--color-red-300);\n    --plus-color-danger-700: var(--color-red-700);\n    --plus-color-danger-800: var(--color-red-800);\n    --plus-color-danger-900: var(--color-red-900);\n    --text-xxxs: 0.5rem;\n    --text-xxxs--line-height: calc(1 / 0.5);\n    --plus-border-radius-default: var(--radius-sm);\n    --plus-border-radius-modal: var(--radius-lg);\n    --radius-default: var(--plus-border-radius-default);\n  }\n}\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\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  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .inset-x-0 {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-0\\.5 {\n    top: calc(var(--spacing) * 0.5);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .bottom-5 {\n    bottom: calc(var(--spacing) * 5);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-0\\.5 {\n    left: calc(var(--spacing) * 0.5);\n  }\n  .left-1 {\n    left: calc(var(--spacing) * 1);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-5 {\n    left: calc(var(--spacing) * 5);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-40 {\n    z-index: 40;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[1000\\] {\n    z-index: 1000;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .mx-\\(--divider-spacing\\) {\n    margin-inline: var(--divider-spacing);\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * 1.5);\n  }\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-10 {\n    margin-top: calc(var(--spacing) * 10);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n  .size-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n    height: calc(var(--spacing) * 4.5);\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n  .size-11 {\n    width: calc(var(--spacing) * 11);\n    height: calc(var(--spacing) * 11);\n  }\n  .size-\\[var\\(--size\\)\\] {\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-2\\/5 {\n    height: calc(2/5 * 100%);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-6\\.5 {\n    height: calc(var(--spacing) * 6.5);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-96 {\n    height: calc(var(--spacing) * 96);\n  }\n  .h-\\[48px\\] {\n    height: 48px;\n  }\n  .h-\\[52px\\] {\n    height: 52px;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-80 {\n    max-height: calc(var(--spacing) * 80);\n  }\n  .max-h-\\[90vh\\] {\n    max-height: 90vh;\n  }\n  .min-h-\\[52px\\] {\n    min-height: 52px;\n  }\n  .min-h-\\[60px\\] {\n    min-height: 60px;\n  }\n  .min-h-\\[68px\\] {\n    min-height: 68px;\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-13 {\n    width: calc(var(--spacing) * 13);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n  .w-96 {\n    width: calc(var(--spacing) * 96);\n  }\n  .w-\\[1em\\] {\n    width: 1em;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-80 {\n    max-width: calc(var(--spacing) * 80);\n  }\n  .max-w-96 {\n    max-width: calc(var(--spacing) * 96);\n  }\n  .max-w-\\[256px\\] {\n    max-width: 256px;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: var(--container-lg);\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-sm {\n    max-width: var(--container-sm);\n  }\n  .max-w-xl {\n    max-width: var(--container-xl);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n  .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n  .min-w-6 {\n    min-width: calc(var(--spacing) * 6);\n  }\n  .min-w-9 {\n    min-width: calc(var(--spacing) * 9);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .origin-left {\n    transform-origin: left;\n  }\n  .origin-right {\n    transform-origin: right;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[50\\%\\] {\n    --tw-translate-x: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n    --tw-translate-x: calc(2.5rem - 1.25rem);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n    --tw-translate-x: calc(3.5rem - 1.75rem);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n    --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-full {\n    --tw-translate-x: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[50\\%\\] {\n    --tw-translate-y: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-full {\n    --tw-translate-y: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-0 {\n    --tw-scale-x: 0%;\n    --tw-scale-y: 0%;\n    --tw-scale-z: 0%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .cursor-text {\n    cursor: text;\n  }\n  .cursor-wait {\n    cursor: wait;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .resize-x {\n    resize: horizontal;\n  }\n  .resize-y {\n    resize: vertical;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n  .gap-x-5 {\n    column-gap: calc(var(--spacing) * 5);\n  }\n  .gap-y-2 {\n    row-gap: calc(var(--spacing) * 2);\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-default {\n    border-radius: var(--radius-default);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-0 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-r-2 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 2px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\(--d-border\\) {\n    border-color: var(--d-border);\n  }\n  .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n    border-color: var(--border-color,var(--i-border-color));\n  }\n  .border-color-danger {\n    border-color: var(--plus-color-border-danger);\n  }\n  .border-color-default {\n    border-color: var(--plus-color-border-default);\n  }\n  .border-color-disabled {\n    border-color: var(--plus-color-border-disabled);\n  }\n  .border-color-dynamic {\n    border-color: var(--border-color,var(--i-border-color));\n  }\n  .border-color-primary {\n    border-color: var(--plus-color-border-primary);\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-r-color-primary {\n    border-right-color: var(--plus-color-border-primary);\n  }\n  .border-r-transparent {\n    border-right-color: transparent;\n  }\n  .border-b-color-primary {\n    border-bottom-color: var(--plus-color-border-primary);\n  }\n  .border-b-transparent {\n    border-bottom-color: transparent;\n  }\n  .bg-\\(--d-bg-checked\\) {\n    background-color: var(--d-bg-checked);\n  }\n  .bg-\\(--d-bg-default\\) {\n    background-color: var(--d-bg-default);\n  }\n  .bg-\\(--d-bg-loading\\) {\n    background-color: var(--d-bg-loading);\n  }\n  .bg-\\(--d-dot-bg\\) {\n    background-color: var(--d-dot-bg);\n  }\n  .bg-\\(--d-switch-bg\\) {\n    background-color: var(--d-switch-bg);\n  }\n  .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n    background-color: var(--bg-color,var(--i-bg-color));\n  }\n  .bg-\\[var\\(--i-bg-default\\)\\] {\n    background-color: var(--i-bg-default);\n  }\n  .bg-\\[var\\(--i-selected-bg\\)\\] {\n    background-color: var(--i-selected-bg);\n  }\n  .bg-\\[var\\(--tag-bg-color\\)\\] {\n    background-color: var(--tag-bg-color);\n  }\n  .bg-blue-500 {\n    background-color: var(--color-blue-500);\n  }\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n  .bg-color-danger-default {\n    background-color: var(--plus-color-background-danger-default);\n  }\n  .bg-color-danger-invert-default {\n    background-color: var(--plus-color-background-danger-invert-default);\n  }\n  .bg-color-default-invert-default {\n    background-color: var(--plus-color-background-default-invert-default);\n  }\n  .bg-color-disabled {\n    background-color: var(--plus-color-background-disabled-default);\n  }\n  .bg-color-dynamic-default {\n    background-color: var(--bg-default,var(--i-bg-default));\n  }\n  .bg-color-modal {\n    background-color: var(--plus-color-background-modal);\n  }\n  .bg-color-overlay\\/50 {\n    background-color: var(--plus-color-background-overlay);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n    }\n  }\n  .bg-color-primary-default {\n    background-color: var(--plus-color-background-primary-default);\n  }\n  .bg-color-surface {\n    background-color: var(--plus-color-background-surface);\n  }\n  .bg-green-500 {\n    background-color: var(--color-green-500);\n  }\n  .bg-inherit {\n    background-color: inherit;\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .fill-\\(--d-text\\) {\n    fill: var(--d-text);\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-0 {\n    padding-inline: calc(var(--spacing) * 0);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-0 {\n    padding-block: calc(var(--spacing) * 0);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n  .pr-2\\.5 {\n    padding-right: calc(var(--spacing) * 2.5);\n  }\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-2\\.5 {\n    padding-left: calc(var(--spacing) * 2.5);\n  }\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .plus-ui-element {\n    font-family: var(--font-sans);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-xxxs {\n    font-size: var(--text-xxxs);\n    line-height: var(--tw-leading, var(--text-xxxs--line-height));\n  }\n  .text-\\[6px\\] {\n    font-size: 6px;\n  }\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n  .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n    font-size: calc(var(--size) / 2.50);\n  }\n  .leading-\\[6px\\] {\n    --tw-leading: 6px;\n    line-height: 6px;\n  }\n  .leading-\\[8px\\] {\n    --tw-leading: 8px;\n    line-height: 8px;\n  }\n  .leading-\\[10px\\] {\n    --tw-leading: 10px;\n    line-height: 10px;\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-pretty {\n    text-wrap: pretty;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .text-\\(--d-dot-text\\) {\n    color: var(--d-dot-text);\n  }\n  .text-\\(--d-text\\) {\n    color: var(--d-text);\n  }\n  .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n    color: var(--description-color,var(--i-description-color));\n  }\n  .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n    color: var(--dismiss-color,var(--i-dismiss-color));\n  }\n  .text-\\[var\\(--i-text-color\\)\\] {\n    color: var(--i-text-color);\n  }\n  .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n    color: var(--icon-color,var(--i-icon-color));\n  }\n  .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n    color: var(--message-color,var(--i-message-color));\n  }\n  .text-\\[var\\(--tag-text-color\\)\\] {\n    color: var(--tag-text-color);\n  }\n  .text-color-base {\n    color: var(--plus-color-text-base);\n  }\n  .text-color-caption {\n    color: var(--plus-color-text-caption);\n  }\n  .text-color-danger {\n    color: var(--plus-color-text-danger);\n  }\n  .text-color-default {\n    color: var(--plus-color-text-default);\n  }\n  .text-color-disabled {\n    color: var(--plus-color-text-disabled);\n  }\n  .text-color-dynamic {\n    color: var(--text-color,var(--i-text-color));\n  }\n  .text-color-info {\n    color: var(--plus-color-text-info);\n  }\n  .text-color-link {\n    color: var(--plus-color-text-link);\n  }\n  .text-color-placeholder {\n    color: var(--plus-color-text-placeholder);\n  }\n  .text-color-primary {\n    color: var(--plus-color-text-primary);\n  }\n  .text-color-success {\n    color: var(--plus-color-text-success);\n  }\n  .text-color-warning {\n    color: var(--plus-color-text-warning);\n  }\n  .text-inherit {\n    color: inherit;\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-60 {\n    opacity: 60%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-default {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--plus-color-border-ring);\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    outline-style: var(--tw-outline-style);\n    outline-width: 0px;\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-400 {\n    --tw-duration: 400ms;\n    transition-duration: 400ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .ease-bounce {\n    --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--d-switch-bg) !important;\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--d-switch-bg-hover);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-danger-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-danger-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-danger-invert-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-danger-invert-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-default-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-default-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:\\!shadow-none {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 #0000 !important;\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n      }\n    }\n  }\n  .group-hover\\/base\\:shadow-sm {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .group-active\\/base\\:-ml-1 {\n    &:is(:where(.group\\/base):active *) {\n      margin-left: calc(var(--spacing) * -1);\n    }\n  }\n  .group-active\\/base\\:-ml-1\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      margin-left: calc(var(--spacing) * -1.5);\n    }\n  }\n  .group-active\\/base\\:h-4 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .group-active\\/base\\:h-4\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 4.5);\n    }\n  }\n  .group-active\\/base\\:h-5 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 5);\n    }\n  }\n  .group-active\\/base\\:w-5 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 5);\n    }\n  }\n  .group-active\\/base\\:w-6 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 6);\n    }\n  }\n  .group-active\\/base\\:w-6\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 6.5);\n    }\n  }\n  .group-active\\/base\\:\\!transform-none {\n    &:is(:where(.group\\/base):active *) {\n      transform: none !important;\n    }\n  }\n  .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--d-switch-bg) !important;\n    }\n  }\n  .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--d-switch-bg-active);\n    }\n  }\n  .group-active\\/base\\:bg-color-danger-invert-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-danger-invert-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-danger-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-danger-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-default-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-default-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-primary-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-primary-pressed);\n    }\n  }\n  .peer-checked\\:scale-100 {\n    &:is(:where(.peer):checked ~ *) {\n      --tw-scale-x: 100%;\n      --tw-scale-y: 100%;\n      --tw-scale-z: 100%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .peer-checked\\:opacity-100 {\n    &:is(:where(.peer):checked ~ *) {\n      opacity: 100%;\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .placeholder\\:text-color-danger {\n    &::placeholder {\n      color: var(--plus-color-text-danger);\n    }\n  }\n  .placeholder\\:text-color-default {\n    &::placeholder {\n      color: var(--plus-color-text-default);\n    }\n  }\n  .placeholder\\:text-color-disabled {\n    &::placeholder {\n      color: var(--plus-color-text-disabled);\n    }\n  }\n  .placeholder\\:text-color-placeholder {\n    &::placeholder {\n      color: var(--plus-color-text-placeholder);\n    }\n  }\n  .before\\:absolute {\n    &::before {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .before\\:inset-0 {\n    &::before {\n      content: var(--tw-content);\n      inset: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:-top-1\\.5 {\n    &::before {\n      content: var(--tw-content);\n      top: calc(var(--spacing) * -1.5);\n    }\n  }\n  .before\\:-left-3 {\n    &::before {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * -3);\n    }\n  }\n  .before\\:z-10 {\n    &::before {\n      content: var(--tw-content);\n      z-index: 10;\n    }\n  }\n  .before\\:h-10 {\n    &::before {\n      content: var(--tw-content);\n      height: calc(var(--spacing) * 10);\n    }\n  }\n  .before\\:w-10 {\n    &::before {\n      content: var(--tw-content);\n      width: calc(var(--spacing) * 10);\n    }\n  }\n  .before\\:cursor-pointer {\n    &::before {\n      content: var(--tw-content);\n      cursor: pointer;\n    }\n  }\n  .before\\:rounded-full {\n    &::before {\n      content: var(--tw-content);\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .before\\:bg-transparent {\n    &::before {\n      content: var(--tw-content);\n      background-color: transparent;\n    }\n  }\n  .before\\:content-\\[\\'\\'\\] {\n    &::before {\n      content: var(--tw-content);\n      --tw-content: '';\n      content: var(--tw-content);\n    }\n  }\n  .after\\:ml-0\\.5 {\n    &::after {\n      content: var(--tw-content);\n      margin-left: calc(var(--spacing) * 0.5);\n    }\n  }\n  .after\\:text-color-default {\n    &::after {\n      content: var(--tw-content);\n      color: var(--plus-color-text-default);\n    }\n  }\n  .after\\:text-color-disabled {\n    &::after {\n      content: var(--tw-content);\n      color: var(--plus-color-text-disabled);\n    }\n  }\n  .after\\:content-\\[\\'\\*\\'\\] {\n    &::after {\n      content: var(--tw-content);\n      --tw-content: '*';\n      content: var(--tw-content);\n    }\n  }\n  .visited\\:text-color-visited {\n    &:visited {\n      color: var(--plus-color-text-visited);\n    }\n  }\n  .empty\\:hidden {\n    &:empty {\n      display: none;\n    }\n  }\n  .focus-within\\:z-\\[1\\] {\n    &:focus-within {\n      z-index: 1;\n    }\n  }\n  .focus-within\\:border-color-danger {\n    &:focus-within {\n      border-color: var(--plus-color-border-danger);\n    }\n  }\n  .focus-within\\:border-color-primary {\n    &:focus-within {\n      border-color: var(--plus-color-border-primary);\n    }\n  }\n  .focus-within\\:ring-default {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      --tw-ring-color: var(--plus-color-border-ring);\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n      outline-style: var(--tw-outline-style);\n      outline-width: 0px;\n    }\n  }\n  .hover\\:border-color-danger {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-danger);\n      }\n    }\n  }\n  .hover\\:border-color-disabled {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-disabled);\n      }\n    }\n  }\n  .hover\\:border-color-primary {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-primary);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--i-bg-hovered);\n      }\n    }\n  }\n  .hover\\:bg-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:bg-color-default-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-default-hovered);\n      }\n    }\n  }\n  .hover\\:bg-color-dynamic-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bg-hovered,var(--i-bg-hovered));\n      }\n    }\n  }\n  .hover\\:bg-color-primary-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-primary-hovered);\n      }\n    }\n  }\n  .hover\\:bg-green-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-green-600);\n      }\n    }\n  }\n  .hover\\:bg-transparent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .hover\\:text-color-caption {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-caption);\n      }\n    }\n  }\n  .hover\\:text-color-default {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-default);\n      }\n    }\n  }\n  .hover\\:text-color-primary {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-primary);\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-offset-1 {\n    &:focus {\n      --tw-ring-offset-width: 1px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:bg-\\(--d-bg-focused\\) {\n    &:focus-visible {\n      background-color: var(--d-bg-focused);\n    }\n  }\n  .focus-visible\\:bg-color-dynamic-focused {\n    &:focus-visible {\n      background-color: var(--bg-focused,var(--i-bg-focused));\n    }\n  }\n  .focus-visible\\:ring-default {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      --tw-ring-color: var(--plus-color-border-ring);\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n      outline-style: var(--tw-outline-style);\n      outline-width: 0px;\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n    &:active {\n      background-color: var(--i-bg-pressed);\n    }\n  }\n  .active\\:bg-color-default-pressed {\n    &:active {\n      background-color: var(--plus-color-background-default-pressed);\n    }\n  }\n  .active\\:bg-color-dynamic-pressed {\n    &:active {\n      background-color: var(--bg-pressed,var(--i-bg-pressed));\n    }\n  }\n  .active\\:bg-color-primary-pressed {\n    &:active {\n      background-color: var(--plus-color-background-primary-pressed);\n    }\n  }\n  .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n    &:enabled {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--d-bg-hovered);\n        }\n      }\n    }\n  }\n  .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n    &:enabled {\n      &:focus-visible {\n        background-color: var(--d-bg-focused);\n      }\n    }\n  }\n  .enabled\\:focus-visible\\:ring-default {\n    &:enabled {\n      &:focus-visible {\n        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n        --tw-ring-color: var(--plus-color-border-ring);\n        --tw-ring-offset-width: 2px;\n        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n        outline-style: var(--tw-outline-style);\n        outline-width: 0px;\n      }\n    }\n  }\n  .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n    &:enabled {\n      &:active {\n        background-color: var(--d-bg-pressed);\n      }\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .motion-reduce\\:transition-none {\n    @media (prefers-reduced-motion: reduce) {\n      transition-property: none;\n    }\n  }\n  .lg\\:w-fit {\n    @media (width >= 64rem) {\n      width: fit-content;\n    }\n  }\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-greek-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+1F00-1FFF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-greek-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-vietnamese-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n:root {\n  --plus-color-background-surface: var(--plus-color-base-white);\n  --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n  --plus-color-background-transparent: var(--plus-color-base-transparent);\n  --plus-color-background-divider: var(--plus-color-neutral-400);\n  --plus-color-background-modal: var(--plus-color-base-white);\n  --plus-color-background-overlay: var(--plus-color-neutral-950);\n  --plus-color-background-default-default: var(--plus-color-neutral-100);\n  --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n  --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n  --plus-color-background-default-focused: var(--plus-color-neutral-100);\n  --plus-color-background-default-loading: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n  --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n  --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n  --plus-color-background-primary-default: var(--plus-color-primary-700);\n  --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n  --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n  --plus-color-background-primary-focused: var(--plus-color-primary-700);\n  --plus-color-background-primary-loading: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n  --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n  --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n  --plus-color-background-info-default: var(--plus-color-info-700);\n  --plus-color-background-info-hovered: var(--plus-color-info-800);\n  --plus-color-background-info-pressed: var(--plus-color-info-900);\n  --plus-color-background-info-focused: var(--plus-color-info-700);\n  --plus-color-background-info-loading: var(--plus-color-info-900);\n  --plus-color-background-info-invert-default: var(--plus-color-info-100);\n  --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n  --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n  --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n  --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n  --plus-color-background-success-default: var(--plus-color-success-700);\n  --plus-color-background-success-hovered: var(--plus-color-success-800);\n  --plus-color-background-success-pressed: var(--plus-color-success-900);\n  --plus-color-background-success-focused: var(--plus-color-success-700);\n  --plus-color-background-success-loading: var(--plus-color-success-900);\n  --plus-color-background-success-invert-default: var(--plus-color-success-100);\n  --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n  --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n  --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n  --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n  --plus-color-background-warning-default: var(--plus-color-warning-700);\n  --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n  --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n  --plus-color-background-warning-focused: var(--plus-color-warning-700);\n  --plus-color-background-warning-loading: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n  --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n  --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n  --plus-color-background-danger-default: var(--plus-color-danger-700);\n  --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n  --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n  --plus-color-background-danger-focused: var(--plus-color-danger-700);\n  --plus-color-background-danger-loading: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n  --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n  --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n  --plus-color-text-base: var(--plus-color-base-white);\n  --plus-color-text-default: var(--plus-color-neutral-950);\n  --plus-color-text-primary: var(--plus-color-primary-700);\n  --plus-color-text-info: var(--plus-color-info-700);\n  --plus-color-text-success: var(--plus-color-success-700);\n  --plus-color-text-warning: var(--plus-color-warning-700);\n  --plus-color-text-danger: var(--plus-color-danger-700);\n  --plus-color-text-placeholder: var(--plus-color-neutral-500);\n  --plus-color-text-caption: var(--plus-color-neutral-600);\n  --plus-color-text-link: var(--color-blue-700);\n  --plus-color-text-visited: var(--color-purple-700);\n  --plus-color-text-loading: var(--plus-color-neutral-700);\n  --plus-color-text-disabled: var(--plus-color-neutral-400);\n  --plus-color-text-base-invert: var(--plus-color-neutral-950);\n  --plus-color-text-default-invert: var(--plus-color-base-white);\n  --plus-color-text-primary-invert: var(--plus-color-primary-100);\n  --plus-color-text-info-invert: var(--plus-color-info-100);\n  --plus-color-text-success-invert: var(--plus-color-success-100);\n  --plus-color-text-warning-invert: var(--plus-color-warning-100);\n  --plus-color-text-danger-invert: var(--plus-color-danger-100);\n  --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n  --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n  --plus-color-text-link-invert: var(--color-blue-100);\n  --plus-color-text-visited-invert: var(--color-purple-100);\n  --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n  --plus-color-border-base: var(--plus-color-base-white);\n  --plus-color-border-default: var(--plus-color-neutral-400);\n  --plus-color-border-primary: var(--plus-color-primary-700);\n  --plus-color-border-info: var(--plus-color-info-700);\n  --plus-color-border-success: var(--plus-color-success-700);\n  --plus-color-border-warning: var(--plus-color-warning-700);\n  --plus-color-border-danger: var(--plus-color-danger-700);\n  --plus-color-border-ring: var(--color-blue-300);\n  --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n[data-theme='dark'] {\n  --plus-color-background-surface: var(--plus-color-base-black);\n  --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n  --plus-color-background-transparent: var(--plus-color-base-transparent);\n  --plus-color-background-divider: var(--plus-color-neutral-600);\n  --plus-color-background-modal: var(--plus-color-neutral-900);\n  --plus-color-background-overlay: var(--plus-color-neutral-950);\n  --plus-color-background-default-default: var(--plus-color-neutral-900);\n  --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n  --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n  --plus-color-background-default-focused: var(--plus-color-neutral-900);\n  --plus-color-background-default-loading: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n  --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n  --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n  --plus-color-background-primary-default: var(--plus-color-primary-300);\n  --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n  --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n  --plus-color-background-primary-focused: var(--plus-color-primary-300);\n  --plus-color-background-primary-loading: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n  --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n  --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n  --plus-color-background-info-default: var(--plus-color-info-300);\n  --plus-color-background-info-hovered: var(--plus-color-info-200);\n  --plus-color-background-info-pressed: var(--plus-color-info-100);\n  --plus-color-background-info-focused: var(--plus-color-info-300);\n  --plus-color-background-info-loading: var(--plus-color-info-100);\n  --plus-color-background-info-invert-default: var(--plus-color-info-900);\n  --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n  --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n  --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n  --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n  --plus-color-background-success-default: var(--plus-color-success-300);\n  --plus-color-background-success-hovered: var(--plus-color-success-200);\n  --plus-color-background-success-pressed: var(--plus-color-success-100);\n  --plus-color-background-success-focused: var(--plus-color-success-300);\n  --plus-color-background-success-loading: var(--plus-color-success-100);\n  --plus-color-background-success-invert-default: var(--plus-color-success-900);\n  --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n  --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n  --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n  --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n  --plus-color-background-warning-default: var(--plus-color-warning-300);\n  --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n  --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n  --plus-color-background-warning-focused: var(--plus-color-warning-300);\n  --plus-color-background-warning-loading: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n  --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n  --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n  --plus-color-background-danger-default: var(--plus-color-danger-300);\n  --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n  --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n  --plus-color-background-danger-focused: var(--plus-color-danger-300);\n  --plus-color-background-danger-loading: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n  --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n  --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n  --plus-color-text-base: var(--plus-color-neutral-950);\n  --plus-color-text-default: var(--plus-color-base-white);\n  --plus-color-text-primary: var(--plus-color-primary-300);\n  --plus-color-text-info: var(--plus-color-info-300);\n  --plus-color-text-success: var(--plus-color-success-300);\n  --plus-color-text-warning: var(--plus-color-warning-300);\n  --plus-color-text-danger: var(--plus-color-danger-300);\n  --plus-color-text-placeholder: var(--plus-color-neutral-500);\n  --plus-color-text-caption: var(--plus-color-neutral-400);\n  --plus-color-text-link: var(--color-blue-300);\n  --plus-color-text-visited: var(--color-purple-300);\n  --plus-color-text-loading: var(--plus-color-neutral-300);\n  --plus-color-text-disabled: var(--plus-color-neutral-600);\n  --plus-color-text-base-invert: var(--plus-color-base-white);\n  --plus-color-text-default-invert: var(--plus-color-neutral-950);\n  --plus-color-text-primary-invert: var(--plus-color-primary-900);\n  --plus-color-text-info-invert: var(--plus-color-info-900);\n  --plus-color-text-success-invert: var(--plus-color-success-900);\n  --plus-color-text-warning-invert: var(--plus-color-warning-900);\n  --plus-color-text-danger-invert: var(--plus-color-danger-900);\n  --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n  --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n  --plus-color-text-link-invert: var(--color-blue-900);\n  --plus-color-text-visited-invert: var(--color-purple-900);\n  --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n  --plus-color-border-base: var(--plus-color-neutral-950);\n  --plus-color-border-default: var(--plus-color-neutral-600);\n  --plus-color-border-primary: var(--plus-color-primary-300);\n  --plus-color-border-info: var(--plus-color-info-300);\n  --plus-color-border-success: var(--plus-color-success-300);\n  --plus-color-border-warning: var(--plus-color-warning-300);\n  --plus-color-border-danger: var(--plus-color-danger-300);\n  --plus-color-border-ring: var(--color-blue-700);\n  --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: rotateX(0);\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: rotateY(0);\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: rotateZ(0);\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: skewX(0);\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: skewY(0);\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: rotateX(0);\n      --tw-rotate-y: rotateY(0);\n      --tw-rotate-z: rotateZ(0);\n      --tw-skew-x: skewX(0);\n      --tw-skew-y: skewY(0);\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n";
+var css_248z = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-red-50: oklch(97.1% 0.013 17.38);\n    --color-red-100: oklch(93.6% 0.032 17.717);\n    --color-red-200: oklch(88.5% 0.062 18.334);\n    --color-red-300: oklch(80.8% 0.114 19.571);\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-red-700: oklch(50.5% 0.213 27.518);\n    --color-red-800: oklch(44.4% 0.177 26.899);\n    --color-red-900: oklch(39.6% 0.141 25.723);\n    --color-red-950: oklch(25.8% 0.092 26.042);\n    --color-yellow-50: oklch(98.7% 0.026 102.212);\n    --color-yellow-100: oklch(97.3% 0.071 103.193);\n    --color-yellow-200: oklch(94.5% 0.129 101.54);\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-400: oklch(85.2% 0.199 91.936);\n    --color-yellow-500: oklch(79.5% 0.184 86.047);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-yellow-700: oklch(55.4% 0.135 66.442);\n    --color-yellow-800: oklch(47.6% 0.114 61.907);\n    --color-yellow-900: oklch(42.1% 0.095 57.708);\n    --color-yellow-950: oklch(28.6% 0.066 53.813);\n    --color-green-50: oklch(98.2% 0.018 155.826);\n    --color-green-100: oklch(96.2% 0.044 156.743);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-300: oklch(87.1% 0.15 154.449);\n    --color-green-400: oklch(79.2% 0.209 151.711);\n    --color-green-500: oklch(72.3% 0.219 149.579);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-green-700: oklch(52.7% 0.154 150.069);\n    --color-green-800: oklch(44.8% 0.119 151.328);\n    --color-green-900: oklch(39.3% 0.095 152.535);\n    --color-green-950: oklch(26.6% 0.065 152.934);\n    --color-blue-50: oklch(97% 0.014 254.604);\n    --color-blue-100: oklch(93.2% 0.032 255.585);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-300: oklch(80.9% 0.105 251.813);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-blue-600: oklch(54.6% 0.245 262.881);\n    --color-blue-700: oklch(48.8% 0.243 264.376);\n    --color-blue-800: oklch(42.4% 0.199 265.638);\n    --color-blue-900: oklch(37.9% 0.146 265.522);\n    --color-blue-950: oklch(28.2% 0.091 267.935);\n    --color-indigo-50: oklch(96.2% 0.018 272.314);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-200: oklch(87% 0.065 274.039);\n    --color-indigo-300: oklch(78.5% 0.115 274.713);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-indigo-800: oklch(39.8% 0.195 277.366);\n    --color-indigo-900: oklch(35.9% 0.144 278.697);\n    --color-indigo-950: oklch(25.7% 0.09 281.288);\n    --color-purple-100: oklch(94.6% 0.033 307.174);\n    --color-purple-300: oklch(82.7% 0.119 306.383);\n    --color-purple-700: oklch(49.6% 0.265 301.924);\n    --color-purple-900: oklch(38.1% 0.176 304.987);\n    --color-gray-50: oklch(98.5% 0.002 247.839);\n    --color-gray-100: oklch(96.7% 0.003 264.542);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-gray-700: oklch(37.3% 0.034 259.733);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-gray-950: oklch(13% 0.028 261.692);\n    --color-neutral-300: oklch(87% 0 0);\n    --color-black: #000;\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-xl: 36rem;\n    --container-2xl: 42rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --radius-sm: 0.25rem;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --ease-out: cubic-bezier(0, 0, 0.2, 1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 2s linear infinite;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --plus-color-base-white: var(--color-white);\n    --plus-color-base-black: var(--color-black);\n    --plus-color-base-transparent: transparent;\n    --plus-color-neutral-100: var(--color-gray-100);\n    --plus-color-neutral-200: var(--color-gray-200);\n    --plus-color-neutral-300: var(--color-gray-300);\n    --plus-color-neutral-400: var(--color-gray-400);\n    --plus-color-neutral-500: var(--color-gray-500);\n    --plus-color-neutral-600: var(--color-gray-600);\n    --plus-color-neutral-700: var(--color-gray-700);\n    --plus-color-neutral-800: var(--color-gray-800);\n    --plus-color-neutral-900: var(--color-gray-900);\n    --plus-color-neutral-950: var(--color-gray-950);\n    --plus-color-primary-100: var(--color-indigo-100);\n    --plus-color-primary-200: var(--color-indigo-200);\n    --plus-color-primary-300: var(--color-indigo-300);\n    --plus-color-primary-700: var(--color-indigo-700);\n    --plus-color-primary-800: var(--color-indigo-800);\n    --plus-color-primary-900: var(--color-indigo-900);\n    --plus-color-info-100: var(--color-blue-100);\n    --plus-color-info-200: var(--color-blue-200);\n    --plus-color-info-300: var(--color-blue-300);\n    --plus-color-info-700: var(--color-blue-700);\n    --plus-color-info-800: var(--color-blue-800);\n    --plus-color-info-900: var(--color-blue-900);\n    --plus-color-success-100: var(--color-green-100);\n    --plus-color-success-200: var(--color-green-200);\n    --plus-color-success-300: var(--color-green-300);\n    --plus-color-success-700: var(--color-green-700);\n    --plus-color-success-800: var(--color-green-800);\n    --plus-color-success-900: var(--color-green-900);\n    --plus-color-warning-100: var(--color-yellow-100);\n    --plus-color-warning-200: var(--color-yellow-200);\n    --plus-color-warning-300: var(--color-yellow-300);\n    --plus-color-warning-700: var(--color-yellow-700);\n    --plus-color-warning-800: var(--color-yellow-800);\n    --plus-color-warning-900: var(--color-yellow-900);\n    --plus-color-danger-100: var(--color-red-100);\n    --plus-color-danger-200: var(--color-red-200);\n    --plus-color-danger-300: var(--color-red-300);\n    --plus-color-danger-700: var(--color-red-700);\n    --plus-color-danger-800: var(--color-red-800);\n    --plus-color-danger-900: var(--color-red-900);\n    --text-xxxs: 0.5rem;\n    --text-xxxs--line-height: calc(1 / 0.5);\n    --plus-border-radius-default: var(--radius-sm);\n    --plus-border-radius-modal: var(--radius-lg);\n    --radius-default: var(--plus-border-radius-default);\n  }\n}\n@layer utilities {\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .visible {\n    visibility: visible;\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  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .inset-0 {\n    inset: calc(var(--spacing) * 0);\n  }\n  .inset-x-0 {\n    inset-inline: calc(var(--spacing) * 0);\n  }\n  .inset-y-0 {\n    inset-block: calc(var(--spacing) * 0);\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .top-0\\.5 {\n    top: calc(var(--spacing) * 0.5);\n  }\n  .top-1 {\n    top: calc(var(--spacing) * 1);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n  .top-5 {\n    top: calc(var(--spacing) * 5);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n  .right-5 {\n    right: calc(var(--spacing) * 5);\n  }\n  .bottom-0 {\n    bottom: calc(var(--spacing) * 0);\n  }\n  .bottom-5 {\n    bottom: calc(var(--spacing) * 5);\n  }\n  .left-0 {\n    left: calc(var(--spacing) * 0);\n  }\n  .left-0\\.5 {\n    left: calc(var(--spacing) * 0.5);\n  }\n  .left-1 {\n    left: calc(var(--spacing) * 1);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-5 {\n    left: calc(var(--spacing) * 5);\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-40 {\n    z-index: 40;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .z-\\[1000\\] {\n    z-index: 1000;\n  }\n  .container {\n    width: 100%;\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .mx-\\(--divider-spacing\\) {\n    margin-inline: var(--divider-spacing);\n  }\n  .mx-1 {\n    margin-inline: calc(var(--spacing) * 1);\n  }\n  .mx-1\\.5 {\n    margin-inline: calc(var(--spacing) * 1.5);\n  }\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n  .mx-4 {\n    margin-inline: calc(var(--spacing) * 4);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-10 {\n    margin-top: calc(var(--spacing) * 10);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .ml-1 {\n    margin-left: calc(var(--spacing) * 1);\n  }\n  .ml-1\\.5 {\n    margin-left: calc(var(--spacing) * 1.5);\n  }\n  .ml-2 {\n    margin-left: calc(var(--spacing) * 2);\n  }\n  .ml-3 {\n    margin-left: calc(var(--spacing) * 3);\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n  .size-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n    height: calc(var(--spacing) * 4.5);\n  }\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n  .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n  .size-11 {\n    width: calc(var(--spacing) * 11);\n    height: calc(var(--spacing) * 11);\n  }\n  .size-\\[var\\(--size\\)\\] {\n    width: var(--size);\n    height: var(--size);\n  }\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n  .h-2\\/5 {\n    height: calc(2/5 * 100%);\n  }\n  .h-3 {\n    height: calc(var(--spacing) * 3);\n  }\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n  .h-4\\.5 {\n    height: calc(var(--spacing) * 4.5);\n  }\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n  .h-6\\.5 {\n    height: calc(var(--spacing) * 6.5);\n  }\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n  .h-11 {\n    height: calc(var(--spacing) * 11);\n  }\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n  .h-96 {\n    height: calc(var(--spacing) * 96);\n  }\n  .h-\\[48px\\] {\n    height: 48px;\n  }\n  .h-\\[52px\\] {\n    height: 52px;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-80 {\n    max-height: calc(var(--spacing) * 80);\n  }\n  .max-h-\\[90vh\\] {\n    max-height: 90vh;\n  }\n  .min-h-\\[52px\\] {\n    min-height: 52px;\n  }\n  .min-h-\\[60px\\] {\n    min-height: 60px;\n  }\n  .min-h-\\[68px\\] {\n    min-height: 68px;\n  }\n  .w-1\\.5 {\n    width: calc(var(--spacing) * 1.5);\n  }\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n  .w-3 {\n    width: calc(var(--spacing) * 3);\n  }\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n  .w-4\\.5 {\n    width: calc(var(--spacing) * 4.5);\n  }\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n  .w-13 {\n    width: calc(var(--spacing) * 13);\n  }\n  .w-14 {\n    width: calc(var(--spacing) * 14);\n  }\n  .w-60 {\n    width: calc(var(--spacing) * 60);\n  }\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n  .w-96 {\n    width: calc(var(--spacing) * 96);\n  }\n  .w-\\[1em\\] {\n    width: 1em;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-80 {\n    max-width: calc(var(--spacing) * 80);\n  }\n  .max-w-96 {\n    max-width: calc(var(--spacing) * 96);\n  }\n  .max-w-\\[256px\\] {\n    max-width: 256px;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: var(--container-lg);\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-none {\n    max-width: none;\n  }\n  .max-w-sm {\n    max-width: var(--container-sm);\n  }\n  .max-w-xl {\n    max-width: var(--container-xl);\n  }\n  .min-w-0 {\n    min-width: calc(var(--spacing) * 0);\n  }\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n  .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n  .min-w-6 {\n    min-width: calc(var(--spacing) * 6);\n  }\n  .min-w-9 {\n    min-width: calc(var(--spacing) * 9);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .origin-left {\n    transform-origin: left;\n  }\n  .origin-right {\n    transform-origin: right;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-full {\n    --tw-translate-x: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-0 {\n    --tw-translate-x: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[50\\%\\] {\n    --tw-translate-x: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n    --tw-translate-x: calc(2.5rem - 1.25rem);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n    --tw-translate-x: calc(3.5rem - 1.75rem);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n    --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-full {\n    --tw-translate-x: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-full {\n    --tw-translate-y: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0 {\n    --tw-translate-y: calc(var(--spacing) * 0);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[50\\%\\] {\n    --tw-translate-y: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-full {\n    --tw-translate-y: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-0 {\n    --tw-scale-x: 0%;\n    --tw-scale-y: 0%;\n    --tw-scale-z: 0%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-95 {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-not-allowed {\n    cursor: not-allowed;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .cursor-text {\n    cursor: text;\n  }\n  .cursor-wait {\n    cursor: wait;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .resize-x {\n    resize: horizontal;\n  }\n  .resize-y {\n    resize: vertical;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-start {\n    justify-content: flex-start;\n  }\n  .gap-0 {\n    gap: calc(var(--spacing) * 0);\n  }\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * 0.5);\n  }\n  .gap-1 {\n    gap: calc(var(--spacing) * 1);\n  }\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n  .gap-5 {\n    gap: calc(var(--spacing) * 5);\n  }\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n  .gap-x-5 {\n    column-gap: calc(var(--spacing) * 5);\n  }\n  .gap-y-2 {\n    row-gap: calc(var(--spacing) * 2);\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-default {\n    border-radius: var(--radius-default);\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--radius-sm);\n  }\n  .rounded-t-lg {\n    border-top-left-radius: var(--radius-lg);\n    border-top-right-radius: var(--radius-lg);\n  }\n  .rounded-b-lg {\n    border-bottom-right-radius: var(--radius-lg);\n    border-bottom-left-radius: var(--radius-lg);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-0 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-r-2 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 2px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-\\(--d-border\\) {\n    border-color: var(--d-border);\n  }\n  .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n    border-color: var(--border-color,var(--i-border-color));\n  }\n  .border-color-danger {\n    border-color: var(--plus-color-border-danger);\n  }\n  .border-color-default {\n    border-color: var(--plus-color-border-default);\n  }\n  .border-color-disabled {\n    border-color: var(--plus-color-border-disabled);\n  }\n  .border-color-dynamic {\n    border-color: var(--border-color,var(--i-border-color));\n  }\n  .border-color-primary {\n    border-color: var(--plus-color-border-primary);\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-r-color-primary {\n    border-right-color: var(--plus-color-border-primary);\n  }\n  .border-r-transparent {\n    border-right-color: transparent;\n  }\n  .border-b-color-primary {\n    border-bottom-color: var(--plus-color-border-primary);\n  }\n  .border-b-transparent {\n    border-bottom-color: transparent;\n  }\n  .bg-\\(--d-bg-checked\\) {\n    background-color: var(--d-bg-checked);\n  }\n  .bg-\\(--d-bg-default\\) {\n    background-color: var(--d-bg-default);\n  }\n  .bg-\\(--d-bg-loading\\) {\n    background-color: var(--d-bg-loading);\n  }\n  .bg-\\(--d-dot-bg\\) {\n    background-color: var(--d-dot-bg);\n  }\n  .bg-\\(--d-switch-bg\\) {\n    background-color: var(--d-switch-bg);\n  }\n  .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n    background-color: var(--bg-color,var(--i-bg-color));\n  }\n  .bg-\\[var\\(--i-bg-default\\)\\] {\n    background-color: var(--i-bg-default);\n  }\n  .bg-\\[var\\(--i-selected-bg\\)\\] {\n    background-color: var(--i-selected-bg);\n  }\n  .bg-\\[var\\(--tag-bg-color\\)\\] {\n    background-color: var(--tag-bg-color);\n  }\n  .bg-blue-500 {\n    background-color: var(--color-blue-500);\n  }\n  .bg-blue-600 {\n    background-color: var(--color-blue-600);\n  }\n  .bg-color-danger-default {\n    background-color: var(--plus-color-background-danger-default);\n  }\n  .bg-color-danger-invert-default {\n    background-color: var(--plus-color-background-danger-invert-default);\n  }\n  .bg-color-default-invert-default {\n    background-color: var(--plus-color-background-default-invert-default);\n  }\n  .bg-color-disabled {\n    background-color: var(--plus-color-background-disabled-default);\n  }\n  .bg-color-dynamic-default {\n    background-color: var(--bg-default,var(--i-bg-default));\n  }\n  .bg-color-modal {\n    background-color: var(--plus-color-background-modal);\n  }\n  .bg-color-overlay\\/50 {\n    background-color: var(--plus-color-background-overlay);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n    }\n  }\n  .bg-color-primary-default {\n    background-color: var(--plus-color-background-primary-default);\n  }\n  .bg-color-surface {\n    background-color: var(--plus-color-background-surface);\n  }\n  .bg-green-500 {\n    background-color: var(--color-green-500);\n  }\n  .bg-inherit {\n    background-color: inherit;\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .fill-\\(--d-text\\) {\n    fill: var(--d-text);\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .object-cover {\n    object-fit: cover;\n  }\n  .p-0 {\n    padding: calc(var(--spacing) * 0);\n  }\n  .p-0\\.5 {\n    padding: calc(var(--spacing) * 0.5);\n  }\n  .p-1 {\n    padding: calc(var(--spacing) * 1);\n  }\n  .p-1\\.5 {\n    padding: calc(var(--spacing) * 1.5);\n  }\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(var(--spacing) * 3.5);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .p-5 {\n    padding: calc(var(--spacing) * 5);\n  }\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n  .px-0 {\n    padding-inline: calc(var(--spacing) * 0);\n  }\n  .px-1 {\n    padding-inline: calc(var(--spacing) * 1);\n  }\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n  .px-5 {\n    padding-inline: calc(var(--spacing) * 5);\n  }\n  .px-6 {\n    padding-inline: calc(var(--spacing) * 6);\n  }\n  .py-0 {\n    padding-block: calc(var(--spacing) * 0);\n  }\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(var(--spacing) * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n  .pr-2\\.5 {\n    padding-right: calc(var(--spacing) * 2.5);\n  }\n  .pr-3 {\n    padding-right: calc(var(--spacing) * 3);\n  }\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n  .pl-2\\.5 {\n    padding-left: calc(var(--spacing) * 2.5);\n  }\n  .pl-3 {\n    padding-left: calc(var(--spacing) * 3);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .plus-ui-element {\n    font-family: var(--font-sans);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-xxxs {\n    font-size: var(--text-xxxs);\n    line-height: var(--tw-leading, var(--text-xxxs--line-height));\n  }\n  .text-\\[6px\\] {\n    font-size: 6px;\n  }\n  .text-\\[8px\\] {\n    font-size: 8px;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[12px\\] {\n    font-size: 12px;\n  }\n  .text-\\[14px\\] {\n    font-size: 14px;\n  }\n  .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n    font-size: calc(var(--size) / 2.50);\n  }\n  .leading-\\[6px\\] {\n    --tw-leading: 6px;\n    line-height: 6px;\n  }\n  .leading-\\[8px\\] {\n    --tw-leading: 8px;\n    line-height: 8px;\n  }\n  .leading-\\[10px\\] {\n    --tw-leading: 10px;\n    line-height: 10px;\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-pretty {\n    text-wrap: pretty;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .text-\\(--d-dot-text\\) {\n    color: var(--d-dot-text);\n  }\n  .text-\\(--d-text\\) {\n    color: var(--d-text);\n  }\n  .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n    color: var(--description-color,var(--i-description-color));\n  }\n  .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n    color: var(--dismiss-color,var(--i-dismiss-color));\n  }\n  .text-\\[var\\(--i-text-color\\)\\] {\n    color: var(--i-text-color);\n  }\n  .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n    color: var(--icon-color,var(--i-icon-color));\n  }\n  .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n    color: var(--message-color,var(--i-message-color));\n  }\n  .text-\\[var\\(--tag-text-color\\)\\] {\n    color: var(--tag-text-color);\n  }\n  .text-color-base {\n    color: var(--plus-color-text-base);\n  }\n  .text-color-caption {\n    color: var(--plus-color-text-caption);\n  }\n  .text-color-danger {\n    color: var(--plus-color-text-danger);\n  }\n  .text-color-default {\n    color: var(--plus-color-text-default);\n  }\n  .text-color-disabled {\n    color: var(--plus-color-text-disabled);\n  }\n  .text-color-dynamic {\n    color: var(--text-color,var(--i-text-color));\n  }\n  .text-color-info {\n    color: var(--plus-color-text-info);\n  }\n  .text-color-link {\n    color: var(--plus-color-text-link);\n  }\n  .text-color-placeholder {\n    color: var(--plus-color-text-placeholder);\n  }\n  .text-color-primary {\n    color: var(--plus-color-text-primary);\n  }\n  .text-color-success {\n    color: var(--plus-color-text-success);\n  }\n  .text-color-warning {\n    color: var(--plus-color-text-warning);\n  }\n  .text-inherit {\n    color: inherit;\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .underline {\n    text-decoration-line: underline;\n  }\n  .antialiased {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-60 {\n    opacity: 60%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-default {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--plus-color-border-ring);\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    outline-style: var(--tw-outline-style);\n    outline-width: 0px;\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .duration-150 {\n    --tw-duration: 150ms;\n    transition-duration: 150ms;\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-400 {\n    --tw-duration: 400ms;\n    transition-duration: 400ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .ease-bounce {\n    --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--d-switch-bg) !important;\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--d-switch-bg-hover);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-danger-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-danger-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-danger-invert-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-danger-invert-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:bg-color-default-hovered {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-default-hovered);\n      }\n    }\n  }\n  .group-hover\\/base\\:\\!shadow-none {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 #0000 !important;\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n      }\n    }\n  }\n  .group-hover\\/base\\:shadow-sm {\n    &:is(:where(.group\\/base):hover *) {\n      @media (hover: hover) {\n        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .group-active\\/base\\:-ml-1 {\n    &:is(:where(.group\\/base):active *) {\n      margin-left: calc(var(--spacing) * -1);\n    }\n  }\n  .group-active\\/base\\:-ml-1\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      margin-left: calc(var(--spacing) * -1.5);\n    }\n  }\n  .group-active\\/base\\:h-4 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 4);\n    }\n  }\n  .group-active\\/base\\:h-4\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 4.5);\n    }\n  }\n  .group-active\\/base\\:h-5 {\n    &:is(:where(.group\\/base):active *) {\n      height: calc(var(--spacing) * 5);\n    }\n  }\n  .group-active\\/base\\:w-5 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 5);\n    }\n  }\n  .group-active\\/base\\:w-6 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 6);\n    }\n  }\n  .group-active\\/base\\:w-6\\.5 {\n    &:is(:where(.group\\/base):active *) {\n      width: calc(var(--spacing) * 6.5);\n    }\n  }\n  .group-active\\/base\\:\\!transform-none {\n    &:is(:where(.group\\/base):active *) {\n      transform: none !important;\n    }\n  }\n  .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--d-switch-bg) !important;\n    }\n  }\n  .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--d-switch-bg-active);\n    }\n  }\n  .group-active\\/base\\:bg-color-danger-invert-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-danger-invert-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-danger-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-danger-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-default-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-default-pressed);\n    }\n  }\n  .group-active\\/base\\:bg-color-primary-pressed {\n    &:is(:where(.group\\/base):active *) {\n      background-color: var(--plus-color-background-primary-pressed);\n    }\n  }\n  .peer-checked\\:scale-100 {\n    &:is(:where(.peer):checked ~ *) {\n      --tw-scale-x: 100%;\n      --tw-scale-y: 100%;\n      --tw-scale-z: 100%;\n      scale: var(--tw-scale-x) var(--tw-scale-y);\n    }\n  }\n  .peer-checked\\:opacity-100 {\n    &:is(:where(.peer):checked ~ *) {\n      opacity: 100%;\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .placeholder\\:text-color-danger {\n    &::placeholder {\n      color: var(--plus-color-text-danger);\n    }\n  }\n  .placeholder\\:text-color-default {\n    &::placeholder {\n      color: var(--plus-color-text-default);\n    }\n  }\n  .placeholder\\:text-color-disabled {\n    &::placeholder {\n      color: var(--plus-color-text-disabled);\n    }\n  }\n  .placeholder\\:text-color-placeholder {\n    &::placeholder {\n      color: var(--plus-color-text-placeholder);\n    }\n  }\n  .before\\:absolute {\n    &::before {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .before\\:inset-0 {\n    &::before {\n      content: var(--tw-content);\n      inset: calc(var(--spacing) * 0);\n    }\n  }\n  .before\\:-top-1\\.5 {\n    &::before {\n      content: var(--tw-content);\n      top: calc(var(--spacing) * -1.5);\n    }\n  }\n  .before\\:-left-3 {\n    &::before {\n      content: var(--tw-content);\n      left: calc(var(--spacing) * -3);\n    }\n  }\n  .before\\:z-10 {\n    &::before {\n      content: var(--tw-content);\n      z-index: 10;\n    }\n  }\n  .before\\:h-10 {\n    &::before {\n      content: var(--tw-content);\n      height: calc(var(--spacing) * 10);\n    }\n  }\n  .before\\:w-10 {\n    &::before {\n      content: var(--tw-content);\n      width: calc(var(--spacing) * 10);\n    }\n  }\n  .before\\:cursor-pointer {\n    &::before {\n      content: var(--tw-content);\n      cursor: pointer;\n    }\n  }\n  .before\\:rounded-full {\n    &::before {\n      content: var(--tw-content);\n      border-radius: calc(infinity * 1px);\n    }\n  }\n  .before\\:bg-transparent {\n    &::before {\n      content: var(--tw-content);\n      background-color: transparent;\n    }\n  }\n  .before\\:content-\\[\\'\\'\\] {\n    &::before {\n      content: var(--tw-content);\n      --tw-content: '';\n      content: var(--tw-content);\n    }\n  }\n  .after\\:ml-0\\.5 {\n    &::after {\n      content: var(--tw-content);\n      margin-left: calc(var(--spacing) * 0.5);\n    }\n  }\n  .after\\:text-color-default {\n    &::after {\n      content: var(--tw-content);\n      color: var(--plus-color-text-default);\n    }\n  }\n  .after\\:text-color-disabled {\n    &::after {\n      content: var(--tw-content);\n      color: var(--plus-color-text-disabled);\n    }\n  }\n  .after\\:content-\\[\\'\\*\\'\\] {\n    &::after {\n      content: var(--tw-content);\n      --tw-content: '*';\n      content: var(--tw-content);\n    }\n  }\n  .visited\\:text-color-visited {\n    &:visited {\n      color: var(--plus-color-text-visited);\n    }\n  }\n  .empty\\:hidden {\n    &:empty {\n      display: none;\n    }\n  }\n  .focus-within\\:z-\\[1\\] {\n    &:focus-within {\n      z-index: 1;\n    }\n  }\n  .focus-within\\:border-color-danger {\n    &:focus-within {\n      border-color: var(--plus-color-border-danger);\n    }\n  }\n  .focus-within\\:border-color-primary {\n    &:focus-within {\n      border-color: var(--plus-color-border-primary);\n    }\n  }\n  .focus-within\\:ring-default {\n    &:focus-within {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      --tw-ring-color: var(--plus-color-border-ring);\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n      outline-style: var(--tw-outline-style);\n      outline-width: 0px;\n    }\n  }\n  .hover\\:border-color-danger {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-danger);\n      }\n    }\n  }\n  .hover\\:border-color-disabled {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-disabled);\n      }\n    }\n  }\n  .hover\\:border-color-primary {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--plus-color-border-primary);\n      }\n    }\n  }\n  .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--i-bg-hovered);\n      }\n    }\n  }\n  .hover\\:bg-blue-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-blue-600);\n      }\n    }\n  }\n  .hover\\:bg-color-default-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-default-hovered);\n      }\n    }\n  }\n  .hover\\:bg-color-dynamic-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--bg-hovered,var(--i-bg-hovered));\n      }\n    }\n  }\n  .hover\\:bg-color-primary-hovered {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--plus-color-background-primary-hovered);\n      }\n    }\n  }\n  .hover\\:bg-green-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-green-600);\n      }\n    }\n  }\n  .hover\\:bg-transparent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .hover\\:text-color-caption {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-caption);\n      }\n    }\n  }\n  .hover\\:text-color-default {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-default);\n      }\n    }\n  }\n  .hover\\:text-color-primary {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--plus-color-text-primary);\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .focus\\:ring-1 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-offset-1 {\n    &:focus {\n      --tw-ring-offset-width: 1px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:bg-\\(--d-bg-focused\\) {\n    &:focus-visible {\n      background-color: var(--d-bg-focused);\n    }\n  }\n  .focus-visible\\:bg-color-dynamic-focused {\n    &:focus-visible {\n      background-color: var(--bg-focused,var(--i-bg-focused));\n    }\n  }\n  .focus-visible\\:ring-default {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      --tw-ring-color: var(--plus-color-border-ring);\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n      outline-style: var(--tw-outline-style);\n      outline-width: 0px;\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n    &:active {\n      background-color: var(--i-bg-pressed);\n    }\n  }\n  .active\\:bg-color-default-pressed {\n    &:active {\n      background-color: var(--plus-color-background-default-pressed);\n    }\n  }\n  .active\\:bg-color-dynamic-pressed {\n    &:active {\n      background-color: var(--bg-pressed,var(--i-bg-pressed));\n    }\n  }\n  .active\\:bg-color-primary-pressed {\n    &:active {\n      background-color: var(--plus-color-background-primary-pressed);\n    }\n  }\n  .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n    &:enabled {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--d-bg-hovered);\n        }\n      }\n    }\n  }\n  .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n    &:enabled {\n      &:focus-visible {\n        background-color: var(--d-bg-focused);\n      }\n    }\n  }\n  .enabled\\:focus-visible\\:ring-default {\n    &:enabled {\n      &:focus-visible {\n        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n        --tw-ring-color: var(--plus-color-border-ring);\n        --tw-ring-offset-width: 2px;\n        --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n        outline-style: var(--tw-outline-style);\n        outline-width: 0px;\n      }\n    }\n  }\n  .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n    &:enabled {\n      &:active {\n        background-color: var(--d-bg-pressed);\n      }\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .motion-reduce\\:transition-none {\n    @media (prefers-reduced-motion: reduce) {\n      transition-property: none;\n    }\n  }\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+1F00-1FFF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-vietnamese-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-ext-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n@font-face {\n  font-family: 'Inter Variable';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 100 900;\n  src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format('woff2-variations');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n:root {\n  --plus-color-background-surface: var(--plus-color-base-white);\n  --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n  --plus-color-background-transparent: var(--plus-color-base-transparent);\n  --plus-color-background-divider: var(--plus-color-neutral-400);\n  --plus-color-background-modal: var(--plus-color-base-white);\n  --plus-color-background-overlay: var(--plus-color-neutral-950);\n  --plus-color-background-default-default: var(--plus-color-neutral-100);\n  --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n  --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n  --plus-color-background-default-focused: var(--plus-color-neutral-100);\n  --plus-color-background-default-loading: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n  --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n  --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n  --plus-color-background-primary-default: var(--plus-color-primary-700);\n  --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n  --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n  --plus-color-background-primary-focused: var(--plus-color-primary-700);\n  --plus-color-background-primary-loading: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n  --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n  --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n  --plus-color-background-info-default: var(--plus-color-info-700);\n  --plus-color-background-info-hovered: var(--plus-color-info-800);\n  --plus-color-background-info-pressed: var(--plus-color-info-900);\n  --plus-color-background-info-focused: var(--plus-color-info-700);\n  --plus-color-background-info-loading: var(--plus-color-info-900);\n  --plus-color-background-info-invert-default: var(--plus-color-info-100);\n  --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n  --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n  --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n  --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n  --plus-color-background-success-default: var(--plus-color-success-700);\n  --plus-color-background-success-hovered: var(--plus-color-success-800);\n  --plus-color-background-success-pressed: var(--plus-color-success-900);\n  --plus-color-background-success-focused: var(--plus-color-success-700);\n  --plus-color-background-success-loading: var(--plus-color-success-900);\n  --plus-color-background-success-invert-default: var(--plus-color-success-100);\n  --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n  --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n  --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n  --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n  --plus-color-background-warning-default: var(--plus-color-warning-700);\n  --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n  --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n  --plus-color-background-warning-focused: var(--plus-color-warning-700);\n  --plus-color-background-warning-loading: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n  --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n  --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n  --plus-color-background-danger-default: var(--plus-color-danger-700);\n  --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n  --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n  --plus-color-background-danger-focused: var(--plus-color-danger-700);\n  --plus-color-background-danger-loading: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n  --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n  --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n  --plus-color-text-base: var(--plus-color-base-white);\n  --plus-color-text-default: var(--plus-color-neutral-950);\n  --plus-color-text-primary: var(--plus-color-primary-700);\n  --plus-color-text-info: var(--plus-color-info-700);\n  --plus-color-text-success: var(--plus-color-success-700);\n  --plus-color-text-warning: var(--plus-color-warning-700);\n  --plus-color-text-danger: var(--plus-color-danger-700);\n  --plus-color-text-placeholder: var(--plus-color-neutral-500);\n  --plus-color-text-caption: var(--plus-color-neutral-600);\n  --plus-color-text-link: var(--color-blue-700);\n  --plus-color-text-visited: var(--color-purple-700);\n  --plus-color-text-loading: var(--plus-color-neutral-700);\n  --plus-color-text-disabled: var(--plus-color-neutral-400);\n  --plus-color-text-base-invert: var(--plus-color-neutral-950);\n  --plus-color-text-default-invert: var(--plus-color-base-white);\n  --plus-color-text-primary-invert: var(--plus-color-primary-100);\n  --plus-color-text-info-invert: var(--plus-color-info-100);\n  --plus-color-text-success-invert: var(--plus-color-success-100);\n  --plus-color-text-warning-invert: var(--plus-color-warning-100);\n  --plus-color-text-danger-invert: var(--plus-color-danger-100);\n  --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n  --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n  --plus-color-text-link-invert: var(--color-blue-100);\n  --plus-color-text-visited-invert: var(--color-purple-100);\n  --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n  --plus-color-border-base: var(--plus-color-base-white);\n  --plus-color-border-default: var(--plus-color-neutral-400);\n  --plus-color-border-primary: var(--plus-color-primary-700);\n  --plus-color-border-info: var(--plus-color-info-700);\n  --plus-color-border-success: var(--plus-color-success-700);\n  --plus-color-border-warning: var(--plus-color-warning-700);\n  --plus-color-border-danger: var(--plus-color-danger-700);\n  --plus-color-border-ring: var(--color-blue-300);\n  --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n[data-theme='dark'] {\n  --plus-color-background-surface: var(--plus-color-base-black);\n  --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n  --plus-color-background-transparent: var(--plus-color-base-transparent);\n  --plus-color-background-divider: var(--plus-color-neutral-600);\n  --plus-color-background-modal: var(--plus-color-neutral-900);\n  --plus-color-background-overlay: var(--plus-color-neutral-950);\n  --plus-color-background-default-default: var(--plus-color-neutral-900);\n  --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n  --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n  --plus-color-background-default-focused: var(--plus-color-neutral-900);\n  --plus-color-background-default-loading: var(--plus-color-neutral-700);\n  --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n  --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n  --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n  --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n  --plus-color-background-primary-default: var(--plus-color-primary-300);\n  --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n  --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n  --plus-color-background-primary-focused: var(--plus-color-primary-300);\n  --plus-color-background-primary-loading: var(--plus-color-primary-100);\n  --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n  --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n  --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n  --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n  --plus-color-background-info-default: var(--plus-color-info-300);\n  --plus-color-background-info-hovered: var(--plus-color-info-200);\n  --plus-color-background-info-pressed: var(--plus-color-info-100);\n  --plus-color-background-info-focused: var(--plus-color-info-300);\n  --plus-color-background-info-loading: var(--plus-color-info-100);\n  --plus-color-background-info-invert-default: var(--plus-color-info-900);\n  --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n  --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n  --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n  --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n  --plus-color-background-success-default: var(--plus-color-success-300);\n  --plus-color-background-success-hovered: var(--plus-color-success-200);\n  --plus-color-background-success-pressed: var(--plus-color-success-100);\n  --plus-color-background-success-focused: var(--plus-color-success-300);\n  --plus-color-background-success-loading: var(--plus-color-success-100);\n  --plus-color-background-success-invert-default: var(--plus-color-success-900);\n  --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n  --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n  --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n  --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n  --plus-color-background-warning-default: var(--plus-color-warning-300);\n  --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n  --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n  --plus-color-background-warning-focused: var(--plus-color-warning-300);\n  --plus-color-background-warning-loading: var(--plus-color-warning-100);\n  --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n  --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n  --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n  --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n  --plus-color-background-danger-default: var(--plus-color-danger-300);\n  --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n  --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n  --plus-color-background-danger-focused: var(--plus-color-danger-300);\n  --plus-color-background-danger-loading: var(--plus-color-danger-100);\n  --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n  --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n  --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n  --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n  --plus-color-text-base: var(--plus-color-neutral-950);\n  --plus-color-text-default: var(--plus-color-base-white);\n  --plus-color-text-primary: var(--plus-color-primary-300);\n  --plus-color-text-info: var(--plus-color-info-300);\n  --plus-color-text-success: var(--plus-color-success-300);\n  --plus-color-text-warning: var(--plus-color-warning-300);\n  --plus-color-text-danger: var(--plus-color-danger-300);\n  --plus-color-text-placeholder: var(--plus-color-neutral-500);\n  --plus-color-text-caption: var(--plus-color-neutral-400);\n  --plus-color-text-link: var(--color-blue-300);\n  --plus-color-text-visited: var(--color-purple-300);\n  --plus-color-text-loading: var(--plus-color-neutral-300);\n  --plus-color-text-disabled: var(--plus-color-neutral-600);\n  --plus-color-text-base-invert: var(--plus-color-base-white);\n  --plus-color-text-default-invert: var(--plus-color-neutral-950);\n  --plus-color-text-primary-invert: var(--plus-color-primary-900);\n  --plus-color-text-info-invert: var(--plus-color-info-900);\n  --plus-color-text-success-invert: var(--plus-color-success-900);\n  --plus-color-text-warning-invert: var(--plus-color-warning-900);\n  --plus-color-text-danger-invert: var(--plus-color-danger-900);\n  --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n  --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n  --plus-color-text-link-invert: var(--color-blue-900);\n  --plus-color-text-visited-invert: var(--color-purple-900);\n  --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n  --plus-color-border-base: var(--plus-color-neutral-950);\n  --plus-color-border-default: var(--plus-color-neutral-600);\n  --plus-color-border-primary: var(--plus-color-primary-300);\n  --plus-color-border-info: var(--plus-color-info-300);\n  --plus-color-border-success: var(--plus-color-success-300);\n  --plus-color-border-warning: var(--plus-color-warning-300);\n  --plus-color-border-danger: var(--plus-color-danger-300);\n  --plus-color-border-ring: var(--color-blue-700);\n  --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n    }\n  }\n}\n";
 styleInject(css_248z);
 
 var preflight = i$3$1 `
@@ -221,7 +221,7 @@ var preflight = i$3$1 `
   }
 `;
 
-let Tailwind$1 = class Tailwind extends r$4 {
+let Tailwind$1 = class Tailwind extends i$4 {
     constructor() {
         super();
     }
@@ -240,7 +240,7 @@ let Tailwind$1 = class Tailwind extends r$4 {
 Tailwind$1.styles = [
     preflight,
     i$3$1 `
-      ${r$3(css_248z)}
+      ${r$2(css_248z)}
     `,
 ];
 
@@ -277,7 +277,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const o$5={attribute:true,type:String,converter:u$1$1,reflect:false,hasChanged:f$1},r$1=(t=o$5,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n$3(t){return (e,o)=>"object"==typeof o?r$1(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:true}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
+ */const o$5={attribute:true,type:String,converter:u$1$1,reflect:false,hasChanged:f$1},r$1=(t=o$5,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),"setter"===n&&((t=Object.create(t)).wrapped=true),s.set(r.name,t),"accessor"===n){const{name:o}=r;return {set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);}}throw Error("Unsupported decorator location: "+n)};function n$3(t){return (e,o)=>"object"==typeof o?r$1(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}
 
 /**
  * @license
@@ -3163,7 +3163,7 @@ const baseButtonStyle = ce({
 
 /**
  * @tag plus-button
- * @summary Button component that provides a clickable element with various styles and states.
+ * @summary Polymorphic button component that can render as either a button or anchor link.
  *
  * @slot - The default slot for button content
  * @slot prefix - Content to be placed before the button content
@@ -3180,9 +3180,25 @@ const baseButtonStyle = ce({
  *
  * @example
  * ```html
+ * <!-- As a button -->
  * <plus-button kind="filled" status="primary" size="md">
  *   Click me
  * </plus-button>
+ *
+ * <!-- As a link -->
+ * <plus-button href="/dashboard" kind="filled" status="primary">
+ *   Go to Dashboard
+ * </plus-button>
+ *
+ * <!-- External link -->
+ * <plus-button href="https://github.com" external kind="outlined">
+ *   GitHub
+ * </plus-button>
+ *
+ * <!-- Submit button in a form -->
+ * <plus-button type="submit" kind="filled" status="primary">
+ *   Submit Form
+ * </plus-button>
  * ```
  */
 const textColorMap$2 = {
@@ -3236,8 +3252,24 @@ let PlusButton$1 = class PlusButton extends Tailwind$1 {
          */
         this.loading = false;
         this.fullWidth = false;
+        /**
+         * When true, link opens in new tab with secure attributes
+         * Automatically sets target="_blank" and rel="noopener noreferrer"
+         * @default false
+         */
+        this.external = false;
+        /**
+         * Specifies the button type for form interactions
+         * Only applies when rendering as a button (no href)
+         * @default 'button'
+         */
+        this.type = 'button';
     }
-    handleClick() {
+    handleClick(e) {
+        if (this.disabled || this.loading) {
+            e.preventDefault();
+            return;
+        }
         this.emit('plus-click');
     }
     handleFocus() {
@@ -3266,7 +3298,7 @@ let PlusButton$1 = class PlusButton extends Tailwind$1 {
             '--i-text-color': `var(--plus-color-text-${textColorMap$2[_statusColor]})`,
             '--i-border-color': 'transparent',
         };
-        const styles = {
+        const stylesMap = {
             filled: filledStyles,
             outlined: commonStyles,
             dashed: commonStyles,
@@ -3307,29 +3339,58 @@ let PlusButton$1 = class PlusButton extends Tailwind$1 {
         />
       </svg>
     </div>`;
+        // Link props for anchor element
+        const target = this.external ? '_blank' : this.target;
+        const rel = this.external ? 'noopener noreferrer' : this.rel;
+        const isLink = this.href !== undefined;
+        const isDisabled = this.disabled || this.loading;
+        const finalStyles = { ...dynamicStyles, ...stylesMap[this.kind] };
+        const content = x$2 `
+      <slot name="prefix"></slot>
+      <slot></slot>
+      <slot name="suffix"></slot>
+      ${this.loading ? LoadingTemplate : ''}
+    `;
+        if (isLink) {
+            return x$2 `
+        <a
+          class=${base()}
+          part="button"
+          href=${this.href}
+          target=${target || E}
+          rel=${rel || E}
+          download=${this.download || E}
+          aria-disabled=${isDisabled ? 'true' : E}
+          tabindex=${isDisabled ? '-1' : E}
+          style=${o$4(finalStyles)}
+          @click=${this.handleClick}
+          @focus=${this.handleFocus}
+          @blur=${this.handleBlur}
+        >
+          ${content}
+        </a>
+      `;
+        }
         return x$2 `
       <button
         class=${base()}
         part="button"
-        ?disabled=${this.disabled || this.loading}
-        style=${o$4({ ...dynamicStyles, ...styles[this.kind] })}
+        type=${this.type}
+        ?disabled=${isDisabled}
+        style=${o$4(finalStyles)}
         @click=${this.handleClick}
         @focus=${this.handleFocus}
         @blur=${this.handleBlur}
-        aria-label="Button"
-        role="button"
-        tabindex="0"
         @keydown=${(e) => {
             if (e.key === 'Enter' || e.key === ' ') {
-                this.handleClick();
+                if (!isDisabled) {
+                    this.handleClick(e);
+                }
                 e.preventDefault();
             }
         }}
       >
-        <slot name="prefix"></slot>
-        <slot></slot>
-        <slot name="suffix"></slot>
-        ${this.loading ? LoadingTemplate : ''}
+        ${content}
       </button>
     `;
     }
@@ -3384,6 +3445,24 @@ __decorate([
         attribute: 'full-width',
     })
 ], PlusButton$1.prototype, "fullWidth", void 0);
+__decorate([
+    n$3({ type: String })
+], PlusButton$1.prototype, "href", void 0);
+__decorate([
+    n$3({ type: String })
+], PlusButton$1.prototype, "target", void 0);
+__decorate([
+    n$3({ type: String })
+], PlusButton$1.prototype, "rel", void 0);
+__decorate([
+    n$3({ type: String })
+], PlusButton$1.prototype, "download", void 0);
+__decorate([
+    n$3({ type: Boolean, converter: booleanConverter, reflect: true })
+], PlusButton$1.prototype, "external", void 0);
+__decorate([
+    n$3({ type: String })
+], PlusButton$1.prototype, "type", void 0);
 
 customElements.define('plus-button', PlusButton$1);
 
@@ -4235,7 +4314,7 @@ function cacheIcon(name, style, svg) {
  * <plus-icon icon-name="home" style="--icon-size: 32px;"></plus-icon>
  * ```
  */
-let PlusIcon$1 = class PlusIcon extends r$4 {
+let PlusIcon$1 = class PlusIcon extends i$4 {
     constructor() {
         super(...arguments);
         /**
@@ -4755,29 +4834,6 @@ let PlusLink$1 = class PlusLink extends Tailwind$1 {
          * @default false
          */
         this.readonly = false;
-        /**
-         * The URL that the hyperlink points to
-         * @default ''
-         */
-        this.href = '';
-        /**
-         * Specifies where to display the linked URL
-         * Common values: _blank, _self, _parent, _top
-         * @default ''
-         */
-        this.target = '';
-        /**
-         * Specifies the relationship between the current document and the linked document
-         * Common values: nofollow, noopener, noreferrer
-         * @default ''
-         */
-        this.rel = '';
-        /**
-         * Sets the link to download the target URL instead of navigating
-         * Optional value specifies the suggested filename
-         * @default ''
-         */
-        this.download = '';
         /**
          * When true, displays loading state and disables interaction
          * @default false
@@ -4825,12 +4881,12 @@ let PlusLink$1 = class PlusLink extends Tailwind$1 {
             readonly: this.readonly,
             notAllowed: this.disabled || this.readonly,
         })}
-        ?href="${this.href}"
-        ?target="${target}"
-        ?rel="${rel}"
-        ?download="${this.download}"
-        ?aria-disabled="${this.disabled}"
-        ?aria-readonly="${this.readonly}"
+        href=${this.href ?? ''}
+        ?target=${target}
+        ?rel=${rel}
+        ?download=${this.download}
+        aria-disabled=${this.disabled}
+        aria-readonly=${this.readonly}
         tabindex="${this.disabled ? '-1' : '0'}"
         part="base"
         @click="${this.handleClick}"
@@ -7966,16 +8022,21 @@ const flip$1 = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          // Try next placement and re-run the lifecycle.
-          return {
-            data: {
-              index: nextIndex,
-              overflows: overflowsData
-            },
-            reset: {
-              placement: nextPlacement
-            }
-          };
+          var _overflowsData$;
+          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
+          if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
+            // Try next placement and re-run the lifecycle.
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -8705,6 +8766,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollTop: 0
   };
   const offsets = createCoords(0);
+
+  // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
+  // Firefox with layout.scrollbar.side = 3 in about:config to test this.
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -8714,11 +8781,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
-      // If the <body> scrollbar appears on the left (e.g. RTL systems). Use
-      // Firefox with layout.scrollbar.side = 3 in about:config to test this.
-      offsets.x = getWindowScrollBarX(documentElement);
+      setLeftRTLScrollbarOffset();
     }
   }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
   const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
   const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
@@ -8895,7 +8963,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);
@@ -13750,7 +13818,7 @@ const t=t=>(e,o)=>{ void 0!==o?o.addInitializer((()=>{customElements.define(t,e)
  * Place this component once at the root of your application.
  * @dependency plus-toast-container
  */
-let PlusService$1 = class PlusService extends r$4 {
+let PlusService$1 = class PlusService extends i$4 {
     // This component doesn't need its own shadow DOM or complex styles
     createRenderRoot() {
         return this;
@@ -15744,8 +15812,6 @@ __decorate([
 customElements.define('plus-tab-group', PlusTabGroup$1);
 
 const Tailwind = forwardRef((props, forwardedRef) => {
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "undefined",
     {
@@ -15774,8 +15840,6 @@ const PlusAvatar = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-avatar",
     {
@@ -15800,10 +15864,21 @@ const PlusAvatar = forwardRef((props, forwardedRef) => {
 });
 
 const PlusButton = forwardRef((props, forwardedRef) => {
-  const { disabled, loading, fullWidth, kind, status, size, ...filteredProps } =
-    props;
-
-  useImperativeHandle(forwardedRef, () => ({}));
+  const {
+    disabled,
+    loading,
+    fullWidth,
+    external,
+    kind,
+    status,
+    size,
+    href,
+    target,
+    rel,
+    download,
+    type,
+    ...filteredProps
+  } = props;
 
   return React.createElement(
     "plus-button",
@@ -15812,6 +15887,11 @@ const PlusButton = forwardRef((props, forwardedRef) => {
       kind: props.kind,
       status: props.status,
       size: props.size,
+      href: props.href,
+      target: props.target,
+      rel: props.rel,
+      download: props.download,
+      type: props.type,
       class: props.className,
       exportparts: props.exportparts,
       for: props.htmlFor,
@@ -15820,6 +15900,7 @@ const PlusButton = forwardRef((props, forwardedRef) => {
       disabled: props.disabled ? "" : undefined,
       loading: props.loading ? "" : undefined,
       "full-width": props.fullWidth ? "" : undefined,
+      external: props.external ? "" : undefined,
       style: { ...props.style },
     },
     props.children,
@@ -15838,8 +15919,6 @@ const PlusButtonGroup = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-button-group",
     {
@@ -15866,8 +15945,6 @@ const PlusBadge = forwardRef((props, forwardedRef) => {
   const { status, size, orientation, offset, content, ...filteredProps } =
     props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-badge",
     {
@@ -15891,8 +15968,6 @@ const PlusBadge = forwardRef((props, forwardedRef) => {
 const PlusTag = forwardRef((props, forwardedRef) => {
   const { invert, status, size, radius, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-tag",
     {
@@ -15917,8 +15992,6 @@ const PlusTag = forwardRef((props, forwardedRef) => {
 const PlusIcon = forwardRef((props, forwardedRef) => {
   const { iconName, iconStyle, size, label, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-icon",
     {
@@ -15951,8 +16024,6 @@ const PlusChip = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-chip",
     {
@@ -15991,8 +16062,6 @@ const PlusLink = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-link",
     {
@@ -16071,12 +16140,17 @@ const PlusAlert = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-dismiss", props.onPlusDismiss);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-alert",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       kind: props.kind,
       size: props.size,
@@ -16122,15 +16196,17 @@ const PlusRadio = forwardRef((props, forwardedRef) => {
   /** Properties - run whenever a property has changed */
   useProperties(ref, "hasFocus", props.hasFocus);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    handleChange: () => ref.current.handleChange(),
-  }));
-
   return React.createElement(
     "plus-radio",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       text: props.text,
@@ -16164,8 +16240,6 @@ const PlusSegmentedPickerItem = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-segmented-picker-item",
     {
@@ -16199,12 +16273,17 @@ const PlusSegmentedPicker = forwardRef((props, forwardedRef) => {
     props.onPlusSegmentedPickerItemChanged,
   );
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-segmented-picker",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       status: props.status,
       shape: props.shape,
@@ -16232,8 +16311,6 @@ const PlusRadioGroup = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-radio-group",
     {
@@ -16267,12 +16344,6 @@ const PlusModal = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    hide: () => ref.current.hide(),
-    show: () => ref.current.show(),
-  }));
-
   return React.createElement(
     "plus-modal",
     {
@@ -16299,12 +16370,6 @@ const PlusDrawer = forwardRef((props, forwardedRef) => {
   const { isOpen, size, orientation, animationDuration, ...filteredProps } =
     props;
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    hide: () => ref.current.hide(),
-    show: () => ref.current.show(),
-  }));
-
   return React.createElement(
     "plus-drawer",
     {
@@ -16340,12 +16405,17 @@ const PlusAccordion = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-accordion-toggle", props.onPlusAccordionToggle);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-accordion",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       class: props.className,
@@ -16367,8 +16437,6 @@ const PlusAccordion = forwardRef((props, forwardedRef) => {
 const PlusAccordionGroup = forwardRef((props, forwardedRef) => {
   const { multi, kind, size, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-accordion-group",
     {
@@ -16401,12 +16469,17 @@ const PlusDivider = forwardRef((props, forwardedRef) => {
   /** Properties - run whenever a property has changed */
   useProperties(ref, "hasContent", props.hasContent);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-divider",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       orientation: props.orientation,
       kind: props.kind,
@@ -16443,12 +16516,17 @@ const PlusPopover = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-popover-close", props.onPlusPopoverClose);
   useEventListener(ref, "plus-popover-dismiss", props.onPlusPopoverDismiss);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-popover",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       orientation: props.orientation,
@@ -16477,12 +16555,17 @@ const PlusListBoxItem = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "click", props.onClick);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-list-box-item",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       text: props.text,
@@ -16506,12 +16589,17 @@ const PlusDropDownItem = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "click", props.onClick);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-dropdown-item",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       text: props.text,
@@ -16541,12 +16629,17 @@ const PlusDropdown = forwardRef((props, forwardedRef) => {
     props.onPlusDropdownSelectedItem,
   );
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-dropdown",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       status: props.status,
@@ -16568,8 +16661,6 @@ const PlusTooltip = forwardRef((props, forwardedRef) => {
   const { size, message, trigger, orientation, hideDelay, ...filteredProps } =
     props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-tooltip",
     {
@@ -16635,17 +16726,17 @@ const PlusInput = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-password-toggle", props.onPlusPasswordToggle);
   useEventListener(ref, "plus-invalid", props.onPlusInvalid);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    checkValidity: () => ref.current.checkValidity(),
-    reportValidity: () => ref.current.reportValidity(),
-    setCustomValidity: (message) => ref.current.setCustomValidity(message),
-  }));
-
   return React.createElement(
     "plus-input",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       type: props.type,
       name: props.name,
@@ -16713,12 +16804,17 @@ const PlusPopconfirm = forwardRef((props, forwardedRef) => {
   );
   useEventListener(ref, "plus-popconfirm-cancel", props.onPlusPopconfirmCancel);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-popconfirm",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       orientation: props.orientation,
@@ -16743,8 +16839,6 @@ const PlusPopconfirm = forwardRef((props, forwardedRef) => {
 const PlusText = forwardRef((props, forwardedRef) => {
   const { kind, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-text",
     {
@@ -16764,8 +16858,6 @@ const PlusText = forwardRef((props, forwardedRef) => {
 const PlusBreadcrumbItem = forwardRef((props, forwardedRef) => {
   const { href, prefixIcon, suffixIcon, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-breadcrumb-item",
     {
@@ -16787,8 +16879,6 @@ const PlusBreadcrumbItem = forwardRef((props, forwardedRef) => {
 const PlusBreadcrumb = forwardRef((props, forwardedRef) => {
   const { kind, separator, size, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-breadcrumb",
     {
@@ -16826,20 +16916,17 @@ const PlusCheckbox = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-focus", props.onPlusFocus);
   useEventListener(ref, "plus-blur", props.onPlusBlur);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    formResetCallback: () => ref.current.formResetCallback(),
-    formDisabledCallback: (disabled) =>
-      ref.current.formDisabledCallback(disabled),
-    click: () => ref.current.click(),
-    focus: (options) => ref.current.focus(options),
-    blur: () => ref.current.blur(),
-  }));
-
   return React.createElement(
     "plus-checkbox",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       name: props.name,
       size: props.size,
@@ -16867,12 +16954,17 @@ const PlusCheckboxGroup = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-change", props.onPlusChange);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-checkbox-group",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       value: props.value,
       size: props.size,
@@ -16920,17 +17012,17 @@ const PlusTextarea = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-blur", props.onPlusBlur);
   useEventListener(ref, "plus-invalid", props.onPlusInvalid);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    checkValidity: () => ref.current.checkValidity(),
-    reportValidity: () => ref.current.reportValidity(),
-    setCustomValidity: (message) => ref.current.setCustomValidity(message),
-  }));
-
   return React.createElement(
     "plus-textarea",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       name: props.name,
       value: props.value,
@@ -16983,15 +17075,17 @@ const PlusRating = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-change", props.onPlusChange);
   useEventListener(ref, "plus-hover", props.onPlusHover);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    reportValidity: () => ref.current.reportValidity(),
-  }));
-
   return React.createElement(
     "plus-rating",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       value: props.value,
       max: props.max,
@@ -17033,12 +17127,17 @@ const PlusToast = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-close", props.onPlusClose);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-toast",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       kind: props.kind,
@@ -17062,8 +17161,6 @@ const PlusToast = forwardRef((props, forwardedRef) => {
 const PlusToastContainer = forwardRef((props, forwardedRef) => {
   const { position, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-toast-container",
     {
@@ -17081,8 +17178,6 @@ const PlusToastContainer = forwardRef((props, forwardedRef) => {
 });
 
 const PlusService = forwardRef((props, forwardedRef) => {
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-service",
     {
@@ -17105,12 +17200,17 @@ const PlusSelectItem = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "click", props.onClick);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-select-item",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       text: props.text,
@@ -17152,12 +17252,17 @@ const PlusSelect = forwardRef((props, forwardedRef) => {
     props.onPlusSelectSelectedItem,
   );
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-select",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       placeholder: props.placeholder,
@@ -17212,17 +17317,17 @@ const PlusToggle = forwardRef((props, forwardedRef) => {
   useEventListener(ref, "plus-blur", props.onPlusBlur);
   useEventListener(ref, "plus-invalid", props.onPlusInvalid);
 
-  /** Methods - uses `useImperativeHandle` hook to pass ref to component */
-  useImperativeHandle(forwardedRef, () => ({
-    checkValidity: () => ref.current.checkValidity(),
-    reportValidity: () => ref.current.reportValidity(),
-    setCustomValidity: (message) => ref.current.setCustomValidity(message),
-  }));
-
   return React.createElement(
     "plus-toggle",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       name: props.name,
       value: props.value,
@@ -17271,8 +17376,6 @@ const PlusTab = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-tab",
     {
@@ -17301,8 +17404,6 @@ const PlusTab = forwardRef((props, forwardedRef) => {
 const PlusTabPanel = forwardRef((props, forwardedRef) => {
   const { active, value, panelClass, ...filteredProps } = props;
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-tab-panel",
     {
@@ -17336,12 +17437,17 @@ const PlusTabGroup = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-tabs-change", props.onPlusTabsChange);
 
-  useImperativeHandle(forwardedRef, () => ({}));
-
   return React.createElement(
     "plus-tab-group",
     {
-      ref,
+      ref: (node) => {
+        ref.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
       ...filteredProps,
       size: props.size,
       orientation: props.orientation,