@ziyu0123/nanoui 1.0.0

package/dist/es/src/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/src/components/Button/Button.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Button } from './Button.vue';
+export default Button;
+export * from './types';

package/dist/es/src/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+export type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type ButtonSize = 'large' | 'small';
+export type NativeType = 'button' | 'submit' | 'reset';
+export interface ButtonProps {
+    type?: ButtonType;
+    size?: ButtonSize;
+    plain?: boolean;
+    round?: boolean;
+    circle?: boolean;
+    disabled?: boolean;
+    nativeType?: NativeType;
+    autofocus?: boolean;
+    icon?: string;
+    loading?: boolean;
+}
+export interface ButtonInstance {
+    ref: HTMLButtonElement;
+}

package/dist/es/src/components/Collapse/Collapse.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/src/components/Collapse/Collapse.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Collapse/CollapseItem.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: any;

package/dist/es/src/components/Collapse/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Collapse } from './Collapse.vue';
+import { default as CollapseItem } from './CollapseItem.vue';
+export default Collapse;
+export { CollapseItem };
+export * from './types';

package/dist/es/src/components/Collapse/types.d.ts

@@ -0,0 +1,20 @@
+import { Ref, InjectionKey } from 'vue';
+export type NameType = string | number;
+export interface CollapseProps {
+    modelValue: NameType[];
+    accordion?: boolean;
+}
+export interface CollapseItemProps {
+    name: NameType;
+    title?: string;
+    disabled?: boolean;
+}
+export interface CollapseContext {
+    activeNames: Ref<NameType[]>;
+    handleItemClick: (name: NameType) => void;
+}
+export interface CollapseEmits {
+    (e: 'update:modelValue', values: NameType[]): void;
+    (e: 'change', values: NameType[]): void;
+}
+export declare const collapseContextKey: InjectionKey<CollapseContext>;

package/dist/es/src/components/Common/RenderVnode.d.ts

@@ -0,0 +1,2 @@
+declare const RenderVnode: any;
+export default RenderVnode;

package/dist/es/src/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/es/src/components/Dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Dropdown } from './Dropdown.vue';
+export default Dropdown;
+export * from './types';

package/dist/es/src/components/Dropdown/types.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from 'vue';
+import { TooltipProps } from '../Tooltip/types';
+export interface DropdownProps extends TooltipProps {
+    menuOptions: MenuOption[];
+    hideAfterClick?: boolean;
+}
+export interface MenuOption {
+    label: string | VNode;
+    key: string | number;
+    disabled?: boolean;
+    divided?: boolean;
+}
+export interface DropdownEmits {
+    (e: 'visible-change', value: boolean): void;
+    (e: 'select', value: MenuOption): void;
+}
+export interface DropdownInstance {
+    show: () => void;
+    hide: () => void;
+}

package/dist/es/src/components/Form/Form.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Form/FormItem.vue.d.ts

@@ -0,0 +1,19 @@
+declare var __VLS_1: {
+    label: any;
+}, __VLS_3: {
+    validate: any;
+};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Form/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Form } from './Form.vue';
+import { default as FormItem } from './FormItem.vue';
+export default Form;
+export { FormItem };
+export * from './types';

package/dist/es/src/components/Form/types.d.ts

@@ -0,0 +1,46 @@
+import { InjectionKey } from 'vue';
+import { RuleItem, ValidateError, ValidateFieldsError } from 'async-validator';
+export interface FormItemProps {
+    label: string;
+    prop?: string;
+}
+export interface FormItemRule extends RuleItem {
+    trigger?: string;
+}
+export type FormRules = Record<string, FormItemRule[]>;
+export interface FormProps {
+    model?: Record<string, any>;
+    rules?: FormRules;
+}
+export interface FormContext extends FormProps {
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+}
+export interface ValidateStatusProp {
+    state: 'init' | 'success' | 'error';
+    errorMsg: string;
+    loading: boolean;
+}
+export interface FormItemInstance {
+    validateStatus: ValidateStatusProp;
+    validate: (trigger?: string) => Promise<any>;
+    resetField(): void;
+    clearValidate(): void;
+}
+export declare const formContextKey: InjectionKey<FormContext>;
+export declare const formItemContextKey: InjectionKey<FormItemContext>;
+export interface FormItemContext {
+    prop: string;
+    validate: (trigger?: string) => Promise<any>;
+    resetField(): void;
+    clearValidate(): void;
+}
+export interface FormValidateFailure {
+    errors: ValidateError[] | null;
+    fields: ValidateFieldsError;
+}
+export interface FormInstance {
+    validate: () => Promise<any>;
+    resetFields: (props?: string[]) => void;
+    clearValidate: (props?: string[]) => void;
+}

package/dist/es/src/components/Icon/Icon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/src/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Icon } from './Icon.vue';
+export default Icon;
+export * from './types';

package/dist/es/src/components/Icon/types.d.ts

@@ -0,0 +1,28 @@
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+export interface IconProps {
+    border?: boolean;
+    fixedWidth?: boolean;
+    flip?: 'horizontal' | 'vertical' | 'both';
+    icon: object | Array<string> | string | IconDefinition;
+    mask?: object | Array<string> | string;
+    listItem?: boolean;
+    pull?: 'right' | 'left';
+    pulse?: boolean;
+    rotation?: 90 | 180 | 270 | '90' | '180' | '270';
+    swapOpacity?: boolean;
+    size?: '2xs' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
+    spin?: boolean;
+    transform?: object | string;
+    symbol?: boolean | string;
+    title?: string;
+    inverse?: boolean;
+    bounce?: boolean;
+    shake?: boolean;
+    beat?: boolean;
+    fade?: boolean;
+    beatFade?: boolean;
+    spinPulse?: boolean;
+    spinReverse?: boolean;
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    color?: string;
+}

