@svar-ui/react-menu 2.4.1 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -1
- package/dist/index.cjs.map +1 -0
- package/dist/index.es.js +183 -175
- package/dist/index.es.js.map +1 -0
- package/dist-full/index.css +1 -1
- package/package.json +4 -4
package/dist/index.cjs
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("react"),I=require("@svar-ui/lib-dom"),A=require("@svar-ui/react-core");function E(l,s){return l.map(e=>{const u=s(e);return e.data&&e.data.length&&(u.data=E(e.data,s)),u})}function L(l,s){const e=[];return l.forEach(u=>{if(u.data){const o=L(u.data,s);o.length&&e.push({...u,data:o})}else s(u)&&e.push(u)}),e}function Z(l){return E(l,s=>{const e={...s,id:s.id||I.uid()};return e.type&&(e.comp=e.type),e})}const q={};function F(l){return q[l]||l}function Q(l,s){q[l]=s}function X({onClick:l,onShow:s,option:e}){const u=t.useRef(null),o=t.useCallback(()=>{s(e.data?e.id:!1,u.current)},[s,e]),h=t.useCallback(c=>{if(e.data){c.stopPropagation(),s(e.id,u.current);return}l(c)},[l,s,e]),f=t.useMemo(()=>e&&e.comp?F(e.comp):null,[e]);return n.jsxs("div",{ref:u,className:`wx-cDCz9rZQ wx-option ${e.css||""} ${e.disabled?"wx-disabled":""}`,"data-id":I.setID(e.id),onMouseEnter:o,onClick:h,children:[e.icon?n.jsx("i",{className:`wx-cDCz9rZQ wx-icon ${e.icon}`}):null,e.comp?f?n.jsx(f,{item:e,option:e}):null:n.jsxs("span",{className:"wx-cDCz9rZQ wx-value",children:[" ",e.text," "]}),e.subtext?n.jsx("span",{className:"wx-cDCz9rZQ wx-subtext",children:e.subtext}):null,e.data?n.jsx("i",{className:"wx-cDCz9rZQ wx-sub-icon wxi-angle-right"}):null]})}function N({options:l,left:s=0,top:e=0,at:u="bottom",parent:o=null,mount:h=null,context:f=null,css:c="",onClick:i}){const[x,C]=t.useState(-1e4),[w,M]=t.useState(-1e4),[b,r]=t.useState(20),[a,g]=t.useState(),k=t.useRef(null),D=t.useRef(i),[R,P]=t.useState(!1),[O,S]=t.useState(null);t.useEffect(()=>{D.current=i},[i]);const m=t.useCallback(()=>{const d=I.calculatePosition(k.current,o,u,s,e);d&&(C(d.x),M(d.y),r(d.z),g(d.width))},[o,u,s,e]);t.useEffect(()=>{h&&h(m)},[]);const y=t.useCallback(()=>{P(!1)},[]),j=t.useCallback(()=>{D.current&&D.current({action:null,option:null})},[]),p=t.useCallback((d,v)=>{P(d),S(v)},[]),H=t.useMemo(()=>Z(l),[l]);return t.useEffect(()=>{m()},[o,m]),t.useEffect(()=>{if(k.current)return I.clickOutside(k.current,{callback:j,modal:!0}).destroy},[j]),n.jsx("div",{ref:k,"data-wx-menu":"true",className:`wx-XMmAGqVx wx-menu ${c}`,style:{position:"absolute",top:w+"px",left:x+"px",width:a,zIndex:b},onMouseLeave:y,children:H.map(d=>n.jsxs(t.Fragment,{children:[d.comp==="separator"?n.jsx("div",{className:"wx-XMmAGqVx wx-separator"}):n.jsx(X,{option:d,onShow:p,onClick:v=>{if(!d.data&&!v.defaultPrevented){const z={context:f,action:d,option:d,event:v};d.handler&&d.handler(z),i&&i(z),v.stopPropagation()}}}),d.data&&R===d.id?n.jsx(N,{css:c,options:d.data,at:"right-overlap",parent:O,context:f,onClick:i}):null]},d.id))})}const $=t.forwardRef(function(s,e){const{options:u,at:o="bottom",resolver:h=null,dataKey:f="contextId",filter:c=null,css:i="",children:x,onClick:C}=s,[w,M]=t.useState(null),[b,r]=t.useState(null),[a,g]=t.useState(0),[k,D]=t.useState(0),R=t.useMemo(()=>`data-${f.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,[f]),P=t.useMemo(()=>w!==null&&c?L(u,m=>c(m,w)):u,[w,c,u]),O=t.useCallback(m=>{r(null),C&&C(m)},[C]),S=t.useCallback((m,y)=>{if(!m){r(null);return}if(m.defaultPrevented)return;const j=m.target;if(j&&j.dataset&&j.dataset.menuIgnore)return;g(m.clientX+1),D(m.clientY+1);let p=typeof y<"u"?y:I.locateID(j,R);h&&(p=h(p,m),!p)||(M(p),r(j),m.preventDefault())},[R,h]);return t.useImperativeHandle(e,()=>({show:S}),[S]),n.jsxs(n.Fragment,{children:[x?n.jsx("span",{onClick:S,"data-menu-ignore":"true",children:typeof x=="function"?x():x}):null,b?n.jsx(A.Portal,{children:n.jsx(N,{css:i,at:o,top:k,left:a,parent:b,context:w,onClick:O,options:P},b)}):null]})});function K(l){const{css:s="",menuCss:e="",options:u,onClick:o}=l,h=t.useMemo(()=>Z(u),[u]),[f,c]=t.useState(!1),[i,x]=t.useState([]),C=t.useRef(null);function w(r){c(null),o&&o(r)}function M(r,a,g){a.data&&a.data.length?f&&g?c(null):(x(a.data),c(a.id),C.current.show(r,a)):(C.current.show(null),g?(o&&o({action:a,option:a}),c(null)):c(-1))}function b(r,a){f&&M(r,a)}return n.jsxs(n.Fragment,{children:[n.jsx("div",{className:`wx-UfhPCLL4 wx-menubar ${s}`,children:h.map(r=>n.jsx("button",{className:`wx-UfhPCLL4 wx-option ${f===r.id?"wx-active":""} ${r.disabled?"wx-disabled":""}`,onMouseEnter:a=>b(a,r),onClick:a=>M(a,r,!0),children:r.text},r.id))}),n.jsx($,{css:e,onClick:w,options:i,ref:C})]})}const B=t.forwardRef(function(s,e){const{options:u,at:o="bottom",css:h="",children:f,onClick:c}=s,[i,x]=t.useState(null);function C(a){x(null),c&&c(a)}const w=t.useCallback(a=>{x(a.target),a.preventDefault()},[]);t.useImperativeHandle(e,()=>({show:w}),[w]);function M(a){let g=a.target;for(;!g.dataset.menuIgnore;)x(g),g=g.parentNode}const b=t.useRef(0),r=t.useRef(i);return t.useEffect(()=>{r.current!==i&&(b.current+=1,r.current=i)},[i]),n.jsxs(n.Fragment,{children:[n.jsx("span",{onClick:M,"data-menu-ignore":"true",children:f}),i?n.jsx(A.Portal,{children:n.jsx(N,{css:h,at:o,parent:i,options:u,onClick:C},b.current)}):null]})}),G=t.forwardRef(function(s,e){const{options:u,at:o="bottom",resolver:h=null,dataKey:f="contextId",filter:c=null,css:i="",children:x,onClick:C}=s,w=t.useRef(null),M=t.useCallback((b,r)=>{w.current.show(b,r)},[]);return t.useImperativeHandle(e,()=>({show:M}),[M]),n.jsxs(n.Fragment,{children:[x?n.jsx("span",{onContextMenu:M,"data-menu-ignore":"true",children:x}):null,n.jsx($,{css:i,at:o,options:u,resolver:h,dataKey:f,filter:c,ref:w,onClick:C})]})});exports.ActionMenu=$;exports.ContextMenu=G;exports.DropDownMenu=B;exports.Menu=N;exports.MenuBar=K;exports.registerMenuItem=Q;
|
|
2
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/helpers/index.js","../src/components/MenuOption.jsx","../src/components/Menu.jsx","../src/components/ActionMenu.jsx","../src/components/MenuBar.jsx","../src/components/DropDownMenu.jsx","../src/components/ContextMenu.jsx"],"sourcesContent":["import { uid } from '@svar-ui/lib-dom';\n\nexport function walkData(data, cb) {\n data.forEach((a) => {\n cb(a);\n if (a.data && a.data.length) walkData(a.data, cb);\n });\n}\n\nexport function mapData(data, cb) {\n return data.map((a) => {\n const out = cb(a);\n if (a.data && a.data.length) out.data = mapData(a.data, cb);\n return out;\n });\n}\n\nexport function filterMenu(data, cb) {\n const out = [];\n data.forEach((a) => {\n if (a.data) {\n const sub = filterMenu(a.data, cb);\n if (sub.length) out.push({ ...a, data: sub });\n } else {\n if (cb(a)) out.push(a);\n }\n });\n\n return out;\n}\n\nexport function prepareMenuData(data) {\n return mapData(data, (a) => {\n // [deprecated] option.type to be deprecated in 3.0\n const opt = { ...a, id: a.id || uid() };\n if (opt.type) opt.comp = opt.type;\n return opt;\n });\n}\n\nconst handlers = {};\nexport function getItemHandler(type) {\n return handlers[type] || type;\n}\nexport function registerMenuItem(type, handler) {\n handlers[type] = handler;\n}\n","import { useMemo, useRef, useCallback } from 'react';\nimport { setID } from '@svar-ui/lib-dom';\nimport { getItemHandler } from '../helpers';\nimport './MenuOption.css';\n\nfunction MenuOption({ onClick: onClickProp, onShow, option }) {\n const element = useRef(null);\n\n const onHover = useCallback(() => {\n onShow(option.data ? option.id : false, element.current);\n }, [onShow, option]);\n\n const onClick = useCallback((ev) => {\n if (option.data) {\n ev.stopPropagation();\n onShow(option.id, element.current);\n return;\n }\n onClickProp(ev);\n }, [onClickProp, onShow, option]);\n\n const SubComponent = useMemo(() => {\n return option && option.comp ? getItemHandler(option.comp) : null;\n }, [option]);\n\n return (\n <div\n ref={element}\n className={`wx-cDCz9rZQ wx-option ${option.css || ''} ${option.disabled ? 'wx-disabled' : ''}`}\n data-id={setID(option.id)}\n onMouseEnter={onHover}\n onClick={onClick}\n >\n {option.icon ? (\n <i className={`wx-cDCz9rZQ wx-icon ${option.icon}`}></i>\n ) : null}\n {option.comp ? (\n SubComponent ? (\n <SubComponent item={option} option={option} />\n ) : null\n ) : (\n <span className=\"wx-cDCz9rZQ wx-value\"> {option.text} </span>\n )}\n {option.subtext ? (\n <span className=\"wx-cDCz9rZQ wx-subtext\">{option.subtext}</span>\n ) : null}\n {option.data ? (\n <i className=\"wx-cDCz9rZQ wx-sub-icon wxi-angle-right\"></i>\n ) : null}\n </div>\n );\n}\n\nexport default MenuOption;\n","import {\n Fragment,\n useState,\n useEffect,\n useMemo,\n useRef,\n useCallback,\n} from 'react';\nimport { clickOutside, calculatePosition } from '@svar-ui/lib-dom';\nimport MenuOption from './MenuOption.jsx';\nimport { prepareMenuData } from '../helpers';\nimport './Menu.css';\n\nfunction Menu({\n options,\n left = 0,\n top = 0,\n at = 'bottom',\n parent = null,\n mount = null,\n context = null,\n css = '',\n onClick,\n}) {\n const [x, setX] = useState(-10000);\n const [y, setY] = useState(-10000);\n const [z, setZ] = useState(20);\n const [width, setWidth] = useState();\n\n const selfRef = useRef(null);\n const onClickRef = useRef(onClick);\n const [showSub, setShowSub] = useState(false);\n const [activeOption, setActiveOption] = useState(null);\n\n useEffect(() => {\n onClickRef.current = onClick;\n }, [onClick]);\n\n const updatePosition = useCallback(() => {\n const result = calculatePosition(selfRef.current, parent, at, left, top);\n if (result) {\n setX(result.x);\n setY(result.y);\n setZ(result.z);\n setWidth(result.width);\n }\n }, [parent, at, left, top]);\n\n useEffect(() => {\n if (mount) mount(updatePosition);\n }, []);\n\n const onLeave = useCallback(() => {\n setShowSub(false);\n }, []);\n\n const cancel = useCallback(() => {\n // [deprecated] action will be deprecated in 3.0\n if (onClickRef.current) {\n onClickRef.current({ action: null, option: null });\n }\n }, []);\n\n const onShow = useCallback((id, el) => {\n setShowSub(id);\n setActiveOption(el);\n }, []);\n\n const finalOptions = useMemo(() => prepareMenuData(options), [options]);\n\n useEffect(() => {\n updatePosition();\n }, [parent, updatePosition]);\n\n useEffect(() => {\n if (!selfRef.current) return;\n return clickOutside(selfRef.current, { callback: cancel, modal: true })\n .destroy;\n }, [cancel]);\n\n return (\n <div\n ref={selfRef}\n data-wx-menu=\"true\"\n className={`wx-XMmAGqVx wx-menu ${css}`}\n style={{\n position: 'absolute',\n top: y + 'px',\n left: x + 'px',\n width: width,\n zIndex: z,\n }}\n onMouseLeave={onLeave}\n >\n {finalOptions.map((option) => (\n <Fragment key={option.id}>\n {option.comp === 'separator' ? (\n <div className=\"wx-XMmAGqVx wx-separator\"></div>\n ) : (\n <MenuOption\n option={option}\n onShow={onShow}\n onClick={(ev) => {\n if (!option.data && !ev.defaultPrevented) {\n // [deprecated] action will be deprecated in 3.0\n const pack = { context, action: option, option, event: ev };\n if (option.handler) option.handler(pack);\n onClick && onClick(pack);\n ev.stopPropagation();\n }\n }}\n />\n )}\n {option.data && showSub === option.id ? (\n <Menu\n css={css}\n options={option.data}\n at=\"right-overlap\"\n parent={activeOption}\n context={context}\n onClick={onClick}\n />\n ) : null}\n </Fragment>\n ))}\n </div>\n );\n}\n\nexport default Menu;\n","import {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react';\nimport { Portal } from '@svar-ui/react-core';\nimport { locateID } from '@svar-ui/lib-dom';\nimport Menu from './Menu.jsx';\nimport { filterMenu } from '../helpers';\n\nconst ActionMenu = forwardRef(function ActionMenu(props, ref) {\n const {\n options,\n at = 'bottom',\n resolver = null,\n dataKey = 'contextId',\n filter = null,\n css = '',\n children,\n onClick,\n } = props;\n\n const [item, setItem] = useState(null);\n const [parent, setParent] = useState(null);\n const [left, setLeft] = useState(0);\n const [top, setTop] = useState(0);\n\n const attrName = useMemo(\n () =>\n `data-${dataKey.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`,\n [dataKey],\n );\n\n const filteredOptions = useMemo(() => {\n if (item !== null && filter) {\n return filterMenu(options, (v) => filter(v, item));\n }\n return options;\n }, [item, filter, options]);\n\n const handleClick = useCallback(\n (ev) => {\n setParent(null);\n if (onClick) onClick(ev);\n },\n [onClick],\n );\n\n const show = useCallback(\n (ev, obj) => {\n if (!ev) {\n setParent(null);\n return;\n }\n\n if (ev.defaultPrevented) return;\n\n const target = ev.target;\n if (target && target.dataset && target.dataset.menuIgnore) return;\n\n setLeft(ev.clientX + 1);\n setTop(ev.clientY + 1);\n\n let nextItem =\n typeof obj !== 'undefined' ? obj : locateID(target, attrName);\n if (resolver) {\n nextItem = resolver(nextItem, ev);\n if (!nextItem) return;\n }\n\n setItem(nextItem);\n setParent(target);\n\n ev.preventDefault();\n },\n [attrName, resolver],\n );\n\n useImperativeHandle(ref, () => ({ show }), [show]);\n\n return (\n <>\n {children ? (\n <span onClick={show} data-menu-ignore=\"true\">\n {typeof children === 'function' ? children() : children}\n </span>\n ) : null}\n\n {parent ? (\n <Portal>\n <Menu\n key={parent}\n css={css}\n at={at}\n top={top}\n left={left}\n parent={parent}\n context={item}\n onClick={handleClick}\n options={filteredOptions}\n />\n </Portal>\n ) : null}\n </>\n );\n});\n\nexport default ActionMenu;\n","import { useMemo, useState, useRef } from 'react';\nimport ActionMenu from './ActionMenu.jsx';\nimport { prepareMenuData } from '../helpers';\nimport './MenuBar.css';\n\nfunction MenuBar(props) {\n const { css = '', menuCss = '', options, onClick } = props;\n\n const finalOptions = useMemo(() => prepareMenuData(options), [options]);\n\n const [active, setActive] = useState(false);\n const [menuOptions, setMenuOptions] = useState([]);\n\n const menu = useRef(null);\n\n function doClick(ev) {\n setActive(null);\n onClick && onClick(ev);\n }\n\n function setMenu(ev, option, trigger) {\n // if the option has a submenu, show it and enable hover mode\n if (option.data && option.data.length) {\n if (active && trigger) {\n // second click on option with submenu disables hover mode\n setActive(null);\n } else {\n setMenuOptions(option.data);\n setActive(option.id);\n menu.current.show(ev, option);\n }\n } else {\n // hide the submenu\n menu.current.show(null);\n // if it was the click action, dispatch it and end hover mode\n if (trigger) {\n // [deprecated] action will be deprecated in 3.0\n onClick && onClick({ action: option, option });\n setActive(null);\n } else {\n // do not remove active flag, to preserve the hover mode\n setActive(-1);\n }\n }\n }\n\n function onHover(ev, option) {\n if (active) setMenu(ev, option);\n }\n\n return (\n <>\n <div className={`wx-UfhPCLL4 wx-menubar ${css}`}>\n {finalOptions.map((option) => (\n <button\n key={option.id}\n className={`wx-UfhPCLL4 wx-option ${active === option.id ? 'wx-active' : ''} ${option.disabled ? 'wx-disabled' : ''}`}\n onMouseEnter={(ev) => onHover(ev, option)}\n onClick={(ev) => setMenu(ev, option, true)}\n >\n {option.text}\n </button>\n ))}\n </div>\n\n <ActionMenu\n css={menuCss}\n onClick={doClick}\n options={menuOptions}\n ref={menu}\n />\n </>\n );\n}\n\nexport default MenuBar;\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { Portal } from '@svar-ui/react-core';\nimport Menu from './Menu.jsx';\n\nconst DropDownMenu = forwardRef(function DropDownMenu(props, ref) {\n const { options, at = 'bottom', css = '', children, onClick } = props;\n\n const [parent, setParent] = useState(null);\n\n function handleClick(ev) {\n setParent(null);\n onClick && onClick(ev);\n }\n\n const show = useCallback((ev) => {\n setParent(ev.target);\n ev.preventDefault();\n }, []);\n\n useImperativeHandle(ref, () => ({ show }), [show]);\n\n function showAt(ev) {\n let target = ev.target;\n while (!target.dataset.menuIgnore) {\n setParent(target);\n target = target.parentNode;\n }\n }\n\n const parentKeyRef = useRef(0);\n const lastParentRef = useRef(parent);\n useEffect(() => {\n if (lastParentRef.current !== parent) {\n parentKeyRef.current += 1;\n lastParentRef.current = parent;\n }\n }, [parent]);\n\n return (\n <>\n <span onClick={showAt} data-menu-ignore=\"true\">\n {children}\n </span>\n {parent ? (\n <Portal>\n <Menu\n key={parentKeyRef.current}\n css={css}\n at={at}\n parent={parent}\n options={options}\n onClick={handleClick}\n />\n </Portal>\n ) : null}\n </>\n );\n});\n\nexport default DropDownMenu;\n","import { forwardRef, useRef, useCallback, useImperativeHandle } from 'react';\nimport ActionMenu from './ActionMenu.jsx';\n\nconst ContextMenu = forwardRef(function ContextMenu(props, ref) {\n const {\n options,\n at = 'bottom',\n resolver = null,\n dataKey = 'contextId',\n filter = null,\n css = '',\n children,\n onClick,\n } = props;\n\n const menu = useRef(null);\n\n const show = useCallback((ev, obj) => {\n menu.current.show(ev, obj);\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n show,\n }),\n [show],\n );\n\n return (\n <>\n {children ? (\n <span onContextMenu={show} data-menu-ignore=\"true\">\n {children}\n </span>\n ) : null}\n\n <ActionMenu\n css={css}\n at={at}\n options={options}\n resolver={resolver}\n dataKey={dataKey}\n filter={filter}\n ref={menu}\n onClick={onClick}\n />\n </>\n );\n});\n\nexport default ContextMenu;\n"],"names":["mapData","data","cb","a","out","filterMenu","sub","prepareMenuData","opt","uid","handlers","getItemHandler","type","registerMenuItem","handler","MenuOption","onClickProp","onShow","option","element","useRef","onHover","useCallback","onClick","ev","SubComponent","useMemo","jsxs","setID","jsx","Menu","options","left","top","at","parent","mount","context","css","setX","useState","y","setY","z","setZ","width","setWidth","selfRef","onClickRef","showSub","setShowSub","activeOption","setActiveOption","useEffect","updatePosition","result","calculatePosition","onLeave","cancel","id","el","finalOptions","clickOutside","Fragment","pack","ActionMenu","forwardRef","props","ref","resolver","dataKey","filter","children","item","setItem","setParent","setLeft","setTop","attrName","filteredOptions","v","handleClick","show","obj","target","nextItem","locateID","useImperativeHandle","Portal","MenuBar","menuCss","active","setActive","menuOptions","setMenuOptions","menu","doClick","setMenu","trigger","DropDownMenu","showAt","parentKeyRef","lastParentRef","ContextMenu"],"mappings":"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"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,206 +1,213 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { calculatePosition as
|
|
4
|
-
import { Portal as
|
|
5
|
-
function
|
|
6
|
-
return
|
|
7
|
-
const
|
|
8
|
-
return
|
|
1
|
+
import { jsxs as D, jsx as o, Fragment as R } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as v, useCallback as b, useMemo as O, useState as p, useEffect as z, Fragment as j, forwardRef as E, useImperativeHandle as H } from "react";
|
|
3
|
+
import { uid as B, setID as T, calculatePosition as W, clickOutside as J, locateID as _ } from "@svar-ui/lib-dom";
|
|
4
|
+
import { Portal as K } from "@svar-ui/react-core";
|
|
5
|
+
function S(l, t) {
|
|
6
|
+
return l.map((e) => {
|
|
7
|
+
const n = t(e);
|
|
8
|
+
return e.data && e.data.length && (n.data = S(e.data, t)), n;
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
|
-
function q(
|
|
12
|
-
const
|
|
13
|
-
return
|
|
14
|
-
if (
|
|
15
|
-
const a = q(
|
|
16
|
-
a.length &&
|
|
11
|
+
function q(l, t) {
|
|
12
|
+
const e = [];
|
|
13
|
+
return l.forEach((n) => {
|
|
14
|
+
if (n.data) {
|
|
15
|
+
const a = q(n.data, t);
|
|
16
|
+
a.length && e.push({ ...n, data: a });
|
|
17
17
|
} else
|
|
18
|
-
n
|
|
19
|
-
}),
|
|
18
|
+
t(n) && e.push(n);
|
|
19
|
+
}), e;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return t.type && (t.comp = t.type), t;
|
|
21
|
+
function G(l) {
|
|
22
|
+
return S(l, (t) => {
|
|
23
|
+
const e = { ...t, id: t.id || B() };
|
|
24
|
+
return e.type && (e.comp = e.type), e;
|
|
26
25
|
});
|
|
27
26
|
}
|
|
28
27
|
const U = {};
|
|
29
|
-
function
|
|
30
|
-
return U[
|
|
28
|
+
function ee(l) {
|
|
29
|
+
return U[l] || l;
|
|
31
30
|
}
|
|
32
|
-
function
|
|
33
|
-
U[
|
|
31
|
+
function ce(l, t) {
|
|
32
|
+
U[l] = t;
|
|
34
33
|
}
|
|
35
|
-
function
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
}, [
|
|
39
|
-
|
|
34
|
+
function te({ onClick: l, onShow: t, option: e }) {
|
|
35
|
+
const n = v(null), a = b(() => {
|
|
36
|
+
t(e.data ? e.id : !1, n.current);
|
|
37
|
+
}, [t, e]), x = b((c) => {
|
|
38
|
+
if (e.data) {
|
|
39
|
+
c.stopPropagation(), t(e.id, n.current);
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
l(c);
|
|
43
|
+
}, [l, t, e]), d = O(() => e && e.comp ? ee(e.comp) : null, [e]);
|
|
44
|
+
return /* @__PURE__ */ D(
|
|
40
45
|
"div",
|
|
41
46
|
{
|
|
42
|
-
ref:
|
|
43
|
-
className: `wx-cDCz9rZQ wx-option ${
|
|
44
|
-
"data-id":
|
|
47
|
+
ref: n,
|
|
48
|
+
className: `wx-cDCz9rZQ wx-option ${e.css || ""} ${e.disabled ? "wx-disabled" : ""}`,
|
|
49
|
+
"data-id": T(e.id),
|
|
45
50
|
onMouseEnter: a,
|
|
46
|
-
onClick:
|
|
51
|
+
onClick: x,
|
|
47
52
|
children: [
|
|
48
|
-
|
|
49
|
-
|
|
53
|
+
e.icon ? /* @__PURE__ */ o("i", { className: `wx-cDCz9rZQ wx-icon ${e.icon}` }) : null,
|
|
54
|
+
e.comp ? d ? /* @__PURE__ */ o(d, { item: e, option: e }) : null : /* @__PURE__ */ D("span", { className: "wx-cDCz9rZQ wx-value", children: [
|
|
50
55
|
" ",
|
|
51
|
-
|
|
56
|
+
e.text,
|
|
52
57
|
" "
|
|
53
58
|
] }),
|
|
54
|
-
|
|
55
|
-
|
|
59
|
+
e.subtext ? /* @__PURE__ */ o("span", { className: "wx-cDCz9rZQ wx-subtext", children: e.subtext }) : null,
|
|
60
|
+
e.data ? /* @__PURE__ */ o("i", { className: "wx-cDCz9rZQ wx-sub-icon wxi-angle-right" }) : null
|
|
56
61
|
]
|
|
57
62
|
}
|
|
58
63
|
);
|
|
59
64
|
}
|
|
60
|
-
function
|
|
61
|
-
options:
|
|
62
|
-
left:
|
|
63
|
-
top:
|
|
64
|
-
at:
|
|
65
|
+
function X({
|
|
66
|
+
options: l,
|
|
67
|
+
left: t = 0,
|
|
68
|
+
top: e = 0,
|
|
69
|
+
at: n = "bottom",
|
|
65
70
|
parent: a = null,
|
|
66
|
-
mount:
|
|
67
|
-
context:
|
|
68
|
-
css:
|
|
69
|
-
onClick:
|
|
71
|
+
mount: x = null,
|
|
72
|
+
context: d = null,
|
|
73
|
+
css: c = "",
|
|
74
|
+
onClick: u
|
|
70
75
|
}) {
|
|
71
|
-
const [
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
}, [
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
const [f, w] = p(-1e4), [h, C] = p(-1e4), [g, s] = p(20), [r, M] = p(), I = v(null), P = v(u), [A, L] = p(!1), [Q, $] = p(null);
|
|
77
|
+
z(() => {
|
|
78
|
+
P.current = u;
|
|
79
|
+
}, [u]);
|
|
80
|
+
const m = b(() => {
|
|
81
|
+
const i = W(I.current, a, n, t, e);
|
|
82
|
+
i && (w(i.x), C(i.y), s(i.z), M(i.width));
|
|
83
|
+
}, [a, n, t, e]);
|
|
84
|
+
z(() => {
|
|
85
|
+
x && x(m);
|
|
77
86
|
}, []);
|
|
78
|
-
const
|
|
79
|
-
|
|
80
|
-
}, []), k =
|
|
81
|
-
|
|
82
|
-
}, [
|
|
83
|
-
|
|
84
|
-
}, []),
|
|
85
|
-
return
|
|
86
|
-
|
|
87
|
-
}, [a,
|
|
88
|
-
if (
|
|
89
|
-
return
|
|
87
|
+
const Z = b(() => {
|
|
88
|
+
L(!1);
|
|
89
|
+
}, []), k = b(() => {
|
|
90
|
+
P.current && P.current({ action: null, option: null });
|
|
91
|
+
}, []), N = b((i, y) => {
|
|
92
|
+
L(i), $(y);
|
|
93
|
+
}, []), Y = O(() => G(l), [l]);
|
|
94
|
+
return z(() => {
|
|
95
|
+
m();
|
|
96
|
+
}, [a, m]), z(() => {
|
|
97
|
+
if (I.current)
|
|
98
|
+
return J(I.current, { callback: k, modal: !0 }).destroy;
|
|
90
99
|
}, [k]), /* @__PURE__ */ o(
|
|
91
100
|
"div",
|
|
92
101
|
{
|
|
93
|
-
ref:
|
|
102
|
+
ref: I,
|
|
94
103
|
"data-wx-menu": "true",
|
|
95
|
-
className: `wx-XMmAGqVx wx-menu ${
|
|
104
|
+
className: `wx-XMmAGqVx wx-menu ${c}`,
|
|
96
105
|
style: {
|
|
97
106
|
position: "absolute",
|
|
98
107
|
top: h + "px",
|
|
99
|
-
left:
|
|
100
|
-
width:
|
|
108
|
+
left: f + "px",
|
|
109
|
+
width: r,
|
|
101
110
|
zIndex: g
|
|
102
111
|
},
|
|
103
|
-
onMouseLeave:
|
|
104
|
-
children:
|
|
112
|
+
onMouseLeave: Z,
|
|
113
|
+
children: Y.map((i) => /* @__PURE__ */ D(j, { children: [
|
|
105
114
|
i.comp === "separator" ? /* @__PURE__ */ o("div", { className: "wx-XMmAGqVx wx-separator" }) : /* @__PURE__ */ o(
|
|
106
|
-
|
|
115
|
+
te,
|
|
107
116
|
{
|
|
108
117
|
option: i,
|
|
109
|
-
onShow:
|
|
110
|
-
onClick: (
|
|
111
|
-
if (!i.data && !
|
|
112
|
-
const
|
|
113
|
-
i.handler && i.handler(
|
|
118
|
+
onShow: N,
|
|
119
|
+
onClick: (y) => {
|
|
120
|
+
if (!i.data && !y.defaultPrevented) {
|
|
121
|
+
const F = { context: d, action: i, option: i, event: y };
|
|
122
|
+
i.handler && i.handler(F), u && u(F), y.stopPropagation();
|
|
114
123
|
}
|
|
115
124
|
}
|
|
116
125
|
}
|
|
117
126
|
),
|
|
118
|
-
i.data &&
|
|
119
|
-
|
|
127
|
+
i.data && A === i.id ? /* @__PURE__ */ o(
|
|
128
|
+
X,
|
|
120
129
|
{
|
|
121
|
-
css:
|
|
130
|
+
css: c,
|
|
122
131
|
options: i.data,
|
|
123
132
|
at: "right-overlap",
|
|
124
|
-
parent:
|
|
125
|
-
context:
|
|
126
|
-
onClick:
|
|
133
|
+
parent: Q,
|
|
134
|
+
context: d,
|
|
135
|
+
onClick: u
|
|
127
136
|
}
|
|
128
137
|
) : null
|
|
129
138
|
] }, i.id))
|
|
130
139
|
}
|
|
131
140
|
);
|
|
132
141
|
}
|
|
133
|
-
const V =
|
|
142
|
+
const V = E(function(t, e) {
|
|
134
143
|
const {
|
|
135
|
-
options:
|
|
144
|
+
options: n,
|
|
136
145
|
at: a = "bottom",
|
|
137
|
-
resolver:
|
|
138
|
-
dataKey:
|
|
139
|
-
filter:
|
|
140
|
-
css:
|
|
141
|
-
children:
|
|
146
|
+
resolver: x = null,
|
|
147
|
+
dataKey: d = "contextId",
|
|
148
|
+
filter: c = null,
|
|
149
|
+
css: u = "",
|
|
150
|
+
children: f,
|
|
142
151
|
onClick: w
|
|
143
|
-
} =
|
|
144
|
-
(
|
|
145
|
-
|
|
152
|
+
} = t, [h, C] = p(null), [g, s] = p(null), [r, M] = p(0), [I, P] = p(0), A = O(
|
|
153
|
+
() => `data-${d.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()}`,
|
|
154
|
+
[d]
|
|
155
|
+
), L = O(() => h !== null && c ? q(n, (m) => c(m, h)) : n, [h, c, n]), Q = b(
|
|
156
|
+
(m) => {
|
|
157
|
+
s(null), w && w(m);
|
|
146
158
|
},
|
|
147
159
|
[w]
|
|
148
|
-
),
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
M = u.dataset[k], u = u.parentNode;
|
|
152
|
-
return M ? T(M) : null;
|
|
153
|
-
}, []), D = v(
|
|
154
|
-
(u, k) => {
|
|
155
|
-
if (!u) {
|
|
160
|
+
), $ = b(
|
|
161
|
+
(m, Z) => {
|
|
162
|
+
if (!m) {
|
|
156
163
|
s(null);
|
|
157
164
|
return;
|
|
158
165
|
}
|
|
159
|
-
if (
|
|
160
|
-
const
|
|
161
|
-
if (
|
|
162
|
-
|
|
163
|
-
let
|
|
164
|
-
|
|
166
|
+
if (m.defaultPrevented) return;
|
|
167
|
+
const k = m.target;
|
|
168
|
+
if (k && k.dataset && k.dataset.menuIgnore) return;
|
|
169
|
+
M(m.clientX + 1), P(m.clientY + 1);
|
|
170
|
+
let N = typeof Z < "u" ? Z : _(k, A);
|
|
171
|
+
x && (N = x(N, m), !N) || (C(N), s(k), m.preventDefault());
|
|
165
172
|
},
|
|
166
|
-
[
|
|
173
|
+
[A, x]
|
|
167
174
|
);
|
|
168
|
-
return
|
|
169
|
-
|
|
170
|
-
g ? /* @__PURE__ */ o(
|
|
171
|
-
|
|
175
|
+
return H(e, () => ({ show: $ }), [$]), /* @__PURE__ */ D(R, { children: [
|
|
176
|
+
f ? /* @__PURE__ */ o("span", { onClick: $, "data-menu-ignore": "true", children: typeof f == "function" ? f() : f }) : null,
|
|
177
|
+
g ? /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
|
|
178
|
+
X,
|
|
172
179
|
{
|
|
173
|
-
css:
|
|
180
|
+
css: u,
|
|
174
181
|
at: a,
|
|
175
|
-
top:
|
|
176
|
-
left:
|
|
182
|
+
top: I,
|
|
183
|
+
left: r,
|
|
177
184
|
parent: g,
|
|
178
185
|
context: h,
|
|
179
|
-
onClick:
|
|
180
|
-
options:
|
|
186
|
+
onClick: Q,
|
|
187
|
+
options: L
|
|
181
188
|
},
|
|
182
189
|
g
|
|
183
190
|
) }) : null
|
|
184
191
|
] });
|
|
185
192
|
});
|
|
186
|
-
function
|
|
187
|
-
const { css:
|
|
193
|
+
function ae(l) {
|
|
194
|
+
const { css: t = "", menuCss: e = "", options: n, onClick: a } = l, x = O(() => G(n), [n]), [d, c] = p(!1), [u, f] = p([]), w = v(null);
|
|
188
195
|
function h(s) {
|
|
189
|
-
|
|
196
|
+
c(null), a && a(s);
|
|
190
197
|
}
|
|
191
|
-
function C(s,
|
|
192
|
-
|
|
198
|
+
function C(s, r, M) {
|
|
199
|
+
r.data && r.data.length ? d && M ? c(null) : (f(r.data), c(r.id), w.current.show(s, r)) : (w.current.show(null), M ? (a && a({ action: r, option: r }), c(null)) : c(-1));
|
|
193
200
|
}
|
|
194
|
-
function g(s,
|
|
195
|
-
|
|
201
|
+
function g(s, r) {
|
|
202
|
+
d && C(s, r);
|
|
196
203
|
}
|
|
197
|
-
return /* @__PURE__ */
|
|
198
|
-
/* @__PURE__ */ o("div", { className: `wx-UfhPCLL4 wx-menubar ${
|
|
204
|
+
return /* @__PURE__ */ D(R, { children: [
|
|
205
|
+
/* @__PURE__ */ o("div", { className: `wx-UfhPCLL4 wx-menubar ${t}`, children: x.map((s) => /* @__PURE__ */ o(
|
|
199
206
|
"button",
|
|
200
207
|
{
|
|
201
|
-
className: `wx-UfhPCLL4 wx-option ${
|
|
202
|
-
onMouseEnter: (
|
|
203
|
-
onClick: (
|
|
208
|
+
className: `wx-UfhPCLL4 wx-option ${d === s.id ? "wx-active" : ""} ${s.disabled ? "wx-disabled" : ""}`,
|
|
209
|
+
onMouseEnter: (r) => g(r, s),
|
|
210
|
+
onClick: (r) => C(r, s, !0),
|
|
204
211
|
children: s.text
|
|
205
212
|
},
|
|
206
213
|
s.id
|
|
@@ -208,75 +215,75 @@ function rt(r) {
|
|
|
208
215
|
/* @__PURE__ */ o(
|
|
209
216
|
V,
|
|
210
217
|
{
|
|
211
|
-
css:
|
|
218
|
+
css: e,
|
|
212
219
|
onClick: h,
|
|
213
|
-
options:
|
|
220
|
+
options: u,
|
|
214
221
|
ref: w
|
|
215
222
|
}
|
|
216
223
|
)
|
|
217
224
|
] });
|
|
218
225
|
}
|
|
219
|
-
const
|
|
220
|
-
const { options:
|
|
221
|
-
function w(
|
|
222
|
-
|
|
226
|
+
const ue = E(function(t, e) {
|
|
227
|
+
const { options: n, at: a = "bottom", css: x = "", children: d, onClick: c } = t, [u, f] = p(null);
|
|
228
|
+
function w(r) {
|
|
229
|
+
f(null), c && c(r);
|
|
223
230
|
}
|
|
224
|
-
const h =
|
|
225
|
-
|
|
231
|
+
const h = b((r) => {
|
|
232
|
+
f(r.target), r.preventDefault();
|
|
226
233
|
}, []);
|
|
227
|
-
|
|
228
|
-
function C(
|
|
229
|
-
let
|
|
230
|
-
for (; !
|
|
231
|
-
|
|
234
|
+
H(e, () => ({ show: h }), [h]);
|
|
235
|
+
function C(r) {
|
|
236
|
+
let M = r.target;
|
|
237
|
+
for (; !M.dataset.menuIgnore; )
|
|
238
|
+
f(M), M = M.parentNode;
|
|
232
239
|
}
|
|
233
|
-
const g =
|
|
234
|
-
return
|
|
235
|
-
s.current !==
|
|
236
|
-
}, [
|
|
237
|
-
/* @__PURE__ */ o("span", { onClick: C, "data-menu-ignore": "true", children:
|
|
238
|
-
|
|
239
|
-
|
|
240
|
+
const g = v(0), s = v(u);
|
|
241
|
+
return z(() => {
|
|
242
|
+
s.current !== u && (g.current += 1, s.current = u);
|
|
243
|
+
}, [u]), /* @__PURE__ */ D(R, { children: [
|
|
244
|
+
/* @__PURE__ */ o("span", { onClick: C, "data-menu-ignore": "true", children: d }),
|
|
245
|
+
u ? /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(
|
|
246
|
+
X,
|
|
240
247
|
{
|
|
241
|
-
css:
|
|
248
|
+
css: x,
|
|
242
249
|
at: a,
|
|
243
|
-
parent:
|
|
244
|
-
options:
|
|
250
|
+
parent: u,
|
|
251
|
+
options: n,
|
|
245
252
|
onClick: w
|
|
246
253
|
},
|
|
247
254
|
g.current
|
|
248
255
|
) }) : null
|
|
249
256
|
] });
|
|
250
|
-
}),
|
|
257
|
+
}), ie = E(function(t, e) {
|
|
251
258
|
const {
|
|
252
|
-
options:
|
|
259
|
+
options: n,
|
|
253
260
|
at: a = "bottom",
|
|
254
|
-
resolver:
|
|
255
|
-
dataKey:
|
|
256
|
-
filter:
|
|
257
|
-
css:
|
|
258
|
-
children:
|
|
261
|
+
resolver: x = null,
|
|
262
|
+
dataKey: d = "contextId",
|
|
263
|
+
filter: c = null,
|
|
264
|
+
css: u = "",
|
|
265
|
+
children: f,
|
|
259
266
|
onClick: w
|
|
260
|
-
} =
|
|
267
|
+
} = t, h = v(null), C = b((g, s) => {
|
|
261
268
|
h.current.show(g, s);
|
|
262
269
|
}, []);
|
|
263
|
-
return
|
|
264
|
-
|
|
270
|
+
return H(
|
|
271
|
+
e,
|
|
265
272
|
() => ({
|
|
266
273
|
show: C
|
|
267
274
|
}),
|
|
268
275
|
[C]
|
|
269
|
-
), /* @__PURE__ */
|
|
270
|
-
|
|
276
|
+
), /* @__PURE__ */ D(R, { children: [
|
|
277
|
+
f ? /* @__PURE__ */ o("span", { onContextMenu: C, "data-menu-ignore": "true", children: f }) : null,
|
|
271
278
|
/* @__PURE__ */ o(
|
|
272
279
|
V,
|
|
273
280
|
{
|
|
274
|
-
css:
|
|
281
|
+
css: u,
|
|
275
282
|
at: a,
|
|
276
|
-
options:
|
|
277
|
-
resolver:
|
|
278
|
-
dataKey:
|
|
279
|
-
filter:
|
|
283
|
+
options: n,
|
|
284
|
+
resolver: x,
|
|
285
|
+
dataKey: d,
|
|
286
|
+
filter: c,
|
|
280
287
|
ref: h,
|
|
281
288
|
onClick: w
|
|
282
289
|
}
|
|
@@ -285,9 +292,10 @@ const at = S(function(n, t) {
|
|
|
285
292
|
});
|
|
286
293
|
export {
|
|
287
294
|
V as ActionMenu,
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
295
|
+
ie as ContextMenu,
|
|
296
|
+
ue as DropDownMenu,
|
|
297
|
+
X as Menu,
|
|
298
|
+
ae as MenuBar,
|
|
299
|
+
ce as registerMenuItem
|
|
293
300
|
};
|
|
301
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/helpers/index.js","../src/components/MenuOption.jsx","../src/components/Menu.jsx","../src/components/ActionMenu.jsx","../src/components/MenuBar.jsx","../src/components/DropDownMenu.jsx","../src/components/ContextMenu.jsx"],"sourcesContent":["import { uid } from '@svar-ui/lib-dom';\n\nexport function walkData(data, cb) {\n data.forEach((a) => {\n cb(a);\n if (a.data && a.data.length) walkData(a.data, cb);\n });\n}\n\nexport function mapData(data, cb) {\n return data.map((a) => {\n const out = cb(a);\n if (a.data && a.data.length) out.data = mapData(a.data, cb);\n return out;\n });\n}\n\nexport function filterMenu(data, cb) {\n const out = [];\n data.forEach((a) => {\n if (a.data) {\n const sub = filterMenu(a.data, cb);\n if (sub.length) out.push({ ...a, data: sub });\n } else {\n if (cb(a)) out.push(a);\n }\n });\n\n return out;\n}\n\nexport function prepareMenuData(data) {\n return mapData(data, (a) => {\n // [deprecated] option.type to be deprecated in 3.0\n const opt = { ...a, id: a.id || uid() };\n if (opt.type) opt.comp = opt.type;\n return opt;\n });\n}\n\nconst handlers = {};\nexport function getItemHandler(type) {\n return handlers[type] || type;\n}\nexport function registerMenuItem(type, handler) {\n handlers[type] = handler;\n}\n","import { useMemo, useRef, useCallback } from 'react';\nimport { setID } from '@svar-ui/lib-dom';\nimport { getItemHandler } from '../helpers';\nimport './MenuOption.css';\n\nfunction MenuOption({ onClick: onClickProp, onShow, option }) {\n const element = useRef(null);\n\n const onHover = useCallback(() => {\n onShow(option.data ? option.id : false, element.current);\n }, [onShow, option]);\n\n const onClick = useCallback((ev) => {\n if (option.data) {\n ev.stopPropagation();\n onShow(option.id, element.current);\n return;\n }\n onClickProp(ev);\n }, [onClickProp, onShow, option]);\n\n const SubComponent = useMemo(() => {\n return option && option.comp ? getItemHandler(option.comp) : null;\n }, [option]);\n\n return (\n <div\n ref={element}\n className={`wx-cDCz9rZQ wx-option ${option.css || ''} ${option.disabled ? 'wx-disabled' : ''}`}\n data-id={setID(option.id)}\n onMouseEnter={onHover}\n onClick={onClick}\n >\n {option.icon ? (\n <i className={`wx-cDCz9rZQ wx-icon ${option.icon}`}></i>\n ) : null}\n {option.comp ? (\n SubComponent ? (\n <SubComponent item={option} option={option} />\n ) : null\n ) : (\n <span className=\"wx-cDCz9rZQ wx-value\"> {option.text} </span>\n )}\n {option.subtext ? (\n <span className=\"wx-cDCz9rZQ wx-subtext\">{option.subtext}</span>\n ) : null}\n {option.data ? (\n <i className=\"wx-cDCz9rZQ wx-sub-icon wxi-angle-right\"></i>\n ) : null}\n </div>\n );\n}\n\nexport default MenuOption;\n","import {\n Fragment,\n useState,\n useEffect,\n useMemo,\n useRef,\n useCallback,\n} from 'react';\nimport { clickOutside, calculatePosition } from '@svar-ui/lib-dom';\nimport MenuOption from './MenuOption.jsx';\nimport { prepareMenuData } from '../helpers';\nimport './Menu.css';\n\nfunction Menu({\n options,\n left = 0,\n top = 0,\n at = 'bottom',\n parent = null,\n mount = null,\n context = null,\n css = '',\n onClick,\n}) {\n const [x, setX] = useState(-10000);\n const [y, setY] = useState(-10000);\n const [z, setZ] = useState(20);\n const [width, setWidth] = useState();\n\n const selfRef = useRef(null);\n const onClickRef = useRef(onClick);\n const [showSub, setShowSub] = useState(false);\n const [activeOption, setActiveOption] = useState(null);\n\n useEffect(() => {\n onClickRef.current = onClick;\n }, [onClick]);\n\n const updatePosition = useCallback(() => {\n const result = calculatePosition(selfRef.current, parent, at, left, top);\n if (result) {\n setX(result.x);\n setY(result.y);\n setZ(result.z);\n setWidth(result.width);\n }\n }, [parent, at, left, top]);\n\n useEffect(() => {\n if (mount) mount(updatePosition);\n }, []);\n\n const onLeave = useCallback(() => {\n setShowSub(false);\n }, []);\n\n const cancel = useCallback(() => {\n // [deprecated] action will be deprecated in 3.0\n if (onClickRef.current) {\n onClickRef.current({ action: null, option: null });\n }\n }, []);\n\n const onShow = useCallback((id, el) => {\n setShowSub(id);\n setActiveOption(el);\n }, []);\n\n const finalOptions = useMemo(() => prepareMenuData(options), [options]);\n\n useEffect(() => {\n updatePosition();\n }, [parent, updatePosition]);\n\n useEffect(() => {\n if (!selfRef.current) return;\n return clickOutside(selfRef.current, { callback: cancel, modal: true })\n .destroy;\n }, [cancel]);\n\n return (\n <div\n ref={selfRef}\n data-wx-menu=\"true\"\n className={`wx-XMmAGqVx wx-menu ${css}`}\n style={{\n position: 'absolute',\n top: y + 'px',\n left: x + 'px',\n width: width,\n zIndex: z,\n }}\n onMouseLeave={onLeave}\n >\n {finalOptions.map((option) => (\n <Fragment key={option.id}>\n {option.comp === 'separator' ? (\n <div className=\"wx-XMmAGqVx wx-separator\"></div>\n ) : (\n <MenuOption\n option={option}\n onShow={onShow}\n onClick={(ev) => {\n if (!option.data && !ev.defaultPrevented) {\n // [deprecated] action will be deprecated in 3.0\n const pack = { context, action: option, option, event: ev };\n if (option.handler) option.handler(pack);\n onClick && onClick(pack);\n ev.stopPropagation();\n }\n }}\n />\n )}\n {option.data && showSub === option.id ? (\n <Menu\n css={css}\n options={option.data}\n at=\"right-overlap\"\n parent={activeOption}\n context={context}\n onClick={onClick}\n />\n ) : null}\n </Fragment>\n ))}\n </div>\n );\n}\n\nexport default Menu;\n","import {\n forwardRef,\n useCallback,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react';\nimport { Portal } from '@svar-ui/react-core';\nimport { locateID } from '@svar-ui/lib-dom';\nimport Menu from './Menu.jsx';\nimport { filterMenu } from '../helpers';\n\nconst ActionMenu = forwardRef(function ActionMenu(props, ref) {\n const {\n options,\n at = 'bottom',\n resolver = null,\n dataKey = 'contextId',\n filter = null,\n css = '',\n children,\n onClick,\n } = props;\n\n const [item, setItem] = useState(null);\n const [parent, setParent] = useState(null);\n const [left, setLeft] = useState(0);\n const [top, setTop] = useState(0);\n\n const attrName = useMemo(\n () =>\n `data-${dataKey.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()}`,\n [dataKey],\n );\n\n const filteredOptions = useMemo(() => {\n if (item !== null && filter) {\n return filterMenu(options, (v) => filter(v, item));\n }\n return options;\n }, [item, filter, options]);\n\n const handleClick = useCallback(\n (ev) => {\n setParent(null);\n if (onClick) onClick(ev);\n },\n [onClick],\n );\n\n const show = useCallback(\n (ev, obj) => {\n if (!ev) {\n setParent(null);\n return;\n }\n\n if (ev.defaultPrevented) return;\n\n const target = ev.target;\n if (target && target.dataset && target.dataset.menuIgnore) return;\n\n setLeft(ev.clientX + 1);\n setTop(ev.clientY + 1);\n\n let nextItem =\n typeof obj !== 'undefined' ? obj : locateID(target, attrName);\n if (resolver) {\n nextItem = resolver(nextItem, ev);\n if (!nextItem) return;\n }\n\n setItem(nextItem);\n setParent(target);\n\n ev.preventDefault();\n },\n [attrName, resolver],\n );\n\n useImperativeHandle(ref, () => ({ show }), [show]);\n\n return (\n <>\n {children ? (\n <span onClick={show} data-menu-ignore=\"true\">\n {typeof children === 'function' ? children() : children}\n </span>\n ) : null}\n\n {parent ? (\n <Portal>\n <Menu\n key={parent}\n css={css}\n at={at}\n top={top}\n left={left}\n parent={parent}\n context={item}\n onClick={handleClick}\n options={filteredOptions}\n />\n </Portal>\n ) : null}\n </>\n );\n});\n\nexport default ActionMenu;\n","import { useMemo, useState, useRef } from 'react';\nimport ActionMenu from './ActionMenu.jsx';\nimport { prepareMenuData } from '../helpers';\nimport './MenuBar.css';\n\nfunction MenuBar(props) {\n const { css = '', menuCss = '', options, onClick } = props;\n\n const finalOptions = useMemo(() => prepareMenuData(options), [options]);\n\n const [active, setActive] = useState(false);\n const [menuOptions, setMenuOptions] = useState([]);\n\n const menu = useRef(null);\n\n function doClick(ev) {\n setActive(null);\n onClick && onClick(ev);\n }\n\n function setMenu(ev, option, trigger) {\n // if the option has a submenu, show it and enable hover mode\n if (option.data && option.data.length) {\n if (active && trigger) {\n // second click on option with submenu disables hover mode\n setActive(null);\n } else {\n setMenuOptions(option.data);\n setActive(option.id);\n menu.current.show(ev, option);\n }\n } else {\n // hide the submenu\n menu.current.show(null);\n // if it was the click action, dispatch it and end hover mode\n if (trigger) {\n // [deprecated] action will be deprecated in 3.0\n onClick && onClick({ action: option, option });\n setActive(null);\n } else {\n // do not remove active flag, to preserve the hover mode\n setActive(-1);\n }\n }\n }\n\n function onHover(ev, option) {\n if (active) setMenu(ev, option);\n }\n\n return (\n <>\n <div className={`wx-UfhPCLL4 wx-menubar ${css}`}>\n {finalOptions.map((option) => (\n <button\n key={option.id}\n className={`wx-UfhPCLL4 wx-option ${active === option.id ? 'wx-active' : ''} ${option.disabled ? 'wx-disabled' : ''}`}\n onMouseEnter={(ev) => onHover(ev, option)}\n onClick={(ev) => setMenu(ev, option, true)}\n >\n {option.text}\n </button>\n ))}\n </div>\n\n <ActionMenu\n css={menuCss}\n onClick={doClick}\n options={menuOptions}\n ref={menu}\n />\n </>\n );\n}\n\nexport default MenuBar;\n","import {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n} from 'react';\nimport { Portal } from '@svar-ui/react-core';\nimport Menu from './Menu.jsx';\n\nconst DropDownMenu = forwardRef(function DropDownMenu(props, ref) {\n const { options, at = 'bottom', css = '', children, onClick } = props;\n\n const [parent, setParent] = useState(null);\n\n function handleClick(ev) {\n setParent(null);\n onClick && onClick(ev);\n }\n\n const show = useCallback((ev) => {\n setParent(ev.target);\n ev.preventDefault();\n }, []);\n\n useImperativeHandle(ref, () => ({ show }), [show]);\n\n function showAt(ev) {\n let target = ev.target;\n while (!target.dataset.menuIgnore) {\n setParent(target);\n target = target.parentNode;\n }\n }\n\n const parentKeyRef = useRef(0);\n const lastParentRef = useRef(parent);\n useEffect(() => {\n if (lastParentRef.current !== parent) {\n parentKeyRef.current += 1;\n lastParentRef.current = parent;\n }\n }, [parent]);\n\n return (\n <>\n <span onClick={showAt} data-menu-ignore=\"true\">\n {children}\n </span>\n {parent ? (\n <Portal>\n <Menu\n key={parentKeyRef.current}\n css={css}\n at={at}\n parent={parent}\n options={options}\n onClick={handleClick}\n />\n </Portal>\n ) : null}\n </>\n );\n});\n\nexport default DropDownMenu;\n","import { forwardRef, useRef, useCallback, useImperativeHandle } from 'react';\nimport ActionMenu from './ActionMenu.jsx';\n\nconst ContextMenu = forwardRef(function ContextMenu(props, ref) {\n const {\n options,\n at = 'bottom',\n resolver = null,\n dataKey = 'contextId',\n filter = null,\n css = '',\n children,\n onClick,\n } = props;\n\n const menu = useRef(null);\n\n const show = useCallback((ev, obj) => {\n menu.current.show(ev, obj);\n }, []);\n\n useImperativeHandle(\n ref,\n () => ({\n show,\n }),\n [show],\n );\n\n return (\n <>\n {children ? (\n <span onContextMenu={show} data-menu-ignore=\"true\">\n {children}\n </span>\n ) : null}\n\n <ActionMenu\n css={css}\n at={at}\n options={options}\n resolver={resolver}\n dataKey={dataKey}\n filter={filter}\n ref={menu}\n onClick={onClick}\n />\n </>\n );\n});\n\nexport default ContextMenu;\n"],"names":["mapData","data","cb","a","out","filterMenu","sub","prepareMenuData","opt","uid","handlers","getItemHandler","type","registerMenuItem","handler","MenuOption","onClickProp","onShow","option","element","useRef","onHover","useCallback","onClick","ev","SubComponent","useMemo","jsxs","setID","jsx","Menu","options","left","top","at","parent","mount","context","css","x","setX","useState","y","setY","z","setZ","width","setWidth","selfRef","onClickRef","showSub","setShowSub","activeOption","setActiveOption","useEffect","updatePosition","result","calculatePosition","onLeave","cancel","id","el","finalOptions","clickOutside","Fragment","pack","ActionMenu","forwardRef","props","ref","resolver","dataKey","filter","children","item","setItem","setParent","setLeft","setTop","attrName","filteredOptions","v","handleClick","show","obj","target","nextItem","locateID","useImperativeHandle","Portal","MenuBar","menuCss","active","setActive","menuOptions","setMenuOptions","menu","doClick","setMenu","trigger","DropDownMenu","showAt","parentKeyRef","lastParentRef","ContextMenu"],"mappings":"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"}
|
package/dist-full/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-13aa5W.wx-fullscreen::backdrop{background-color:var(--wx-background)}.wx-13aa5W.wx-fullscreen{position:relative;height:100%;width:100%;outline:none}.wx-13aa5W.wx-fullscreen-icon{font-size:20px;height:20px;margin:auto}.wx-13aa5W.wx-fullscreen .wx-fullscreen-button{width:40px;height:40px;border:none;border-radius:50%;position:absolute;right:25px;bottom:35px;display:flex;padding:initial}.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.svar.dev/fonts/roboto/regular.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/roboto/regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local(""),url(https://cdn.svar.dev/fonts/roboto/500.woff2) format("woff2"),url(https://cdn.svar.dev/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.svar.dev/fonts/open-sans/500.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/500.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/regular.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/regular.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/600.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/600.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/700.woff2) format("woff2"),url(https://cdn.svar.dev/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-option.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-option.wx-cDCz9rZQ:hover{background:var(--wx-background-alt)}.wx-option.wx-cDCz9rZQ:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.wx-option.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-disabled.wx-cDCz9rZQ{pointer-events:none}.wx-disabled.wx-cDCz9rZQ .wx-value,.wx-disabled.wx-cDCz9rZQ .wx-icon,.wx-disabled.wx-cDCz9rZQ .wx-sub-icon{color:var(--wx-color-font-disabled)}.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-option.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-option.wx-UfhPCLL4:hover{background-color:var(--wx-background-alt);border-radius:var(--wx-button-border-radius)}.wx-disabled.wx-UfhPCLL4{pointer-events:none;color:var(--wx-color-font-disabled)}
|
|
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([disabled]),.wx-2ZWgb4.wx-primary.wx-pressed:hover:not([disabled]),.wx-2ZWgb4.wx-primary.wx-pressed:active:not([disabled]){background-color:var(--wx-button-primary-pressed);box-shadow:var(--wx-button-primary-box-shadow)}.wx-2ZWgb4.wx-danger.wx-pressed:not([disabled]),.wx-2ZWgb4.wx-danger.wx-pressed:hover:not([disabled]),.wx-2ZWgb4.wx-danger.wx-pressed:active:not([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-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-dropdown.wx-aaaVytZW{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-aaaVytZW{top:0;left:50%;transform:translate(-50%,-100%) translateY(-2px)}.wx-top-start.wx-aaaVytZW{top:0;left:0;transform:translateY(-100%) translateY(-2px)}.wx-top-end.wx-aaaVytZW{top:0;right:0;transform:translateY(-100%) translateY(-2px)}.wx-bottom-center.wx-aaaVytZW{bottom:0;left:50%;transform:translate(-50%,100%) translateY(2px)}.wx-bottom-start.wx-aaaVytZW{bottom:0;left:0;transform:translateY(100%) translateY(2px)}.wx-bottom-end.wx-aaaVytZW{bottom:0;right:0;transform:translateY(100%) translateY(2px)}.wx-left-center.wx-aaaVytZW{bottom:50%;left:0;transform:translate(-100%,50%) translate(-2px)}.wx-left-start.wx-aaaVytZW{top:0;left:0;transform:translate(-100%) translate(-2px)}.wx-left-end.wx-aaaVytZW{bottom:0;left:0;transform:translate(-100%) translate(-2px)}.wx-right-center.wx-aaaVytZW{bottom:50%;right:0;transform:translate(100%,50%) translate(2px)}.wx-right-start.wx-aaaVytZW{top:0;right:0;transform:translate(100%) translate(2px)}.wx-right-end.wx-aaaVytZW{bottom:0;right:0;transform:translate(100%) translate(2px)}.wx-portal-node.wx-32GZ52{display:none}.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;position:relative}.wx-list-wrapper.wx-233fr7{position:relative;width:100%}.wx-list-content.wx-233fr7{position:absolute;top:0;left:0;right:0}.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-13aa5W.wx-fullscreen::backdrop{background-color:var(--wx-background)}.wx-13aa5W.wx-fullscreen{position:relative;height:100%;width:100%;outline:none}.wx-13aa5W.wx-fullscreen-icon{font-size:20px;height:20px;margin:auto}.wx-13aa5W.wx-fullscreen .wx-fullscreen-button{width:40px;height:40px;border:none;border-radius:50%;position:absolute;right:25px;bottom:35px;display:flex;padding:initial}.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-pager.wx-35Np0p{display:flex;flex-wrap:wrap;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;max-height:100%}.wx-sidearea.wx-pos-right.wx-2L733M{right:0;top:0}.wx-avatar.wx-aadkRiRf{position:relative;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.wx-avatar.wx-aadkRiRf img{width:100%;height:100%;object-fit:cover}.wx-avatar.wx-aadkRiRf span{text-transform:uppercase}.wx-avatar-overflow.wx-aadkRiRf .wx-avatar-overflow-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;text-transform:none}.wx-avatar-stack.wx-aadkRiRf{display:inline-flex;align-items:center}.wx-avatar-root.wx-aadkRiRf{display:block;min-width:0}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(https://cdn.svar.dev/fonts/roboto/regular.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/roboto/regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local(""),url(https://cdn.svar.dev/fonts/roboto/500.woff2) format("woff2"),url(https://cdn.svar.dev/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: 1001;--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);color-scheme:dark}.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.svar.dev/fonts/open-sans/500.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/500.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/regular.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/regular.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:600;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/600.woff2) format("woff2"),url(https://cdn.svar.dev/fonts/open-sans/600.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local(""),url(https://cdn.svar.dev/fonts/open-sans/700.woff2) format("woff2"),url(https://cdn.svar.dev/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: 1001;--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: 1001;--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-option.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-option.wx-cDCz9rZQ:hover{background:var(--wx-background-alt)}.wx-option.wx-cDCz9rZQ:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.wx-option.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-disabled.wx-cDCz9rZQ{pointer-events:none}.wx-disabled.wx-cDCz9rZQ .wx-value,.wx-disabled.wx-cDCz9rZQ .wx-icon,.wx-disabled.wx-cDCz9rZQ .wx-sub-icon{color:var(--wx-color-font-disabled)}.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-option.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-option.wx-UfhPCLL4:hover{background-color:var(--wx-background-alt);border-radius:var(--wx-button-border-radius)}.wx-disabled.wx-UfhPCLL4{pointer-events:none;color:var(--wx-color-font-disabled)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@svar-ui/react-menu",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"description": "Lightweight React menu component for adding navigation, action, or context menus",
|
|
5
5
|
"productTag": "menu",
|
|
6
6
|
"type": "module",
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
"react-dom": ">=18"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@svar-ui/core-locales": "2.
|
|
56
|
-
"@svar-ui/lib-dom": "0.
|
|
57
|
-
"@svar-ui/react-core": "2.
|
|
55
|
+
"@svar-ui/core-locales": "2.5.0",
|
|
56
|
+
"@svar-ui/lib-dom": "0.12.1",
|
|
57
|
+
"@svar-ui/react-core": "2.5.0"
|
|
58
58
|
},
|
|
59
59
|
"homepage": "https://svar.dev/react/core/",
|
|
60
60
|
"repository": {
|