@v1nt1248/3nclient-lib 0.0.16 → 0.0.19

package/dist/stories/Ui3nInput.stories.d.ts

@@ -0,0 +1,456 @@
+import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
+import Ui3nInput from '../components/ui3n-input.vue';
+declare const meta: Meta<typeof Ui3nInput>;
+export default meta;
+export declare const Default: StoryObj<typeof meta>;
+export declare const With_label: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const With_Placeholder: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const Clearable: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const With_Icon: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const With_Color_Icon: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const With_Rule: StoryFn<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (value: string) => void;
+    focus: (value: Event) => void;
+    blur: (value: Event) => void;
+    clear: (value: string) => void;
+    change: (value: string) => void;
+    "update:value": (value: string) => void;
+    "update:valid": (value: boolean) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    rules: {
+        type: import("vue").PropType<((v: string) => any)[]>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+    };
+    iconColor: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    onFocus?: ((value: Event) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onClear?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onUpdate:valid"?: ((value: boolean) => any) | undefined;
+}, {}, {}>>;
+export declare const Disabled: StoryObj<typeof meta>;

package/dist/stories/Ui3nList.stories.d.ts

@@ -0,0 +1,29 @@
+import type { Meta, StoryFn } from '@storybook/vue3';
+import Ui3nList from '../components/ui3n-list.vue';
+declare const meta: Meta<typeof Ui3nList>;
+export default meta;
+export declare const Default: StoryFn<(<T extends {
+    id?: string | undefined;
+}>(__VLS_props: import("../components/ui3n-list.vue").Ui3nListProps<T> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: Pick<{
+    props: import("../components/ui3n-list.vue").Ui3nListProps<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: import("../components/ui3n-list.vue").Ui3nListSlots<T>;
+    emit: import("../components/ui3n-list.vue").Ui3nListEmits<T>;
+}, "attrs" | "slots" | "emit"> | undefined, __VLS_expose?: ((exposed: {}) => void) | undefined, __VLS_setup?: Promise<{
+    props: import("../components/ui3n-list.vue").Ui3nListProps<T>;
+    expose(exposed: {}): void;
+    attrs: any;
+    slots: import("../components/ui3n-list.vue").Ui3nListSlots<T>;
+    emit: import("../components/ui3n-list.vue").Ui3nListEmits<T>;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: import("../components/ui3n-list.vue").Ui3nListProps<T>;
+        expose(exposed: {}): void;
+        attrs: any;
+        slots: import("../components/ui3n-list.vue").Ui3nListSlots<T>;
+        emit: import("../components/ui3n-list.vue").Ui3nListEmits<T>;
+    } | undefined;
+})>;

package/dist/stories/data/data-to-list.d.ts

@@ -0,0 +1,8 @@
+export declare function prepareList(): {
+    id: string;
+    title: string;
+    children: {
+        id: string;
+        title: string;
+    }[];
+}[];

package/dist/stories/data/icons.d.ts

@@ -0,0 +1 @@
+export declare const icons: string[];

package/dist/style.css