package/dist/es/src/components/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/src/components/Input/Input.vue.d.ts

@@ -0,0 +1,19 @@
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_29: {};
+type __VLS_Slots = {} & {
+    prepend?: (props: typeof __VLS_1) => any;
+} & {
+    prefix?: (props: typeof __VLS_3) => any;
+} & {
+    suffix?: (props: typeof __VLS_5) => any;
+} & {
+    append?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Input } from './Input.vue';
+export default Input;
+export * from './types';

package/dist/es/src/components/Input/types.d.ts

@@ -0,0 +1,24 @@
+export interface InputProps {
+    type?: string;
+    modelValue?: string;
+    size?: 'large' | 'small';
+    disabled?: boolean;
+    clearable?: boolean;
+    showPassword?: boolean;
+    placeholder?: string;
+    readonly?: boolean;
+    autocomplete?: string;
+    autofocus?: boolean;
+    form?: string;
+}
+export type InputEmits = {
+    (e: 'update:modelValue', value: string | undefined): void;
+    (e: 'input', value: string): void;
+    (e: 'change', value: string): void;
+    (e: 'focus', value: FocusEvent): void;
+    (e: 'blur', value: FocusEvent): void;
+    (e: 'clear'): void;
+};
+export interface InputInstance {
+    ref: HTMLInputElement | HTMLTextAreaElement;
+}

package/dist/es/src/components/Message/Message.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Message/createMessage.test.d.ts

@@ -0,0 +1 @@
+export declare const rAF: () => Promise<unknown>;

package/dist/es/src/components/Message/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Message } from './Message.vue';
+import { createMessage, closeAll } from './method';
+export default Message;
+export { createMessage, closeAll };
+export * from './types';

package/dist/es/src/components/Message/method.d.ts

@@ -0,0 +1,22 @@
+import { render } from 'vue';
+import { CreateMessageProps, MessageContext } from './types';
+export declare const createMessage: (props: CreateMessageProps) => {
+    id: string;
+    vnode: any;
+    vm: any;
+    props: {
+        id: string;
+        zIndex: any;
+        onDestory: () => void;
+        type?: "success" | "info" | "warning" | "danger" | undefined;
+        offset?: number | undefined;
+        message?: string | render;
+        duration?: number | undefined;
+        showClose?: boolean | undefined;
+        transitionName?: string | undefined;
+    };
+    destory: () => void;
+};
+export declare const getLastInstance: () => MessageContext | undefined;
+export declare const getLastBottomOffset: (id: string) => any;
+export declare const closeAll: () => void;

package/dist/es/src/components/Message/types.d.ts

@@ -0,0 +1,20 @@
+import { VNode, ComponentInternalInstance } from 'vue';
+export interface MessageProps {
+    message?: string | VNode;
+    duration?: number;
+    showClose?: boolean;
+    type?: 'success' | 'info' | 'warning' | 'danger';
+    onDestory: () => void;
+    offset?: number;
+    id: string;
+    zIndex: number;
+    transitionName?: string;
+}
+export interface MessageContext {
+    id: string;
+    vnode: VNode;
+    vm: ComponentInternalInstance;
+    props: MessageProps;
+    destory: () => void;
+}
+export type CreateMessageProps = Omit<MessageProps, 'onDestory' | 'id' | 'zIndex'>;

package/dist/es/src/components/Select/Select.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/src/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Select } from './Select.vue';
+export default Select;
+export * from './types';

package/dist/es/src/components/Select/types.d.ts

@@ -0,0 +1,34 @@
+import { VNode } from 'vue';
+export interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export type RenderLabelFunc = (option: SelectOption) => VNode;
+export type CustomFilterFunc = (value: string) => SelectOption[];
+export type CustomFilterRemoteFunc = (value: string) => Promise<SelectOption[]>;
+export interface SelectProps {
+    modelValue: string;
+    options?: SelectOption[];
+    placeholder: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    renderLabel?: RenderLabelFunc;
+    filterable?: boolean;
+    filterMethod?: CustomFilterFunc;
+    remote?: boolean;
+    remoteMethod?: CustomFilterRemoteFunc;
+}
+export interface SelectStates {
+    inputValue: string;
+    selectedOption: null | SelectOption;
+    mouseHover: boolean;
+    loading: boolean;
+    highlightIndex: number;
+}
+export interface SelectEmits {
+    (e: 'change', value: string): void;
+    (e: 'update:modelValue', value: string): void;
+    (e: 'visible-change', value: boolean): void;
+    (e: 'clear'): void;
+}

package/dist/es/src/components/Switch/Switch.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/es/src/components/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Switch } from './Switch.vue';
+export default Switch;
+export * from './types';

package/dist/es/src/components/Switch/types.d.ts

