@plusui/library 0.1.9 → 0.1.10

package/react/PlusSegmentedPickerItem.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/segmented-picker-item/index.js";
 
 export const PlusSegmentedPickerItem = forwardRef((props, forwardedRef) => {
@@ -13,6 +13,8 @@ export const PlusSegmentedPickerItem = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-segmented-picker-item",
     {

package/react/PlusSelect.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/select/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -27,17 +32,12 @@ export const PlusSelect = forwardRef((props, forwardedRef) => {
     props.onPlusSelectSelectedItem,
   );
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-select",
     {
-      ref: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       size: props.size,
       placeholder: props.placeholder,

package/react/PlusSelectItem.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/select-item/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -9,17 +14,12 @@ export const PlusSelectItem = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "click", props.onClick);
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-select-item",
     {
-      ref: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       size: props.size,
       text: props.text,

package/react/PlusService.js

@@ -1,7 +1,9 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/service/index.js";
 
 export const PlusService = forwardRef((props, forwardedRef) => {
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-service",
     {

package/react/PlusTab.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/tab/index.js";
 
 export const PlusTab = forwardRef((props, forwardedRef) => {
@@ -16,6 +16,8 @@ export const PlusTab = forwardRef((props, forwardedRef) => {
     ...filteredProps
   } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-tab",
     {

package/react/PlusTabGroup.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/tab-group/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -17,17 +22,12 @@ export 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: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       size: props.size,
       orientation: props.orientation,

package/react/PlusTabPanel.js

@@ -1,9 +1,11 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/tab-panel/index.js";
 
 export const PlusTabPanel = forwardRef((props, forwardedRef) => {
   const { active, value, panelClass, ...filteredProps } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-tab-panel",
     {

package/react/PlusTag.js

@@ -1,9 +1,11 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/tag/index.js";
 
 export const PlusTag = forwardRef((props, forwardedRef) => {
   const { invert, status, size, radius, ...filteredProps } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-tag",
     {

package/react/PlusText.js

@@ -1,9 +1,11 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/text/index.js";
 
 export const PlusText = forwardRef((props, forwardedRef) => {
   const { kind, ...filteredProps } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-text",
     {

package/react/PlusTextarea.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/textarea/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -33,17 +38,17 @@ export 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: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       name: props.name,
       value: props.value,

package/react/PlusToast.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/toast/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -19,17 +24,12 @@ export const PlusToast = forwardRef((props, forwardedRef) => {
   /** Event listeners - run once */
   useEventListener(ref, "plus-close", props.onPlusClose);
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-toast",
     {
-      ref: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       size: props.size,
       kind: props.kind,

package/react/PlusToastContainer.js

@@ -1,9 +1,11 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/toast-container/index.js";
 
 export const PlusToastContainer = forwardRef((props, forwardedRef) => {
   const { position, ...filteredProps } = props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-toast-container",
     {

package/react/PlusToggle.js

@@ -1,4 +1,9 @@
-import React, { forwardRef, useRef, useEffect } from "react";
+import React, {
+  forwardRef,
+  useImperativeHandle,
+  useRef,
+  useEffect,
+} from "react";
 import "../dist/components/toggle/index.js";
 import { useEventListener } from "./react-utils.js";
 
@@ -34,17 +39,17 @@ export 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: (node) => {
-        ref.current = node;
-        if (typeof forwardedRef === "function") {
-          forwardedRef(node);
-        } else if (forwardedRef) {
-          forwardedRef.current = node;
-        }
-      },
+      ref,
       ...filteredProps,
       name: props.name,
       value: props.value,

package/react/PlusTooltip.js

@@ -1,10 +1,12 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components/tooltip/index.js";
 
 export const PlusTooltip = forwardRef((props, forwardedRef) => {
   const { size, message, trigger, orientation, hideDelay, ...filteredProps } =
     props;
 
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "plus-tooltip",
     {

package/react/Tailwind.js

@@ -1,7 +1,9 @@
-import React, { forwardRef } from "react";
+import React, { forwardRef, useImperativeHandle } from "react";
 import "../dist/components//index.js";
 
 export const Tailwind = forwardRef((props, forwardedRef) => {
+  useImperativeHandle(forwardedRef, () => ({}));
+
   return React.createElement(
     "undefined",
     {

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@plusui/library",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/cdn/floating-ui.dom-BYyWpmHF.js

@@ -1 +0,0 @@
-const t=Math.min,e=Math.max,n=Math.round,o=Math.floor,i=t=>({x:t,y:t}),r={left:"right",right:"left",bottom:"top",top:"bottom"},l={start:"end",end:"start"};function c(n,o,i){return e(n,t(o,i))}function s(t,e){return"function"==typeof t?t(e):t}function a(t){return t.split("-")[0]}function f(t){return t.split("-")[1]}function u(t){return"x"===t?"y":"x"}function d(t){return"y"===t?"height":"width"}function h(t){return["top","bottom"].includes(a(t))?"y":"x"}function m(t){return u(h(t))}function p(t){return t.replace(/start|end/g,(t=>l[t]))}function g(t){return t.replace(/left|right|bottom|top/g,(t=>r[t]))}function y(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function w(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function x(t,e,n){let{reference:o,floating:i}=t;const r=h(e),l=m(e),c=d(l),s=a(e),u="y"===r,p=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,y=o[c]/2-i[c]/2;let w;switch(s){case"top":w={x:p,y:o.y-i.height};break;case"bottom":w={x:p,y:o.y+o.height};break;case"right":w={x:o.x+o.width,y:g};break;case"left":w={x:o.x-i.width,y:g};break;default:w={x:o.x,y:o.y}}switch(f(e)){case"start":w[l]-=y*(n&&u?-1:1);break;case"end":w[l]+=y*(n&&u?-1:1)}return w}async function v(t,e){var n;void 0===e&&(e={});const{x:o,y:i,platform:r,rects:l,elements:c,strategy:a}=t,{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=!1,padding:m=0}=s(e,t),p=y(m),g=c[h?"floating"===d?"reference":"floating":d],x=w(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(g)))||n?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(c.floating)),boundary:f,rootBoundary:u,strategy:a})),v="floating"===d?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,b=await(null==r.getOffsetParent?void 0:r.getOffsetParent(c.floating)),R=await(null==r.isElement?void 0:r.isElement(b))&&await(null==r.getScale?void 0:r.getScale(b))||{x:1,y:1},T=w(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:v,offsetParent:b,strategy:a}):v);return{top:(x.top-T.top+p.top)/R.y,bottom:(T.bottom-x.bottom+p.bottom)/R.y,left:(x.left-T.left+p.left)/R.x,right:(T.right-x.right+p.right)/R.x}}function b(){return"undefined"!=typeof window}function R(t){return E(t)?(t.nodeName||"").toLowerCase():"#document"}function T(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function L(t){var e;return null==(e=(E(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function E(t){return!!b()&&(t instanceof Node||t instanceof T(t).Node)}function A(t){return!!b()&&(t instanceof Element||t instanceof T(t).Element)}function D(t){return!!b()&&(t instanceof HTMLElement||t instanceof T(t).HTMLElement)}function O(t){return!(!b()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof T(t).ShadowRoot)}function S(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=H(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!["inline","contents"].includes(i)}function C(t){return["table","td","th"].includes(R(t))}function P(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function F(t){const e=k(),n=A(t)?H(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>!!n[t]&&"none"!==n[t]))||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function k(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function B(t){return["html","body","#document"].includes(R(t))}function H(t){return T(t).getComputedStyle(t)}function W(t){return A(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function V(t){if("html"===R(t))return t;const e=t.assignedSlot||t.parentNode||O(t)&&t.host||L(t);return O(e)?e.host:e}function M(t){const e=V(t);return B(e)?t.ownerDocument?t.ownerDocument.body:t.body:D(e)&&S(e)?e:M(e)}function z(t,e,n){var o;void 0===e&&(e=[]),void 0===n&&(n=!0);const i=M(t),r=i===(null==(o=t.ownerDocument)?void 0:o.body),l=T(i);if(r){const t=N(l);return e.concat(l,l.visualViewport||[],S(i)?i:[],t&&n?z(t):[])}return e.concat(i,z(i,[],n))}function N(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function I(t){const e=H(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=D(t),l=r?t.offsetWidth:o,c=r?t.offsetHeight:i,s=n(o)!==l||n(i)!==c;return s&&(o=l,i=c),{width:o,height:i,$:s}}function j(t){return A(t)?t:t.contextElement}function q(t){const e=j(t);if(!D(e))return i(1);const o=e.getBoundingClientRect(),{width:r,height:l,$:c}=I(e);let s=(c?n(o.width):o.width)/r,a=(c?n(o.height):o.height)/l;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const X=i(0);function Y(t){const e=T(t);return k()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:X}function $(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const r=t.getBoundingClientRect(),l=j(t);let c=i(1);e&&(o?A(o)&&(c=q(o)):c=q(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==T(t))&&e}(l,n,o)?Y(l):i(0);let a=(r.left+s.x)/c.x,f=(r.top+s.y)/c.y,u=r.width/c.x,d=r.height/c.y;if(l){const t=T(l),e=o&&A(o)?T(o):o;let n=t,i=N(n);for(;i&&o&&e!==n;){const t=q(i),e=i.getBoundingClientRect(),o=H(i),r=e.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x,l=e.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x,f*=t.y,u*=t.x,d*=t.y,a+=r,f+=l,n=T(i),i=N(n)}}return w({width:u,height:d,x:a,y:f})}function _(t,e){const n=W(t).scrollLeft;return e?e.left+n:$(L(t)).left+n}function G(t,e,n){void 0===n&&(n=!1);const o=t.getBoundingClientRect();return{x:o.left+e.scrollLeft-(n?0:_(t,o)),y:o.top+e.scrollTop}}function J(t,n,o){let r;if("viewport"===n)r=function(t,e){const n=T(t),o=L(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,s=0;if(i){r=i.width,l=i.height;const t=k();(!t||t&&"fixed"===e)&&(c=i.offsetLeft,s=i.offsetTop)}return{width:r,height:l,x:c,y:s}}(t,o);else if("document"===n)r=function(t){const n=L(t),o=W(t),i=t.ownerDocument.body,r=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth),l=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let c=-o.scrollLeft+_(t);const s=-o.scrollTop;return"rtl"===H(i).direction&&(c+=e(n.clientWidth,i.clientWidth)-r),{width:r,height:l,x:c,y:s}}(L(t));else if(A(n))r=function(t,e){const n=$(t,!0,"fixed"===e),o=n.top+t.clientTop,r=n.left+t.clientLeft,l=D(t)?q(t):i(1);return{width:t.clientWidth*l.x,height:t.clientHeight*l.y,x:r*l.x,y:o*l.y}}(n,o);else{const e=Y(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return w(r)}function K(t,e){const n=V(t);return!(n===e||!A(n)||B(n))&&("fixed"===H(n).position||K(n,e))}function Q(t,e,n){const o=D(e),r=L(e),l="fixed"===n,c=$(t,!0,l,e);let s={scrollLeft:0,scrollTop:0};const a=i(0);function f(){a.x=_(r)}if(o||!o&&!l)if(("body"!==R(e)||S(r))&&(s=W(e)),o){const t=$(e,!0,l,e);a.x=t.x+e.clientLeft,a.y=t.y+e.clientTop}else r&&f();l&&!o&&r&&f();const u=!r||o||l?i(0):G(r,s);return{x:c.left+s.scrollLeft-a.x-u.x,y:c.top+s.scrollTop-a.y-u.y,width:c.width,height:c.height}}function U(t){return"static"===H(t).position}function Z(t,e){if(!D(t)||"fixed"===H(t).position)return null;if(e)return e(t);let n=t.offsetParent;return L(t)===n&&(n=n.ownerDocument.body),n}function tt(t,e){const n=T(t);if(P(t))return n;if(!D(t)){let e=V(t);for(;e&&!B(e);){if(A(e)&&!U(e))return e;e=V(e)}return n}let o=Z(t,e);for(;o&&C(o)&&U(o);)o=Z(o,e);return o&&B(o)&&U(o)&&!F(o)?n:o||function(t){let e=V(t);for(;D(e)&&!B(e);){if(F(e))return e;if(P(e))return null;e=V(e)}return null}(t)||n}const et={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t;const l="fixed"===r,c=L(o),s=!!e&&P(e.floating);if(o===c||s&&l)return n;let a={scrollLeft:0,scrollTop:0},f=i(1);const u=i(0),d=D(o);if((d||!d&&!l)&&(("body"!==R(o)||S(c))&&(a=W(o)),D(o))){const t=$(o);f=q(o),u.x=t.x+o.clientLeft,u.y=t.y+o.clientTop}const h=!c||d||l?i(0):G(c,a,!0);return{width:n.width*f.x,height:n.height*f.y,x:n.x*f.x-a.scrollLeft*f.x+u.x+h.x,y:n.y*f.y-a.scrollTop*f.y+u.y+h.y}},getDocumentElement:L,getClippingRect:function(n){let{element:o,boundary:i,rootBoundary:r,strategy:l}=n;const c=[..."clippingAncestors"===i?P(o)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=z(t,[],!1).filter((t=>A(t)&&"body"!==R(t))),i=null;const r="fixed"===H(t).position;let l=r?V(t):t;for(;A(l)&&!B(l);){const e=H(l),n=F(l);n||"fixed"!==e.position||(i=null),(r?!n&&!i:!n&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||S(l)&&!n&&K(t,l))?o=o.filter((t=>t!==l)):i=e,l=V(l)}return e.set(t,o),o}(o,this._c):[].concat(i),r],s=c[0],a=c.reduce(((n,i)=>{const r=J(o,i,l);return n.top=e(r.top,n.top),n.right=t(r.right,n.right),n.bottom=t(r.bottom,n.bottom),n.left=e(r.left,n.left),n}),J(o,s,l));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:tt,getElementRects:async function(t){const e=this.getOffsetParent||tt,n=this.getDimensions,o=await n(t.floating);return{reference:Q(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=I(t);return{width:e,height:n}},getScale:q,isElement:A,isRTL:function(t){return"rtl"===H(t).direction}};function nt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function ot(n,i,r,l){void 0===l&&(l={});const{ancestorScroll:c=!0,ancestorResize:s=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:f="function"==typeof IntersectionObserver,animationFrame:u=!1}=l,d=j(n),h=c||s?[...d?z(d):[],...z(i)]:[];h.forEach((t=>{c&&t.addEventListener("scroll",r,{passive:!0}),s&&t.addEventListener("resize",r)}));const m=d&&f?function(n,i){let r,l=null;const c=L(n);function s(){var t;clearTimeout(r),null==(t=l)||t.disconnect(),l=null}return function a(f,u){void 0===f&&(f=!1),void 0===u&&(u=1),s();const d=n.getBoundingClientRect(),{left:h,top:m,width:p,height:g}=d;if(f||i(),!p||!g)return;const y={rootMargin:-o(m)+"px "+-o(c.clientWidth-(h+p))+"px "+-o(c.clientHeight-(m+g))+"px "+-o(h)+"px",threshold:e(0,t(1,u))||1};let w=!0;function x(t){const e=t[0].intersectionRatio;if(e!==u){if(!w)return a();e?a(!1,e):r=setTimeout((()=>{a(!1,1e-7)}),1e3)}1!==e||nt(d,n.getBoundingClientRect())||a(),w=!1}try{l=new IntersectionObserver(x,{...y,root:c.ownerDocument})}catch(t){l=new IntersectionObserver(x,y)}l.observe(n)}(!0),s}(d,r):null;let p,g=-1,y=null;a&&(y=new ResizeObserver((t=>{let[e]=t;e&&e.target===d&&y&&(y.unobserve(i),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=y)||t.observe(i)}))),r()})),d&&!u&&y.observe(d),y.observe(i));let w=u?$(n):null;return u&&function t(){const e=$(n);w&&!nt(w,e)&&r();w=e,p=requestAnimationFrame(t)}(),r(),()=>{var t;h.forEach((t=>{c&&t.removeEventListener("scroll",r),s&&t.removeEventListener("resize",r)})),null==m||m(),null==(t=y)||t.disconnect(),y=null,u&&cancelAnimationFrame(p)}}const it=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:l,middlewareData:c}=e,u=await async function(t,e){const{placement:n,platform:o,elements:i}=t,r=await(null==o.isRTL?void 0:o.isRTL(i.floating)),l=a(n),c=f(n),u="y"===h(n),d=["left","top"].includes(l)?-1:1,m=r&&u?-1:1,p=s(e,t);let{mainAxis:g,crossAxis:y,alignmentAxis:w}="number"==typeof p?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return c&&"number"==typeof w&&(y="end"===c?-1*w:w),u?{x:y*m,y:g*d}:{x:g*d,y:y*m}}(e,t);return l===(null==(n=c.offset)?void 0:n.placement)&&null!=(o=c.arrow)&&o.alignmentOffset?{}:{x:i+u.x,y:r+u.y,data:{...u,placement:l}}}}},rt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:i}=e,{mainAxis:r=!0,crossAxis:l=!1,limiter:f={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...d}=s(t,e),m={x:n,y:o},p=await v(e,d),g=h(a(i)),y=u(g);let w=m[y],x=m[g];if(r){const t="y"===y?"bottom":"right";w=c(w+p["y"===y?"top":"left"],w,w-p[t])}if(l){const t="y"===g?"bottom":"right";x=c(x+p["y"===g?"top":"left"],x,x-p[t])}const b=f.fn({...e,[y]:w,[g]:x});return{...b,data:{x:b.x-n,y:b.y-o,enabled:{[y]:r,[g]:l}}}}}},lt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:u,elements:y}=e,{mainAxis:w=!0,crossAxis:x=!0,fallbackPlacements:b,fallbackStrategy:R="bestFit",fallbackAxisSideDirection:T="none",flipAlignment:L=!0,...E}=s(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const A=a(i),D=h(c),O=a(c)===c,S=await(null==u.isRTL?void 0:u.isRTL(y.floating)),C=b||(O||!L?[g(c)]:function(t){const e=g(t);return[p(t),e,p(e)]}(c)),P="none"!==T;!b&&P&&C.push(...function(t,e,n,o){const i=f(t);let r=function(t,e,n){const o=["left","right"],i=["right","left"],r=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return n?e?i:o:e?o:i;case"left":case"right":return e?r:l;default:return[]}}(a(t),"start"===n,o);return i&&(r=r.map((t=>t+"-"+i)),e&&(r=r.concat(r.map(p)))),r}(c,L,T,S));const F=[c,...C],k=await v(e,E),B=[];let H=(null==(o=r.flip)?void 0:o.overflows)||[];if(w&&B.push(k[A]),x){const t=function(t,e,n){void 0===n&&(n=!1);const o=f(t),i=m(t),r=d(i);let l="x"===i?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=g(l)),[l,g(l)]}(i,l,S);B.push(k[t[0]],k[t[1]])}if(H=[...H,{placement:i,overflows:B}],!B.every((t=>t<=0))){var W,V;const t=((null==(W=r.flip)?void 0:W.index)||0)+1,e=F[t];if(e){var M;const n="alignment"===x&&D!==h(e),o=(null==(M=H[0])?void 0:M.overflows[0])>0;if(!n||o)return{data:{index:t,overflows:H},reset:{placement:e}}}let n=null==(V=H.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:V.placement;if(!n)switch(R){case"bestFit":{var z;const t=null==(z=H.filter((t=>{if(P){const e=h(t.placement);return e===D||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:z[0];t&&(n=t);break}case"initialPlacement":n=c}if(i!==n)return{reset:{placement:n}}}return{}}}},ct=e=>({name:"arrow",options:e,async fn(n){const{x:o,y:i,placement:r,rects:l,platform:a,elements:u,middlewareData:h}=n,{element:p,padding:g=0}=s(e,n)||{};if(null==p)return{};const w=y(g),x={x:o,y:i},v=m(r),b=d(v),R=await a.getDimensions(p),T="y"===v,L=T?"top":"left",E=T?"bottom":"right",A=T?"clientHeight":"clientWidth",D=l.reference[b]+l.reference[v]-x[v]-l.floating[b],O=x[v]-l.reference[v],S=await(null==a.getOffsetParent?void 0:a.getOffsetParent(p));let C=S?S[A]:0;C&&await(null==a.isElement?void 0:a.isElement(S))||(C=u.floating[A]||l.floating[b]);const P=D/2-O/2,F=C/2-R[b]/2-1,k=t(w[L],F),B=t(w[E],F),H=k,W=C-R[b]-B,V=C/2-R[b]/2+P,M=c(H,V,W),z=!h.arrow&&null!=f(r)&&V!==M&&l.reference[b]/2-(V<H?k:B)-R[b]/2<0,N=z?V<H?V-H:V-W:0;return{[v]:x[v]+N,data:{[v]:M,centerOffset:V-M-N,...z&&{alignmentOffset:N}},reset:z}}}),st=(t,e,n)=>{const o=new Map,i={platform:et,...n},r={...i.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:f,y:u}=x(a,o,s),d=o,h={},m=0;for(let n=0;n<c.length;n++){const{name:r,fn:p}=c[n],{x:g,y,data:w,reset:v}=await p({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:a,platform:l,elements:{reference:t,floating:e}});f=null!=g?g:f,u=null!=y?y:u,h={...h,[r]:{...h[r],...w}},v&&m<=50&&(m++,"object"==typeof v&&(v.placement&&(d=v.placement),v.rects&&(a=!0===v.rects?await l.getElementRects({reference:t,floating:e,strategy:i}):v.rects),({x:f,y:u}=x(a,d,s))),n=-1)}return{x:f,y:u,placement:d,strategy:i,middlewareData:h}})(t,e,{...i,platform:r})};export{ct as a,ot as b,st as c,lt as f,it as o,rt as s};

package/cdn/global-9t6v8EOl.js

@@ -1,31 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-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);
-
-export { css_248z as c };