@svar-ui/react-menu 2.2.0

package/README.md

@@ -0,0 +1,46 @@
+<div align="center">
+	
+# SVAR React Menu
+
+[![npm](https://img.shields.io/npm/v/@svar-ui/react-menu.svg)](https://www.npmjs.com/package/@svar-ui/react-menu)
+[![License](https://img.shields.io/github/license/svar-widgets/react-menu)](https://github.com/svar-widgets/react-menu/blob/main/license.txt)
+[![npm downloads](https://img.shields.io/npm/dm/@svar-ui/react-menu.svg)](https://www.npmjs.com/package/@svar-ui/react-menu)
+
+</div>
+
+<div align="center">
+
+[Documentation](https://docs.svar.dev/react/core/category/menu/) • [Demos](https://docs.svar.dev/react/core/samples-menu/#/action/willow)
+
+</div>
+
+**SVAR React Menu** is a flexible menu component for adding navigation and interaction menus to your React applications. The component is easy-to-customize, compatible with React 18 and 19, and complements [SVAR React Core](https://github.com/svar-widgets/react-core/) library.
+
+<div align="center">
+	
+<img src="https://svar.dev/images/github/github-menu.png" alt="React Menu Component" style="width: 600px;">
+
+</div>
+
+SVAR React Menu can be used as:
+
+- Action Menu: Provides a compact list of actions (e.g. edit, delete, share.) that appears when a user clicks on a UI element.
+- Basic Menu: A simple, hierarchical menu that displays options for navigation or actions.
+- Context Menu: A right-click (or long-press) menu offering context-specific options for a selected element.
+- DropDown Menu: A dropdown attached to buttons or other clickable elements, expanding on click.
+- Menu Bar: A horizontal top-level menu providing access to grouped commands, with support for dropdowns and sub-menus.
+
+### :hammer_and_wrench: How to Use
+
+To use the widget, simply import the package and include the component in to .jsx file:
+
+```jsx
+	import { Menu, MenuList, useMenuState } from "@svar-ui/react-menu";
+
+    function MyComponent(){
+	    const uploadURL = "http://localhost:3000/data";
+        const data = useMenuState();
+
+        return (<Menu {uploadURL} data={data} />);
+    }
+```

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),A=require("@svar-ui/lib-dom"),L=require("@svar-ui/react-core");function O(o,s){return o.map(t=>{const u=s(t);return t.data&&t.data.length&&(u.data=O(t.data,s)),u})}function q(o,s){const t=[];return o.forEach(u=>{if(u.data){const r=q(u.data,s);r.length&&t.push({...u,data:r})}else s(u)&&t.push(u)}),t}let F=1;function H(o){return O(o,s=>({...s,id:s.id||F++}))}const Z={};function Q(o){return Z[o]}function $(o,s){Z[o]=s}function X({onClick:o,onShow:s,item:t}){const u=e.useRef(null),r=e.useCallback(()=>{s(t.data?t.id:!1,u.current)},[s,t]),x=e.useMemo(()=>t&&t.type?Q(t.type):null,[t]);return n.jsxs("div",{ref:u,className:`wx-cDCz9rZQ wx-item ${t.css||""}`,"data-id":t.id,onMouseEnter:r,onClick:o,children:[t.icon?n.jsx("i",{className:`wx-cDCz9rZQ wx-icon ${t.icon}`}):null,t.type?x?n.jsx(x,{item:t}):null:n.jsxs("span",{className:"wx-cDCz9rZQ wx-value",children:[" ",t.text," "]}),t.subtext?n.jsx("span",{className:"wx-cDCz9rZQ wx-subtext",children:t.subtext}):null,t.data?n.jsx("i",{className:"wx-cDCz9rZQ wx-sub-icon wxi-angle-right"}):null]})}function P({options:o,left:s=0,top:t=0,at:u="bottom",parent:r=null,mount:x=null,context:w=null,css:f="",onClick:c}){const[p,C]=e.useState(-1e4),[h,M]=e.useState(-1e4),[j,l]=e.useState(20),[a,b]=e.useState(),v=e.useRef(null),[R,I]=e.useState(!1),[N,y]=e.useState(null),m=e.useCallback(()=>{const d=A.calculatePosition(v.current,r,u,s,t);d&&(C(d.x),M(d.y),l(d.z),b(d.width))},[r,u,s,t]);e.useEffect(()=>{x&&x(m)},[]);const i=e.useCallback(()=>{I(!1)},[]),k=e.useCallback(()=>{c&&c({action:null})},[c]),g=e.useCallback((d,D)=>{I(d),y(D)},[]),S=e.useMemo(()=>H(o),[o]);return e.useEffect(()=>{m()},[r,m]),e.useEffect(()=>{if(v.current)return A.clickOutside(v.current,{callback:k,modal:!0}).destroy},[k]),n.jsx("div",{ref:v,"data-wx-menu":"true",className:`wx-XMmAGqVx wx-menu ${f}`,style:{position:"absolute",top:h+"px",left:p+"px",width:a,zIndex:j},onMouseLeave:i,children:S.map(d=>n.jsxs(e.Fragment,{children:[d.type==="separator"?n.jsx("div",{className:"wx-XMmAGqVx wx-separator"}):n.jsx(X,{item:d,onShow:g,onClick:D=>{if(!d.data&&!D.defaultPrevented){const E={context:w,action:d,event:D};d.handler&&d.handler(E),c&&c(E),D.stopPropagation()}}}),d.data&&R===d.id?n.jsx(P,{css:f,options:d.data,at:"right-overlap",parent:N,context:w,onClick:c}):null]},d.id))})}const z=e.forwardRef(function(s,t){const{options:u,at:r="bottom",resolver:x=null,dataKey:w="contextId",filter:f=null,css:c="",children:p,onClick:C}=s,[h,M]=e.useState(null),[j,l]=e.useState(null),[a,b]=e.useState(0),[v,R]=e.useState(0),I=e.useMemo(()=>h!==null&&f?q(u,i=>f(i,h)):u,[h,f,u]),N=e.useCallback(i=>{l(null),C&&C(i)},[C]),y=e.useCallback((i,k)=>{let g=null;for(;i&&i.dataset&&!g;)g=i.dataset[k],i=i.parentNode;return g?A.id(g):null},[]),m=e.useCallback((i,k)=>{if(!i){l(null);return}if(i.defaultPrevented)return;const g=i.target;if(g&&g.dataset&&g.dataset.menuIgnore)return;b(i.clientX+1),R(i.clientY+1);let S=typeof k<"u"?k:y(g,w);x&&(S=x(S,i),!S)||(M(S),l(g),i.preventDefault())},[w,y,x]);return e.useImperativeHandle(t,()=>({show:m}),[m]),n.jsxs(n.Fragment,{children:[p?n.jsx("span",{onClick:m,"data-menu-ignore":"true",children:typeof p=="function"?p():p}):null,j?n.jsx(L.Portal,{children:n.jsx(P,{css:c,at:r,top:v,left:a,parent:j,context:h,onClick:N,options:I},j)}):null]})});function K(o){const{css:s="",menuCss:t="",options:u,onClick:r}=o,x=e.useMemo(()=>H(u),[u]),[w,f]=e.useState(!1),[c,p]=e.useState([]),C=e.useRef(null);function h(l){f(null),r&&r(l)}function M(l,a,b){a.data&&a.data.length?w&&b?f(null):(p(a.data),f(a.id),C.current.show(l,a)):(C.current.show(null),b?(r&&r({action:a}),f(null)):f(-1))}function j(l,a){w&&M(l,a)}return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:`wx-UfhPCLL4 wx-menubar ${s}`,children:x.map(l=>n.jsx("button",{className:`wx-UfhPCLL4 wx-item ${w===l.id?"wx-active":""}`,onMouseEnter:a=>j(a,l),onClick:a=>M(a,l,!0),children:l.text},l.id))}),n.jsx(z,{css:t,onClick:h,options:c,ref:C})]})}const B=e.forwardRef(function(s,t){const{options:u,at:r="bottom",css:x="",children:w,onClick:f}=s,[c,p]=e.useState(null);function C(a){p(null),f&&f(a)}const h=e.useCallback(a=>{p(a.target),a.preventDefault()},[]);e.useImperativeHandle(t,()=>({show:h}),[h]);function M(a){let b=a.target;for(;!b.dataset.menuIgnore;)p(b),b=b.parentNode}const j=e.useRef(0),l=e.useRef(c);return e.useEffect(()=>{l.current!==c&&(j.current+=1,l.current=c)},[c]),n.jsxs(n.Fragment,{children:[n.jsx("span",{onClick:M,"data-menu-ignore":"true",children:w}),c?n.jsx(L.Portal,{children:n.jsx(P,{css:x,at:r,parent:c,options:u,onClick:C},j.current)}):null]})}),G=e.forwardRef(function(s,t){const{options:u,at:r="bottom",resolver:x=null,dataKey:w="contextId",filter:f=null,css:c="",children:p}=s,C=s.onClick??s.onclick,h=e.useRef(null),M=e.useCallback((j,l)=>{h.current.show(j,l)},[]);return e.useImperativeHandle(t,()=>({show:M}),[M]),n.jsxs(n.Fragment,{children:[p?n.jsx("span",{onContextMenu:M,"data-menu-ignore":"true",children:p}):null,n.jsx(z,{css:c,at:r,options:u,resolver:x,dataKey:w,filter:f,ref:h,onClick:C})]})});exports.ActionMenu=z;exports.ContextMenu=G;exports.DropDownMenu=B;exports.Menu=P;exports.MenuBar=K;exports.registerMenuItem=$;

package/dist/index.css

@@ -0,0 +1 @@
+.wx-item.wx-cDCz9rZQ{display:flex;align-items:center;box-sizing:border-box;height:36px;line-height:36px;padding:2px 12px;font-family:var(--wx-font-family);font-weight:var(--wx-font-weight);font-size:var(--wx-font-size);background-color:var(--wx-background);cursor:pointer}.wx-item.wx-cDCz9rZQ:hover{background:var(--wx-background-alt)}.wx-item.wx-cDCz9rZQ:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.wx-item.wx-cDCz9rZQ:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.wx-value.wx-cDCz9rZQ{flex-grow:1;white-space:nowrap;color:var(--wx-color-font)}.wx-icon.wx-cDCz9rZQ,.wx-sub-icon.wx-cDCz9rZQ{vertical-align:middle;height:inherit;line-height:inherit;font-size:var(--wx-icon-size);color:var(--wx-icon-color)}.wx-icon.wx-cDCz9rZQ{margin-right:8px}.wx-subtext.wx-cDCz9rZQ{color:var(--wx-color-font-disabled);margin-left:20px;white-space:nowrap}.wx-menu.wx-XMmAGqVx{position:absolute;box-shadow:var(--wx-shadow-light);min-width:125px;display:flex;flex-direction:column;z-index:20;border-radius:var(--wx-border-radius);background-color:var(--wx-background);padding:4px 0}.wx-separator.wx-XMmAGqVx{width:100%;border-top:var(--wx-border-medium)}.wx-menubar.wx-UfhPCLL4{display:flex;position:relative;width:fit-content}.wx-item.wx-UfhPCLL4{background-color:transparent;border:none;color:var(--wx-color-font);box-sizing:border-box;height:36px;line-height:30px;padding:2px 12px;font-family:var(--wx-font-family);font-weight:var(--wx-font-weight);font-size:var(--wx-font-size);cursor:pointer;outline:none;white-space:nowrap}.wx-active.wx-UfhPCLL4,.wx-item.wx-UfhPCLL4:hover{background-color:var(--wx-background-alt);border-radius:var(--wx-button-border-radius)}

package/dist/index.es.js

@@ -0,0 +1,289 @@
+import { jsxs as y, jsx as u, Fragment as Z } from "react/jsx-runtime";
+import { useRef as P, useCallback as k, useMemo as $, useState as C, useEffect as O, Fragment as Y, forwardRef as S, useImperativeHandle as E } from "react";
+import { calculatePosition as j, clickOutside as B, id as T } from "@svar-ui/lib-dom";
+import { Portal as F } from "@svar-ui/react-core";
+function K(r, t) {
+  return r.map((n) => {
+    const e = t(n);
+    return n.data && n.data.length && (e.data = K(n.data, t)), e;
+  });
+}
+function q(r, t) {
+  const n = [];
+  return r.forEach((e) => {
+    if (e.data) {
+      const s = q(e.data, t);
+      s.length && n.push({ ...e, data: s });
+    } else
+      t(e) && n.push(e);
+  }), n;
+}
+let W = 1;
+function G(r) {
+  return K(r, (t) => ({ ...t, id: t.id || W++ }));
+}
+const U = {};
+function J(r) {
+  return U[r];
+}
+function ln(r, t) {
+  U[r] = t;
+}
+function _({ onClick: r, onShow: t, item: n }) {
+  const e = P(null), s = k(() => {
+    t(n.data ? n.id : !1, e.current);
+  }, [t, n]), f = $(() => n && n.type ? J(n.type) : null, [n]);
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ref: e,
+      className: `wx-cDCz9rZQ wx-item ${n.css || ""}`,
+      "data-id": n.id,
+      onMouseEnter: s,
+      onClick: r,
+      children: [
+        n.icon ? /* @__PURE__ */ u("i", { className: `wx-cDCz9rZQ wx-icon ${n.icon}` }) : null,
+        n.type ? f ? /* @__PURE__ */ u(f, { item: n }) : null : /* @__PURE__ */ y("span", { className: "wx-cDCz9rZQ wx-value", children: [
+          " ",
+          n.text,
+          " "
+        ] }),
+        n.subtext ? /* @__PURE__ */ u("span", { className: "wx-cDCz9rZQ wx-subtext", children: n.subtext }) : null,
+        n.data ? /* @__PURE__ */ u("i", { className: "wx-cDCz9rZQ wx-sub-icon wxi-angle-right" }) : null
+      ]
+    }
+  );
+}
+function H({
+  options: r,
+  left: t = 0,
+  top: n = 0,
+  at: e = "bottom",
+  parent: s = null,
+  mount: f = null,
+  context: x = null,
+  css: d = "",
+  onClick: a
+}) {
+  const [p, w] = C(-1e4), [h, m] = C(-1e4), [g, l] = C(20), [o, v] = C(), I = P(null), [Q, A] = C(!1), [R, L] = C(null), D = k(() => {
+    const i = j(I.current, s, e, t, n);
+    i && (w(i.x), m(i.y), l(i.z), v(i.width));
+  }, [s, e, t, n]);
+  O(() => {
+    f && f(D);
+  }, []);
+  const c = k(() => {
+    A(!1);
+  }, []), b = k(() => {
+    a && a({ action: null });
+  }, [a]), M = k((i, z) => {
+    A(i), L(z);
+  }, []), N = $(() => G(r), [r]);
+  return O(() => {
+    D();
+  }, [s, D]), O(() => {
+    if (I.current)
+      return B(I.current, { callback: b, modal: !0 }).destroy;
+  }, [b]), /* @__PURE__ */ u(
+    "div",
+    {
+      ref: I,
+      "data-wx-menu": "true",
+      className: `wx-XMmAGqVx wx-menu ${d}`,
+      style: {
+        position: "absolute",
+        top: h + "px",
+        left: p + "px",
+        width: o,
+        zIndex: g
+      },
+      onMouseLeave: c,
+      children: N.map((i) => /* @__PURE__ */ y(Y, { children: [
+        i.type === "separator" ? /* @__PURE__ */ u("div", { className: "wx-XMmAGqVx wx-separator" }) : /* @__PURE__ */ u(
+          _,
+          {
+            item: i,
+            onShow: M,
+            onClick: (z) => {
+              if (!i.data && !z.defaultPrevented) {
+                const X = { context: x, action: i, event: z };
+                i.handler && i.handler(X), a && a(X), z.stopPropagation();
+              }
+            }
+          }
+        ),
+        i.data && Q === i.id ? /* @__PURE__ */ u(
+          H,
+          {
+            css: d,
+            options: i.data,
+            at: "right-overlap",
+            parent: R,
+            context: x,
+            onClick: a
+          }
+        ) : null
+      ] }, i.id))
+    }
+  );
+}
+const V = S(function(t, n) {
+  const {
+    options: e,
+    at: s = "bottom",
+    resolver: f = null,
+    dataKey: x = "contextId",
+    filter: d = null,
+    css: a = "",
+    children: p,
+    onClick: w
+  } = t, [h, m] = C(null), [g, l] = C(null), [o, v] = C(0), [I, Q] = C(0), A = $(() => h !== null && d ? q(e, (c) => d(c, h)) : e, [h, d, e]), R = k(
+    (c) => {
+      l(null), w && w(c);
+    },
+    [w]
+  ), L = k((c, b) => {
+    let M = null;
+    for (; c && c.dataset && !M; )
+      M = c.dataset[b], c = c.parentNode;
+    return M ? T(M) : null;
+  }, []), D = k(
+    (c, b) => {
+      if (!c) {
+        l(null);
+        return;
+      }
+      if (c.defaultPrevented) return;
+      const M = c.target;
+      if (M && M.dataset && M.dataset.menuIgnore) return;
+      v(c.clientX + 1), Q(c.clientY + 1);
+      let N = typeof b < "u" ? b : L(M, x);
+      f && (N = f(N, c), !N) || (m(N), l(M), c.preventDefault());
+    },
+    [x, L, f]
+  );
+  return E(n, () => ({ show: D }), [D]), /* @__PURE__ */ y(Z, { children: [
+    p ? /* @__PURE__ */ u("span", { onClick: D, "data-menu-ignore": "true", children: typeof p == "function" ? p() : p }) : null,
+    g ? /* @__PURE__ */ u(F, { children: /* @__PURE__ */ u(
+      H,
+      {
+        css: a,
+        at: s,
+        top: I,
+        left: o,
+        parent: g,
+        context: h,
+        onClick: R,
+        options: A
+      },
+      g
+    ) }) : null
+  ] });
+});
+function rn(r) {
+  const { css: t = "", menuCss: n = "", options: e, onClick: s } = r, f = $(() => G(e), [e]), [x, d] = C(!1), [a, p] = C([]), w = P(null);
+  function h(l) {
+    d(null), s && s(l);
+  }
+  function m(l, o, v) {
+    o.data && o.data.length ? x && v ? d(null) : (p(o.data), d(o.id), w.current.show(l, o)) : (w.current.show(null), v ? (s && s({ action: o }), d(null)) : d(-1));
+  }
+  function g(l, o) {
+    x && m(l, o);
+  }
+  return /* @__PURE__ */ y(Z, { children: [
+    /* @__PURE__ */ u("div", { className: `wx-UfhPCLL4 wx-menubar ${t}`, children: f.map((l) => /* @__PURE__ */ u(
+      "button",
+      {
+        className: `wx-UfhPCLL4 wx-item ${x === l.id ? "wx-active" : ""}`,
+        onMouseEnter: (o) => g(o, l),
+        onClick: (o) => m(o, l, !0),
+        children: l.text
+      },
+      l.id
+    )) }),
+    /* @__PURE__ */ u(
+      V,
+      {
+        css: n,
+        onClick: h,
+        options: a,
+        ref: w
+      }
+    )
+  ] });
+}
+const sn = S(function(t, n) {
+  const { options: e, at: s = "bottom", css: f = "", children: x, onClick: d } = t, [a, p] = C(null);
+  function w(o) {
+    p(null), d && d(o);
+  }
+  const h = k((o) => {
+    p(o.target), o.preventDefault();
+  }, []);
+  E(n, () => ({ show: h }), [h]);
+  function m(o) {
+    let v = o.target;
+    for (; !v.dataset.menuIgnore; )
+      p(v), v = v.parentNode;
+  }
+  const g = P(0), l = P(a);
+  return O(() => {
+    l.current !== a && (g.current += 1, l.current = a);
+  }, [a]), /* @__PURE__ */ y(Z, { children: [
+    /* @__PURE__ */ u("span", { onClick: m, "data-menu-ignore": "true", children: x }),
+    a ? /* @__PURE__ */ u(F, { children: /* @__PURE__ */ u(
+      H,
+      {
+        css: f,
+        at: s,
+        parent: a,
+        options: e,
+        onClick: w
+      },
+      g.current
+    ) }) : null
+  ] });
+}), an = S(function(t, n) {
+  const {
+    options: e,
+    at: s = "bottom",
+    resolver: f = null,
+    dataKey: x = "contextId",
+    filter: d = null,
+    css: a = "",
+    children: p
+  } = t, w = t.onClick ?? t.onclick, h = P(null), m = k((g, l) => {
+    h.current.show(g, l);
+  }, []);
+  return E(
+    n,
+    () => ({
+      show: m
+    }),
+    [m]
+  ), /* @__PURE__ */ y(Z, { children: [
+    p ? /* @__PURE__ */ u("span", { onContextMenu: m, "data-menu-ignore": "true", children: p }) : null,
+    /* @__PURE__ */ u(
+      V,
+      {
+        css: a,
+        at: s,
+        options: e,
+        resolver: f,
+        dataKey: x,
+        filter: d,
+        ref: h,
+        onClick: w
+      }
+    )
+  ] });
+});
+export {
+  V as ActionMenu,
+  an as ContextMenu,
+  sn as DropDownMenu,
+  H as Menu,
+  rn as MenuBar,
+  ln as registerMenuItem
+};