@@ -0,0 +1,16 @@
+export type SwitchValueType = boolean | string | number;
+export interface SwitchProps {
+    modelValue: SwitchValueType;
+    disabled?: boolean;
+    activeText?: string;
+    inactiveText?: string;
+    activeValue?: SwitchValueType;
+    inactiveValue?: SwitchValueType;
+    name?: string;
+    id?: string;
+    size?: 'small' | 'large';
+}
+export interface SwitchEmits {
+    (e: 'update:modelValue', value: SwitchValueType): void;
+    (e: 'change', value: SwitchValueType): void;
+}

package/dist/es/src/components/Tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/src/components/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,15 @@
+declare var __VLS_1: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: any;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/src/components/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Tooltip } from './Tooltip.vue';
+export default Tooltip;
+export * from './types';

package/dist/es/src/components/Tooltip/types.d.ts

@@ -0,0 +1,19 @@
+import { Placement, Options } from '@popperjs/core';
+export interface TooltipProps {
+    content?: string;
+    trigger?: 'hover' | 'click';
+    placement?: Placement;
+    manual?: boolean;
+    popperOptions?: Partial<Options>;
+    transition?: string;
+    openDelay?: number;
+    closeDelay?: number;
+}
+export interface TooltipEmits {
+    (e: 'visible-change', value: boolean): void;
+    (e: 'click-outside', value: boolean): void;
+}
+export interface TooltipInstance {
+    show: () => void;
+    hide: () => void;
+}

package/dist/es/src/hooks/useClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const useClickOutside: (elementRef: Ref<undefined | HTMLElement>, callback: (e: MouseEvent) => void) => void;
+export default useClickOutside;

package/dist/es/src/hooks/useEventListener.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+export default function useEventListener(target: Ref<EventTarget | null> | EventTarget, event: string, // 要监听的事件名（比如 'click'、'scroll'）
+handler: (e: Event) => any): void;

package/dist/es/src/hooks/useZIndex.d.ts

@@ -0,0 +1,6 @@
+declare const useZIndex: (initialValue?: number) => {
+    currentZIndex: any;
+    nextZIndex: () => any;
+    initialZIndex: any;
+};
+export default useZIndex;

package/dist/es/src/index.d.ts

@@ -0,0 +1,17 @@
+import { App } from 'vue';
+import { default as Button } from './components/Button';
+import { default as Collapse, CollapseItem } from './components/Collapse';
+import { default as Dropdown } from './components/Dropdown';
+import { default as Form, FormItem } from './components/Form';
+import { default as Icon } from './components/Icon';
+import { default as Message, createMessage, closeAll as closeMessageAll } from './components/Message';
+import { default as Input } from './components/Input';
+import { default as Select } from './components/Select';
+import { default as Switch } from './components/Switch';
+import { default as Tooltip } from './components/Tooltip';
+declare const install: (app: App) => void;
+export { install, Button, Collapse, CollapseItem, Dropdown, Form, FormItem, Icon, Message, Input, Select, Switch, Tooltip, createMessage, closeMessageAll };
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

package/dist/index.css

