@pixelium/web-vue 0.0.3-beta → 0.0.4

package/es/dialog/type.d.ts

@@ -0,0 +1,308 @@
+import type { ButtonEvents, ButtonProps } from '../button/type';
+import type { MaskProps } from '../mask/type';
+import type { EmitEvent, RestAttrs, ValidContent, ValidVNodeContent } from '../share/type';
+export type DialogOptions = {
+    /**
+     * @property {ValidContent} content
+     * @version 0.0.4
+     */
+    content: ValidContent;
+    /**
+     * @property {ValidContent} [title]
+     * @version 0.0.4
+     */
+    title?: ValidContent;
+    /**
+     * @property {ValidVNodeContent} [icon]
+     * @version 0.0.4
+     */
+    icon?: ValidVNodeContent;
+    /**
+     * @property {ValidVNodeContent} [footer]
+     * @version 0.0.4
+     */
+    footer?: ValidVNodeContent;
+    /**
+     * @property {'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm'} [type='normal']
+     * @version 0.0.4
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm';
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogProps = {
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    visible?: boolean | null;
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    defaultVisible?: boolean | null;
+    /**
+     * @property {string} [title='']
+     * @version 0.0.4
+     */
+    title?: string;
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel=true]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [boolean=false]
+     * @version 0.0.4
+     */
+    loading?: boolean;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {boolean} [destroyOnHide=false]
+     * @version 0.0.4
+     */
+    destroyOnHide?: boolean;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogSlots = {
+    /**
+     * @slot default
+     * @version 0.0.4
+     */
+    default: {};
+    /**
+     * @slot title
+     * @version 0.0.4
+     */
+    title: {};
+    /**
+     * @slot icon
+     * @version 0.0.4
+     */
+    icon: {};
+    /**
+     * @slot footer
+     * @version 0.0.4
+     */
+    footer: {};
+};
+export type DialogEvents = {
+    /**
+     * @event update:visible
+     * @version 0.0.4
+     */
+    'update:visible': [visible: boolean];
+    /**
+     * @event beforeOk
+     * @version 0.0.4
+     */
+    beforeOk: [];
+    /**
+     * @event ok
+     * @param {MouseEvent} event
+     * @version 0.0.4
+     */
+    ok: [event: MouseEvent];
+    /**
+     * @event cancel
+     * @param {MouseEvent | KeyboardEvent} event
+     * @version 0.0.4
+     */
+    cancel: [event: MouseEvent | KeyboardEvent];
+    /**
+     * @event open
+     * @version 0.0.4
+     */
+    open: [];
+    /**
+     * @event afterOpen
+     * @version 0.0.4
+     */
+    afterOpen: [];
+    /**
+     * @event close
+     * @version 0.0.4
+     */
+    close: [];
+    /**
+     * @event afterClose
+     * @version 0.0.4
+     */
+    afterClose: [];
+};
+export type DialogExpose = {
+    /**
+     * @property {() => void} close
+     * @version 0.0.4
+     */
+    close: () => void;
+    /**
+     * @property {() => void} open
+     * @version 0.0.4
+     */
+    open: () => void;
+};
+export type DialogReturn = Promise<boolean> & {
+    close: () => void;
+};

package/es/footer/index.css

@@ -4,6 +4,7 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   min-height: 64px;
+  box-sizing: border-box;
 }
 .px-footer__bordered {
   border-top: 2px solid var(--px-neutral-3);

package/es/form-item/index.css

@@ -58,9 +58,6 @@
   min-height: var(--px-medium-size);
   font-size: 14px;
 }