package/dist-full/index.css

@@ -0,0 +1 @@
+.wx-textarea.wx-3yFVAC{display:block;resize:vertical;width:var(--wx-input-width);max-width:100%;padding:var(--wx-input-padding);outline:none;min-height:100px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-textarea.wx-3yFVAC:focus{border:var(--wx-input-border-focus)}.wx-textarea.wx-3yFVAC::placeholder{color:var(--wx-input-placeholder-color)}.wx-textarea[disabled].wx-3yFVAC{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);resize:none}.wx-textarea[disabled].wx-3yFVAC::placeholder{color:var(--wx-color-font-disabled)}.wx-textarea.wx-error.wx-3yFVAC{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-button.wx-2ZWgb4{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-button-border-radius);background-color:var(--wx-button-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;min-width:var(--wx-button-width)}.wx-button.wx-2ZWgb4:hover{background-image:linear-gradient(#0000001a 0% 100%)}.wx-button.wx-2ZWgb4,.wx-button.wx-2ZWgb4:focus,.wx-button.wx-2ZWgb4:active{outline:none}.wx-button[disabled].wx-2ZWgb4{cursor:not-allowed;background:var(--wx-color-disabled);border-color:transparent;color:var(--wx-color-font-disabled)}.wx-block.wx-2ZWgb4{display:block;width:100%}.wx-square.wx-2ZWgb4{border-radius:0}i.wx-2ZWgb4{position:relative;display:inline-block;vertical-align:top;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);margin-right:2px;opacity:.7}i.wx-2ZWgb4:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-2ZWgb4{padding-left:var(--wx-button-icon-indent);padding-right:var(--wx-button-icon-indent);min-width:auto}.wx-icon.wx-2ZWgb4 i.wx-2ZWgb4{margin:0;opacity:1}.wx-primary.wx-2ZWgb4{background-color:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-2ZWgb4.wx-pressed,.wx-2ZWgb4.wx-pressed:hover,.wx-2ZWgb4.wx-pressed:active,.wx-2ZWgb4.wx-pressed[disabled]{background-color:var(--wx-button-pressed);box-shadow:var(--wx-button-box-shadow)}.wx-2ZWgb4.wx-primary.wx-pressed:not(:global([disabled])),.wx-2ZWgb4.wx-primary.wx-pressed:hover:not(:global([disabled])),.wx-2ZWgb4.wx-primary.wx-pressed:active:not(:global([disabled])){background-color:var(--wx-button-primary-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-2ZWgb4.wx-danger.wx-pressed:not(:global([disabled])),.wx-2ZWgb4.wx-danger.wx-pressed:hover:not(:global([disabled])),.wx-2ZWgb4.wx-danger.wx-pressed:active:not(:global([disabled])){background-color:var(--wx-button-danger-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary.wx-2ZWgb4{background:var(--wx-color-secondary);color:var(--wx-color-secondary-font);border-color:var(--wx-color-secondary-border)}.wx-secondary.wx-2ZWgb4:hover:not([disabled]){background:var(--wx-color-secondary-hover)}.wx-secondary.wx-pressed:not([disabled]).wx-2ZWgb4,.wx-secondary.wx-pressed:hover:not([disabled]).wx-2ZWgb4,.wx-secondary.wx-pressed:active:not([disabled]).wx-2ZWgb4{background:var(--wx-color-secondary-hover);box-shadow:var(--wx-button-primary-box-shadow)}.wx-secondary[disabled].wx-2ZWgb4{border-color:var(--wx-color-secondary-border-disabled)}.wx-danger.wx-2ZWgb4{background-color:var(--wx-color-danger);color:var(--wx-button-danger-font-color)}.wx-link.wx-2ZWgb4{color:var(--wx-color-link);padding:0;border:none;vertical-align:baseline}.wx-link.wx-2ZWgb4,.wx-link.wx-2ZWgb4:hover,.wx-link[disabled].wx-2ZWgb4{background:transparent}.wx-link[disabled].wx-2ZWgb4{color:var(--wx-color-font-disabled)}.wx-checkbox.wx-2IvefP{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}.wx-check.wx-2IvefP{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-label.wx-2IvefP{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}.wx-before.wx-2IvefP,.wx-after.wx-2IvefP{display:block}.wx-after.wx-2IvefP{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}.wx-before.wx-2IvefP{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}.wx-before.wx-2IvefP:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:var(--wx-checkbox-border-radius);background:var(--wx-input-background)}.wx-before.wx-2IvefP:after{content:"";position:absolute;display:none;left:50%;top:50%;width:calc(var(--wx-checkbox-size) * .56);height:calc(var(--wx-checkbox-size) * .32);border-style:solid;border-color:var(--wx-color-primary-font);border-width:0 0 calc(var(--wx-checkbox-size) * .12) calc(var(--wx-checkbox-size) * .12);transform:rotate(-45deg);margin-left:calc(var(--wx-checkbox-size) * -.26);margin-top:calc(var(--wx-checkbox-size) * -.24)}.wx-check.wx-2IvefP:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{background:var(--wx-color-primary);border-color:transparent}.wx-check.wx-2IvefP:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:after{display:block}.wx-check.wx-2IvefP[disabled]~.wx-label.wx-2IvefP{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}.wx-check.wx-2IvefP[disabled]:not(:checked)~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{border-color:var(--wx-checkbox-border-color-disabled)}.wx-check.wx-2IvefP[disabled]:checked~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:before{background:var(--wx-checkbox-border-color-disabled)}.wx-check.wx-2IvefP[disabled]~.wx-label.wx-2IvefP .wx-before.wx-2IvefP:after{border-color:var(--wx-input-background)}.wx-checkboxgroup.wx-q8xwRD{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item.wx-q8xwRD{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-checkboxgroup.wx-inline.wx-q8xwRD .wx-item.wx-q8xwRD{flex:none;padding-right:var(--wx-field-gutter)}.wx-checkboxgroup.wx-grid.wx-q8xwRD .wx-item.wx-q8xwRD{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-dropdown.wx-32GZ52{position:absolute;z-index:5;background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-top-center.wx-32GZ52{top:0;left:50%;transform:translate(-50%,-100%) translateY(-2px)}.wx-top-start.wx-32GZ52{top:0;left:0;transform:translateY(-100%) translateY(-2px)}.wx-top-end.wx-32GZ52{top:0;right:0;transform:translateY(-100%) translateY(-2px)}.wx-bottom-center.wx-32GZ52{bottom:0;left:50%;transform:translate(-50%,100%) translateY(2px)}.wx-bottom-start.wx-32GZ52{bottom:0;left:0;transform:translateY(100%) translateY(2px)}.wx-bottom-end.wx-32GZ52{bottom:0;right:0;transform:translateY(100%) translateY(2px)}.wx-left-center.wx-32GZ52{bottom:50%;left:0;transform:translate(-100%,50%) translate(-2px)}.wx-left-start.wx-32GZ52{top:0;left:0;transform:translate(-100%) translate(-2px)}.wx-left-end.wx-32GZ52{bottom:0;left:0;transform:translate(-100%) translate(-2px)}.wx-right-center.wx-32GZ52{bottom:50%;right:0;transform:translate(100%,50%) translate(2px)}.wx-right-start.wx-32GZ52{top:0;right:0;transform:translate(100%) translate(2px)}.wx-right-end.wx-32GZ52{bottom:0;right:0;transform:translate(100%) translate(2px)}.wx-colorselect.wx-121TgJ{position:relative;width:var(--wx-input-width)}.wx-selected.wx-121TgJ{position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}.wx-colors.wx-121TgJ{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.wx-color.wx-121TgJ{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer}.wx-input.wx-121TgJ{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-121TgJ.wx-focus{border:var(--wx-input-border-focus)}.wx-input.wx-121TgJ::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-121TgJ[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-121TgJ[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-121TgJ[disabled]~.wx-color,.wx-input.wx-121TgJ[disabled]~.wx-empty{cursor:not-allowed}.wx-input.wx-121TgJ.wx-error{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-empty.wx-121TgJ{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:linear-gradient(to top left,#0000 0% calc(50% - 1px),red 50%,#0000 calc(50% + 1px) 100%);cursor:pointer;-webkit-user-select:none;user-select:none}.wxi-close.wx-121TgJ{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);color:var(--wx-input-icon-color);cursor:pointer}.wxi-close.wx-121TgJ:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-colorboard.wx-1yoKzq{display:flex;flex-direction:column;gap:12px;padding:8px;width:100%}.wx-color-block.wx-1yoKzq{height:140px;width:100%;position:relative;box-shadow:0 1px 3px #0003}.wx-color-block.wx-1yoKzq:before,.wx-color-block.wx-1yoKzq:after{content:"";width:100%;height:100%;position:absolute}.wx-color-block.wx-1yoKzq:before{background-image:linear-gradient(0deg,#000,#fff0);z-index:2}.wx-color-block.wx-1yoKzq:after{background-image:linear-gradient(90deg,#fff,#cb998000);z-index:1}.wx-color-block-slider.wx-1yoKzq{height:16px;width:16px;margin:-8px 0 0 -8px}.wx-slider.wx-1yoKzq{border:2px solid white;border-radius:50%;position:absolute;z-index:3;box-shadow:0 1px 3px #0003}.wx-slider.wx-1yoKzq:focus,.wx-slider.wx-1yoKzq:hover{outline:none;box-shadow:0 1px 3px #0003,inset 0 0 4px #fff}.wx-color-line.wx-1yoKzq{width:100%;height:8px;background-image:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);position:relative;border-radius:6px}.wx-color-line-slider.wx-1yoKzq{height:14px;width:14px;margin:0 0 0 -7px;top:-4px}.wx-color-controls.wx-1yoKzq{display:flex;flex-wrap:wrap;justify-content:space-between}.wx-color.wx-1yoKzq,.wx-text.wx-1yoKzq{width:calc(50% - 4px)}.wx-color.wx-1yoKzq{height:32px}.wx-text.wx-1yoKzq{outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding)}.wx-text.wx-1yoKzq:focus{border:var(--wx-input-border-focus)}.wx-colorpicker.wx-mmT8WH{position:relative;width:var(--wx-input-width)}.wx-color.wx-mmT8WH{width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);border-radius:var(--wx-input-border-radius);cursor:pointer;position:absolute;left:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%)}.wx-input.wx-mmT8WH{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-focus.wx-mmT8WH{border:var(--wx-input-border-focus)}.wx-input.wx-mmT8WH::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-mmT8WH[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-mmT8WH[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-mmT8WH[disabled]~.wx-color.wx-mmT8WH{cursor:not-allowed}.wx-input.wx-error.wx-mmT8WH{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wxi-close.wx-mmT8WH{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color);cursor:pointer}.wxi-close.wx-mmT8WH:before{display:block}.wxi-close.wx-mmT8WH:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-list.wx-233fr7{max-height:250px;overflow-y:auto}.wx-item.wx-233fr7{display:flex;flex-wrap:nowrap;align-items:center;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);color:var(--wx-input-font-color);padding:var(--wx-input-padding);cursor:pointer}.wx-item.wx-focus.wx-233fr7{background:var(--wx-background-hover)}.wx-no-data.wx-233fr7{padding:var(--wx-input-padding)}.wx-combo.wx-1j11Jk{position:relative;width:var(--wx-input-width)}.wx-input.wx-1j11Jk{display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wx-input.wx-1j11Jk:focus{border:var(--wx-input-border-focus)}.wx-input.wx-1j11Jk::placeholder{color:var(--wx-input-placeholder-color)}.wx-input.wx-1j11Jk[disabled]{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-input.wx-1j11Jk[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-input.wx-1j11Jk[disabled]~.wx-icon.wx-1j11Jk{color:var(--wx-color-font-disabled)}.wx-input.wx-error.wx-1j11Jk{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-input.wx-error.wx-1j11Jk~.wx-icon.wx-1j11Jk{color:var(--wx-color-danger)}.wx-icon.wx-1j11Jk{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-1j11Jk:before{display:block}.wx-icon.wxi-close.wx-1j11Jk{pointer-events:all;cursor:pointer}.wx-icon.wxi-close.wx-1j11Jk:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-text.wx-hQ64J4{position:relative;width:var(--wx-input-width)}.wx-text.wx-disabled.wx-hQ64J4 .wx-icon.wx-hQ64J4{color:var(--wx-color-font-disabled)}.wx-text.wx-error.wx-hQ64J4 .wx-icon.wx-hQ64J4{color:var(--wx-color-danger)}.wx-icon.wx-hQ64J4{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-hQ64J4:before{display:block}.wx-icon-left.wx-hQ64J4 .wx-icon.wx-hQ64J4:not(.wxi-close){right:auto;left:var(--wx-input-icon-indent)}.wx-icon.wxi-close.wx-hQ64J4{pointer-events:all;cursor:pointer}.wx-icon.wxi-close.wx-hQ64J4:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-input.wx-hQ64J4{display:block;width:var(--wx-input-width);height:var(--wx-input-height);max-width:100%;padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);overflow:hidden;text-overflow:ellipsis}.wx-input.wx-hQ64J4:focus{border:var(--wx-input-border-focus)}.wx-input.wx-hQ64J4::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon-left.wx-hQ64J4 .wx-input.wx-hQ64J4{padding-left:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-icon-right.wx-hQ64J4 .wx-input.wx-hQ64J4,.wx-text.wx-clear.wx-hQ64J4 .wx-input.wx-hQ64J4{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-input.wx-hQ64J4[disabled]{cursor:not-allowed!important;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled);pointer-events:none}.wx-input.wx-hQ64J4[disabled]::placeholder{color:var(--wx-color-font-disabled)}.wx-error.wx-hQ64J4 .wx-input.wx-hQ64J4{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-header.wx-8HQVQV{display:flex;flex-wrap:nowrap;align-items:center;margin-bottom:calc(var(--wx-calendar-gap) * 2);font-size:var(--wx-calendar-header-font-size);line-height:var(--wx-calendar-header-line-height);font-weight:var(--wx-calendar-header-font-weight)}.wx-spacer.wx-8HQVQV,.wx-pager.wx-8HQVQV{width:var(--wx-calendar-cell-size);height:var(--wx-calendar-cell-size);flex-shrink:0}.wx-pager.wx-8HQVQV{cursor:pointer;border-radius:50%;line-height:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--wx-calendar-icon-color);font-size:var(--wx-calendar-icon-size)}.wx-pager.wx-8HQVQV:before{display:block}.wx-pager.wx-8HQVQV:hover{background-color:var(--wx-background-hover)}.wx-label.wx-8HQVQV{flex:0 0 calc(100% - var(--wx-calendar-cell-size) * 2);max-width:calc(100% - var(--wx-calendar-cell-size) * 2);text-align:center;color:var(--wx-color-link);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wx-button.wx-3s8W4d{display:inline-block;vertical-align:top;text-decoration:none;text-align:center;letter-spacing:normal;font-family:var(--wx-calendar-controls-font-family);font-size:var(--wx-calendar-controls-font-size);line-height:var(--wx-calendar-controls-line-height);font-weight:var(--wx-calendar-controls-font-weight);text-transform:none;padding:0;border:none;border-radius:0;background:transparent;color:var(--wx-calendar-controls-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}.wx-button.wx-3s8W4d,.wx-button.wx-3s8W4d:focus,.wx-button.wx-3s8W4d:active{outline:none}.wx-button.wx-3s8W4d:active{opacity:.8}.wx-398RBS.wx-weekdays{display:flex;flex-wrap:nowrap;margin-bottom:calc(var(--wx-calendar-gap) * 1.5)}.wx-398RBS.wx-weekday{flex:0 0 calc(100% / 7);max-width:calc(100% / 7);font-size:var(--wx-font-size-sm);line-height:var(--wx-line-height-sm);color:var(--wx-color-font-alt);text-align:center}.wx-398RBS.wx-days{display:flex;flex-wrap:wrap}.wx-398RBS.wx-day{border-radius:var(--wx-calendar-border-radius);flex:0 0 calc(100% / 7);max-width:calc(100% / 7);height:calc(var(--wx-calendar-cell-size) - var(--wx-calendar-line-gap) * 2);margin:calc(var(--wx-calendar-line-gap) / 2) 0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-align:center}.wx-398RBS.wx-day:not(.wx-out):not(.wx-selected){cursor:pointer}.wx-398RBS.wx-day:not(.wx-out):not(.wx-selected):hover{background:var(--wx-background-hover)}.wx-398RBS.wx-day.wx-out{color:var(--wx-color-font-disabled)}.wx-398RBS.wx-day.wx-selected:not(.wx-out){background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-398RBS.wx-day.wx-selected.wx-left:not(.wx-out){border-radius:calc(var(--wx-calendar-border-radius)) 0 0 calc(var(--wx-calendar-border-radius))}.wx-398RBS.wx-day.wx-selected.wx-right:not(.wx-out){border-radius:0 calc(var(--wx-calendar-border-radius)) calc(var(--wx-calendar-border-radius)) 0}.wx-398RBS.wx-day.wx-inrange:not(.wx-out){border-radius:0;background:var(--wx-color-primary-selected)}.wx-398RBS.wx-day.wx-weekend:not(.wx-selected):not(.wx-out){color:var(--wx-color-primary)}.wx-398RBS.wx-day.wx-inactive{pointer-events:none}.wx-months.wx-34U8T8{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-month.wx-34U8T8{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-month.wx-current.wx-34U8T8{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-month:not(.wx-current):hover{background-color:var(--wx-background-hover)}.wx-buttons.wx-34U8T8{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-years.wx-1XEF33{display:flex;flex-wrap:wrap;margin:var(--wx-calendar-gap)}.wx-year.wx-1XEF33{flex:0 0 calc(100% / 4 - var(--wx-calendar-gap) * 2);max-width:calc(100% / 4 - var(--wx-calendar-gap) * 2);margin:calc(var(--wx-calendar-gap) * 2) var(--wx-calendar-gap);text-align:center;cursor:pointer;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;height:var(--wx-calendar-cell-size);border-radius:var(--wx-calendar-border-radius)}.wx-year.wx-current.wx-1XEF33{background:var(--wx-color-primary);color:var(--wx-color-primary-font)}.wx-year:not(.wx-current):hover.wx-1XEF33{background-color:var(--wx-background-hover)}.wx-prev-decade.wx-1XEF33,.wx-next-decade.wx-1XEF33{color:var(--wx-color-font-disabled)}.wx-buttons.wx-1XEF33{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;margin-top:var(--wx-calendar-gap)}.wx-calendar.wx-2Gr4AS{height:auto;width:100%;padding:var(--wx-calendar-padding);cursor:default;font-family:var(--wx-calendar-font-family);font-size:var(--wx-calendar-font-size);line-height:var(--wx-calendar-line-height);font-weight:var(--wx-calendar-font-weight);color:var(--wx-calendar-font-color)}.wx-calendar.wx-2Gr4AS.wx-part{padding-bottom:0}.wx-wrap.wx-2Gr4AS{width:calc(var(--wx-calendar-cell-size) * 7);margin:0 auto}.wx-buttons.wx-2Gr4AS{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;margin-top:calc(var(--wx-calendar-gap) * 2)}.wx-button-item.wx-2Gr4AS+.wx-button-item.wx-2Gr4AS{margin-left:calc(var(--wx-calendar-gap) * 3)}.wx-datepicker.wx-1lKOFG{position:relative;width:var(--wx-input-width)}.wx-rangecalendar.wx-p2jCaW{display:flex;padding-bottom:var(--wx-calendar-padding)}.wx-half.wx-p2jCaW{flex:1}.wx-daterangepicker.wx-1b0WDQ{position:relative;width:var(--wx-input-width)}.wx-icon.wx-mdnST1{color:var(--wx-color-font-alt);cursor:pointer;font-size:var(--wx-button-icon-size);padding:var(--wx-button-icon-indent);line-height:var(--wx-button-line-height);display:inline-block}.wx-icon.wx-mdnST1:hover{background-color:var(--wx-background-hover)}.wx-multicombo.wx-12Wj21{position:relative;width:var(--wx-input-width)}.wx-multicombo.wx-12Wj21.wx-focus .wx-wrapper.wx-12Wj21{border:var(--wx-input-border-focus)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-wrapper.wx-12Wj21{border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-tag.wx-12Wj21{background:var(--wx-color-disabled);color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21:not(.wx-disabled) .wx-tag.wx-12Wj21{padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-input.wx-12Wj21{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21.wx-disabled .wx-icon.wxi-angle-down.wx-12Wj21{color:var(--wx-color-font-disabled)}.wx-multicombo.wx-12Wj21.wx-error .wx-wrapper.wx-12Wj21{border-color:var(--wx-color-danger)}.wx-multicombo.wx-12Wj21.wx-error .wx-input.wx-12Wj21,.wx-multicombo.wx-12Wj21.wx-error .wx-icon.wxi-angle-down.wx-12Wj21{color:var(--wx-color-danger)}.wx-multicombo.wx-12Wj21.wx-not-empty .wx-tags.wx-12Wj21{gap:var(--wx-multicombo-tag-gap);padding:var(--wx-multicombo-tag-gap)}.wx-multicombo.wx-12Wj21.wx-not-empty .wx-input.wx-12Wj21{border-top:var(--wx-input-border)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-focus .wx-input.wx-12Wj21{border-top:var(--wx-input-border-focus)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-disabled .wx-input.wx-12Wj21{border-top:var(--wx-input-border-disabled)}.wx-multicombo.wx-12Wj21.wx-not-empty.wx-error .wx-input.wx-12Wj21{border-top-color:var(--wx-color-danger)}.wx-wrapper.wx-12Wj21{border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-tags.wx-12Wj21{display:flex;flex-wrap:wrap;align-items:flex-start;overflow:hidden}.wx-tag.wx-12Wj21{position:relative;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-multicombo-tag-border);border-radius:var(--wx-multicombo-tag-border-radius);background:var(--wx-multicombo-tag-background);padding:var(--wx-multicombo-tag-pading)}.wx-icon.wx-12Wj21{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;display:flex;justify-content:center;align-items:center;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-12Wj21:before{display:block}.wxi-close.wx-12Wj21{pointer-events:all;cursor:pointer}.wxi-close.wx-12Wj21:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-select.wx-12Wj21{position:relative}.wx-input.wx-12Wj21{display:block;width:100%;height:var(--wx-input-height);outline:none;background:transparent;border:none;border-radius:0;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden;text-overflow:ellipsis;cursor:pointer}.wx-popup.wx-37M6Fj{z-index:var(--wx-popup-z-index);background:var(--wx-popup-background);box-shadow:var(--wx-popup-shadow);border:var(--wx-popup-border);border-radius:var(--wx-popup-border-radius);overflow:hidden}.wx-pager.wx-35Np0p{display:flex;gap:var(--wx-padding);align-items:center;padding:var(--wx-padding)}.wx-input.wx-35Np0p{display:block;width:50px;height:var(--wx-input-height);padding:var(--wx-input-padding);outline:none;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background)}.wx-input.wx-35Np0p:focus{border:var(--wx-input-border-focus)}.wx-input.wx-35Np0p::placeholder{color:var(--wx-input-placeholder-color)}.wx-icon.wx-35Np0p{cursor:pointer;padding:var(--wx-input-padding);border-radius:var(--wx-input-border-radius);font-size:var(--wx-icon-size);line-height:1;color:var(--wx-color-link)}.wx-icon.wx-35Np0p:before{display:block}.wx-icon.wx-35Np0p:hover{background-color:var(--wx-background-hover)}.wx-icon.wx-35Np0p.wx-disabled{cursor:default;pointer-events:none;color:var(--wx-color-font-disabled)}.wx-left.wx-35Np0p,.wx-center.wx-35Np0p,.wx-right.wx-35Np0p{display:flex;align-items:center;gap:var(--wx-padding)}.wx-radio.wx-3lDF1s{position:relative;display:inline-block;vertical-align:top;max-width:var(--wx-input-width)}.wx-input.wx-3lDF1s{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-label.wx-3lDF1s{display:flex;flex-wrap:nowrap;align-items:flex-start;font-family:var(--wx-checkbox-font-family);font-size:var(--wx-checkbox-font-size);line-height:var(--wx-checkbox-line-height);font-weight:var(--wx-checkbox-font-weight);color:var(--wx-checkbox-font-color);cursor:pointer}.wx-circle.wx-3lDF1s{display:block}.wx-radio-text.wx-3lDF1s{margin-left:8px;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-line-height)) / 2)}.wx-circle.wx-3lDF1s{position:relative;flex-shrink:0;padding-top:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2);padding-bottom:calc((var(--wx-checkbox-height) - var(--wx-checkbox-size)) / 2)}.wx-circle.wx-3lDF1s:before{content:"";display:block;width:var(--wx-checkbox-size);height:var(--wx-checkbox-size);border:var(--wx-checkbox-border-width) solid var(--wx-checkbox-border-color);border-radius:50%;background:var(--wx-input-background)}.wx-circle.wx-3lDF1s:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);height:calc(var(--wx-checkbox-size) - var(--wx-checkbox-border-width) * 2);border-style:solid;border-color:var(--wx-input-background);border-width:calc(var(--wx-checkbox-size) * .2);border-radius:50%}.wx-input.wx-3lDF1s:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{background:var(--wx-color-primary);border-color:transparent}.wx-input.wx-3lDF1s:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:after{display:block}.wx-input.wx-3lDF1s[disabled]~.wx-label.wx-3lDF1s{color:var(--wx-checkbox-border-color-disabled);cursor:not-allowed}.wx-input.wx-3lDF1s[disabled]:not(:checked)~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{border-color:var(--wx-checkbox-border-color-disabled)}.wx-input.wx-3lDF1s[disabled]:checked~.wx-label.wx-3lDF1s .wx-circle.wx-3lDF1s:before{background:var(--wx-checkbox-border-color-disabled)}.wx-radiogroup.wx-38w70j{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-top:calc(var(--wx-field-gutter) * -1)}.wx-item.wx-38w70j{flex:0 0 100%;max-width:100%;margin-top:var(--wx-field-gutter)}.wx-radiogroup.wx-inline.wx-38w70j .wx-item.wx-38w70j{flex:none;padding-right:var(--wx-field-gutter)}.wx-radiogroup.wx-grid.wx-38w70j .wx-item.wx-38w70j{flex:0 0 50%;max-width:50%;padding-right:var(--wx-field-gutter)}.wx-richselect.wx-2YgblL{position:relative;outline:none;width:var(--wx-input-width);min-height:var(--wx-input-height);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);background:var(--wx-input-background);cursor:pointer}.wx-richselect.wx-2YgblL:focus{border:var(--wx-input-border-focus)}.wx-richselect.wx-disabled.wx-2YgblL{cursor:not-allowed;border:var(--wx-input-border-disabled);background:var(--wx-input-background-disabled)}.wx-richselect.wx-disabled.wx-2YgblL .wx-label.wx-2YgblL,.wx-richselect.wx-disabled.wx-2YgblL .wx-icon.wx-2YgblL{color:var(--wx-color-font-disabled)}.wx-richselect.wx-error.wx-2YgblL{border-color:var(--wx-color-danger)}.wx-richselect.wx-error.wx-2YgblL .wx-label.wx-2YgblL,.wx-richselect.wx-error.wx-2YgblL .wx-icon.wx-2YgblL{color:var(--wx-color-danger)}.wx-label.wx-2YgblL{display:block;width:100%;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden}.wx-placeholder.wx-2YgblL{color:var(--wx-input-placeholder-color)}.wx-icon.wx-2YgblL{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-2YgblL:before{display:block}.wx-icon.wxi-close.wx-2YgblL{pointer-events:all}.wx-icon.wxi-close.wx-2YgblL:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-nowrap.wx-2YgblL .wx-label.wx-2YgblL{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-segmented.wx-0hMO7P{display:inline-flex;flex-wrap:nowrap;background:var(--wx-segmented-background);border:var(--wx-segmented-border);border-radius:var(--wx-segmented-border-radius);padding:var(--wx-segmented-padding);max-width:100%}.wx-segment.wx-0hMO7P{display:flex;text-decoration:none;flex-wrap:nowrap;align-items:center;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-radius:var(--wx-segmented-border-radius);background:transparent;color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;-webkit-user-select:none;user-select:none}.wx-segment.wx-0hMO7P,.wx-segment.wx-0hMO7P:focus,.wx-segment.wx-0hMO7P:active{outline:none}.wx-segment.wx-0hMO7P+.wx-segment.wx-0hMO7P{margin-left:var(--wx-segmented-padding)}.wx-segment.wx-0hMO7P:hover{background:var(--wx-segmented-background-hover)}.wx-segment.wx-selected.wx-0hMO7P,.wx-segment.wx-selected.wx-0hMO7P:hover,.wx-segment.wx-selected.wx-0hMO7P:focus{background:var(--wx-color-primary);color:var(--wx-color-primary-font);cursor:default}.wx-icon.wx-0hMO7P{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon.wx-0hMO7P:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only.wx-0hMO7P{opacity:1}.wx-icon.wx-0hMO7P+.wx-label.wx-0hMO7P{margin-left:4px}.wx-select-box.wx-2yx1Fo{position:relative;width:var(--wx-input-width)}.wx-select.wx-2yx1Fo{appearance:none;display:block;width:100%;height:var(--wx-input-height);outline:none;background:var(--wx-input-background);border:var(--wx-input-border);border-radius:var(--wx-input-border-radius);font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-font-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);overflow:hidden!important;text-overflow:ellipsis;cursor:pointer}.wx-select.wx-2yx1Fo:focus{border:var(--wx-input-border-focus)}.wx-select[disabled].wx-2yx1Fo{cursor:not-allowed;border:var(--wx-input-border-disabled);color:var(--wx-color-font-disabled);background:var(--wx-input-background-disabled)}.wx-select[disabled].wx-2yx1Fo~.wx-placeholder.wx-2yx1Fo{color:var(--wx-color-font-disabled)}.wx-select[disabled].wx-2yx1Fo~.wx-icon.wx-2yx1Fo{color:var(--wx-color-font-disabled)}.wx-select.wx-error.wx-2yx1Fo{border-color:var(--wx-color-danger);color:var(--wx-color-danger)}.wx-select.wx-error.wx-2yx1Fo option{color:var(--wx-input-font-color)}.wx-select.wx-error.wx-2yx1Fo~.wx-icon.wx-2yx1Fo{color:var(--wx-color-danger)}.wx-placeholder.wx-2yx1Fo{position:absolute;left:0;top:0;width:100%;border:var(--wx-input-border);border-color:transparent;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);line-height:var(--wx-input-line-height);font-weight:var(--wx-input-font-weight);text-align:var(--wx-input-text-align);color:var(--wx-input-placeholder-color);padding:var(--wx-input-padding);padding-right:calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2);white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;cursor:pointer;pointer-events:none}.wx-icon.wx-2yx1Fo{position:absolute;right:var(--wx-input-icon-indent);top:50%;transform:translateY(-50%);font-size:var(--wx-input-icon-size);line-height:1;width:var(--wx-input-icon-size);height:var(--wx-input-icon-size);display:flex;justify-content:center;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--wx-input-icon-color)}.wx-icon.wx-2yx1Fo:before{display:block}.wx-icon.wx-2yx1Fo.wxi-close{pointer-events:all;cursor:pointer}.wx-icon.wxi-close:hover{background:var(--wx-background-hover);border-radius:var(--wx-icon-border-radius)}.wx-slider.wx-2EDJ8G{width:var(--wx-input-width)}.wx-label.wx-2EDJ8G{display:block;margin:var(--wx-slider-label-margin);font-family:var(--wx-slider-label-font-family);font-size:var(--wx-slider-label-font-size);line-height:var(--wx-slider-label-line-height);font-weight:var(--wx-slider-label-font-weight);color:var(--wx-slider-label-font-color)}.wx-inner.wx-2EDJ8G{padding:calc((var(--wx-slider-height) - var(--wx-slider-track-height)) / 2) 0}.wx-input.wx-2EDJ8G{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--wx-slider-track-height);background:var(--wx-slider-background);border:none;border-radius:var(--wx-slider-track-border-radius);margin:0}.wx-input.wx-2EDJ8G:focus{outline:none}.wx-input.wx-2EDJ8G::-webkit-slider-runnable-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-webkit-slider-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);box-shadow:var(--wx-slider-thumb-shadow);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G::-moz-range-track{margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-moz-range-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G::-moz-range-progress{background-color:var(--wx-slider-primary);height:var(--wx-slider-track-height);border-top-left-radius:var(--wx-slider-track-border-radius);border-bottom-left-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-track{color:transparent;margin:0;width:100%;height:var(--wx-slider-track-height);border:none;border-radius:var(--wx-slider-track-border-radius);cursor:pointer;background:transparent}.wx-input.wx-2EDJ8G::-ms-fill-lower{background:var(--wx-slider-primary);border:.2px solid var(--wx-slider-primary);border-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-fill-upper{background:var(--wx-slider-background);border:.2px solid var(--wx-slider-background);border-radius:var(--wx-slider-track-border-radius)}.wx-input.wx-2EDJ8G::-ms-thumb{margin-top:calc((var(--wx-slider-track-height) - var(--wx-slider-thumb-size)) / 2);width:var(--wx-slider-thumb-size);height:var(--wx-slider-thumb-size);background:var(--wx-slider-primary);border:var(--wx-slider-thumb-border);border-radius:50%;cursor:pointer;appearance:none}.wx-input.wx-2EDJ8G:focus::-ms-fill-lower{background:var(--wx-slider-primary)}.wx-input.wx-2EDJ8G:focus::-ms-fill-upper{background:var(--wx-slider-background)}.wx-input.wx-2EDJ8G[disabled]{cursor:not-allowed;background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-webkit-slider-runnable-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-webkit-slider-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]::-moz-range-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-moz-range-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]::-moz-range-progress{cursor:not-allowed;background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-track{cursor:not-allowed}.wx-input.wx-2EDJ8G[disabled]::-ms-fill-lower{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-fill-upper{background:var(--wx-color-disabled);border-color:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]::-ms-thumb{cursor:not-allowed;background:var(--wx-background);border:var(--wx-slider-thumb-border-disabled)}.wx-input.wx-2EDJ8G[disabled]:focus::-ms-fill-lower{background:var(--wx-color-disabled)}.wx-input.wx-2EDJ8G[disabled]:focus::-ms-fill-upper{background:var(--wx-color-disabled)}.wx-switch.wx-2dAR5c{position:relative;display:inline-block;vertical-align:top;margin:0;cursor:default}.wx-input.wx-2dAR5c{appearance:none;width:0;height:0;opacity:0;position:absolute;left:0;top:0;margin:0;padding:0}.wx-box.wx-2dAR5c{display:block;position:relative;width:var(--wx-switch-width);height:var(--wx-switch-height);border:var(--wx-switch-border-width) solid var(--wx-switch-border-color);border-radius:calc(var(--wx-switch-height) / 2);background-color:var(--wx-switch-background);transition:background-color .4s ease;cursor:pointer;overflow:hidden}.wx-box.wx-2dAR5c:before{content:"";position:absolute;left:var(--wx-switch-thumb-offset);top:var(--wx-switch-thumb-offset);height:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);width:calc(var(--wx-switch-height) - var(--wx-switch-thumb-offset) * 2 - var(--wx-switch-border-width) * 2);border:var(--wx-switch-thumb-border);border-radius:50%;background:var(--wx-switch-thumb-background);box-shadow:var(--wx-switch-thumb-shadow);transition:transform .4s ease}.wx-input.wx-2dAR5c:checked~.wx-box.wx-2dAR5c{background-color:var(--wx-switch-primary)}.wx-input.wx-2dAR5c:checked~.wx-box.wx-2dAR5c:before{transform:translate(calc(var(--wx-switch-width) - var(--wx-switch-height)))}.wx-input.wx-2dAR5c[disabled]~.wx-box.wx-2dAR5c{background-color:var(--wx-color-disabled);border-color:var(--wx-switch-border-color-disabled);cursor:not-allowed}.wx-input.wx-2dAR5c[disabled]~.wx-box.wx-2dAR5c:before{border:var(--wx-switch-thumb-border-disabled);background:var(--wx-switch-thumb-background-disabled)}.wx-tabs.wx-138fWJ{display:inline-flex;flex-wrap:nowrap}.wx-tab.wx-138fWJ{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;text-decoration:none;text-align:center;letter-spacing:normal;text-transform:var(--wx-button-text-transform);font-family:var(--wx-button-font-family);font-size:var(--wx-button-font-size);line-height:var(--wx-button-line-height);font-weight:var(--wx-button-font-weight);padding:var(--wx-button-padding);border:var(--wx-button-border);border-width:var(--wx-tabs-border-width);border-radius:0;background:var(--wx-tabs-background);color:var(--wx-button-font-color);cursor:pointer;box-shadow:none;transition:none;max-width:100%;min-width:var(--wx-tabs-cell-min-width);-webkit-user-select:none;user-select:none}.wx-tab.wx-138fWJ+.wx-tab.wx-138fWJ:before{content:"";display:block;position:absolute;left:calc(var(--wx-tabs-border-width) * -1 - var(--wx-tabs-divider-width) / 2);top:50%;transform:translateY(-50%);width:0;height:calc(var(--wx-tabs-border-width) * 2 + var(--wx-tabs-divider-height));border-left:var(--wx-tabs-divider-width) solid var(--wx-tabs-divider-color)}.wx-tab.wx-138fWJ:first-child{border-top-left-radius:var(--wx-tabs-border-radius);border-bottom-left-radius:var(--wx-tabs-border-radius)}.wx-tab.wx-138fWJ:last-child{border-top-right-radius:var(--wx-tabs-border-radius);border-bottom-right-radius:var(--wx-tabs-border-radius)}.wx-tab.wx-138fWJ,.wx-tab.wx-138fWJ:focus,.wx-tab.wx-138fWJ:active{outline:none}.wx-tab.wx-138fWJ:hover{background:var(--wx-tabs-background-hover)}.wx-tab.wx-active.wx-138fWJ,.wx-tab.wx-active.wx-138fWJ:hover,.wx-tab.wx-active.wx-138fWJ:focus{background:var(--wx-tabs-active-background);color:var(--wx-tabs-active-color);cursor:default}.wx-tab.wx-active.wx-138fWJ:before{display:none}.wx-tab.wx-active.wx-138fWJ+.wx-tab.wx-138fWJ:before{display:none}.wx-tab.wx-active.wx-138fWJ:after,.wx-tab.wx-138fWJ:hover:after{content:"";display:block;position:absolute;left:13px;height:0;width:calc(100% - 26px)}.wx-tab.wx-active.wx-138fWJ:after{border-bottom:2px solid var(--wx-tabs-active-border)}.wx-tab:not(.wx-active):hover:after{border-bottom:2px solid var(--wx-tabs-hover-border)}.wx-top.wx-138fWJ .wx-tab.wx-active.wx-138fWJ:after,.wx-top.wx-138fWJ .wx-tab.wx-138fWJ:hover:after{top:100%}.wx-bottom.wx-138fWJ .wx-tab.wx-active.wx-138fWJ:after,.wx-bottom.wx-138fWJ .wx-tab.wx-138fWJ:hover:after{top:0}.wx-icon.wx-138fWJ{position:relative;font-size:var(--wx-button-icon-size);line-height:1;height:var(--wx-button-line-height);opacity:.7}.wx-icon.wx-138fWJ:before{display:block;position:relative;top:50%;transform:translateY(-50%)}.wx-icon.wx-only.wx-138fWJ{opacity:1}.wx-icon.wx-138fWJ+.wx-label.wx-138fWJ{margin-left:4px}.wx-counter.wx-22t21n{display:flex;border:var(--wx-input-border);width:max-content;border-radius:var(--wx-input-border-radius)}.wx-counter.wx-22t21n:not(.wx-readonly):has(.wx-input:focus){border:var(--wx-input-border-focus)}.wx-input.wx-22t21n{box-sizing:border-box;background:var(--wx-background);width:40px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);padding-left:8px;padding-right:8px;outline:none;border:none;border-left:var(--wx-input-border);border-right:var(--wx-input-border)}.wx-btn.wx-22t21n{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:32px;height:30px;font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);color:var(--wx-input-font-color);background-color:var(--wx-background-alt);outline:none;border:none;cursor:pointer}.wx-counter.wx-22t21n:not(.wx-readonly):not(.wx-disabled) .wx-btn:active{background-color:var(--wx-background-hover)}.wx-dec.wx-22t21n,.wx-inc.wx-22t21n{fill:var(--wx-color-primary)}.wx-btn-dec.wx-22t21n{border-radius:2px 0 0 2px}.wx-btn-inc.wx-22t21n{border-radius:0 2px 2px 0}.wx-error.wx-22t21n,.wx-counter.wx-error.wx-22t21n:has(.wx-input:focus){border:1px solid var(--wx-color-danger)}.wx-error.wx-22t21n .wx-input.wx-22t21n{color:var(--wx-color-danger)}.wx-disabled.wx-22t21n .wx-input.wx-22t21n,.wx-disabled.wx-22t21n .wx-btn.wx-22t21n{cursor:not-allowed;color:var(--wx-color-font-disabled)}.wx-disabled.wx-22t21n .wx-btn.wx-22t21n{background:var(--wx-color-disabled-alt)}.wx-disabled.wx-22t21n .wx-btn.wx-22t21n .wx-dec.wx-22t21n,.wx-disabled.wx-22t21n .wx-btn.wx-22t21n .wx-inc.wx-22t21n,.wx-readonly.wx-22t21n .wx-btn.wx-22t21n .wx-dec.wx-22t21n,.wx-readonly.wx-22t21n .wx-btn.wx-22t21n .wx-inc.wx-22t21n{fill:var(--wx-color-font-disabled)}.wx-readonly.wx-22t21n .wx-btn.wx-22t21n{cursor:default}.wx-notice.wx-11sNg5{position:relative;background:var(--wx-notice-background);box-shadow:var(--wx-notice-shadow);border:var(--wx-notice-border);border-radius:var(--wx-notice-border-radius);margin:var(--wx-notice-margin);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;overflow:hidden;font-family:var(--wx-notice-font-family);font-size:var(--wx-notice-font-size);line-height:var(--wx-notice-line-height);font-weight:var(--wx-notice-font-weight);color:var(--wx-notice-font-color);width:var(--wx-notice-width)}.wx-notice.wx-11sNg5:before{content:"";display:block;position:absolute;z-index:1;left:0;top:0;width:var(--wx-notice-type-border-width);height:100%;border-top-right-radius:var(--wx-notice-type-border-width);border-bottom-right-radius:var(--wx-notice-type-border-width);background:var(--wx-notice-type-border-color)}.wx-notice.wx-11sNg5:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:var(--wx-notice-type-background-opacity);background:transparent}.wx-text.wx-11sNg5,.wx-button.wx-11sNg5{position:relative;z-index:2;padding:var(--wx-notice-padding)}.wx-text.wx-11sNg5{flex-shrink:0;word-wrap:break-word;max-width:calc(var(--wx-notice-width) - var(--wx-notice-padding) * 2 - var(--wx-notice-icon-size))}.wxi-close.wx-11sNg5{position:relative;display:flex;justify-content:center;align-items:center;font-size:var(--wx-notice-icon-size);line-height:1;width:var(--wx-notice-icon-size);height:var(--wx-notice-icon-size);color:var(--wx-notice-type-icon-color);cursor:pointer}.wxi-close.wx-11sNg5:before{display:block;z-index:1}.wxi-close.wx-11sNg5:after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 4px);height:calc(100% + 4px);border-radius:var(--wx-icon-border-radius)}.wxi-close.wx-11sNg5:hover:after{background:var(--wx-background-hover)}.wx-notice.wx-info.wx-11sNg5,.wx-notice.wx-warning.wx-11sNg5,.wx-notice.wx-success.wx-11sNg5,.wx-notice.wx-danger.wx-11sNg5{color:var(--wx-notice-type-font-color)}.wx-notice.wx-info.wx-11sNg5:before,.wx-notice.wx-info.wx-11sNg5:after{background:var(--wx-color-info)}.wx-notice.wx-warning.wx-11sNg5:before,.wx-notice.wx-warning.wx-11sNg5:after{background:var(--wx-color-warning)}.wx-notice.wx-success.wx-11sNg5:before,.wx-notice.wx-success.wx-11sNg5:after{background:var(--wx-color-success)}.wx-notice.wx-danger.wx-11sNg5:before,.wx-notice.wx-danger.wx-11sNg5:after{background:var(--wx-color-danger)}.wx-notice.wx-info.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-warning.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-success.wx-11sNg5 .wxi-close.wx-11sNg5:after,.wx-notice.wx-danger.wx-11sNg5 .wxi-close.wx-11sNg5:after{opacity:var(--wx-notice-type-close-hover-opacity)}.wx-notices.wx-3nwoO9{position:fixed;z-index:var(--wx-notice-z-index);top:0;right:0}.wx-modal.wx-1FxkZa{position:fixed;z-index:var(--wx-modal-z-index);top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--wx-modal-backdrop);text-align:center}.wx-window.wx-1FxkZa{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);padding:var(--wx-modal-padding);min-width:var(--wx-modal-width)}.wx-header.wx-1FxkZa{font-family:var(--wx-modal-header-font-family);font-size:var(--wx-modal-header-font-size);line-height:var(--wx-modal-header-line-height);font-weight:var(--wx-modal-header-font-weight);color:var(--wx-modal-header-font-color);margin-bottom:var(--wx-modal-gutter)}.wx-buttons.wx-1FxkZa{margin-top:var(--wx-modal-gutter);display:flex;justify-content:center;margin-left:calc(var(--wx-modal-gutter) / -2);margin-right:calc(var(--wx-modal-gutter) / -2)}.wx-button.wx-1FxkZa{flex:1;max-width:50%;padding:0 calc(var(--wx-modal-gutter) / 2)}.wx-field.wx-2oVUvC{width:var(--wx-field-width);max-width:100%;margin-bottom:var(--wx-field-gutter)}.wx-field.wx-left.wx-2oVUvC{display:flex;flex-wrap:nowrap;align-items:flex-start}.wx-field.wx-left.wx-2oVUvC>.wx-label.wx-2oVUvC{width:var(--wx-label-width);flex-shrink:0;margin:0 var(--wx-field-gutter) 0 0;padding-top:calc((var(--wx-input-height) - var(--wx-label-line-height)) / 2);text-align:right}.wx-field.wx-left.wx-2oVUvC>.wx-field-control.wx-2oVUvC{max-width:calc(100% - var(--wx-label-width) - var(--wx-field-gutter))}.wx-field.wx-error.wx-2oVUvC .wx-label.wx-2oVUvC{color:var(--wx-color-danger)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-checkbox.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-checkbox-height)) / 2)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-slider.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-slider-height)) / 2)}.wx-field.wx-left.wx-2oVUvC .wx-field-control.wx-switch.wx-2oVUvC{padding-top:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2);padding-bottom:calc((var(--wx-input-height) - var(--wx-switch-height)) / 2)}.wx-label.wx-2oVUvC{display:block;margin:var(--wx-label-margin);padding:var(--wx-label-padding);font-family:var(--wx-label-font-family);font-size:var(--wx-label-font-size);line-height:var(--wx-label-line-height);font-weight:var(--wx-label-font-weight);color:var(--wx-label-font-color)}.wx-required.wx-2oVUvC .wx-label.wx-2oVUvC:after{content:" *";color:var(--wx-color-danger)}.wx-field-control.wx-2oVUvC{position:relative;width:100%}.wx-timepicker.wx-7f497i{position:relative;width:var(--wx-input-width)}.wx-wrapper.wx-7f497i{padding:10px 20px}.wx-timer.wx-7f497i{display:flex;text-align:center;justify-content:center;margin-bottom:10px}.wx-digit.wx-7f497i{display:block;width:50px;height:38px;border:none;border-bottom:var(--wx-input-border);font-family:var(--wx-input-font-family);font-size:24px;line-height:28px;padding:5px;text-align:center;color:var(--wx-input-font-color);background-color:transparent;outline:none}.wx-digit.wx-7f497i:focus{border-bottom:var(--wx-input-border-focus)}.wx-separator.wx-7f497i{font-size:24px;line-height:38px}.wx-modal.wx-KgpO9N{position:absolute;z-index:var(--wx-modal-z-index);top:0;left:0;width:100%;height:100%;background:var(--wx-modal-backdrop);display:flex;align-items:center;justify-content:center}.wx-window.wx-KgpO9N{background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width)}.wx-sidearea.wx-2L733M{position:absolute;z-index:var(--wx-popup-z-index);background:var(--wx-modal-background);box-shadow:var(--wx-modal-shadow);border:var(--wx-modal-border);border-radius:var(--wx-modal-border-radius);min-width:var(--wx-modal-width);height:100vh}.wx-sidearea.wx-pos-right.wx-2L733M{right:0;top:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(https://cdn.webix.com/fonts/roboto/regular.woff2) format("woff2"),url(https://cdn.webix.com/fonts/roboto/regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local(""),url(https://cdn.webix.com/fonts/roboto/500.woff2) format("woff2"),url(https://cdn.webix.com/fonts/roboto/500.woff) format("woff")}.wx-material-theme{--wx-color-primary: #2f77e3;--wx-color-primary-selected: #d5e6ff;--wx-color-primary-font: #fff;--wx-color-secondary: rgba(0, 0, 0, .04);--wx-color-secondary-hover: rgba(0, 0, 0, .1);--wx-color-secondary-font: rgba(0, 0, 0, .7);--wx-color-secondary-font-hover: rgba(0, 0, 0, .7);--wx-color-secondary-border: transparent;--wx-color-secondary-border-disabled: transparent;--wx-color-success: #00d19a;--wx-color-warning: #ffc975;--wx-color-info: #37a9ef;--wx-color-danger: #ff5252;--wx-color-disabled: #ededed;--wx-color-disabled-alt: #e9e9e9;--wx-color-font: rgba(0, 0, 0, .7);--wx-color-font-alt: rgba(0, 0, 0, .5);--wx-color-font-disabled: rgba(0, 0, 0, .3);--wx-color-link: var(--wx-color-primary);--wx-background: #fff;--wx-background-alt: #f7f7f7;--wx-background-hover: linear-gradient( rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .15) 100% );--wx-font-family: Roboto, Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 16px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 500;--wx-font-weight-b: 700;--wx-icon-color: var(--wx-color-font-alt);--wx-icon-size: var(--wx-line-height);--wx-border: 1px solid #dfdfdf;--wx-border-radius: 2px;--wx-radius-medium: var(--wx-border-radius);--wx-border-light: none;--wx-border-medium: 1px solid #eaedf5;--wx-shadow-light: 0px 4px 20px rgba(44, 47, 60, .12);--wx-shadow-medium: 0px 2px 4px rgba(0, 0, 0, .15);--wx-box-shadow: 0px 2px 4px rgba(0, 0, 0, .15);--wx-box-shadow-strong: 0px 2px 5px rgba(0, 0, 0, .3);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-background);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid rgba(0, 0, 0, .5);--wx-input-border-disabled: 1px solid var(--wx-color-disabled);--wx-input-border-radius: var(--wx-border-radius);--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 4px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: 18px;--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-font-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 80px;--wx-label-margin: 0 0 8px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-background: var(--wx-background-alt);--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 20px;--wx-button-icon-indent: 7px;--wx-button-icon-size: 16px;--wx-button-pressed: rgba(0, 0, 0, .16);--wx-button-danger-pressed: #cc4242;--wx-button-primary-pressed: #265fb6;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .56) inset, 2px 2px 3px 1px rgba(0, 0, 0, .12) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .26) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: var(--wx-border);--wx-segmented-border-radius: var(--wx-border-radius);--wx-segmented-padding: 3px;--wx-tabs-background: var(--wx-background-alt);--wx-tabs-background-hover: var(--wx-background-hover);--wx-tabs-hover-border: transparent;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 100%;--wx-tabs-divider-color: #dfdfdf;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: var(--wx-color-primary);--wx-tabs-active-color: var(--wx-color-primary-font);--wx-tabs-active-border: transparent;--wx-slider-height: 16px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: #dfdfdf;--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: 2px solid var(--wx-background);--wx-slider-thumb-border-disabled: none;--wx-slider-thumb-shadow: var(--wx-box-shadow-strong);--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: rgba(0, 0, 0, .3);--wx-switch-width: 44px;--wx-switch-height: 22px;--wx-switch-border-width: 1px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: #dfdfdf;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: none;--wx-switch-thumb-background: var(--wx-background);--wx-switch-thumb-background-disabled: var(--wx-background);--wx-switch-thumb-shadow: var(--wx-box-shadow-strong);--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: none;--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: none;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(0, 0, 0, .5);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight);--wx-modal-header-font-color: #000;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: var(--wx-border-radius);--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: var(--wx-padding);--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 0px;--wx-notice-type-border-color: transparent;--wx-notice-type-font-color: #fff;--wx-notice-type-icon-color: rgba(255, 255, 255, .8);--wx-notice-type-background-opacity: 1;--wx-notice-type-close-hover-opacity: .3;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 0px;--wx-calendar-border-radius: var(--wx-calendar-cell-size);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-button-font-size);--wx-calendar-controls-line-height: var(--wx-button-line-height);--wx-calendar-controls-font-weight: var(--wx-button-font-weight);--wx-calendar-controls-font-color: var(--wx-color-link)}.wx-material-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-material-theme *,.wx-material-theme *:before,.wx-material-theme *:after{box-sizing:border-box}@font-face{font-family:Open Sans;font-style:normal;font-weight:500;src:local(""),url(https://cdn.webix.com/fonts/open-sans/500.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/500.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local(""),url(https://cdn.webix.com/fonts/open-sans/regular.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/regular.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:local(""),url(https://cdn.webix.com/fonts/open-sans/600.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/600.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local(""),url(https://cdn.webix.com/fonts/open-sans/700.woff2) format("woff2"),url(https://cdn.webix.com/fonts/open-sans/700.woff) format("woff")}.wx-willow-theme{--wx-color-primary: #37a9ef;--wx-color-primary-selected: #d5eaf7;--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(55, 169, 239, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #c0c3ce;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: #37a9ef;--wx-color-danger: #fe6158;--wx-color-disabled: #f2f3f7;--wx-color-disabled-alt: #e9e9e9;--wx-color-font: #2c2f3c;--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #c0c3ce;--wx-color-link: var(--wx-color-primary);--wx-background: #ffffff;--wx-background-alt: #f2f3f7;--wx-background-hover: #eaedf5;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #9fa1ae;--wx-icon-size: var(--wx-line-height);--wx-button-pressed: #d7dde3;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #098cdc;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .56) inset, 2px 2px 3px 1px rgba(0, 0, 0, .12) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .26) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-border: 1px solid #e6e6e6;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: none;--wx-border-medium: 1px solid #eaedf5;--wx-shadow-light: 0px 3px 10px 0px rgba(44, 47, 60, .12), 0px 1px 2px 0px rgba(44, 47, 60, .06);--wx-shadow-medium: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-box-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-box-shadow-strong: 0px 4px 20px rgba(44, 47, 60, .16);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-background: var(--wx-background-alt);--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: none;--wx-slider-thumb-shadow: var(--wx-box-shadow-strong);--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #9fa1ae;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid #c0c3ce;--wx-switch-thumb-background: var(--wx-background);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid transparent;--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: none;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #000;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: var(--wx-icon-color);--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-willow-theme *,.wx-willow-theme *:before,.wx-willow-theme *:after{box-sizing:border-box}.wx-willow-dark-theme{--wx-color-primary: #7a67eb;--wx-color-primary-selected: rgba(122, 103, 235, .3);--wx-color-primary-font: #fff;--wx-color-secondary: transparent;--wx-color-secondary-hover: rgba(122, 103, 235, .12);--wx-color-secondary-font: var(--wx-color-primary);--wx-color-secondary-font-hover: var(--wx-color-primary);--wx-color-secondary-border: var(--wx-color-primary);--wx-color-secondary-border-disabled: #9fa1ae;--wx-color-success: #77d257;--wx-color-warning: #fcba2e;--wx-color-info: var(--wx-color-primary);--wx-color-danger: #fe6158;--wx-color-disabled: #384047;--wx-color-disabled-alt: #44474a;--wx-color-font: rgba(255, 255, 255, .9);--wx-color-font-alt: #9fa1ae;--wx-color-font-disabled: #9fa1ae;--wx-color-link: var(--wx-color-primary);--wx-background: #2a2b2d;--wx-background-alt: #384047;--wx-background-hover: #20262b;--wx-font-family: "Open Sans", Arial, Helvetica, sans-serif;--wx-font-size: 14px;--wx-line-height: 20px;--wx-font-size-md: 14px;--wx-line-height-md: 24px;--wx-font-size-hd: 16px;--wx-line-height-hd: 30px;--wx-font-size-sm: 12px;--wx-line-height-sm: 16px;--wx-font-weight: 400;--wx-font-weight-md: 600;--wx-font-weight-b: 700;--wx-icon-color: #c0c3ce;--wx-icon-size: var(--wx-line-height);--wx-border: 1px solid #384047;--wx-border-radius: 3px;--wx-radius-major: 6px;--wx-border-light: 1px solid #384047;--wx-border-medium: 1px solid #384047;--wx-shadow-light: 0px 4px 20px 0px rgba(44, 47, 60, .12);--wx-shadow-medium: none;--wx-box-shadow: 0px 4px 48px rgba(44, 47, 60, .18);--wx-box-shadow-strong: 0px 4px 48px rgba(44, 47, 60, .18), 0px 4px 8px rgba(14, 14, 15, .3);--wx-padding: 8px;--wx-field-gutter: 16px;--wx-field-width: 400px;--wx-input-font-family: var(--wx-font-family);--wx-input-font-size: var(--wx-font-size);--wx-input-line-height: var(--wx-line-height);--wx-input-font-weight: var(--wx-font-weight);--wx-input-text-align: left;--wx-input-font-color: var(--wx-color-font);--wx-input-background: var(--wx-background);--wx-input-background-disabled: var(--wx-color-disabled);--wx-input-placeholder-color: var(--wx-color-font-alt);--wx-input-border: var(--wx-border);--wx-input-border-focus: 1px solid var(--wx-color-primary);--wx-input-border-disabled: var(--wx-border);--wx-input-border-radius: 3px;--wx-input-height: 32px;--wx-input-width: 100%;--wx-input-padding: 5px 8px;--wx-input-icon-indent: 6px;--wx-input-icon-color: var(--wx-icon-color);--wx-input-icon-size: var(--wx-icon-size);--wx-multicombo-tag-gap: 3px;--wx-multicombo-tag-border: none;--wx-multicombo-tag-border-radius: var(--wx-input-border-radius);--wx-multicombo-tag-pading: 2px 8px;--wx-multicombo-tag-background: var(--wx-background-alt);--wx-checkbox-height: var(--wx-line-height);--wx-checkbox-size: var(--wx-checkbox-height);--wx-checkbox-border-width: 2px;--wx-checkbox-border-color: var(--wx-color-font-alt);--wx-checkbox-border-color-disabled: var(--wx-color-disabled);--wx-checkbox-border-radius: var(--wx-input-border-radius);--wx-checkbox-font-family: var(--wx-font-family);--wx-checkbox-font-size: var(--wx-font-size);--wx-checkbox-line-height: var(--wx-line-height);--wx-checkbox-font-weight: var(--wx-font-weight);--wx-checkbox-font-color: var(--wx-color-font);--wx-label-width: 100px;--wx-label-margin: 0 0 4px;--wx-label-padding: 0;--wx-label-font-family: var(--wx-font-family);--wx-label-font-size: var(--wx-font-size);--wx-label-line-height: var(--wx-line-height);--wx-label-font-weight: var(--wx-font-weight-md);--wx-label-font-color: var(--wx-color-font);--wx-button-font-family: var(--wx-font-family);--wx-button-font-size: var(--wx-font-size-md);--wx-button-line-height: var(--wx-line-height);--wx-button-font-weight: var(--wx-font-weight-md);--wx-button-text-transform: none;--wx-button-background: var(--wx-background-alt);--wx-button-font-color: var(--wx-color-font);--wx-button-danger-font-color: #fff;--wx-button-border: 1px solid transparent;--wx-button-border-radius: var(--wx-border-radius);--wx-button-height: 32px;--wx-button-padding: 5px 16px;--wx-button-icon-indent: 5px;--wx-button-icon-size: 20px;--wx-button-pressed: #353d44;--wx-button-danger-pressed: #cb4e46;--wx-button-primary-pressed: #5643c7;--wx-button-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .06) inset, 2px 2px 3px 1px rgba(0, 0, 0, .16) inset;--wx-button-primary-box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, .12) inset, 2px 2px 3px 1px rgba(0, 0, 0, .2) inset;--wx-segmented-background: var(--wx-background-alt);--wx-segmented-background-hover: var(--wx-background-hover);--wx-segmented-border: none;--wx-segmented-border-radius: 6px;--wx-segmented-padding: 0px;--wx-tabs-background: var(--wx-background);--wx-tabs-background-hover: transparent;--wx-tabs-hover-border: #9fa1ae;--wx-tabs-border-width: 1px;--wx-tabs-border-radius: var(--wx-border-radius);--wx-tabs-divider-width: 1px;--wx-tabs-divider-height: 60%;--wx-tabs-divider-color: transparent;--wx-tabs-cell-min-width: 100px;--wx-tabs-active-background: transparent;--wx-tabs-active-color: var(--wx-color-primary);--wx-tabs-active-border: var(--wx-tabs-active-color);--wx-slider-height: 14px;--wx-slider-primary: var(--wx-color-primary);--wx-slider-background: var(--wx-background-alt);--wx-slider-track-height: 4px;--wx-slider-track-border-radius: 2px;--wx-slider-thumb-size: var(--wx-slider-height);--wx-slider-thumb-border: none;--wx-slider-thumb-border-disabled: 1px solid var(--wx-color-disabled);--wx-slider-thumb-shadow: none;--wx-slider-label-margin: 0 0 5px;--wx-slider-label-font-family: var(--wx-font-family);--wx-slider-label-font-size: var(--wx-font-size);--wx-slider-label-line-height: var(--wx-line-height);--wx-slider-label-font-weight: var(--wx-font-weight-md);--wx-slider-label-font-color: var(--wx-color-font);--wx-switch-primary: var(--wx-color-primary);--wx-switch-background: #384047;--wx-switch-width: 48px;--wx-switch-height: 24px;--wx-switch-border-width: 0px;--wx-switch-border-color: transparent;--wx-switch-border-color-disabled: transparent;--wx-switch-thumb-offset: 1px;--wx-switch-thumb-border: none;--wx-switch-thumb-border-disabled: 1px solid rgba(255, 255, 255, .7);--wx-switch-thumb-background: rgba(255, 255, 255, .9);--wx-switch-thumb-background-disabled: var(--wx-color-disabled);--wx-switch-thumb-shadow: none;--wx-popup-z-index: 100;--wx-popup-background: var(--wx-background);--wx-popup-shadow: var(--wx-shadow-light);--wx-popup-border: 1px solid rgba(255, 255, 255, .26);--wx-popup-border-radius: var(--wx-border-radius);--wx-modal-z-index: 1000;--wx-modal-background: var(--wx-background);--wx-modal-shadow: var(--wx-shadow-medium);--wx-modal-border: 1px solid #ffffff42;--wx-modal-border-radius: var(--wx-border-radius);--wx-modal-width: 280px;--wx-modal-padding: 16px 20px;--wx-modal-gutter: 14px;--wx-modal-backdrop: rgba(108, 114, 131, .2);--wx-modal-header-font-family: var(--wx-font-family);--wx-modal-header-font-size: var(--wx-font-size-hd);--wx-modal-header-line-height: var(--wx-line-height-hd);--wx-modal-header-font-weight: var(--wx-font-weight-b);--wx-modal-header-font-color: #fff;--wx-notice-z-index: 1010;--wx-notice-background: var(--wx-background-alt);--wx-notice-shadow: var(--wx-shadow-medium);--wx-notice-border: none;--wx-notice-border-radius: 0 var(--wx-border-radius) var(--wx-border-radius) 0;--wx-notice-margin: 6px 12px;--wx-notice-font-family: var(--wx-font-family);--wx-notice-font-size: var(--wx-font-size);--wx-notice-line-height: var(--wx-line-height);--wx-notice-font-weight: var(--wx-font-weight);--wx-notice-font-color: var(--wx-color-font);--wx-notice-padding: 14px;--wx-notice-width: 240px;--wx-notice-icon-size: var(--wx-icon-size);--wx-notice-icon-color: var(--wx-icon-color);--wx-notice-type-border-width: 4px;--wx-notice-type-border-color: var(--wx-icon-color);--wx-notice-type-font-color: var(--wx-color-font);--wx-notice-type-icon-color: #9fa1ae;--wx-notice-type-background-opacity: 0;--wx-notice-type-close-hover-opacity: 1;--wx-calendar-padding: 16px;--wx-calendar-cell-size: 32px;--wx-calendar-gap: 4px;--wx-calendar-line-gap: 4px;--wx-calendar-border-radius: var(--wx-border-radius);--wx-calendar-font-family: var(--wx-font-family);--wx-calendar-font-size: var(--wx-font-size);--wx-calendar-line-height: var(--wx-line-height);--wx-calendar-font-weight: var(--wx-font-weight);--wx-calendar-font-color: var(--wx-color-font);--wx-calendar-icon-color: var(--wx-icon-color);--wx-calendar-icon-size: var(--wx-icon-size);--wx-calendar-header-font-size: var(--wx-font-size);--wx-calendar-header-line-height: var(--wx-line-height);--wx-calendar-header-font-weight: var(--wx-font-weight-md);--wx-calendar-controls-font-family: var(--wx-button-font-family);--wx-calendar-controls-font-size: var(--wx-font-size);--wx-calendar-controls-line-height: var(--wx-line-height);--wx-calendar-controls-font-weight: var(--wx-font-weight);--wx-calendar-controls-font-color: var(--wx-color-font)}.wx-willow-dark-theme{font-family:var(--wx-font-family);font-size:var(--wx-font-size);line-height:var(--wx-line-height);font-weight:var(--wx-font-weight);font-style:normal;letter-spacing:normal;text-align:left;color:var(--wx-color-font);background:var(--wx-background)}.wx-willow-dark-theme *,.wx-willow-dark-theme *:before,.wx-willow-dark-theme *:after{box-sizing:border-box}.wx-item.wx-cDCz9rZQ{display:flex;align-items:center;box-sizing:border-box;height:36px;line-height:36px;padding:2px 12px;font-family:var(--wx-font-family);font-weight:var(--wx-font-weight);font-size:var(--wx-font-size);background-color:var(--wx-background);cursor:pointer}.wx-item.wx-cDCz9rZQ:hover{background:var(--wx-background-alt)}.wx-item.wx-cDCz9rZQ:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.wx-item.wx-cDCz9rZQ:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.wx-value.wx-cDCz9rZQ{flex-grow:1;white-space:nowrap;color:var(--wx-color-font)}.wx-icon.wx-cDCz9rZQ,.wx-sub-icon.wx-cDCz9rZQ{vertical-align:middle;height:inherit;line-height:inherit;font-size:var(--wx-icon-size);color:var(--wx-icon-color)}.wx-icon.wx-cDCz9rZQ{margin-right:8px}.wx-subtext.wx-cDCz9rZQ{color:var(--wx-color-font-disabled);margin-left:20px;white-space:nowrap}.wx-menu.wx-XMmAGqVx{position:absolute;box-shadow:var(--wx-shadow-light);min-width:125px;display:flex;flex-direction:column;z-index:20;border-radius:var(--wx-border-radius);background-color:var(--wx-background);padding:4px 0}.wx-separator.wx-XMmAGqVx{width:100%;border-top:var(--wx-border-medium)}.wx-menubar.wx-UfhPCLL4{display:flex;position:relative;width:fit-content}.wx-item.wx-UfhPCLL4{background-color:transparent;border:none;color:var(--wx-color-font);box-sizing:border-box;height:36px;line-height:30px;padding:2px 12px;font-family:var(--wx-font-family);font-weight:var(--wx-font-weight);font-size:var(--wx-font-size);cursor:pointer;outline:none;white-space:nowrap}.wx-active.wx-UfhPCLL4,.wx-item.wx-UfhPCLL4:hover{background-color:var(--wx-background-alt);border-radius:var(--wx-button-border-radius)}

package/license.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 XB Software Sp. z o.o.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@svar-ui/react-menu",
+  "version": "2.2.0",
+  "description": "Lightweight React menu component for adding navigation, action, or context menus",
+  "productTag": "menu",
+  "type": "module",
+  "keywords": [
+    "react",
+    "reactjs",
+    "react.js",
+    "react-component",
+    "react-menu",
+    "ui-components",
+    "context-menu",
+    "ui",
+    "menu",
+    "svar-react"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:demo": "BUILD_DEMOS=true vite build",
+    "build:full-css": "BUILD_FULL_CSS=true vite build",
+    "lint": "eslint . --report-unused-disable-directives",
+    "preview": "vite preview",
+    "prepare": "husky",
+    "prettier": "prettier --write ./src/ ./demos/"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    },
+    "./style.css": "./dist/index.css",
+    "./all.css": "./dist-full/index.css"
+  },
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "package.json",
+    "dist-full/index.css"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@svar-ui/core-locales": "^2.2.0",
+    "@svar-ui/lib-dom": "0.9.2",
+    "@svar-ui/react-core": "2.2.0"
+  },
+  "homepage": "https://svar.dev/react/core/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/svar-widgets/react-menu.git"
+  },
+  "bugs": {
+    "url": "https://forum.svar.dev"
+  },
+  "devDependencies": {
+    "@types/react": "18.2.66",
+    "@types/react-dom": "18.2.22",
+    "@vitejs/plugin-react": "5.0.2",
+    "eslint": "9.35.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "eslint-plugin-react-refresh": "0.4.20",
+    "husky": "9.1.6",
+    "lint-staged": "15.2.10",
+    "prettier": "3.3.3",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router": "7.8.2",
+    "react-router-dom": "7.8.2",
+    "vite": "7.1.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{ts,js,svelte}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{css,md,json}": [
+      "prettier --write"
+    ]
+  }
+}