@@ -0,0 +1,2 @@
+:root{--nano-color-white:#fff;--nano-color-black:#000;--colors:( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--nano-color-primary:#409eff;--nano-color-primary-light-3:#79bbff;--nano-color-primary-light-5:#a0cfff;--nano-color-primary-light-7:#c6e2ff;--nano-color-primary-light-9:#ecf5ff;--nano-color-primary-light-8:#d9ecff;--nano-color-primary-dark-2:#337ecc;--nano-color-success:#67c23a;--nano-color-success-light-3:#95d475;--nano-color-success-light-5:#b3e19d;--nano-color-success-light-7:#d1edc4;--nano-color-success-light-9:#f0f9eb;--nano-color-success-light-8:#e1f3d8;--nano-color-success-dark-2:#529b2e;--nano-color-warning:#e6a23c;--nano-color-warning-light-3:#eebe77;--nano-color-warning-light-5:#f3d19e;--nano-color-warning-light-7:#f8e3c5;--nano-color-warning-light-9:#fdf6ec;--nano-color-warning-light-8:#faecd8;--nano-color-warning-dark-2:#b88230;--nano-color-danger:#f56c6c;--nano-color-danger-light-3:#f89898;--nano-color-danger-light-5:#fab6b6;--nano-color-danger-light-7:#fcd3d3;--nano-color-danger-light-9:#fef0f0;--nano-color-danger-light-8:#fde2e2;--nano-color-danger-dark-2:#c45656;--nano-color-info:#909399;--nano-color-info-light-3:#b1b3b8;--nano-color-info-light-5:#c8c9cc;--nano-color-info-light-7:#dedfe0;--nano-color-info-light-9:#f4f4f5;--nano-color-info-light-8:#e9e9eb;--nano-color-info-dark-2:#73767a;--nano-bg-color:#fff;--nano-bg-color-page:#f2f3f5;--nano-bg-color-overlay:#fff;--nano-text-color-primary:#303133;--nano-text-color-regular:#606266;--nano-text-color-secondary:#909399;--nano-text-color-placeholder:#a8abb2;--nano-text-color-disabled:#c0c4cc;--nano-border-color:#dcdfe6;--nano-border-color-light:#e4e7ed;--nano-border-color-lighter:#ebeef5;--nano-border-color-extra-light:#f2f6fc;--nano-border-color-dark:#d4d7de;--nano-border-color-darker:#cdd0d6;--nano-fill-color:#f0f2f5;--nano-fill-color-light:#f5f7fa;--nano-fill-color-lighter:#fafafa;--nano-fill-color-extra-light:#fafcff;--nano-fill-color-dark:#ebedf0;--nano-fill-color-darker:#e6e8eb;--nano-fill-color-blank:#fff;--nano-border-width:1px;--nano-border-style:solid;--nano-border-color-hover:var(--nano-text-color-disabled);--nano-border:var(--nano-border-width) var(--nano-border-style) var(--nano-border-color);--nano-border-radius-base:4px;--nano-border-radius-small:4px;--nano-border-radius-round:20px;--nano-border-radius-circle:100%;--nano-font-size-extra-large:20px;--nano-font-size-large:18px;--nano-font-size-medium:16px;--nano-font-size-base:14px;--nano-font-size-small:13px;--nano-font-size-extra-small:12px;--nano-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--nano-font-weight-primary:500;--nano-disabled-bg-color:var(--nano-fill-color-light);--nano-disabled-text-color:var(--nano-text-color-placeholder);--nano-disabled-border-color:var(--nano-border-color-light);--nano-transition-duration:.3s;--nano-transition-duration-fast:.2s}body{font-family:var(--nano-font-family);font-weight:400;font-size:var(--nano-font-size-base);color:var(--nano-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--nano-color-primary);text-decoration:none}a:hover,a:focus{color:var(--nano-color-primary-light-3)}a:active{color:var(--nano-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--nano-text-color-regular);font-weight:inherit}:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}h1{font-size:calc(var(--nano-font-size-base) + 6px)}h2{font-size:calc(var(--nano-font-size-base) + 4px)}h3{font-size:calc(var(--nano-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--nano-font-size-base) - 1px)}small{font-size:calc(var(--nano-font-size-base) - 2px)}hr{border:0;border-top:1px solid var(--nano-border-color-lighter);margin-top:20px;margin-bottom:20px}.nano-collapse{--nano-collapse-border-color:var(--nano-border-color-light);--nano-collapse-header-height:48px;--nano-collapse-header-bg-color:var(--nano-fill-color-blank);--nano-collapse-header-text-color:var(--nano-text-color-primary);--nano-collapse-header-font-size:13px;--nano-collapse-content-bg-color:var(--nano-fill-color-blank);--nano-collapse-content-font-size:13px;--nano-collapse-content-text-color:var(--nano-text-color-primary);--nano-collapse-disabled-text-color:var(--nano-disabled-text-color);--nano-collapse-disabled-border-color:var(--nano-border-color-lighter);border-top:1px solid var(--nano-collapse-border-color);border-bottom:1px solid var(--nano-collapse-border-color)}.nano-collapse-item__header{height:var(--nano-collapse-header-height);line-height:var(--nano-collapse-header-height);background-color:var(--nano-collapse-header-bg-color);color:var(--nano-collapse-header-text-color);cursor:pointer;font-size:var(--nano-collapse-header-font-size);transition:border-bottom-color var(--nano-transition-duration);border-bottom:1px solid var(--nano-collapse-border-color);outline:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.nano-collapse-item__header.is-disabled{color:var(--nano-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.nano-collapse-item__header.is-active{border-bottom-color:#0000}.nano-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.nano-collapse-item__header .header-angle{transition:transform var(--nano-transition-duration)}.nano-collapse-item__content{will-change:height;background-color:var(--nano-collapse-content-bg-color);box-sizing:border-box;font-size:var(--nano-collapse-content-font-size);color:var(--nano-collapse-content-text-color);border-bottom:1px solid var(--nano-collapse-border-color);padding-bottom:25px;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:height var(--nano-transition-duration)}.nano-button{--nano-button-font-weight:var(--nano-font-weight-primary);--nano-button-border-color:var(--nano-border-color);--nano-button-bg-color:var(--nano-fill-color-blank);--nano-button-text-color:var(--nano-text-color-regular);--nano-button-disabled-text-color:var(--nano-disabled-text-color);--nano-button-disabled-bg-color:var(--nano-fill-color-blank);--nano-button-disabled-border-color:var(--nano-border-color-light);--nano-button-hover-text-color:var(--nano-color-primary);--nano-button-hover-bg-color:var(--nano-color-primary-light-9);--nano-button-hover-border-color:var(--nano-color-primary-light-7);--nano-button-active-text-color:var(--nano-button-hover-text-color);--nano-button-active-border-color:var(--nano-color-primary);--nano-button-active-bg-color:var(--nano-button-hover-bg-color);--nano-button-outline-color:var(--nano-color-primary-light-5);--nano-button-active-color:var(--nano-text-color-primary)}.nano-button{white-space:nowrap;cursor:pointer;height:32px;color:var(--nano-button-text-color);text-align:center;box-sizing:border-box;line-height:1;font-weight:var(--nano-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;background-color:var(--nano-button-bg-color);border:var(--nano-border);border-color:var(--nano-button-border-color);font-size:var(--nano-font-size-base);border-radius:var(--nano-border-radius-base);outline:none;justify-content:center;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.nano-button+.nano-button{margin-left:12px}.nano-button:hover,.nano-button:focus{color:var(--nano-button-hover-text-color);border-color:var(--nano-button-hover-border-color);background-color:var(--nano-button-hover-bg-color);outline:none}.nano-button:active{color:var(--nano-button-active-text-color);border-color:var(--nano-button-active-border-color);background-color:var(--nano-button-active-bg-color);outline:none}.nano-button.is-plain{--nano-button-hover-text-color:var(--nano-color-primary);--nano-button-hover-bg-color:var(--nano-fill-color-blank);--nano-button-hover-border-color:var(--nano-color-primary)}.nano-button.is-round{border-radius:var(--nano-border-radius-round)}.nano-button.is-circle{border-radius:50%;padding:8px}.nano-button.is-disabled,.nano-button.is-disabled:hover,.nano-button.is-disabled:focus,.nano-button[disabled],.nano-button[disabled]:hover,.nano-button[disabled]:focus{color:var(--nano-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--nano-button-disabled-bg-color);border-color:var(--nano-button-disabled-border-color)}.nano-button [class*=nano-icon]+span{margin-left:6px}.nano-button--primary{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-primary);--nano-button-border-color:var(--nano-color-primary);--nano-button-outline-color:var(--nano-color-primary-light-5);--nano-button-active-color:var(--nano-color-primary-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-primary-light-3);--nano-button-hover-border-color:var(--nano-color-primary-light-3);--nano-button-active-bg-color:var(--nano-color-primary-dark-2);--nano-button-active-border-color:var(--nano-color-primary-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-primary-light-5);--nano-button-disabled-border-color:var(--nano-color-primary-light-5)}.nano-button--primary.is-plain{--nano-button-text-color:var(--nano-color-primary);--nano-button-bg-color:var(--nano-color-primary-light-9);--nano-button-border-color:var(--nano-color-primary-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-primary);--nano-button-hover-border-color:var(--nano-color-primary);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--success{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-success);--nano-button-border-color:var(--nano-color-success);--nano-button-outline-color:var(--nano-color-success-light-5);--nano-button-active-color:var(--nano-color-success-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-success-light-3);--nano-button-hover-border-color:var(--nano-color-success-light-3);--nano-button-active-bg-color:var(--nano-color-success-dark-2);--nano-button-active-border-color:var(--nano-color-success-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-success-light-5);--nano-button-disabled-border-color:var(--nano-color-success-light-5)}.nano-button--success.is-plain{--nano-button-text-color:var(--nano-color-success);--nano-button-bg-color:var(--nano-color-success-light-9);--nano-button-border-color:var(--nano-color-success-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-success);--nano-button-hover-border-color:var(--nano-color-success);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--warning{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-warning);--nano-button-border-color:var(--nano-color-warning);--nano-button-outline-color:var(--nano-color-warning-light-5);--nano-button-active-color:var(--nano-color-warning-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-warning-light-3);--nano-button-hover-border-color:var(--nano-color-warning-light-3);--nano-button-active-bg-color:var(--nano-color-warning-dark-2);--nano-button-active-border-color:var(--nano-color-warning-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-warning-light-5);--nano-button-disabled-border-color:var(--nano-color-warning-light-5)}.nano-button--warning.is-plain{--nano-button-text-color:var(--nano-color-warning);--nano-button-bg-color:var(--nano-color-warning-light-9);--nano-button-border-color:var(--nano-color-warning-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-warning);--nano-button-hover-border-color:var(--nano-color-warning);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--info{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-info);--nano-button-border-color:var(--nano-color-info);--nano-button-outline-color:var(--nano-color-info-light-5);--nano-button-active-color:var(--nano-color-info-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-info-light-3);--nano-button-hover-border-color:var(--nano-color-info-light-3);--nano-button-active-bg-color:var(--nano-color-info-dark-2);--nano-button-active-border-color:var(--nano-color-info-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-info-light-5);--nano-button-disabled-border-color:var(--nano-color-info-light-5)}.nano-button--info.is-plain{--nano-button-text-color:var(--nano-color-info);--nano-button-bg-color:var(--nano-color-info-light-9);--nano-button-border-color:var(--nano-color-info-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-info);--nano-button-hover-border-color:var(--nano-color-info);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--danger{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-danger);--nano-button-border-color:var(--nano-color-danger);--nano-button-outline-color:var(--nano-color-danger-light-5);--nano-button-active-color:var(--nano-color-danger-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-danger-light-3);--nano-button-hover-border-color:var(--nano-color-danger-light-3);--nano-button-active-bg-color:var(--nano-color-danger-dark-2);--nano-button-active-border-color:var(--nano-color-danger-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-danger-light-5);--nano-button-disabled-border-color:var(--nano-color-danger-light-5)}.nano-button--danger.is-plain{--nano-button-text-color:var(--nano-color-danger);--nano-button-bg-color:var(--nano-color-danger-light-9);--nano-button-border-color:var(--nano-color-danger-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-danger);--nano-button-hover-border-color:var(--nano-color-danger);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--large{--nano-button-size:40px;height:var(--nano-button-size);font-size:var(--nano-font-size-base);border-radius:var(--nano-border-radius-base);padding:12px 19px}.nano-button--small{--nano-button-size:24px;height:var(--nano-button-size);border-radius:calc(var(--nano-border-radius-base) - 1px);padding:5px 11px;font-size:12px}.nano-icon{--nano-icon-color:inherit;fill:currentColor;color:var(--nano-icon-color);font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.nano-icon--primary{--nano-icon-color:var(--nano-color-primary)}.nano-icon--info{--nano-icon-color:var(--nano-color-info)}.nano-icon--success{--nano-icon-color:var(--nano-color-success)}.nano-icon--warning{--nano-icon-color:var(--nano-color-warning)}.nano-icon--danger{--nano-icon-color:var(--nano-color-danger)}.nano-tooltip{--nano-popover-bg-color:var(--nano-bg-color-overlay);--nano-popover-font-size:var(--nano-font-size-base);--nano-popover-border-color:var(--nano-border-color);--nano-popover-padding:12px;--nano-popover-border-radius:4px;display:inline-block}.nano-tooltip .nano-tooltip__popper{background:var(--nano-popover-bg-color);border-radius:var(--nano-popover-border-radius);border:1px solid var(--nano-popover-border-color);padding:var(--nano-popover-padding);color:var(--nano-text-color-regular);text-align:justify;line-height:1.4;font-size:var(--nano-popover-font-size);box-shadow:var(--nano-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.nano-tooltip .nano-tooltip__popper #arrow,.nano-tooltip .nano-tooltip__popper #arrow:before{box-sizing:border-box;background:var(--nano-popover-bg-color);width:8px;height:8px;position:absolute}.nano-tooltip .nano-tooltip__popper #arrow{visibility:hidden}.nano-tooltip .nano-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--nano-popover-border-color);border-bottom:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--nano-popover-border-color);border-top:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--nano-popover-border-color);border-top:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--nano-popover-border-color);border-bottom:1px solid var(--nano-popover-border-color)}.nano-tooltip .fade-enter-active,.nano-tooltip .fade-leave-active{transition:opacity var(--nano-transition-duration)}.nano-tooltip .fade-enter-from,.nano-tooltip .fade-leave-to{opacity:0}.nano-dropdown .nano-dropdown__menu{--nano-dropdown-menuItem-hover-fill:var(--nano-color-primary-light-9);--nano-dropdown-menuItem-hover-color:var(--nano-color-primary);--nano-dropdown-menuItem-disabled-color:var(--nano-border-color-lighter);--nano-dropdown-menuItem-divided-color:var(--nano-border-color-lighter)}.nano-dropdown{display:inline-block}.nano-dropdown .nano-tooltip{--nano-popover-padding:5px 0}.nano-dropdown__menu{margin:0;padding:0;list-style-type:none}.nano-dropdown__menu .nano-dropdown__item{white-space:nowrap;line-height:22px;font-size:var(--nano-font-size-base);color:var(--nano-text-color-regular);cursor:pointer;outline:none;align-items:center;margin:0;padding:5px 16px;list-style:none;display:flex}.nano-dropdown__menu .nano-dropdown__item:hover{background-color:var(--nano-dropdown-menuItem-hover-fill);color:var(--nano-dropdown-menuItem-hover-color)}.nano-dropdown__menu .nano-dropdown__item.is-disabled{color:var(--nano-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.nano-dropdown__menu .divided-placeholder{border-top:1px solid var(--nano-dropdown-menuItem-divided-color);margin:6px 0}.nano-message{--nano-message-bg-color:var(--nano-color-info-light-9);--nano-message-border-color:var(--nano-border-color-lighter);--nano-message-padding:15px 19px;--nano-message-close-size:16px;--nano-message-close-icon-color:var(--nano-text-color-placeholder);--nano-message-close-hover-color:var(--nano-text-color-secondary)}.nano-message{box-sizing:border-box;border-radius:var(--nano-border-radius-base);border-width:var(--nano-border-width);border-style:var(--nano-border-style);border-color:var(--nano-message-border-color);background-color:var(--nano-message-bg-color);width:fit-content;max-width:calc(100% - 32px);padding:var(--nano-message-padding);transition:top var(--nano-transition-duration), opacity var(--nano-transition-duration), transform var(--nano-transition-duration);align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nano-message .nano-message__content{color:var(--nano-message-text-color);overflow-wrap:anywhere}.nano-message.is-close .nano-message__content{padding-right:15px}.nano-message .nano-message__close{align-items:center;display:flex}.nano-message .nano-message__close svg{cursor:pointer}.nano-message--info{--nano-message-bg-color:var(--nano-color-info-light-9);--nano-message-border-color:var(--nano-color-info-light-8);--nano-message-text-color:var(--nano-color-info)}.nano-message--info .nano-message__close{--nano-icon-color:var(--nano-color-info)}.nano-message--success{--nano-message-bg-color:var(--nano-color-success-light-9);--nano-message-border-color:var(--nano-color-success-light-8);--nano-message-text-color:var(--nano-color-success)}.nano-message--success .nano-message__close{--nano-icon-color:var(--nano-color-success)}.nano-message--warning{--nano-message-bg-color:var(--nano-color-warning-light-9);--nano-message-border-color:var(--nano-color-warning-light-8);--nano-message-text-color:var(--nano-color-warning)}.nano-message--warning .nano-message__close{--nano-icon-color:var(--nano-color-warning)}.nano-message--danger{--nano-message-bg-color:var(--nano-color-danger-light-9);--nano-message-border-color:var(--nano-color-danger-light-8);--nano-message-text-color:var(--nano-color-danger)}.nano-message--danger .nano-message__close{--nano-icon-color:var(--nano-color-danger)}.nano-message.fade-up-enter-from,.nano-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.nano-input{--nano-input-text-color:var(--nano-text-color-regular);--nano-input-border:var(--nano-border);--nano-input-hover-border:var(--nano-border-color-hover);--nano-input-focus-border:var(--nano-color-primary);--nano-input-transparent-border:0 0 0 1px transparent inset;--nano-input-border-color:var(--nano-border-color);--nano-input-border-radius:var(--nano-border-radius-base);--nano-input-bg-color:var(--nano-fill-color-blank);--nano-input-icon-color:var(--nano-text-color-placeholder);--nano-input-placeholder-color:var(--nano-text-color-placeholder);--nano-input-hover-border-color:var(--nano-border-color-hover);--nano-input-clear-hover-color:var(--nano-text-color-secondary);--nano-input-focus-border-color:var(--nano-color-primary)}.nano-input{--nano-input-height:var(--nano-component-size);font-size:var(--nano-font-size-base);width:100%;line-height:var(--nano-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.nano-input.is-disabled{cursor:not-allowed}.nano-input.is-disabled .nano-input__wrapper{background-color:var(--nano-disabled-bg-color);box-shadow:0 0 0 1px var(--nano-disabled-border-color) inset}.nano-input.is-disabled .nano-input__inner{color:var(--nano-disabled-text-color);-webkit-text-fill-color:var(--nano-disabled-text-color);cursor:not-allowed}.nano-input.is-disabled .nano-textarea__inner{background-color:var(--nano-disabled-bg-color);box-shadow:0 0 0 1px var(--nano-disabled-border-color) inset;color:var(--nano-disabled-text-color);-webkit-text-fill-color:var(--nano-disabled-text-color);cursor:not-allowed}.nano-input.is-prepend>.nano-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.nano-input.is-append>.nano-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.nano-input--large{--nano-input-height:var(--nano-component-size-large);font-size:14px}.nano-input--large .nano-input__wrapper{padding:1px 15px}.nano-input--large .nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,40px) - 2px)}.nano-input--small{--nano-input-height:var(--nano-component-size-small);font-size:12px}.nano-input--small .nano-input__wrapper{padding:1px 7px}.nano-input--small .nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,24px) - 2px)}.nano-input__prefix,.nano-input__suffix{white-space:nowrap;text-align:center;height:100%;color:var(--nano-input-icon-color,var(--nano-text-color-placeholder));transition:all var(--nano-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.nano-input__prefix>:first-child{margin-left:0!important}.nano-input__prefix>:last-child{margin-right:8px!important}.nano-input__suffix>:first-child{margin-left:8px!important}.nano-input__suffix>:last-child{margin-right:0!important}.nano-input__prepend,.nano-input__append{background-color:var(--nano-fill-color-light);color:var(--nano-color-info);border-radius:var(--nano-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.nano-input__prepend{box-shadow:1px 0 0 0 var(--nano-input-border-color) inset,0 1px 0 0 var(--nano-input-border-color) inset,0 -1px 0 0 var(--nano-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.nano-input__append{box-shadow:0 1px 0 0 var(--nano-input-border-color) inset,0 -1px 0 0 var(--nano-input-border-color) inset,-1px 0 0 0 var(--nano-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.nano-input__append>.nano-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.nano-input--textarea{vertical-align:bottom;width:100%;font-size:var(--nano-font-size-base);display:inline-block;position:relative}.nano-textarea__wrapper{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--nano-input-text-color,var(--nano-text-color-regular));background-color:var(--nano-input-bg-color,var(--nano-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--nano-input-border-color,var(--nano-border-color)) inset;border-radius:var(--nano-input-border-radius,var(--nano-border-radius-base));transition:var(--nano-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.nano-textarea__wrapper:focus{box-shadow:0 0 0 1px var(--nano-input-focus-border-color) inset;outline:none}.nano-textarea__wrapper::placeholder{color:var(--nano-input-placeholder-color)}.nano-input__wrapper{background-color:var(--nano-input-bg-color,var(--nano-fill-color-blank));border-radius:var(--nano-input-border-radius,var(--nano-border-radius-base));transition:var(--nano-transition-box-shadow);box-shadow:0 0 0 1px var(--nano-input-border-color,var(--nano-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex}.nano-input__wrapper:hover{box-shadow:0 0 0 1px var(--nano-input-hover-border-color) inset}.nano-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--nano-input-focus-border-color) inset}.nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,32px) - 2px);-webkit-appearance:none;width:100%;color:var(--nano-input-text-color,var(--nano-text-color-regular));font-size:inherit;height:var(--nano-input-inner-height);line-height:var(--nano-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.nano-input__wrapper .nano-input__inner::placeholder{color:var(--nano-input-placeholder-color)}.nano-input__wrapper .nano-icon{height:inherit;line-height:inherit;transition:all var(--nano-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.nano-input__wrapper .nano-input__clear,.nano-input__wrapper .nano-input__password{color:var(--nano-input-icon-color);cursor:pointer;font-size:14px}:is(.nano-input__wrapper .nano-input__clear,.nano-input__wrapper .nano-input__password):hover{color:var(--nano-input-clear-hover-color)}.nano-switch{--nano-switch-on-color:var(--nano-color-primary);--nano-switch-off-color:var(--nano-border-color);--nano-switch-on-border-color:var(--nano-color-primary);--nano-switch-off-border-color:var(--nano-border-color)}.nano-switch{align-items:center;height:32px;font-size:14px;line-height:20px;display:inline-flex}.nano-switch .nano-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.nano-switch .nano-switch__input:focus-visible~.nano-switch__core{outline:2px solid var(--nano-switch-on-color);outline-offset:1px}.nano-switch.is-disabled{opacity:.6}.nano-switch.is-disabled .nano-switch__core{cursor:not-allowed}.nano-switch.is-checked .nano-switch__core{border-color:var(--nano-switch-on-border-color);background-color:var(--nano-switch-on-color)}.nano-switch.is-checked .nano-switch__core .nano-switch__core-action{left:calc(100% - 17px)}.nano-switch.is-checked .nano-switch__core .nano-switch__core-inner{padding:0 18px 0 4px}.nano-switch--large{height:40px;font-size:14px;line-height:24px}.nano-switch--large .nano-switch__core{border-radius:12px;min-width:50px;height:24px}.nano-switch--large .nano-switch__core .nano-switch__core-action{width:20px;height:20px}.nano-switch--large.is-checked .nano-switch__core .nano-switch__core-action{color:var(--nano-switch-on-color);left:calc(100% - 21px)}.nano-switch--small{height:24px;font-size:12px;line-height:16px}.nano-switch--small .nano-switch__core{border-radius:8px;min-width:30px;height:16px}.nano-switch--small .nano-switch__core .nano-switch__core-action{width:12px;height:12px}.nano-switch--small.is-checked .nano-switch__core .nano-switch__core-action{color:var(--nano-switch-on-color);left:calc(100% - 13px)}.nano-switch__core{border:1px solid var(--nano-switch-off-border-color);box-sizing:border-box;background:var(--nano-switch-off-color);cursor:pointer;min-width:40px;height:20px;transition:border-color var(--nano-transition-duration),background-color var(--nano-transition-duration);border-radius:10px;outline:none;align-items:center;display:inline-flex;position:relative}.nano-switch__core .nano-switch__core-action{border-radius:var(--nano-border-radius-circle);background-color:var(--nano-color-white);width:16px;height:16px;transition:all var(--nano-transition-duration);position:absolute;left:1px}.nano-switch__core .nano-switch__core-inner{width:100%;transition:all var(--nano-transition-duration);justify-content:center;align-items:center;height:16px;padding:0 4px 0 18px;display:flex;overflow:hidden}.nano-switch__core .nano-switch__core-inner .nano-switch__core-inner-text{color:var(--nano-color-white);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nano-select{--nano-select-item-hover-bg-color:var(--nano-fill-color-light);--nano-select-item-font-size:var(--nano-font-size-base);--nano-select-item-font-color:var(--nano-text-color-regular);--nano-select-item-selected-font-color:var(--nano-color-primary);--nano-select-item-disabled-font-color:var(--nano-text-color-placeholder);--nano-select-input-focus-border-color:var(--nano-color-primary)}.nano-select{vertical-align:middle;line-height:32px;display:inline-block}.nano-select .nano-tooltip .nano-tooltip__popper{padding:0}.nano-select .nano-input.is-focus .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-select-input-focus-border-color) inset!important}.nano-select .nano-input .header-angle{transition:transform var(--nano-transition-duration)}.nano-select .nano-input .header-angle.is-active{transform:rotate(180deg)}.nano-select .nano-input__inner{cursor:pointer}.nano-select .nano-select__nodata,.nano-select .nano-select__loading{text-align:center;color:var(--nano-text-color-secondary);font-size:var(--nano-select-font-size);margin:0;padding:10px 0}.nano-select .nano-select__menu{box-sizing:border-box;margin:6px 0;padding:0;list-style:none}.nano-select .nano-select__menu-item{font-size:var(--nano-select-item-font-size);white-space:nowrap;text-overflow:ellipsis;color:var(--nano-select-item-font-color);box-sizing:border-box;cursor:pointer;height:34px;margin:0;padding:0 32px 0 20px;line-height:34px;position:relative;overflow:hidden}.nano-select .nano-select__menu-item:hover{background-color:var(--nano-select-item-hover-bg-color)}.nano-select .nano-select__menu-item.is-selected{color:var(--nano-select-item-selected-font-color);font-weight:700}.nano-select .nano-select__menu-item.is-highlighted{background-color:var(--nano-select-item-hover-bg-color)}.nano-select .nano-select__menu-item.is-disabled{color:var(--nano-select-item-disabled-font-color);cursor:not-allowed}.nano-select .nano-select__menu-item.is-disabled:hover{background-color:#0000}.nano-form{--nano-form-label-font-size:var(--nano-font-size-base);--nano-form-content-font-size:var(--nano-font-size-base)}.nano-form-item{margin-bottom:18px;display:flex}.nano-form-item .nano-form-item__label{box-sizing:border-box;width:150px;height:32px;line-height:32px;font-size:var(--nano-form-label-font-size);color:var(--nano-text-color-regular);justify-content:flex-end;padding:0 12px 0 0;display:inline-flex}.nano-form-item .nano-form-item__content{line-height:32px;font-size:var(--nano-form-content-font-size);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.nano-form-item .nano-form-item__error-msg{color:var(--nano-color-danger);padding-top:2px;font-size:12px;line-height:1;position:absolute;top:100%;left:0}.nano-form-item.is-error .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-color-danger) inset}.nano-form-item.is-success .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-color-success) inset}.nano-form-item.is-required>.nano-form-item__label:before{content:"*";color:var(--nano-color-danger);margin-right:4px}
+/*$vite$:1*/