-.px-form-item-content > *:first-child {
-  flex-grow: 1;
-}
 .px-form-item-content__large {
   min-height: var(--px-large-size);
   font-size: 15px;

package/es/form-item/index.js

@@ -52,7 +52,7 @@ var form_item_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const formContext = inject(FORM_PROVIDE);
+		const formContext = inject(FORM_PROVIDE, void 0);
 		if (!formContext) throwError("FormItem must be used inside Form.");
 		const disabledComputed = createProvideComputed("disabled", [formContext, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formContext, props], "or");

package/es/grid-item/index.js

@@ -15,7 +15,7 @@ var grid_item_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		var _instance$parent;
 		const instance = getCurrentInstance();
-		const provide$1 = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Grid").value ? inject(GRID_PROVIDE) : void 0;
+		const provide$1 = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Grid").value ? inject(GRID_PROVIDE, void 0) : void 0;
 		const props = __props;
 		const id = useId();
 		const [index] = useIndexOfChildren(GRID_UPDATE);

package/es/header/index.css

@@ -4,6 +4,7 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   min-height: 64px;
+  box-sizing: border-box;
 }
 .px-header__bordered {
   border-bottom: 2px solid var(--px-neutral-3);

package/es/index.css

@@ -1 +1 @@
-:root{--px-teal-light-1:#ddfaf2;--px-teal-light-2:#bce9de;--px-teal-light-3:#9bd9ca;--px-teal-light-4:#77c9b7;--px-teal-light-5:#4fb8a4;--px-teal-light-6:#00a891;--px-teal-light-7:#0b806e;--px-teal-light-8:#0e5a4e;--px-teal-light-9:#0b372f;--px-teal-light-10:#061713;--px-green-light-1:#eef2ee;--px-green-light-2:#cbe7ca;--px-green-light-3:#a7dba6;--px-green-light-4:#81cf82;--px-green-light-5:#56c25b;--px-green-light-6:#00b42a;--px-green-light-7:#22892c;--px-green-light-8:#266029;--px-green-light-9:#223922;--px-green-light-10:#181618;--px-orange-light-1:#f5eae4;--px-orange-light-2:#fad6c1;--px-orange-light-3:#fdc19e;--px-orange-light-4:#ffac79;--px-orange-light-5:#ff9550;--px-orange-light-6:#ff7d00;--px-orange-light-7:#c46723;--px-orange-light-8:#8c502a;--px-orange-light-9:#573a29;--px-orange-light-10:#252423;--px-red-light-1:#f8ebe9;--px-red-light-2:#fdd2cd;--px-red-light-3:#ffbab2;--px-red-light-4:#ffa198;--px-red-light-5:#ff857c;--px-red-light-6:#fd6860;--px-red-light-7:#c1564f;--px-red-light-8:#88443e;--px-red-light-9:#52312e;--px-red-light-10:#201e1d;--px-pink-light-1:#fadfe4;--px-pink-light-2:#fcd1da;--px-pink-light-3:#fdc4d0;--px-pink-light-4:#ffb6c6;--px-pink-light-5:#ffa8bc;--px-pink-light-6:#ff9ab2;--px-pink-light-7:#cc7e90;--px-pink-light-8:#9a6370;--px-pink-light-9:#6c4951;--px-pink-light-10:#413034;--px-neutral-light-1:#fff;--px-neutral-light-2:#fafafa;--px-neutral-light-3:#f5f5f5;--px-neutral-light-4:#f0f0f0;--px-neutral-light-5:#ebebeb;--px-neutral-light-6:#e6e6e6;--px-neutral-light-7:#c8c8c8;--px-neutral-light-8:#969696;--px-neutral-light-9:#646464;--px-neutral-light-10:#323232;--px-teal-dark-1:#071f1a;--px-teal-dark-2:#0b372f;--px-teal-dark-3:#0d5146;--px-teal-dark-4:#0d6d5e;--px-teal-dark-5:#098a77;--px-teal-dark-6:#00a891;--px-teal-dark-7:#58b8a5;--px-teal-dark-8:#84c9b9;--px-teal-dark-9:#acd9ce;--px-teal-dark-10:#d2e9e3;--px-green-dark-1:#1b1e1b;--px-green-dark-2:#223922;--px-green-dark-3:#265628;--px-green-dark-4:#26742b;--px-green-dark-5:#1e932c;--px-green-dark-6:#00b42a;--px-green-dark-7:#60c163;--px-green-dark-8:#90cc90;--px-green-dark-9:#bbd7ba;--px-green-dark-10:#e3e0e4;--px-orange-dark-1:#312925;--px-orange-dark-2:#573a29;--px-orange-dark-3:#7e4b2a;--px-orange-dark-4:#a75b28;--px-orange-dark-5:#d26c1f;--px-orange-dark-6:#ff7d00;--px-orange-dark-7:#fa9859;--px-orange-dark-8:#f2af87;--px-orange-dark-9:#e9c5b1;--px-orange-dark-10:#dcdad9;--px-red-dark-1:#2c2321;--px-red-dark-2:#52312e;--px-red-dark-3:#7a3f3a;--px-red-dark-4:#a44d47;--px-red-dark-5:#d05a53;--px-red-dark-6:#fd6860;--px-red-dark-7:#fa8980;--px-red-dark-8:#f5a79e;--px-red-dark-9:#ecc2bd;--px-red-dark-10:#e0dddc;--px-pink-dark-1:#4b363b;--px-pink-dark-2:#6c4951;--px-pink-dark-3:#8f5c68;--px-pink-dark-4:#b37080;--px-pink-dark-5:#d88598;--px-pink-dark-6:#ff9ab2;--px-pink-dark-7:#f9a8ba;--px-pink-dark-8:#f3b5c2;--px-pink-dark-9:#ebc1c9;--px-pink-dark-10:#e3cdd1;--px-neutral-dark-1:#0c0c0c;--px-neutral-dark-2:#202020;--px-neutral-dark-3:#353535;--px-neutral-dark-4:#4c4c4c;--px-neutral-dark-5:#656565;--px-neutral-dark-6:#7e7e7e;--px-neutral-dark-7:#989898;--px-neutral-dark-8:#b2b2b2;--px-neutral-dark-9:#cecece;--px-neutral-dark-10:#eaeaea;--px-primary-light-1:var(--px-teal-light-1);--px-primary-light-2:var(--px-teal-light-2);--px-primary-light-3:var(--px-teal-light-3);--px-primary-light-4:var(--px-teal-light-4);--px-primary-light-5:var(--px-teal-light-5);--px-primary-light-6:var(--px-teal-light-6);--px-primary-light-7:var(--px-teal-light-7);--px-primary-light-8:var(--px-teal-light-8);--px-primary-light-9:var(--px-teal-light-9);--px-primary-light-10:var(--px-teal-light-10);--px-success-light-1:var(--px-green-light-1);--px-success-light-2:var(--px-green-light-2);--px-success-light-3:var(--px-green-light-3);--px-success-light-4:var(--px-green-light-4);--px-success-light-5:var(--px-green-light-5);--px-success-light-6:var(--px-green-light-6);--px-success-light-7:var(--px-green-light-7);--px-success-light-8:var(--px-green-light-8);--px-success-light-9:var(--px-green-light-9);--px-success-light-10:var(--px-green-light-10);--px-warning-light-1:var(--px-orange-light-1);--px-warning-light-2:var(--px-orange-light-2);--px-warning-light-3:var(--px-orange-light-3);--px-warning-light-4:var(--px-orange-light-4);--px-warning-light-5:var(--px-orange-light-5);--px-warning-light-6:var(--px-orange-light-6);--px-warning-light-7:var(--px-orange-light-7);--px-warning-light-8:var(--px-orange-light-8);--px-warning-light-9:var(--px-orange-light-9);--px-warning-light-10:var(--px-orange-light-10);--px-danger-light-1:var(--px-red-light-1);--px-danger-light-2:var(--px-red-light-2);--px-danger-light-3:var(--px-red-light-3);--px-danger-light-4:var(--px-red-light-4);--px-danger-light-5:var(--px-red-light-5);--px-danger-light-6:var(--px-red-light-6);--px-danger-light-7:var(--px-red-light-7);--px-danger-light-8:var(--px-red-light-8);--px-danger-light-9:var(--px-red-light-9);--px-danger-light-10:var(--px-red-light-10);--px-sakura-light-1:var(--px-pink-light-1);--px-sakura-light-2:var(--px-pink-light-2);--px-sakura-light-3:var(--px-pink-light-3);--px-sakura-light-4:var(--px-pink-light-4);--px-sakura-light-5:var(--px-pink-light-5);--px-sakura-light-6:var(--px-pink-light-6);--px-sakura-light-7:var(--px-pink-light-7);--px-sakura-light-8:var(--px-pink-light-8);--px-sakura-light-9:var(--px-pink-light-9);--px-sakura-light-10:var(--px-pink-light-10);--px-primary-dark-1:var(--px-teal-dark-1);--px-primary-dark-2:var(--px-teal-dark-2);--px-primary-dark-3:var(--px-teal-dark-3);--px-primary-dark-4:var(--px-teal-dark-4);--px-primary-dark-5:var(--px-teal-dark-5);--px-primary-dark-6:var(--px-teal-dark-6);--px-primary-dark-7:var(--px-teal-dark-7);--px-primary-dark-8:var(--px-teal-dark-8);--px-primary-dark-9:var(--px-teal-dark-9);--px-primary-dark-10:var(--px-teal-dark-10);--px-success-dark-1:var(--px-green-dark-1);--px-success-dark-2:var(--px-green-dark-2);--px-success-dark-3:var(--px-green-dark-3);--px-success-dark-4:var(--px-green-dark-4);--px-success-dark-5:var(--px-green-dark-5);--px-success-dark-6:var(--px-green-dark-6);--px-success-dark-7:var(--px-green-dark-7);--px-success-dark-8:var(--px-green-dark-8);--px-success-dark-9:var(--px-green-dark-9);--px-success-dark-10:var(--px-green-dark-10);--px-warning-dark-1:var(--px-orange-dark-1);--px-warning-dark-2:var(--px-orange-dark-2);--px-warning-dark-3:var(--px-orange-dark-3);--px-warning-dark-4:var(--px-orange-dark-4);--px-warning-dark-5:var(--px-orange-dark-5);--px-warning-dark-6:var(--px-orange-dark-6);--px-warning-dark-7:var(--px-orange-dark-7);--px-warning-dark-8:var(--px-orange-dark-8);--px-warning-dark-9:var(--px-orange-dark-9);--px-warning-dark-10:var(--px-orange-dark-10);--px-danger-dark-1:var(--px-red-dark-1);--px-danger-dark-2:var(--px-red-dark-2);--px-danger-dark-3:var(--px-red-dark-3);--px-danger-dark-4:var(--px-red-dark-4);--px-danger-dark-5:var(--px-red-dark-5);--px-danger-dark-6:var(--px-red-dark-6);--px-danger-dark-7:var(--px-red-dark-7);--px-danger-dark-8:var(--px-red-dark-8);--px-danger-dark-9:var(--px-red-dark-9);--px-danger-dark-10:var(--px-red-dark-10);--px-sakura-dark-1:var(--px-pink-dark-1);--px-sakura-dark-2:var(--px-pink-dark-2);--px-sakura-dark-3:var(--px-pink-dark-3);--px-sakura-dark-4:var(--px-pink-dark-4);--px-sakura-dark-5:var(--px-pink-dark-5);--px-sakura-dark-6:var(--px-pink-dark-6);--px-sakura-dark-7:var(--px-pink-dark-7);--px-sakura-dark-8:var(--px-pink-dark-8);--px-sakura-dark-9:var(--px-pink-dark-9);--px-sakura-dark-10:var(--px-pink-dark-10);--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}@media (prefers-color-scheme:dark){:root{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}}:root.dark{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}:root.light{--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}:root{--px-bit:4px;--px-large-base-size:36px;--px-medium-base-size:28px;--px-small-base-size:20px;--px-large-size:44px;--px-medium-size:36px;--px-small-size:28px;--px-large-sub-size:36px;--px-medium-sub-size:26px;--px-small-sub-size:20px;--px-large-sub-base-size:28px;--px-medium-sub-base-size:18px;--px-small-sub-base-size:12px;--px-large-compat-size:32px;--px-medium-compat-size:28px;--px-small-compat-size:24px;--px-line-height:1.5;--px-medium-font-size:14px;--px-large-font-size:15px;--px-small-font-size:12px;--px-font:"Fusion Pixel Zh_hans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif}@keyframes px-icon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.px-animation__loading{animation:1s linear infinite px-icon-spin}@keyframes px-blink{50%{opacity:0}}.px-animation__blink{animation:1s step-end infinite px-blink}.pixelium{font-family:var(--px-font);line-height:var(--px-line-height);font-size:var(--px-medium-font-size)}
+:root{--px-teal-light-1:#ddfaf2;--px-teal-light-2:#bce9de;--px-teal-light-3:#9bd9ca;--px-teal-light-4:#77c9b7;--px-teal-light-5:#4fb8a4;--px-teal-light-6:#00a891;--px-teal-light-7:#0b806e;--px-teal-light-8:#0e5a4e;--px-teal-light-9:#0b372f;--px-teal-light-10:#061713;--px-green-light-1:#eef2ee;--px-green-light-2:#cbe7ca;--px-green-light-3:#a7dba6;--px-green-light-4:#81cf82;--px-green-light-5:#56c25b;--px-green-light-6:#00b42a;--px-green-light-7:#22892c;--px-green-light-8:#266029;--px-green-light-9:#223922;--px-green-light-10:#181618;--px-orange-light-1:#f5eae4;--px-orange-light-2:#fad6c1;--px-orange-light-3:#fdc19e;--px-orange-light-4:#ffac79;--px-orange-light-5:#ff9550;--px-orange-light-6:#ff7d00;--px-orange-light-7:#c46723;--px-orange-light-8:#8c502a;--px-orange-light-9:#573a29;--px-orange-light-10:#252423;--px-red-light-1:#f8ebe9;--px-red-light-2:#fdd2cd;--px-red-light-3:#ffbab2;--px-red-light-4:#ffa198;--px-red-light-5:#ff857c;--px-red-light-6:#fd6860;--px-red-light-7:#c1564f;--px-red-light-8:#88443e;--px-red-light-9:#52312e;--px-red-light-10:#201e1d;--px-pink-light-1:#fadfe4;--px-pink-light-2:#fcd1da;--px-pink-light-3:#fdc4d0;--px-pink-light-4:#ffb6c6;--px-pink-light-5:#ffa8bc;--px-pink-light-6:#ff9ab2;--px-pink-light-7:#cc7e90;--px-pink-light-8:#9a6370;--px-pink-light-9:#6c4951;--px-pink-light-10:#413034;--px-neutral-light-1:#fff;--px-neutral-light-2:#fafafa;--px-neutral-light-3:#f5f5f5;--px-neutral-light-4:#f0f0f0;--px-neutral-light-5:#ebebeb;--px-neutral-light-6:#e6e6e6;--px-neutral-light-7:#c8c8c8;--px-neutral-light-8:#969696;--px-neutral-light-9:#646464;--px-neutral-light-10:#323232;--px-teal-dark-1:#071f1a;--px-teal-dark-2:#0b372f;--px-teal-dark-3:#0d5146;--px-teal-dark-4:#0d6d5e;--px-teal-dark-5:#098a77;--px-teal-dark-6:#00a891;--px-teal-dark-7:#58b8a5;--px-teal-dark-8:#84c9b9;--px-teal-dark-9:#acd9ce;--px-teal-dark-10:#d2e9e3;--px-green-dark-1:#1b1e1b;--px-green-dark-2:#223922;--px-green-dark-3:#265628;--px-green-dark-4:#26742b;--px-green-dark-5:#1e932c;--px-green-dark-6:#00b42a;--px-green-dark-7:#60c163;--px-green-dark-8:#90cc90;--px-green-dark-9:#bbd7ba;--px-green-dark-10:#e3e0e4;--px-orange-dark-1:#312925;--px-orange-dark-2:#573a29;--px-orange-dark-3:#7e4b2a;--px-orange-dark-4:#a75b28;--px-orange-dark-5:#d26c1f;--px-orange-dark-6:#ff7d00;--px-orange-dark-7:#fa9859;--px-orange-dark-8:#f2af87;--px-orange-dark-9:#e9c5b1;--px-orange-dark-10:#dcdad9;--px-red-dark-1:#2c2321;--px-red-dark-2:#52312e;--px-red-dark-3:#7a3f3a;--px-red-dark-4:#a44d47;--px-red-dark-5:#d05a53;--px-red-dark-6:#fd6860;--px-red-dark-7:#fa8980;--px-red-dark-8:#f5a79e;--px-red-dark-9:#ecc2bd;--px-red-dark-10:#e0dddc;--px-pink-dark-1:#4b363b;--px-pink-dark-2:#6c4951;--px-pink-dark-3:#8f5c68;--px-pink-dark-4:#b37080;--px-pink-dark-5:#d88598;--px-pink-dark-6:#ff9ab2;--px-pink-dark-7:#f9a8ba;--px-pink-dark-8:#f3b5c2;--px-pink-dark-9:#ebc1c9;--px-pink-dark-10:#e3cdd1;--px-neutral-dark-1:#0c0c0c;--px-neutral-dark-2:#202020;--px-neutral-dark-3:#353535;--px-neutral-dark-4:#4c4c4c;--px-neutral-dark-5:#656565;--px-neutral-dark-6:#7e7e7e;--px-neutral-dark-7:#989898;--px-neutral-dark-8:#b2b2b2;--px-neutral-dark-9:#cecece;--px-neutral-dark-10:#eaeaea;--px-primary-light-1:var(--px-teal-light-1);--px-primary-light-2:var(--px-teal-light-2);--px-primary-light-3:var(--px-teal-light-3);--px-primary-light-4:var(--px-teal-light-4);--px-primary-light-5:var(--px-teal-light-5);--px-primary-light-6:var(--px-teal-light-6);--px-primary-light-7:var(--px-teal-light-7);--px-primary-light-8:var(--px-teal-light-8);--px-primary-light-9:var(--px-teal-light-9);--px-primary-light-10:var(--px-teal-light-10);--px-success-light-1:var(--px-green-light-1);--px-success-light-2:var(--px-green-light-2);--px-success-light-3:var(--px-green-light-3);--px-success-light-4:var(--px-green-light-4);--px-success-light-5:var(--px-green-light-5);--px-success-light-6:var(--px-green-light-6);--px-success-light-7:var(--px-green-light-7);--px-success-light-8:var(--px-green-light-8);--px-success-light-9:var(--px-green-light-9);--px-success-light-10:var(--px-green-light-10);--px-warning-light-1:var(--px-orange-light-1);--px-warning-light-2:var(--px-orange-light-2);--px-warning-light-3:var(--px-orange-light-3);--px-warning-light-4:var(--px-orange-light-4);--px-warning-light-5:var(--px-orange-light-5);--px-warning-light-6:var(--px-orange-light-6);--px-warning-light-7:var(--px-orange-light-7);--px-warning-light-8:var(--px-orange-light-8);--px-warning-light-9:var(--px-orange-light-9);--px-warning-light-10:var(--px-orange-light-10);--px-danger-light-1:var(--px-red-light-1);--px-danger-light-2:var(--px-red-light-2);--px-danger-light-3:var(--px-red-light-3);--px-danger-light-4:var(--px-red-light-4);--px-danger-light-5:var(--px-red-light-5);--px-danger-light-6:var(--px-red-light-6);--px-danger-light-7:var(--px-red-light-7);--px-danger-light-8:var(--px-red-light-8);--px-danger-light-9:var(--px-red-light-9);--px-danger-light-10:var(--px-red-light-10);--px-sakura-light-1:var(--px-pink-light-1);--px-sakura-light-2:var(--px-pink-light-2);--px-sakura-light-3:var(--px-pink-light-3);--px-sakura-light-4:var(--px-pink-light-4);--px-sakura-light-5:var(--px-pink-light-5);--px-sakura-light-6:var(--px-pink-light-6);--px-sakura-light-7:var(--px-pink-light-7);--px-sakura-light-8:var(--px-pink-light-8);--px-sakura-light-9:var(--px-pink-light-9);--px-sakura-light-10:var(--px-pink-light-10);--px-primary-dark-1:var(--px-teal-dark-1);--px-primary-dark-2:var(--px-teal-dark-2);--px-primary-dark-3:var(--px-teal-dark-3);--px-primary-dark-4:var(--px-teal-dark-4);--px-primary-dark-5:var(--px-teal-dark-5);--px-primary-dark-6:var(--px-teal-dark-6);--px-primary-dark-7:var(--px-teal-dark-7);--px-primary-dark-8:var(--px-teal-dark-8);--px-primary-dark-9:var(--px-teal-dark-9);--px-primary-dark-10:var(--px-teal-dark-10);--px-success-dark-1:var(--px-green-dark-1);--px-success-dark-2:var(--px-green-dark-2);--px-success-dark-3:var(--px-green-dark-3);--px-success-dark-4:var(--px-green-dark-4);--px-success-dark-5:var(--px-green-dark-5);--px-success-dark-6:var(--px-green-dark-6);--px-success-dark-7:var(--px-green-dark-7);--px-success-dark-8:var(--px-green-dark-8);--px-success-dark-9:var(--px-green-dark-9);--px-success-dark-10:var(--px-green-dark-10);--px-warning-dark-1:var(--px-orange-dark-1);--px-warning-dark-2:var(--px-orange-dark-2);--px-warning-dark-3:var(--px-orange-dark-3);--px-warning-dark-4:var(--px-orange-dark-4);--px-warning-dark-5:var(--px-orange-dark-5);--px-warning-dark-6:var(--px-orange-dark-6);--px-warning-dark-7:var(--px-orange-dark-7);--px-warning-dark-8:var(--px-orange-dark-8);--px-warning-dark-9:var(--px-orange-dark-9);--px-warning-dark-10:var(--px-orange-dark-10);--px-danger-dark-1:var(--px-red-dark-1);--px-danger-dark-2:var(--px-red-dark-2);--px-danger-dark-3:var(--px-red-dark-3);--px-danger-dark-4:var(--px-red-dark-4);--px-danger-dark-5:var(--px-red-dark-5);--px-danger-dark-6:var(--px-red-dark-6);--px-danger-dark-7:var(--px-red-dark-7);--px-danger-dark-8:var(--px-red-dark-8);--px-danger-dark-9:var(--px-red-dark-9);--px-danger-dark-10:var(--px-red-dark-10);--px-sakura-dark-1:var(--px-pink-dark-1);--px-sakura-dark-2:var(--px-pink-dark-2);--px-sakura-dark-3:var(--px-pink-dark-3);--px-sakura-dark-4:var(--px-pink-dark-4);--px-sakura-dark-5:var(--px-pink-dark-5);--px-sakura-dark-6:var(--px-pink-dark-6);--px-sakura-dark-7:var(--px-pink-dark-7);--px-sakura-dark-8:var(--px-pink-dark-8);--px-sakura-dark-9:var(--px-pink-dark-9);--px-sakura-dark-10:var(--px-pink-dark-10);--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}@media (prefers-color-scheme:dark){:root{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}}:root.dark{--px-primary-1:var(--px-primary-dark-custom-1,var(--px-teal-dark-1));--px-primary-2:var(--px-primary-dark-custom-2,var(--px-teal-dark-2));--px-primary-3:var(--px-primary-dark-custom-3,var(--px-teal-dark-3));--px-primary-4:var(--px-primary-dark-custom-4,var(--px-teal-dark-4));--px-primary-5:var(--px-primary-dark-custom-5,var(--px-teal-dark-5));--px-primary-6:var(--px-primary-dark-custom-6,var(--px-teal-dark-6));--px-primary-7:var(--px-primary-dark-custom-7,var(--px-teal-dark-7));--px-primary-8:var(--px-primary-dark-custom-8,var(--px-teal-dark-8));--px-primary-9:var(--px-primary-dark-custom-9,var(--px-teal-dark-9));--px-primary-10:var(--px-primary-dark-custom-10,var(--px-teal-dark-10));--px-success-1:var(--px-success-dark-custom-1,var(--px-green-dark-1));--px-success-2:var(--px-success-dark-custom-2,var(--px-green-dark-2));--px-success-3:var(--px-success-dark-custom-3,var(--px-green-dark-3));--px-success-4:var(--px-success-dark-custom-4,var(--px-green-dark-4));--px-success-5:var(--px-success-dark-custom-5,var(--px-green-dark-5));--px-success-6:var(--px-success-dark-custom-6,var(--px-green-dark-6));--px-success-7:var(--px-success-dark-custom-7,var(--px-green-dark-7));--px-success-8:var(--px-success-dark-custom-8,var(--px-green-dark-8));--px-success-9:var(--px-success-dark-custom-9,var(--px-green-dark-9));--px-success-10:var(--px-success-dark-custom-10,var(--px-green-dark-10));--px-warning-1:var(--px-warning-dark-custom-1,var(--px-orange-dark-1));--px-warning-2:var(--px-warning-dark-custom-2,var(--px-orange-dark-2));--px-warning-3:var(--px-warning-dark-custom-3,var(--px-orange-dark-3));--px-warning-4:var(--px-warning-dark-custom-4,var(--px-orange-dark-4));--px-warning-5:var(--px-warning-dark-custom-5,var(--px-orange-dark-5));--px-warning-6:var(--px-warning-dark-custom-6,var(--px-orange-dark-6));--px-warning-7:var(--px-warning-dark-custom-7,var(--px-orange-dark-7));--px-warning-8:var(--px-warning-dark-custom-8,var(--px-orange-dark-8));--px-warning-9:var(--px-warning-dark-custom-9,var(--px-orange-dark-9));--px-warning-10:var(--px-warning-dark-custom-10,var(--px-orange-dark-10));--px-danger-1:var(--px-danger-dark-custom-1,var(--px-red-dark-1));--px-danger-2:var(--px-danger-dark-custom-2,var(--px-red-dark-2));--px-danger-3:var(--px-danger-dark-custom-3,var(--px-red-dark-3));--px-danger-4:var(--px-danger-dark-custom-4,var(--px-red-dark-4));--px-danger-5:var(--px-danger-dark-custom-5,var(--px-red-dark-5));--px-danger-6:var(--px-danger-dark-custom-6,var(--px-red-dark-6));--px-danger-7:var(--px-danger-dark-custom-7,var(--px-red-dark-7));--px-danger-8:var(--px-danger-dark-custom-8,var(--px-red-dark-8));--px-danger-9:var(--px-danger-dark-custom-9,var(--px-red-dark-9));--px-danger-10:var(--px-danger-dark-custom-10,var(--px-red-dark-10));--px-sakura-1:var(--px-sakura-dark-custom-1,var(--px-pink-dark-1));--px-sakura-2:var(--px-sakura-dark-custom-2,var(--px-pink-dark-2));--px-sakura-3:var(--px-sakura-dark-custom-3,var(--px-pink-dark-3));--px-sakura-4:var(--px-sakura-dark-custom-4,var(--px-pink-dark-4));--px-sakura-5:var(--px-sakura-dark-custom-5,var(--px-pink-dark-5));--px-sakura-6:var(--px-sakura-dark-custom-6,var(--px-pink-dark-6));--px-sakura-7:var(--px-sakura-dark-custom-7,var(--px-pink-dark-7));--px-sakura-8:var(--px-sakura-dark-custom-8,var(--px-pink-dark-8));--px-sakura-9:var(--px-sakura-dark-custom-9,var(--px-pink-dark-9));--px-sakura-10:var(--px-sakura-dark-custom-10,var(--px-pink-dark-10));--px-neutral-1:var(--px-neutral-dark-custom-1,var(--px-neutral-dark-1));--px-neutral-2:var(--px-neutral-dark-custom-2,var(--px-neutral-dark-2));--px-neutral-3:var(--px-neutral-dark-custom-3,var(--px-neutral-dark-3));--px-neutral-4:var(--px-neutral-dark-custom-4,var(--px-neutral-dark-4));--px-neutral-5:var(--px-neutral-dark-custom-5,var(--px-neutral-dark-5));--px-neutral-6:var(--px-neutral-dark-custom-6,var(--px-neutral-dark-6));--px-neutral-7:var(--px-neutral-dark-custom-7,var(--px-neutral-dark-7));--px-neutral-8:var(--px-neutral-dark-custom-8,var(--px-neutral-dark-8));--px-neutral-9:var(--px-neutral-dark-custom-9,var(--px-neutral-dark-9));--px-neutral-10:var(--px-neutral-dark-custom-10,var(--px-neutral-dark-10))}:root.light{--px-primary-1:var(--px-primary-light-custom-1,var(--px-teal-light-1));--px-primary-2:var(--px-primary-light-custom-2,var(--px-teal-light-2));--px-primary-3:var(--px-primary-light-custom-3,var(--px-teal-light-3));--px-primary-4:var(--px-primary-light-custom-4,var(--px-teal-light-4));--px-primary-5:var(--px-primary-light-custom-5,var(--px-teal-light-5));--px-primary-6:var(--px-primary-light-custom-6,var(--px-teal-light-6));--px-primary-7:var(--px-primary-light-custom-7,var(--px-teal-light-7));--px-primary-8:var(--px-primary-light-custom-8,var(--px-teal-light-8));--px-primary-9:var(--px-primary-light-custom-9,var(--px-teal-light-9));--px-primary-10:var(--px-primary-light-custom-10,var(--px-teal-light-10));--px-success-1:var(--px-success-light-custom-1,var(--px-green-light-1));--px-success-2:var(--px-success-light-custom-2,var(--px-green-light-2));--px-success-3:var(--px-success-light-custom-3,var(--px-green-light-3));--px-success-4:var(--px-success-light-custom-4,var(--px-green-light-4));--px-success-5:var(--px-success-light-custom-5,var(--px-green-light-5));--px-success-6:var(--px-success-light-custom-6,var(--px-green-light-6));--px-success-7:var(--px-success-light-custom-7,var(--px-green-light-7));--px-success-8:var(--px-success-light-custom-8,var(--px-green-light-8));--px-success-9:var(--px-success-light-custom-9,var(--px-green-light-9));--px-success-10:var(--px-success-light-custom-10,var(--px-green-light-10));--px-warning-1:var(--px-warning-light-custom-1,var(--px-orange-light-1));--px-warning-2:var(--px-warning-light-custom-2,var(--px-orange-light-2));--px-warning-3:var(--px-warning-light-custom-3,var(--px-orange-light-3));--px-warning-4:var(--px-warning-light-custom-4,var(--px-orange-light-4));--px-warning-5:var(--px-warning-light-custom-5,var(--px-orange-light-5));--px-warning-6:var(--px-warning-light-custom-6,var(--px-orange-light-6));--px-warning-7:var(--px-warning-light-custom-7,var(--px-orange-light-7));--px-warning-8:var(--px-warning-light-custom-8,var(--px-orange-light-8));--px-warning-9:var(--px-warning-light-custom-9,var(--px-orange-light-9));--px-warning-10:var(--px-warning-light-custom-10,var(--px-orange-light-10));--px-danger-1:var(--px-danger-light-custom-1,var(--px-red-light-1));--px-danger-2:var(--px-danger-light-custom-2,var(--px-red-light-2));--px-danger-3:var(--px-danger-light-custom-3,var(--px-red-light-3));--px-danger-4:var(--px-danger-light-custom-4,var(--px-red-light-4));--px-danger-5:var(--px-danger-light-custom-5,var(--px-red-light-5));--px-danger-6:var(--px-danger-light-custom-6,var(--px-red-light-6));--px-danger-7:var(--px-danger-light-custom-7,var(--px-red-light-7));--px-danger-8:var(--px-danger-light-custom-8,var(--px-red-light-8));--px-danger-9:var(--px-danger-light-custom-9,var(--px-red-light-9));--px-danger-10:var(--px-danger-light-custom-10,var(--px-red-light-10));--px-sakura-1:var(--px-sakura-light-custom-1,var(--px-pink-light-1));--px-sakura-2:var(--px-sakura-light-custom-2,var(--px-pink-light-2));--px-sakura-3:var(--px-sakura-light-custom-3,var(--px-pink-light-3));--px-sakura-4:var(--px-sakura-light-custom-4,var(--px-pink-light-4));--px-sakura-5:var(--px-sakura-light-custom-5,var(--px-pink-light-5));--px-sakura-6:var(--px-sakura-light-custom-6,var(--px-pink-light-6));--px-sakura-7:var(--px-sakura-light-custom-7,var(--px-pink-light-7));--px-sakura-8:var(--px-sakura-light-custom-8,var(--px-pink-light-8));--px-sakura-9:var(--px-sakura-light-custom-9,var(--px-pink-light-9));--px-sakura-10:var(--px-sakura-light-custom-10,var(--px-pink-light-10));--px-neutral-1:var(--px-neutral-light-custom-1,var(--px-neutral-light-1));--px-neutral-2:var(--px-neutral-light-custom-2,var(--px-neutral-light-2));--px-neutral-3:var(--px-neutral-light-custom-3,var(--px-neutral-light-3));--px-neutral-4:var(--px-neutral-light-custom-4,var(--px-neutral-light-4));--px-neutral-5:var(--px-neutral-light-custom-5,var(--px-neutral-light-5));--px-neutral-6:var(--px-neutral-light-custom-6,var(--px-neutral-light-6));--px-neutral-7:var(--px-neutral-light-custom-7,var(--px-neutral-light-7));--px-neutral-8:var(--px-neutral-light-custom-8,var(--px-neutral-light-8));--px-neutral-9:var(--px-neutral-light-custom-9,var(--px-neutral-light-9));--px-neutral-10:var(--px-neutral-light-custom-10,var(--px-neutral-light-10))}:root{--px-bit:4px;--px-large-base-size:36px;--px-medium-base-size:28px;--px-small-base-size:20px;--px-large-size:44px;--px-medium-size:36px;--px-small-size:28px;--px-large-sub-size:36px;--px-medium-sub-size:26px;--px-small-sub-size:20px;--px-large-sub-base-size:28px;--px-medium-sub-base-size:18px;--px-small-sub-base-size:12px;--px-large-compat-size:32px;--px-medium-compat-size:28px;--px-small-compat-size:24px;--px-line-height:1.5;--px-medium-font-size:14px;--px-large-font-size:15px;--px-small-font-size:12px;--px-font:"Fusion Pixel Zh_hans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",SimSun,sans-serif}@keyframes px-icon-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.px-animation__loading{animation:1s linear infinite px-icon-spin}@keyframes px-blink{50%{opacity:0}}.px-animation__blink{animation:1s step-end infinite px-blink}.pixelium{font-family:var(--px-font);line-height:var(--px-line-height)}

package/es/index.js

@@ -1,5 +1,5 @@
 import "./vendor.js";
-import "./share/const/index.js";
+/* empty css                  */
 import "./share/util/common.js";
 import "./share/util/plot.js";
 import "./share/util/color.js";
@@ -12,10 +12,11 @@ import "./share/hook/use-index-of-children.js";
 import "./share/util/reactivity.js";
 import "./share/hook/use-transition-end.js";
 import { t as button_default } from "./button/index.js";
+/* empty css                  */
 import { t as button_group_default } from "./button-group/index.js";
 import { t as link_default } from "./link/index.js";
-import "./message/index.js";
-import "./share/hook/use-z-index.js";
+/* empty css              */
+/* empty css                       */
 import "./message-box/message-box.js";
 import { t as message_box_default } from "./message-box/index.js";
 import { t as message_box_wrapped_default } from "./message-box/message-box-wrapped.js";
@@ -52,20 +53,20 @@ import "./input-group-label/draw.js";
 import { t as input_group_label_default } from "./input-group-label/index.js";
 import "./input-tag/draw.js";
 import "./popup-content/draw.js";
-import "./popup-wrapper/index.js";
-import "./popup-content/index.js";
+/* empty css                    */
+/* empty css                    */
 import "./share/hook/use-click-outside-listener.js";
 import { i as imageDataToDataURL } from "./share/util/dom.js";
-import "./popup-trigger/index.js";
+/* empty css                    */
 import "./share/hook/use-cancelable-delay.js";
-import "./popup/index.js";
+/* empty css            */
 import { t as popover_default } from "./popover/index.js";
 import { t as input_tag_default } from "./input-tag/index.js";
 import { t as tooltip_default } from "./tooltip/index.js";
 import { t as empty_default } from "./empty/index.js";
 import "./auto-complete/draw.js";
 import { t as virtual_list_default } from "./virtual-list/index.js";
-import "./option-list/index.js";
+/* empty css                  */
 import { t as auto_complete_default } from "./auto-complete/index.js";
 import { t as mask_default } from "./mask/index.js";
 import { t as spin_default } from "./spin/index.js";

package/es/input/index.css

@@ -12,6 +12,7 @@
   height: var(--input-size);
   cursor: text;
   transition: 0.25s all;
+  flex-grow: 1;
 }
 .px-input-inner {
   height: 100%;
@@ -24,8 +25,7 @@
   padding: 0;
 }
 .px-input-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-inner:disabled {
   color: var(--px-neutral-10);

package/es/input/index.js

@@ -115,8 +115,8 @@ var input_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", () => [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-group/index.js

@@ -26,8 +26,8 @@ var input_group_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const formProvide = inject(FORM_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formProvide = inject(FORM_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [
 			formItemProvide,
 			formProvide,

package/es/input-group-label/index.js

@@ -31,8 +31,8 @@ var input_group_label_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-number/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   height: var(--input-number-size);
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-number-inner {
   height: 100%;
@@ -23,8 +24,7 @@
   padding: 0;
 }
 .px-input-number-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-number-inner:disabled {
   color: var(--px-neutral-10);

package/es/input-number/index.js

@@ -102,8 +102,8 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/input-tag/index.css

@@ -11,6 +11,7 @@
   box-sizing: border-box;
   cursor: text;
   transition: 0.25s;
+  flex-grow: 1;
 }
 .px-input-tag.px-input-tag__small {
   padding-right: 8px;
@@ -129,8 +130,7 @@
   padding: 0;
 }
 .px-input-tag-inner:focus-visible {
-  outline-color: var(--px-neutral-10);
-  outline-offset: var(--px-bit);
+  outline: none;
 }
 .px-input-tag-inner:disabled {
   color: var(--px-neutral-10);

package/es/input-tag/index.js

@@ -119,8 +119,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,