@@ -1 +1 @@
-.ui3n-button[data-v-5f7c3964]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-5f7c3964]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-5f7c3964]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-button[data-v-5f7c3964]:not([disabled]){cursor:pointer}.ui3n-button[data-v-5f7c3964]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-5f7c3964],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-5f7c3964]{opacity:1}.ui3n-button[data-v-5f7c3964]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-5f7c3964]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-5f7c3964]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-5f7c3964]{margin-left:4px}.ui3n-button[disabled][data-v-5f7c3964]{opacity:.7}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity),0 1px 1px 0 var(--shadow-key-penumbra-opacity),0 1px 3px 0 var(--shadow-key-ambient-opacity)}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-drop-files[data-v-3411ed77]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-3411ed77]{position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-3411ed77]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-3411ed77]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-3411ed77]{position:relative;width:160px;height:160px;border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-3411ed77]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-3411ed77]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-cf691041]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-cf691041]{cursor:default}.ui3n-input[data-v-41c114f0]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-41c114f0]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-41c114f0]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-41c114f0]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-41c114f0]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-41c114f0]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-41c114f0]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-41c114f0]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-41c114f0]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-41c114f0]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-41c114f0]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-41c114f0]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-41c114f0]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-41c114f0]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-8ba1dfb9]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-8ba1dfb9],.ui3n-menu .menu-leave-active[data-v-8ba1dfb9]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-8ba1dfb9],.ui3n-menu .menu-leave-to[data-v-8ba1dfb9]{opacity:0}.ui3n-menu__trigger[data-v-8ba1dfb9]{position:relative}.ui3n-menu__content[data-v-8ba1dfb9]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity),0 3px 4px 0 var(--shadow-key-penumbra-opacity),0 1px 8px 0 var(--shadow-key-ambient-opacity)}.ui3n-list[data-v-8ccc687f]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-8ccc687f]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-8ccc687f]{position:sticky}.ui3n-list__content[data-v-8ccc687f]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-8ccc687f],.ui3n-list__item[data-v-8ccc687f]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-8ccc687f]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-8ccc687f]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-8ccc687f]{pointer-events:none;cursor:default}.ui3n-virtual-scroll[data-v-6a998153]{position:relative;width:100%;height:100%;overflow-y:auto}.ui3n-virtual-scroll__viewport[data-v-6a998153]{position:relative;overflow:hidden;will-change:transform}.ui3n-virtual-scroll__content[data-v-6a998153]{will-change:transform}.ui3n-virtual-scroll__item[data-v-6a998153]{position:relative;min-height:16px}
+.ui3n-button[data-v-c6485337]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-c6485337]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-c6485337]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button[data-v-c6485337]:not([disabled]){cursor:pointer}.ui3n-button[data-v-c6485337]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%;box-shadow:0 0 4px var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-c6485337],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-c6485337]{opacity:1}.ui3n-button[data-v-c6485337]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-c6485337]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-c6485337]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-c6485337]{margin-left:4px}.ui3n-button[disabled][data-v-c6485337]{opacity:.7}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-drop-files[data-v-0210fe5c]{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-0210fe5c]{box-sizing:border-box;position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-0210fe5c]{box-sizing:border-box;position:absolute;top:calc(var(--base-size, 8px) + 1px);bottom:calc(var(--base-size, 8px) + 1px);left:calc(var(--base-size, 8px) + 1px);right:calc(var(--base-size, 8px) + 1px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-0210fe5c]{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-0210fe5c]{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-0210fe5c]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-0210fe5c]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-f39ee37a]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);font-size:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-f39ee37a]{cursor:default}.ui3n-input[data-v-93a3cae9]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-93a3cae9]{display:block;width:100%;font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-93a3cae9]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-93a3cae9]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-93a3cae9]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-93a3cae9]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-93a3cae9]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-93a3cae9]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-93a3cae9]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-93a3cae9]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3 + 1px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-8ba1dfb9]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-8ba1dfb9],.ui3n-menu .menu-leave-active[data-v-8ba1dfb9]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-8ba1dfb9],.ui3n-menu .menu-leave-to[data-v-8ba1dfb9]{opacity:0}.ui3n-menu__trigger[data-v-8ba1dfb9]{position:relative}.ui3n-menu__content[data-v-8ba1dfb9]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 3px 4px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 8px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-list[data-v-9aff363c]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-9aff363c]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-9aff363c]{position:sticky}.ui3n-list__content[data-v-9aff363c]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-9aff363c],.ui3n-list__item[data-v-9aff363c]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-9aff363c]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-9aff363c]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-9aff363c]{pointer-events:none;cursor:default}.ui3n-virtual-scroll[data-v-6a998153]{position:relative;width:100%;height:100%;overflow-y:auto}.ui3n-virtual-scroll__viewport[data-v-6a998153]{position:relative;overflow:hidden;will-change:transform}.ui3n-virtual-scroll__content[data-v-6a998153]{will-change:transform}.ui3n-virtual-scroll__item[data-v-6a998153]{position:relative;min-height:16px}