vue-pane 0.5.0 → 0.8.0

package/README.md

@@ -7,9 +7,10 @@ Compact debug panel components for Vue 3. A spiritual replacement for [Tweakpane
 ## Features
 
 - Inputs: text, number (drag-to-change), slider, checkbox, select, color picker, 2D point
-- Display: single-line monitor, multi-line monitor, graph/sparkline
+- Display: single-line monitor, multiline monitor, graph/sparkline
 - Layout: collapsible pane, collapsible folders, tabs, separator
 - Pane and folder state persisted to `localStorage` via the `id` prop
+- Polling: `pollingRef` reads plain (non-reactive) JS objects on an interval — pauses automatically when the pane is collapsed
 
 ## Installation
 
@@ -39,7 +40,7 @@ export default defineConfig({
 ```vue
 <script setup>
 import { ref } from 'vue'
-import { VPane, PNumber, PCheckbox, PMonitor } from 'vue-pane'
+import { VPane, PNumber, PCheckbox, PMonitor, pollingRef } from 'vue-pane'
 
 const speed = ref(1)
 const enabled = ref(true)

package/dist/src/components/PCheckbox.vue.d.ts

@@ -1,15 +1,18 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<boolean>;
     label?: string;
     tooltip?: string;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: boolean;
+    modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PColor.vue.d.ts

@@ -1,16 +1,19 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<string>;
     label?: string;
     tooltip?: string;
     alpha?: boolean;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: string;
+    modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PGraph.vue.d.ts

@@ -1,5 +1,8 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
-    values: number[];
+    poll?: PollingRef<number>;
+    historyLength?: number;
+    values?: number[];
     label?: string;
     tooltip?: string;
     min?: number;

package/dist/src/components/PMonitor.vue.d.ts

@@ -1,5 +1,7 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
-    value: unknown;
+    poll?: PollingRef<unknown>;
+    value?: unknown;
     label?: string;
     tooltip?: string;
 };

package/dist/src/components/{PMonitorMulti.vue.d.ts → PMonitorMultiline.vue.d.ts}

@@ -1,5 +1,7 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
-    value: unknown;
+    poll?: PollingRef<unknown>;
+    value?: unknown;
     label?: string;
     tooltip?: string;
 };

package/dist/src/components/PNumber.vue.d.ts

@@ -1,18 +1,21 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<number>;
     label?: string;
     tooltip?: string;
     min?: number;
     max?: number;
     step?: number;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: number;
+    modelValue?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
+    "update:modelValue": (value: number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PPoint2d.vue.d.ts

@@ -1,11 +1,17 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<{
+        x: number;
+        y: number;
+    }>;
     label?: string;
     tooltip?: string;
     min?: number;
     max?: number;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: {
+    modelValue?: {
         x: number;
         y: number;
     };
@@ -15,12 +21,12 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {},
     "update:modelValue": (value: {
         x: number;
         y: number;
-    }) => any;
+    } | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         x: number;
         y: number;
-    }) => any) | undefined;
+    } | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PSelect.vue.d.ts

@@ -1,19 +1,22 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<string | number>;
     label?: string;
     tooltip?: string;
     options: {
         value: string | number;
         label: string;
     }[];
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: string | number;
+    modelValue?: string | number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number) => any;
+    "update:modelValue": (value: string | number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PSlider.vue.d.ts

@@ -1,18 +1,21 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<number>;
     label?: string;
     tooltip?: string;
     min?: number;
     max?: number;
     step?: number | null;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: number;
+    modelValue?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
+    "update:modelValue": (value: number | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/components/PText.vue.d.ts

@@ -1,15 +1,18 @@
+import { PollingRef } from '../composables/pollingRef';
 type __VLS_Props = {
+    poll?: PollingRef<string>;
     label?: string;
     tooltip?: string;
+    readonly?: boolean;
 };
 type __VLS_ModelProps = {
-    modelValue: string;
+    modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/src/composables/pollingComputed.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { POLLING_REF } from './pollingRef';
+export interface PollingComputed<T> extends Readonly<Ref<T>> {
+    readonly [POLLING_REF]: true;
+    subscribe(): void;
+    unsubscribe(): void;
+}
+export declare function pollingComputed<T>(getter: () => T, interval?: number): PollingComputed<T>;

package/dist/src/composables/pollingRef.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+export declare const POLLING_REF: unique symbol;
+export interface PollingRef<T> extends Ref<T> {
+    readonly [POLLING_REF]: true;
+    subscribe(): void;
+    unsubscribe(): void;
+}
+export declare function pollingRef<O extends object, K extends keyof O>(obj: O, key: K, interval?: number): PollingRef<O[K]>;
+export declare function isPollingRef<T>(r: Ref<T> | unknown): r is PollingRef<T>;

package/dist/src/composables/useFoldable.d.ts

@@ -1,5 +1,8 @@
-import { Ref } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 export declare function useFoldable(containerRef: Ref<HTMLElement | null>, expandedRef: Ref<boolean>, storageKey?: string, expandedClass?: string): {
     isExpanded: Ref<boolean>;
     toggle: () => void;
 };
+export declare const EXPANDED_KEY: InjectionKey<Ref<boolean>>;
+export declare function getPaneExpanded(): Ref<boolean>;
+export declare function cascadeExpanded(isExpanded: Ref<boolean>): void;

package/dist/src/composables/usePolling.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { PollingRef } from './pollingRef';
+export declare function usePolling(r: PollingRef<any>, visible?: Ref<boolean, boolean>): void;
+export declare function usePollingOrModel<T, S = T>(poll: PollingRef<T> | undefined, modelValue: Ref<T, S>, visible?: Ref<boolean, boolean>): Ref<NonNullable<T>, NonNullable<S>>;

package/dist/src/index.d.ts

@@ -1,19 +1,22 @@
-import { default as VPane } from './components/VPane.vue';
+import { default as PButton } from './components/PButton.vue';
+import { default as PCheckbox } from './components/PCheckbox.vue';
+import { default as PColor } from './components/PColor.vue';
 import { default as PFolder } from './components/PFolder.vue';
+import { default as PGraph } from './components/PGraph.vue';
 import { default as PLabel } from './components/PLabel.vue';
-import { default as PText } from './components/PText.vue';
+import { default as PMonitor } from './components/PMonitor.vue';
+import { default as PMonitorMultiline } from './components/PMonitorMultiline.vue';
 import { default as PNumber } from './components/PNumber.vue';
-import { default as PButton } from './components/PButton.vue';
-import { default as PSeparator } from './components/PSeparator.vue';
-import { default as PCheckbox } from './components/PCheckbox.vue';
+import { default as PPoint2d } from './components/PPoint2d.vue';
 import { default as PSelect } from './components/PSelect.vue';
-import { default as PMonitor } from './components/PMonitor.vue';
-import { default as PMonitorMulti } from './components/PMonitorMulti.vue';
+import { default as PSeparator } from './components/PSeparator.vue';
 import { default as PSlider } from './components/PSlider.vue';
 import { default as PTab } from './components/PTab.vue';
-import { default as PColor } from './components/PColor.vue';
-import { default as PGraph } from './components/PGraph.vue';
-import { default as PPoint2d } from './components/PPoint2d.vue';
+import { default as PText } from './components/PText.vue';
+import { default as VPane } from './components/VPane.vue';
+import { pollingComputed } from './composables/pollingComputed.ts';
+import { isPollingRef, pollingRef } from './composables/pollingRef.ts';
+import { usePolling, usePollingOrModel } from './composables/usePolling.ts';
 export type { PaneConfig } from './composables/usePaneConfig';
 export { usePaneConfig } from './composables/usePaneConfig';
-export { VPane, PFolder, PLabel, PText, PNumber, PButton, PSeparator, PCheckbox, PSelect, PMonitor, PMonitorMulti, PSlider, PTab, PColor, PGraph, PPoint2d, };
+export { VPane, PFolder, PLabel, PText, PNumber, PButton, PSeparator, PCheckbox, PSelect, PMonitor, PMonitorMultiline, PSlider, PTab, PColor, PGraph, PPoint2d, pollingRef, pollingComputed, isPollingRef, usePolling, usePollingOrModel, };

package/dist/vue-pane.css

@@ -1,2 +1,2 @@
-.vp-pane__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-pane__content>.vp-folder:last-child .vp-folder__content,.vp-pane__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-pane__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-pane__content>.vp-separator:not(:first-child),.vp-pane__content>.vp-container:not(:first-child),.vp-pane__content>.vp-separator+*,.vp-pane__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-pane__content>.vp-separator+.vp-separator,.vp-pane__content>.vp-container+.vp-container{margin-top:0}.vp-pane__title{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);padding-left:var(--cnt-hp);padding-right:calc(4px + var(--cnt-usz) + var(--cnt-hp));text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s;display:block;position:relative;overflow:hidden}.vp-pane__title:hover{background-color:var(--cnt-bg-h)}.vp-pane__title:focus{background-color:var(--cnt-bg-f)}.vp-pane__title:active{background-color:var(--cnt-bg-a)}.vp-pane__title:disabled{opacity:.5}.vp-pane__chevron{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);content:"";height:6px;bottom:0;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 6px) / 2 - 2px);opacity:.5;border-radius:2px;width:6px;margin:auto;transition:transform .2s ease-in-out;display:block;position:absolute;top:0;transform:rotate(90deg)}.vp-pane.vp-pane--expanded .vp-pane__chevron{transform:none}.vp-pane__content{box-sizing:border-box;opacity:0;height:0;padding-top:0;padding-bottom:0;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out;position:relative;overflow:hidden}.vp-pane.vp-pane--complete:not(.vp-pane--expanded) .vp-pane__content{display:none}.vp-pane.vp-pane--expanded .vp-pane__content{opacity:1;padding-bottom:var(--cnt-vp);padding-top:var(--cnt-vp);transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out;overflow:visible}:root,.vp-pane{--bs-bg:var(--vp-base-background-color,#28292e);--bs-br:var(--vp-base-border-radius,6px);--bs-ff:var(--vp-base-font-family,Roboto Mono, Source Code Pro, Menlo, Courier, monospace);--bs-sh:var(--vp-base-shadow-color,#0003);--bld-br:var(--vp-blade-border-radius,2px);--bld-hp:var(--vp-blade-horizontal-padding,4px);--bld-vw:var(--vp-blade-value-width,160px);--btn-bg:var(--vp-button-background-color,#adafb8);--btn-bg-a:var(--vp-button-background-color-active,#d6d7db);--btn-bg-f:var(--vp-button-background-color-focus,#c8cad0);--btn-bg-h:var(--vp-button-background-color-hover,#bbbcc4);--btn-fg:var(--vp-button-foreground-color,#28292e);--cnt-bg:var(--vp-container-background-color,#bbbcc41a);--cnt-bg-a:var(--vp-container-background-color-active,#bbbcc440);--cnt-bg-f:var(--vp-container-background-color-focus,#bbbcc433);--cnt-bg-h:var(--vp-container-background-color-hover,#bbbcc426);--cnt-fg:var(--vp-container-foreground-color,#bbbcc4);--cnt-hp:var(--vp-container-horizontal-padding,4px);--cnt-vp:var(--vp-container-vertical-padding,4px);--cnt-usp:var(--vp-container-unit-spacing,4px);--cnt-usz:var(--vp-container-unit-size,20px);--in-bg:var(--vp-input-background-color,#bbbcc41a);--in-bg-a:var(--vp-input-background-color-active,#bbbcc440);--in-bg-f:var(--vp-input-background-color-focus,#bbbcc433);--in-bg-h:var(--vp-input-background-color-hover,#bbbcc426);--in-fg:var(--vp-input-foreground-color,#bbbcc4);--lbl-fg:var(--vp-label-foreground-color,#bbbcc4b3);--mo-bg:var(--vp-monitor-background-color,#0003);--mo-fg:var(--vp-monitor-foreground-color,#bbbcc4b3);--grv-fg:var(--vp-groove-foreground-color,#bbbcc41a)}:where(.vp-pane,.vp-color__popup) button,:where(.vp-pane,.vp-color__popup) input,:where(.vp-pane,.vp-color__popup) select,:where(.vp-pane,.vp-color__popup) textarea{appearance:none;font-family:inherit;font-size:inherit;font-weight:inherit;background-color:#0000;border-width:0;outline:none;margin:0;padding:0}.vp-pane{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);font-family:var(--bs-ff);text-align:left;font-size:11px;font-weight:500;line-height:1}.vp-pane__title{border-radius:var(--bs-br);padding-left:calc(4px + var(--cnt-hp))}.vp-pane.vp-pane--expanded .vp-pane__title{border-bottom-right-radius:0;border-bottom-left-radius:0;transition-duration:0s;transition-delay:0s}.vp-pane--no-title>.vp-pane__title,.vp-pane__title:disabled .vp-pane__chevron{display:none}.vp-pane__content>.vp-folder:last-child>.vp-folder__content{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child>.vp-folder__indent{border-bottom-left-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child:not(.vp-folder--expanded)>.vp-folder__title{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child.vp-folder--expanded>.vp-folder__title{transition-duration:0s;transition-delay:0s}.vp-pane__content .vp-folder:not(:has(~.vp-folder)):not(.vp-folder--expanded)>.vp-folder__title{border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-tab:last-child>.vp-tab__content{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-tab:last-child>.vp-tab__indent{border-bottom-left-radius:var(--bs-br)}.vp-pane--no-title .vp-pane__content>.vp-folder:first-child{margin-top:calc(-1 * var(--cnt-vp))}.vp-pane--no-title .vp-pane__content>.vp-folder:first-child>.vp-folder__title{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.vp-pane--no-title .vp-pane__content>.vp-tab:first-child{margin-top:calc(-1 * var(--cnt-vp))}.vp-pane--no-title .vp-pane__content>.vp-tab:first-child>.vp-tab__title-bar{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.vp-pane.vp--disabled,.vp-pane .vp--disabled{pointer-events:none}.vp-tooltip{background-color:var(--bs-bg);border-radius:var(--bld-br);box-shadow:var(--bs-sh);color:var(--cnt-fg);font-family:var(--bs-ff), sans-serif;pointer-events:none;white-space:pre-wrap;z-index:1000;background-image:linear-gradient(#00000080,#00000080);max-width:200px;padding:4px 8px;font-size:11px;line-height:1.5}.vp-folder__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-folder__content>.vp-folder:last-child .vp-folder__content,.vp-folder__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-folder__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-folder__content>.vp-separator:not(:first-child),.vp-folder__content>.vp-container:not(:first-child),.vp-folder__content>.vp-separator+*,.vp-folder__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-folder__content>.vp-separator+.vp-separator,.vp-folder__content>.vp-container+.vp-container{margin-top:0}.vp-folder__content>.vp-container{margin-left:4px}.vp-folder__content>.vp-folder>.vp-folder__title{border-top-left-radius:var(--bld-br);border-bottom-left-radius:var(--bld-br)}.vp-folder__content>.vp-folder.vp-folder--expanded>.vp-folder__title{border-bottom-left-radius:0}.vp-folder__content .vp-folder>.vp-folder__content{border-bottom-left-radius:var(--bld-br)}.vp-folder__content>.vp-container+.vp-folder>.vp-folder__title,.vp-folder__content>.vp-container+.vp-tab>.vp-tab__title-bar{border-top-left-radius:0}.vp-folder__content>.vp-tab>.vp-tab__title-bar{border-top-left-radius:var(--bld-br)}.vp-folder__content .vp-tab>.vp-tab__content{border-bottom-left-radius:var(--bld-br)}.vp-folder__title{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);padding-left:var(--cnt-hp);padding-right:calc(4px + var(--cnt-usz) + var(--cnt-hp));text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s;display:block;position:relative;overflow:hidden}.vp-folder__title:hover{background-color:var(--cnt-bg-h)}.vp-folder__title:focus{background-color:var(--cnt-bg-f)}.vp-folder__title:active{background-color:var(--cnt-bg-a)}.vp-folder__title:disabled{opacity:.5}.vp-folder__chevron{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);content:"";height:6px;bottom:0;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 6px) / 2 - 2px);opacity:.5;border-radius:2px;width:6px;margin:auto;transition:transform .2s ease-in-out;display:block;position:absolute;top:0;transform:rotate(90deg)}.vp-folder.vp-folder--expanded>.vp-folder__title>.vp-folder__chevron{transform:none}.vp-folder__content{box-sizing:border-box;opacity:0;height:0;padding-top:0;padding-bottom:0;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out;position:relative;overflow:hidden}.vp-folder.vp-folder--complete:not(.vp-folder--expanded)>.vp-folder__content{display:none}.vp-folder.vp-folder--expanded>.vp-folder__content{opacity:1;padding-bottom:var(--cnt-vp);padding-top:var(--cnt-vp);transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out;overflow:visible}.vp-folder{position:relative}.vp-folder__title-text{padding-left:4px}.vp-folder__title:disabled .vp-folder__chevron{display:none}.vp-folder__content{padding-left:4px}.vp-folder__indent{color:var(--cnt-bg);bottom:0;left:0;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br), 4px);position:absolute;overflow:hidden}.vp-folder__indent:before{content:"";background-color:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}.vp-folder__title:hover+.vp-folder__indent{color:var(--cnt-bg-h)}.vp-folder__title:focus+.vp-folder__indent{color:var(--cnt-bg-f)}.vp-folder__title:active+.vp-folder__indent{color:var(--cnt-bg-a)}.vp-folder.vp--disabled>.vp-folder__indent{opacity:.5}.vp-label{padding-left:var(--cnt-hp);padding-right:var(--cnt-hp);align-items:center;line-height:1.3;display:flex}.vp-label--no-label{display:block}.vp-label__text{color:var(--lbl-fg);-webkit-hyphens:auto;hyphens:auto;flex:1;padding-left:4px;padding-right:16px;overflow:hidden}.vp-label.vp--disabled .vp-label__text{opacity:.5}.vp-label--no-label .vp-label__text{display:none}.vp-label__value{width:var(--bld-vw);flex-grow:0;flex-shrink:0;align-self:flex-start}.vp-label--no-label .vp-label__value{width:100%}.vp-text__input{background-color:var(--in-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--in-fg);height:var(--cnt-usz);font-family:inherit;line-height:var(--cnt-usz);width:100%;min-width:0}.vp-text__input:hover{background-color:var(--in-bg-h)}.vp-text__input:focus{background-color:var(--in-bg-f)}.vp-text__input:active{background-color:var(--in-bg-a)}.vp-text__input:disabled{opacity:.5}.vp-text{position:relative}.vp-text__input{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.vp-text--first .vp-text__input{border-top-right-radius:0;border-bottom-right-radius:0}.vp-text--middle .vp-text__input{border-radius:0}.vp-text--last .vp-text__input{border-top-left-radius:0;border-bottom-left-radius:0}.vp-text--number .vp-text__input{text-align:right}.vp-text--dragging .vp-text__input{opacity:.3}.vp-text__knob{cursor:ew-resize;height:100%;left:calc(var(--bld-hp) - 5px);width:12px;position:absolute;top:0}.vp-text__knob:before{background-color:var(--in-fg);content:"";height:calc(var(--cnt-usz) - 4px);opacity:.1;border-radius:1px;width:2px;margin-top:auto;margin-bottom:auto;margin-left:-1px;transition:border-radius .1s,height .1s,transform .1s,width .1s;position:absolute;top:0;bottom:0;left:50%}.vp-text__knob:hover:before,.vp-text--dragging .vp-text__knob:before{opacity:1}.vp-text--dragging .vp-text__knob:before{border-radius:50%;width:4px;height:4px;transform:translate(-1px)}.vp-text__guide{pointer-events:none;visibility:hidden;width:100%;height:8px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:50%;overflow:visible}.vp-text--dragging .vp-text__guide{visibility:visible}.vp-text__guide-body{fill:none;stroke:var(--in-fg);stroke-dasharray:1}.vp-text__guide-head{fill:none;stroke:var(--in-fg)}.vp-text__drag-tooltip{background-color:var(--cnt-fg);border-radius:var(--bld-br);color:var(--bs-bg);font-family:var(--bs-ff), sans-serif;pointer-events:none;visibility:hidden;white-space:nowrap;margin-left:6px;padding:2px 4px;font-size:11px;line-height:1.5;position:absolute;transform:translate(-50%,calc(-100% - 4px))}.vp-text__drag-tooltip:after{border-color:var(--cnt-fg) transparent transparent transparent;content:"";border-style:solid;border-width:3px 2px 0;width:0;height:0;margin-left:-2px;position:absolute;top:100%;left:50%}.vp-text--dragging .vp-text__drag-tooltip{visibility:visible}.vp-button__btn{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-button__btn:hover{background-color:var(--btn-bg-h)}.vp-button__btn:focus{background-color:var(--btn-bg-f)}.vp-button__btn:active{background-color:var(--btn-bg-a)}.vp-button__btn:disabled{opacity:.5}.vp-button__btn{width:100%}.vp-button__label{text-align:center}.vp-separator__rule{background-color:var(--grv-fg);border-width:0;width:100%;height:2px;margin:0;display:block}.vp-separator.vp--disabled .vp-separator__rule{opacity:.5}.vp-checkbox__label{display:block;position:relative}.vp-checkbox__input{opacity:0;position:absolute;top:0;left:0}.vp-checkbox__box{background-color:var(--in-bg);border-radius:var(--bld-br);cursor:pointer;height:var(--cnt-usz);width:var(--cnt-usz);display:block;position:relative}.vp-checkbox__box svg{opacity:0;width:16px;height:16px;margin:auto;display:block;position:absolute;inset:0}.vp-checkbox__box svg path{fill:none;stroke:var(--in-fg);stroke-width:2px}.vp-checkbox__input:hover+.vp-checkbox__box{background-color:var(--in-bg-h)}.vp-checkbox__input:focus+.vp-checkbox__box{background-color:var(--in-bg-f)}.vp-checkbox__input:active+.vp-checkbox__box{background-color:var(--in-bg-a)}.vp-checkbox__input:checked+.vp-checkbox__box svg{opacity:1}.vp-checkbox.vp--disabled .vp-checkbox__box{opacity:.5}.vp-select__input{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-select__input:hover{background-color:var(--btn-bg-h)}.vp-select__input:focus{background-color:var(--btn-bg-f)}.vp-select__input:active{background-color:var(--btn-bg-a)}.vp-select__input:disabled{opacity:.5}.vp-select{position:relative}.vp-select__input{width:100%;padding:0 20px 0 4px}.vp-select__arrow{pointer-events:none;margin:auto;position:absolute;top:0;bottom:0;right:2px}.vp-select__arrow svg{width:16px;height:16px;margin:auto;position:absolute;top:0;bottom:0;right:0}.vp-select__arrow svg path{fill:currentColor}.vp-select__input{padding:0 20px 0 var(--bld-hp);width:100%}.vp-select__arrow{color:var(--btn-fg)}.vp-monitor__value{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-monitor__value::-webkit-scrollbar{width:8px;height:8px}.vp-monitor__value::-webkit-scrollbar-corner{background-color:#0000}.vp-monitor__value::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-monitor__value{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.vp-monitor.vp--disabled .vp-monitor__value{opacity:.5}.vp-monitor-multi__value{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-monitor-multi__value::-webkit-scrollbar{width:8px;height:8px}.vp-monitor-multi__value::-webkit-scrollbar-corner{background-color:#0000}.vp-monitor-multi__value::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-monitor-multi__value{height:calc(var(--cnt-usz) * 3);line-height:var(--cnt-usz);padding-left:var(--bld-hp);padding-right:var(--bld-hp);resize:none;white-space:pre;display:block}.vp-monitor-multi.vp--disabled .vp-monitor-multi__value,.vp-slider.vp--disabled{opacity:.5}.vp-slider__track{box-sizing:border-box;cursor:pointer;height:var(--cnt-usz);outline:none;margin:0 6px;position:relative}.vp-slider__track:before{background-color:var(--in-bg);content:"";border-radius:1px;height:2px;margin:auto;display:block;position:absolute;inset:0}.vp-slider__knob{height:100%;position:absolute;top:0;left:0}.vp-slider__knob:before{background-color:var(--in-fg);content:"";border-radius:1px;height:2px;margin-top:auto;margin-bottom:auto;display:block;position:absolute;inset:0}.vp-slider__knob:after{background-color:var(--btn-bg);border-radius:var(--bld-br);content:"";width:12px;height:12px;margin-top:auto;margin-bottom:auto;display:block;position:absolute;top:0;bottom:0;right:-6px}.vp-slider__track:hover .vp-slider__knob:after{background-color:var(--btn-bg-h)}.vp-slider__track:focus .vp-slider__knob:after{background-color:var(--btn-bg-f)}.vp-slider__track:active .vp-slider__knob:after{background-color:var(--btn-bg-a)}.vp-tab-page__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-tab-page__content>.vp-folder:last-child .vp-folder__content,.vp-tab-page__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-tab-page__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-tab-page__content>.vp-separator:not(:first-child),.vp-tab-page__content>.vp-container:not(:first-child),.vp-tab-page__content>.vp-separator+*,.vp-tab-page__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-tab-page__content>.vp-separator+.vp-separator,.vp-tab-page__content>.vp-container+.vp-container{margin-top:0}.vp-tab-page__content>.vp-container{margin-left:4px}.vp-tab-page__content>.vp-folder>.vp-folder__title{border-top-left-radius:var(--bld-br);border-bottom-left-radius:var(--bld-br)}.vp-tab-page__content>.vp-folder.vp-folder--expanded>.vp-folder__title{border-bottom-left-radius:0}.vp-tab-page__content .vp-folder>.vp-folder__content{border-bottom-left-radius:var(--bld-br)}.vp-tab-page__content>.vp-container+.vp-folder>.vp-folder__title,.vp-tab-page__content>.vp-container+.vp-tab>.vp-tab__title-bar{border-top-left-radius:0}.vp-tab-page__content>.vp-tab>.vp-tab__title-bar{border-top-left-radius:var(--bld-br)}.vp-tab-page__content .vp-tab>.vp-tab__content{border-bottom-left-radius:var(--bld-br)}.vp-tab{position:relative}.vp-tab__title-bar{color:var(--cnt-bg);align-items:flex-end;display:flex;position:relative;overflow:hidden}.vp-tab__title-bar:hover{color:var(--cnt-bg-h)}.vp-tab__title-bar:has(:focus){color:var(--cnt-bg-f)}.vp-tab__title-bar:has(:active){color:var(--cnt-bg-a)}.vp-tab__title-bar:before{content:"";pointer-events:none;background-color:currentColor;height:2px;position:absolute;bottom:0;left:0;right:0}.vp-tab.vp--disabled .vp-tab__title-bar:before{opacity:.5}.vp-tab__indent{color:var(--cnt-bg);bottom:0;left:0;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br), 4px);position:absolute;overflow:hidden}.vp-tab__indent:before{content:"";background-color:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}.vp-tab__title-bar:hover+.vp-tab__indent{color:var(--cnt-bg-h)}.vp-tab__title-bar:has(:focus)+.vp-tab__indent{color:var(--cnt-bg-f)}.vp-tab__title-bar:has(:active)+.vp-tab__indent{color:var(--cnt-bg-a)}.vp-tab.vp--disabled>.vp-tab__indent{opacity:.5}.vp-tab-item{flex:1;min-width:0;position:relative}.vp-tab-item+.vp-tab-item{margin-left:2px}.vp-tab-item__btn{cursor:pointer;padding-left:calc(var(--cnt-hp) + 4px);padding-right:calc(var(--cnt-hp) + 4px);width:100%;display:block;position:relative}.vp-tab-item__btn:disabled{opacity:.5}.vp-tab-item__btn:before{background-color:var(--cnt-bg);content:"";pointer-events:none;position:absolute;inset:0 0 2px}.vp-tab-item__btn:hover:before{background-color:var(--cnt-bg-h)}.vp-tab-item__btn:focus:before{background-color:var(--cnt-bg-f)}.vp-tab-item__btn:active:before{background-color:var(--cnt-bg-a)}.vp-tab-item__label{color:var(--cnt-fg);height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);opacity:.5;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.vp-tab-item--selected .vp-tab-item__label{opacity:1}.vp-tab-page__content{padding-bottom:var(--cnt-vp);padding-left:4px;padding-top:var(--cnt-vp)}:root{--vc-picker-bg:#f8f8f8;--vc-body-bg:#fff;--vc-input-bg:#fff;--vc-input-text:#333;--vc-input-label:#969696;--vc-input-border:#dadada;--vc-chrome-toggle-btn-highlighted:#eee;--vc-ps-bg:#dcdcdc;--vc-ps-title-bg-gradient-start:#f0f0f0;--vc-ps-title-bg-gradient-end:#d4d4d4;--vc-ps-title-border:#b1b1b1;--vc-ps-title-color:#4d4d4d;--vc-ps-slider-border:#b3b3b3;--vc-ps-slider-border-bottom:#f0f0f0;--vs-ps-picker-border-dark:#555;--vs-ps-picker-border-white:#fff;--vc-ps-btn-gradient-start:#fff;--vc-ps-btn-gradient-end:#e6e6e6;--vc-ps-btn-border:#878787;--vc-ps-btn-shadow:#eaeaea;--vc-ps-btn-color:#000;--vc-ps-preview-border:#000;--vc-ps-label:#000;--vc-ps-input-border:#888;--vc-ps-input-shadow-dark:#0000001a;--vc-ps-input-shadow-light:#ececec;--vc-sketch-input-label:#222;--vc-sketch-presets-border:#eee;--vc-twitter-input-bg:#fff;--vc-twitter-input-border:#f0f0f0;--vc-twitter-input-color:#666;--vc-twitter-hash-bg:#f0f0f0;--vc-twitter-hash-color:#98a1a4}:root.dark{--vc-body-bg:#424242;--vc-picker-bg:#d0d0d0;--vc-input-bg:#2c2c2c;--vc-input-text:#d0d0d0;--vc-input-label:#bbb;--vc-input-border:#555;--vc-chrome-toggle-btn-highlighted:#5c5c5c;--vc-sketch-input-label:#bbb;--vc-sketch-presets-border:#5a5a5a;--vc-twitter-input-border:#383838;--vc-twitter-input-color:#bbb;--vc-twitter-hash-bg:#383838;--vc-twitter-hash-color:#a0acaf;--vc-twitter-input-bg:#555;--vc-ps-bg:#424242;--vc-ps-title-bg-gradient-start:#4e4e4e;--vc-ps-title-bg-gradient-end:#3a3a3a;--vc-ps-title-border:#5a5a5a;--vc-ps-title-color:#bbb;--vc-ps-slider-border:#5c5c5c;--vc-ps-slider-border-bottom:#4a4a4a;--vs-ps-picker-border-dark:#b8b8b8;--vs-ps-picker-border-white:#bbb;--vc-ps-btn-gradient-start:#505050;--vc-ps-btn-gradient-end:#3a3a3a;--vc-ps-btn-border:#6a6a6a;--vc-ps-btn-shadow:#2a2a2a;--vc-ps-btn-color:#bbb;--vc-ps-preview-border:#3a3a3a;--vc-ps-label:#bbb;--vc-ps-input-border:#666;--vc-ps-input-shadow-dark:#00000073;--vc-ps-input-shadow-light:#2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;touch-action:none;position:absolute;inset:0}.white[data-v-4d048d6e]{background:linear-gradient(90deg,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(#0000,#000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;outline:none;position:absolute}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{touch-action:none;width:100%;height:100%;position:relative}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;inset:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{z-index:2;outline:none;position:absolute}.picker[data-v-972b0fad]{background:var(--vc-picker-bg);cursor:pointer;border-radius:1px;width:4px;height:8px;margin-top:1px;transform:translate(-2px);box-shadow:0 0 2px #0009}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{background:var(--2f44f39d);border-radius:2px;width:100%;height:100%}.vc-checkerboard[data-v-37d61ccd]{background-size:contain;position:absolute;inset:0}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;inset:0}.vc-editable-input[data-v-9c267b2b]{position:relative}.vc-input-input[data-v-9c267b2b]{border:0;outline:none;width:100%;padding:0}.vc-input-label[data-v-9c267b2b]{text-transform:capitalize}.vc-chrome-picker[data-v-dfdde7e0]{width:225px;box-sizing:initial;border-radius:2px;font-family:Menlo,Consolas,Courier New,monospace;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d}.controls[data-v-dfdde7e0]{display:flex}.color-wrap[data-v-dfdde7e0]{width:36px;position:relative}.active-color[data-v-dfdde7e0]{z-index:1;border-radius:15px;width:30px;height:30px;position:relative;overflow:hidden}.color-wrap[data-v-dfdde7e0] .vc-checkerboard{background-size:auto;border-radius:15px;width:30px;height:30px}.sliders[data-v-dfdde7e0]{flex:1}.fieldsWrap[data-v-dfdde7e0]{padding-top:16px;display:flex}.fields[data-v-dfdde7e0]{flex:1;margin-left:-6px;display:flex}.field[data-v-dfdde7e0]{width:100%;padding-left:6px}.toggle-btn[data-v-dfdde7e0]{text-align:right;width:32px;position:relative}.toggle-icon[data-v-dfdde7e0]{cursor:pointer;z-index:2;color:var(--vc-input-text);margin-top:12px;margin-right:-4px;position:relative}.toggle-icon_highlighted[data-v-dfdde7e0]{background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px;width:24px;height:28px;position:absolute;top:10px;left:12px}.hue-wrap[data-v-dfdde7e0]{height:10px;margin-bottom:8px;position:relative}.alpha-wrap[data-v-dfdde7e0]{height:10px;position:relative}.hue-wrap[data-v-dfdde7e0] .container,.alpha-wrap[data-v-dfdde7e0] .gradient{border-radius:2px}.hue-wrap[data-v-dfdde7e0] .picker,.alpha-wrap[data-v-dfdde7e0] .picker{border-radius:6px;width:12px;height:12px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-dfdde7e0]{background-color:var(--vc-body-bg);padding:16px 16px 12px}.saturation[data-v-dfdde7e0]{border-radius:2px 2px 0 0;width:100%;padding-bottom:55%;position:relative;overflow:hidden}.saturation[data-v-dfdde7e0] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-dfdde7e0] .vc-input-input{width:100%;height:21px;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);text-align:center;border:none;border-radius:2px;font-size:11px}.fields[data-v-dfdde7e0] .vc-input-label{color:var(--vc-input-label);text-transform:uppercase;text-align:center;margin-top:12px;font-size:11px;line-height:11px;display:block}.alpha-disabled[data-v-dfdde7e0] .active-color{width:18px;height:18px}.alpha-disabled[data-v-dfdde7e0] .color-wrap{width:30px}.alpha-disabled[data-v-dfdde7e0] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-91d11fa7]{box-sizing:border-box;background-color:var(--vc-body-bg);border-radius:2px;width:245px;padding-top:5px;padding-left:5px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.colors[data-v-91d11fa7]{margin:0;padding:0;overflow:hidden}.color-item[data-v-91d11fa7]{float:left;cursor:pointer;width:15px;height:15px;margin-bottom:5px;margin-right:5px;list-style:none;position:relative}.color-item_white[data-v-91d11fa7]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-91d11fa7]{background:#000}.dot[data-v-91d11fa7]{opacity:1;background:#fff;border-radius:50%;position:absolute;inset:5px}.vc-grayscale-picker[data-v-631223a5]{box-sizing:border-box;background-color:var(--vc-body-bg);border-radius:2px;width:245px;padding-top:5px;padding-left:5px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.colors[data-v-631223a5]{margin:0;padding:0;overflow:hidden}.color-item[data-v-631223a5]{float:left;cursor:pointer;width:15px;height:15px;margin-bottom:5px;margin-right:5px;list-style:none;position:relative}.color-item_white[data-v-631223a5]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-631223a5]{background:#000}.dot[data-v-631223a5]{opacity:1;background:#fff;border-radius:50%;position:absolute;inset:5px}.vc-material-picker[data-v-8f86229c]{background-color:var(--vc-body-bg);border-radius:2px;width:98px;height:98px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;position:relative;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.vc-material-picker[data-v-8f86229c] .vc-input-input{background-color:var(--vc-body-bg);width:100%;height:30px;color:var(--vc-input-text);margin-top:12px;font-size:15px}.vc-material-picker[data-v-8f86229c] .vc-input-label{color:var(--vc-input-label);font-size:11px;position:absolute;top:0;left:0}.hex[data-v-8f86229c]{border-bottom-style:solid;border-bottom-width:2px}.rgb[data-v-8f86229c]{margin-right:-10px;padding-top:11px;display:flex}.color[data-v-8f86229c]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-b69df0e5]{background:var(--vc-ps-bg);width:513px;box-sizing:initial;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026}.fields_disabled[data-v-b69df0e5]{width:390px}.title[data-v-b69df0e5]{background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);height:23px;color:var(--vc-ps-title-color);text-align:center;border-radius:4px 4px 0 0;font-size:13px;line-height:24px;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005}.body[data-v-b69df0e5]{padding:15px;display:flex}.saturation[data-v-b69df0e5]{border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);width:256px;height:256px;position:relative;overflow:hidden}.saturation[data-v-b69df0e5] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-b69df0e5]{border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);width:19px;height:256px;margin-left:10px}.hue-picker[data-v-b69df0e5]{position:relative}.hue-picker-left[data-v-b69df0e5],.hue-picker-right[data-v-b69df0e5]{border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer;width:0;height:0;position:absolute}.hue-picker-left[data-v-b69df0e5]:after,.hue-picker-right[data-v-b69df0e5]:after{content:"";border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);width:0;height:0;position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-b69df0e5]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-b69df0e5]{transform:translate(21px,-4px)rotate(180deg)}.controls[data-v-b69df0e5]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-b69df0e5]{width:auto}.actions[data-v-b69df0e5]{flex:1;margin-left:20px}.action-btn[data-v-b69df0e5]{background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);height:20px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);text-align:center;border-radius:2px;margin-bottom:10px;font-size:14px;line-height:20px}.preview[data-v-b69df0e5]{width:60px}.preview-swatches[data-v-b69df0e5]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-top:1px;margin-bottom:2px}.preview-color[data-v-b69df0e5]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-b69df0e5]{color:var(--vc-ps-label);text-align:center;font-size:14px}.fields[data-v-b69df0e5]{width:80px;padding-top:5px;padding-bottom:9px;position:relative}.fields[data-v-b69df0e5] .vc-input-input{border:1px solid var(--vc-ps-input-border);width:40%;height:18px;box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);margin-bottom:5px;margin-left:40%;margin-right:10px;padding-left:3px;font-size:13px}.fields[data-v-b69df0e5] .vc-input-label,.fields[data-v-b69df0e5] .vc-input-desc{height:18px;color:var(--vc-ps-label);text-transform:uppercase;font-size:13px;line-height:22px;position:absolute;top:0}.fields[data-v-b69df0e5] .vc-input-label{width:34px;left:0}.fields[data-v-b69df0e5] .vc-input-desc{width:0;right:0}.fields-divider[data-v-b69df0e5]{height:5px}.hex[data-v-b69df0e5] .vc-input-input{border:1px solid var(--vc-ps-input-border);width:80%;height:18px;box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);margin-bottom:6px;margin-left:20%;padding-left:3px;font-size:13px}.hex[data-v-b69df0e5] .vc-input-label{text-transform:uppercase;width:14px;height:18px;font-size:13px;line-height:22px;position:absolute;top:0;left:0}.vc-sketch-picker[data-v-fdb7d989]{width:200px;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;padding:10px 10px 0;font-family:Menlo,Consolas,Courier New,monospace;position:relative;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.saturation[data-v-fdb7d989]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-fdb7d989]{display:flex}.sliders[data-v-fdb7d989]{flex:1;padding:4px 0}.hue[data-v-fdb7d989] .container,.alpha[data-v-fdb7d989] .gradient{border-radius:2px}.hue[data-v-fdb7d989]{height:10px;position:relative}.alpha[data-v-fdb7d989]{height:10px;margin-top:4px;position:relative;overflow:hidden}.color[data-v-fdb7d989]{border-radius:2px;width:24px;height:24px;margin-top:4px;margin-left:4px;position:relative;overflow:hidden}.active-color[data-v-fdb7d989]{z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040}.color[data-v-fdb7d989] .vc-checkerboard{background-size:auto}.field[data-v-fdb7d989]{padding-top:4px;display:flex}.field[data-v-fdb7d989] .vc-input-input{width:90%;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);border:none;padding:4px 0 3px 10%;font-size:10px}.field[data-v-fdb7d989] .vc-input-label{color:var(--vc-sketch-input-label);text-align:center;padding-top:3px;padding-bottom:4px;font-size:11px;display:block}.field_single[data-v-fdb7d989]{flex:1;padding-left:6px}.field_double[data-v-fdb7d989]{flex:2}.presets[data-v-fdb7d989]{border-top:1px solid var(--vc-sketch-presets-border);margin-left:-10px;margin-right:-10px;padding-top:10px;padding-left:10px}.preset-color[data-v-fdb7d989]{vertical-align:top;cursor:pointer;border-radius:3px;width:16px;height:16px;margin:0 10px 10px 0;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-fdb7d989] .vc-checkerboard{border-radius:3px;box-shadow:inset 0 0 0 1px #00000026}.alpha-disabled .color[data-v-fdb7d989]{height:10px}.vc-slider-picker[data-v-675d6988]{width:410px;position:relative}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{border-radius:6px;width:14px;height:14px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.alpha[data-v-675d6988]{height:12px;margin-top:20px;position:relative}.swatches[data-v-675d6988]{margin-top:20px;display:flex}.swatch[data-v-675d6988]{flex:1;width:20%;margin-right:1px}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{border-radius:3.6px/2px;transform:scaleY(1.8)}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{background-color:var(--vc-body-bg);width:320px;height:240px;overflow-y:scroll;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{float:left;width:40px;margin-right:10px;padding-bottom:10px}.color[data-v-3427cb2a]{box-sizing:border-box;cursor:pointer;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;width:40px;height:24px;margin-bottom:1px;overflow:hidden}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{fill:#fff;margin-left:8px;display:block}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-e74ac697]{background:var(--vc-body-bg);border:0 solid #00000040;border-radius:4px;position:relative;box-shadow:0 1px 4px #00000040}.triangle[data-v-e74ac697]{border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--vc-body-bg) transparent;width:0;height:0;position:absolute}.triangle_shadow[data-v-e74ac697]{border:9px solid #0000;border-top-width:0;border-bottom:10px solid #0000001a;width:0;height:0;position:absolute}.body[data-v-e74ac697]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-e74ac697] .vc-input-input{float:left;width:100px;height:28px;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);border:0;border-radius:0 4px 4px 0;outline:none;padding:1px 1px 1px 8px;font-size:14px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input span{display:none}.hash[data-v-e74ac697]{float:left;background:var(--vc-twitter-hash-bg);width:30px;height:30px;color:var(--vc-twitter-hash-color);border-radius:4px 0 0 4px;justify-content:center;align-items:center;display:flex}.swatch[data-v-e74ac697]{float:left;cursor:pointer;border-radius:4px;outline:none;width:30px;height:30px;margin:0 6px 6px 0;position:relative}.clear[data-v-e74ac697]{clear:both}.tri_hide .triangle[data-v-e74ac697],.tri_hide .triangle_shadow[data-v-e74ac697]{display:none}.tri_top_left .triangle[data-v-e74ac697]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-e74ac697]{top:-11px;left:12px}.tri_top_right .triangle[data-v-e74ac697]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-e74ac697]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;box-shadow:none;background-color:var(--46ac36b6);border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-2e071f54]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{height:14px;margin-top:5px}.vc-hsl-sliders[data-v-2e071f54] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vc-hsv-sliders[data-v-d6cfe1d9]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-d6cfe1d9]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{height:14px;margin-top:5px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vc-rgb-sliders[data-v-98b3b212]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-98b3b212]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{height:14px;margin-top:5px}.vc-rgb-sliders[data-v-98b3b212] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vp-color{position:relative}.vp-color__header{display:flex}.vp-color__swatch{width:var(--cnt-usz);flex-grow:0;flex-shrink:0}.vp-color__text{flex:1;margin-left:4px}.vp-color__swatch-btn{border-radius:var(--bld-br);cursor:pointer;height:var(--cnt-usz);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;width:100%;display:block;position:relative;overflow:hidden}.vp-color__swatch-btn:focus:after{border-radius:var(--bld-br);box-sizing:border-box;content:"";border:2px solid #ffffffbf;display:block;position:absolute;inset:0}.vp-color__swatch-btn__color{position:absolute;inset:0}.vp-color__popup{z-index:1000;--vc-body-bg:var(--bs-bg);--vc-picker-bg:#ffffffd9;--vc-input-bg:var(--in-bg);--vc-input-text:var(--cnt-fg);--vc-input-label:var(--lbl-fg);--vc-input-border:#ffffff26;--vc-chrome-toggle-btn-highlighted:var(--in-bg-h)}.vp-color__popup .vc-chrome-picker{box-sizing:border-box;font-family:var(--bs-ff);width:220px;font-size:11px}.vp-graph__svg{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-graph__svg::-webkit-scrollbar{width:8px;height:8px}.vp-graph__svg::-webkit-scrollbar-corner{background-color:#0000}.vp-graph__svg::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-graph{position:relative}.vp-graph__svg{height:calc(var(--cnt-usz) * 3);display:block}.vp-graph__svg polyline{fill:none;stroke:var(--mo-fg);stroke-linejoin:round}.vp-graph.vp--disabled .vp-graph__svg{opacity:.5}.vp-point-2d__btn{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-point-2d__btn:hover{background-color:var(--btn-bg-h)}.vp-point-2d__btn:focus{background-color:var(--btn-bg-f)}.vp-point-2d__btn:active{background-color:var(--btn-bg-a)}.vp-point-2d__btn:disabled{opacity:.5}.vp-point-2d{position:relative}.vp-point-2d__header{display:flex}.vp-point-2d__btn{height:var(--cnt-usz);width:var(--cnt-usz);margin-right:4px;position:relative}.vp-point-2d__btn svg{width:16px;height:16px;margin-top:-8px;margin-left:-8px;display:block;position:absolute;top:50%;left:50%}.vp-point-2d__btn svg path{stroke:currentColor;stroke-width:2px;fill:none}.vp-point-2d__btn svg circle{fill:currentColor}.vp-point-2d__inputs{flex:1}.vp-point-2d__picker-panel{opacity:0;height:0;margin-top:0;transition:height .2s ease-in-out,opacity .2s linear,margin-top .2s ease-in-out;overflow:hidden}.vp-point-2d.vp-point-2d--expanded .vp-point-2d__picker-panel{margin-top:var(--cnt-usp);opacity:1}.vp-point-2d.vp-point-2d--expanded.vp-point-2d--complete .vp-point-2d__picker-panel{overflow:visible}.vp-point-2d__picker-wrap{position:relative}.vp-point-2d__canvas{background-color:var(--in-bg);border-radius:var(--bld-br);cursor:crosshair;width:100%;display:block}.vp-point-2d__crosshair-h,.vp-point-2d__crosshair-v{pointer-events:none;background-color:#ffffff80;position:absolute}.vp-point-2d__crosshair-h{height:1px;left:0;right:0}.vp-point-2d__crosshair-v{width:1px;top:0;bottom:0}
+.vp-button__btn{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-button__btn:hover{background-color:var(--btn-bg-h)}.vp-button__btn:focus{background-color:var(--btn-bg-f)}.vp-button__btn:active{background-color:var(--btn-bg-a)}.vp-button__btn:disabled{opacity:.5}.vp-button__btn{width:100%}.vp-button__label{text-align:center}.vp-label{padding-left:var(--cnt-hp);padding-right:var(--cnt-hp);align-items:center;line-height:1.3;display:flex}.vp-label--no-label{display:block}.vp-label__text{color:var(--lbl-fg);-webkit-hyphens:auto;hyphens:auto;flex:1;padding-left:4px;padding-right:16px;overflow:hidden}.vp-label.vp--disabled .vp-label__text{opacity:.5}.vp-label--no-label .vp-label__text{display:none}.vp-label__value{width:var(--bld-vw);flex-grow:0;flex-shrink:0;align-self:flex-start}.vp-label--no-label .vp-label__value{width:100%}.vp-checkbox__label{display:block;position:relative}.vp-checkbox__input{opacity:0;position:absolute;top:0;left:0}.vp-checkbox__box{background-color:var(--in-bg);border-radius:var(--bld-br);cursor:pointer;height:var(--cnt-usz);width:var(--cnt-usz);display:block;position:relative}.vp-checkbox__box svg{opacity:0;width:16px;height:16px;margin:auto;display:block;position:absolute;inset:0}.vp-checkbox__box svg path{fill:none;stroke:var(--in-fg);stroke-width:2px}.vp-checkbox__input:hover+.vp-checkbox__box{background-color:var(--in-bg-h)}.vp-checkbox__input:focus+.vp-checkbox__box{background-color:var(--in-bg-f)}.vp-checkbox__input:active+.vp-checkbox__box{background-color:var(--in-bg-a)}.vp-checkbox__input:checked+.vp-checkbox__box svg{opacity:1}.vp-checkbox.vp--disabled .vp-checkbox__box{opacity:.5}.vp-checkbox--readonly .vp-checkbox__label{pointer-events:none}.vp-checkbox--readonly .vp-checkbox__box{opacity:.5}:root{--vc-picker-bg:#f8f8f8;--vc-body-bg:#fff;--vc-input-bg:#fff;--vc-input-text:#333;--vc-input-label:#969696;--vc-input-border:#dadada;--vc-chrome-toggle-btn-highlighted:#eee;--vc-ps-bg:#dcdcdc;--vc-ps-title-bg-gradient-start:#f0f0f0;--vc-ps-title-bg-gradient-end:#d4d4d4;--vc-ps-title-border:#b1b1b1;--vc-ps-title-color:#4d4d4d;--vc-ps-slider-border:#b3b3b3;--vc-ps-slider-border-bottom:#f0f0f0;--vs-ps-picker-border-dark:#555;--vs-ps-picker-border-white:#fff;--vc-ps-btn-gradient-start:#fff;--vc-ps-btn-gradient-end:#e6e6e6;--vc-ps-btn-border:#878787;--vc-ps-btn-shadow:#eaeaea;--vc-ps-btn-color:#000;--vc-ps-preview-border:#000;--vc-ps-label:#000;--vc-ps-input-border:#888;--vc-ps-input-shadow-dark:#0000001a;--vc-ps-input-shadow-light:#ececec;--vc-sketch-input-label:#222;--vc-sketch-presets-border:#eee;--vc-twitter-input-bg:#fff;--vc-twitter-input-border:#f0f0f0;--vc-twitter-input-color:#666;--vc-twitter-hash-bg:#f0f0f0;--vc-twitter-hash-color:#98a1a4}:root.dark{--vc-body-bg:#424242;--vc-picker-bg:#d0d0d0;--vc-input-bg:#2c2c2c;--vc-input-text:#d0d0d0;--vc-input-label:#bbb;--vc-input-border:#555;--vc-chrome-toggle-btn-highlighted:#5c5c5c;--vc-sketch-input-label:#bbb;--vc-sketch-presets-border:#5a5a5a;--vc-twitter-input-border:#383838;--vc-twitter-input-color:#bbb;--vc-twitter-hash-bg:#383838;--vc-twitter-hash-color:#a0acaf;--vc-twitter-input-bg:#555;--vc-ps-bg:#424242;--vc-ps-title-bg-gradient-start:#4e4e4e;--vc-ps-title-bg-gradient-end:#3a3a3a;--vc-ps-title-border:#5a5a5a;--vc-ps-title-color:#bbb;--vc-ps-slider-border:#5c5c5c;--vc-ps-slider-border-bottom:#4a4a4a;--vs-ps-picker-border-dark:#b8b8b8;--vs-ps-picker-border-white:#bbb;--vc-ps-btn-gradient-start:#505050;--vc-ps-btn-gradient-end:#3a3a3a;--vc-ps-btn-border:#6a6a6a;--vc-ps-btn-shadow:#2a2a2a;--vc-ps-btn-color:#bbb;--vc-ps-preview-border:#3a3a3a;--vc-ps-label:#bbb;--vc-ps-input-border:#666;--vc-ps-input-shadow-dark:#00000073;--vc-ps-input-shadow-light:#2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;touch-action:none;position:absolute;inset:0}.white[data-v-4d048d6e]{background:linear-gradient(90deg,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(#0000,#000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;outline:none;position:absolute}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{touch-action:none;width:100%;height:100%;position:relative}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;inset:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{z-index:2;outline:none;position:absolute}.picker[data-v-972b0fad]{background:var(--vc-picker-bg);cursor:pointer;border-radius:1px;width:4px;height:8px;margin-top:1px;transform:translate(-2px);box-shadow:0 0 2px #0009}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{background:var(--2f44f39d);border-radius:2px;width:100%;height:100%}.vc-checkerboard[data-v-37d61ccd]{background-size:contain;position:absolute;inset:0}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;inset:0}.vc-editable-input[data-v-9c267b2b]{position:relative}.vc-input-input[data-v-9c267b2b]{border:0;outline:none;width:100%;padding:0}.vc-input-label[data-v-9c267b2b]{text-transform:capitalize}.vc-chrome-picker[data-v-dfdde7e0]{width:225px;box-sizing:initial;border-radius:2px;font-family:Menlo,Consolas,Courier New,monospace;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d}.controls[data-v-dfdde7e0]{display:flex}.color-wrap[data-v-dfdde7e0]{width:36px;position:relative}.active-color[data-v-dfdde7e0]{z-index:1;border-radius:15px;width:30px;height:30px;position:relative;overflow:hidden}.color-wrap[data-v-dfdde7e0] .vc-checkerboard{background-size:auto;border-radius:15px;width:30px;height:30px}.sliders[data-v-dfdde7e0]{flex:1}.fieldsWrap[data-v-dfdde7e0]{padding-top:16px;display:flex}.fields[data-v-dfdde7e0]{flex:1;margin-left:-6px;display:flex}.field[data-v-dfdde7e0]{width:100%;padding-left:6px}.toggle-btn[data-v-dfdde7e0]{text-align:right;width:32px;position:relative}.toggle-icon[data-v-dfdde7e0]{cursor:pointer;z-index:2;color:var(--vc-input-text);margin-top:12px;margin-right:-4px;position:relative}.toggle-icon_highlighted[data-v-dfdde7e0]{background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px;width:24px;height:28px;position:absolute;top:10px;left:12px}.hue-wrap[data-v-dfdde7e0]{height:10px;margin-bottom:8px;position:relative}.alpha-wrap[data-v-dfdde7e0]{height:10px;position:relative}.hue-wrap[data-v-dfdde7e0] .container,.alpha-wrap[data-v-dfdde7e0] .gradient{border-radius:2px}.hue-wrap[data-v-dfdde7e0] .picker,.alpha-wrap[data-v-dfdde7e0] .picker{border-radius:6px;width:12px;height:12px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-dfdde7e0]{background-color:var(--vc-body-bg);padding:16px 16px 12px}.saturation[data-v-dfdde7e0]{border-radius:2px 2px 0 0;width:100%;padding-bottom:55%;position:relative;overflow:hidden}.saturation[data-v-dfdde7e0] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-dfdde7e0] .vc-input-input{width:100%;height:21px;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);text-align:center;border:none;border-radius:2px;font-size:11px}.fields[data-v-dfdde7e0] .vc-input-label{color:var(--vc-input-label);text-transform:uppercase;text-align:center;margin-top:12px;font-size:11px;line-height:11px;display:block}.alpha-disabled[data-v-dfdde7e0] .active-color{width:18px;height:18px}.alpha-disabled[data-v-dfdde7e0] .color-wrap{width:30px}.alpha-disabled[data-v-dfdde7e0] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-91d11fa7]{box-sizing:border-box;background-color:var(--vc-body-bg);border-radius:2px;width:245px;padding-top:5px;padding-left:5px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.colors[data-v-91d11fa7]{margin:0;padding:0;overflow:hidden}.color-item[data-v-91d11fa7]{float:left;cursor:pointer;width:15px;height:15px;margin-bottom:5px;margin-right:5px;list-style:none;position:relative}.color-item_white[data-v-91d11fa7]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-91d11fa7]{background:#000}.dot[data-v-91d11fa7]{opacity:1;background:#fff;border-radius:50%;position:absolute;inset:5px}.vc-grayscale-picker[data-v-631223a5]{box-sizing:border-box;background-color:var(--vc-body-bg);border-radius:2px;width:245px;padding-top:5px;padding-left:5px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.colors[data-v-631223a5]{margin:0;padding:0;overflow:hidden}.color-item[data-v-631223a5]{float:left;cursor:pointer;width:15px;height:15px;margin-bottom:5px;margin-right:5px;list-style:none;position:relative}.color-item_white[data-v-631223a5]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-631223a5]{background:#000}.dot[data-v-631223a5]{opacity:1;background:#fff;border-radius:50%;position:absolute;inset:5px}.vc-material-picker[data-v-8f86229c]{background-color:var(--vc-body-bg);border-radius:2px;width:98px;height:98px;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;position:relative;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.vc-material-picker[data-v-8f86229c] .vc-input-input{background-color:var(--vc-body-bg);width:100%;height:30px;color:var(--vc-input-text);margin-top:12px;font-size:15px}.vc-material-picker[data-v-8f86229c] .vc-input-label{color:var(--vc-input-label);font-size:11px;position:absolute;top:0;left:0}.hex[data-v-8f86229c]{border-bottom-style:solid;border-bottom-width:2px}.rgb[data-v-8f86229c]{margin-right:-10px;padding-top:11px;display:flex}.color[data-v-8f86229c]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-b69df0e5]{background:var(--vc-ps-bg);width:513px;box-sizing:initial;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026}.fields_disabled[data-v-b69df0e5]{width:390px}.title[data-v-b69df0e5]{background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);height:23px;color:var(--vc-ps-title-color);text-align:center;border-radius:4px 4px 0 0;font-size:13px;line-height:24px;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005}.body[data-v-b69df0e5]{padding:15px;display:flex}.saturation[data-v-b69df0e5]{border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);width:256px;height:256px;position:relative;overflow:hidden}.saturation[data-v-b69df0e5] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-b69df0e5]{border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);width:19px;height:256px;margin-left:10px}.hue-picker[data-v-b69df0e5]{position:relative}.hue-picker-left[data-v-b69df0e5],.hue-picker-right[data-v-b69df0e5]{border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer;width:0;height:0;position:absolute}.hue-picker-left[data-v-b69df0e5]:after,.hue-picker-right[data-v-b69df0e5]:after{content:"";border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);width:0;height:0;position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-b69df0e5]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-b69df0e5]{transform:translate(21px,-4px)rotate(180deg)}.controls[data-v-b69df0e5]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-b69df0e5]{width:auto}.actions[data-v-b69df0e5]{flex:1;margin-left:20px}.action-btn[data-v-b69df0e5]{background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);height:20px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);text-align:center;border-radius:2px;margin-bottom:10px;font-size:14px;line-height:20px}.preview[data-v-b69df0e5]{width:60px}.preview-swatches[data-v-b69df0e5]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-top:1px;margin-bottom:2px}.preview-color[data-v-b69df0e5]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-b69df0e5]{color:var(--vc-ps-label);text-align:center;font-size:14px}.fields[data-v-b69df0e5]{width:80px;padding-top:5px;padding-bottom:9px;position:relative}.fields[data-v-b69df0e5] .vc-input-input{border:1px solid var(--vc-ps-input-border);width:40%;height:18px;box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);margin-bottom:5px;margin-left:40%;margin-right:10px;padding-left:3px;font-size:13px}.fields[data-v-b69df0e5] .vc-input-label,.fields[data-v-b69df0e5] .vc-input-desc{height:18px;color:var(--vc-ps-label);text-transform:uppercase;font-size:13px;line-height:22px;position:absolute;top:0}.fields[data-v-b69df0e5] .vc-input-label{width:34px;left:0}.fields[data-v-b69df0e5] .vc-input-desc{width:0;right:0}.fields-divider[data-v-b69df0e5]{height:5px}.hex[data-v-b69df0e5] .vc-input-input{border:1px solid var(--vc-ps-input-border);width:80%;height:18px;box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);margin-bottom:6px;margin-left:20%;padding-left:3px;font-size:13px}.hex[data-v-b69df0e5] .vc-input-label{text-transform:uppercase;width:14px;height:18px;font-size:13px;line-height:22px;position:absolute;top:0;left:0}.vc-sketch-picker[data-v-fdb7d989]{width:200px;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;padding:10px 10px 0;font-family:Menlo,Consolas,Courier New,monospace;position:relative;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.saturation[data-v-fdb7d989]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-fdb7d989]{display:flex}.sliders[data-v-fdb7d989]{flex:1;padding:4px 0}.hue[data-v-fdb7d989] .container,.alpha[data-v-fdb7d989] .gradient{border-radius:2px}.hue[data-v-fdb7d989]{height:10px;position:relative}.alpha[data-v-fdb7d989]{height:10px;margin-top:4px;position:relative;overflow:hidden}.color[data-v-fdb7d989]{border-radius:2px;width:24px;height:24px;margin-top:4px;margin-left:4px;position:relative;overflow:hidden}.active-color[data-v-fdb7d989]{z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040}.color[data-v-fdb7d989] .vc-checkerboard{background-size:auto}.field[data-v-fdb7d989]{padding-top:4px;display:flex}.field[data-v-fdb7d989] .vc-input-input{width:90%;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);border:none;padding:4px 0 3px 10%;font-size:10px}.field[data-v-fdb7d989] .vc-input-label{color:var(--vc-sketch-input-label);text-align:center;padding-top:3px;padding-bottom:4px;font-size:11px;display:block}.field_single[data-v-fdb7d989]{flex:1;padding-left:6px}.field_double[data-v-fdb7d989]{flex:2}.presets[data-v-fdb7d989]{border-top:1px solid var(--vc-sketch-presets-border);margin-left:-10px;margin-right:-10px;padding-top:10px;padding-left:10px}.preset-color[data-v-fdb7d989]{vertical-align:top;cursor:pointer;border-radius:3px;width:16px;height:16px;margin:0 10px 10px 0;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-fdb7d989] .vc-checkerboard{border-radius:3px;box-shadow:inset 0 0 0 1px #00000026}.alpha-disabled .color[data-v-fdb7d989]{height:10px}.vc-slider-picker[data-v-675d6988]{width:410px;position:relative}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{border-radius:6px;width:14px;height:14px;transform:translate(-7px,-2px);box-shadow:0 1px 4px #0000005e}.alpha[data-v-675d6988]{height:12px;margin-top:20px;position:relative}.swatches[data-v-675d6988]{margin-top:20px;display:flex}.swatch[data-v-675d6988]{flex:1;width:20%;margin-right:1px}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{border-radius:3.6px/2px;transform:scaleY(1.8)}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{background-color:var(--vc-body-bg);width:320px;height:240px;overflow-y:scroll;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{float:left;width:40px;margin-right:10px;padding-bottom:10px}.color[data-v-3427cb2a]{box-sizing:border-box;cursor:pointer;-ms-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;width:40px;height:24px;margin-bottom:1px;overflow:hidden}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{fill:#fff;margin-left:8px;display:block}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-e74ac697]{background:var(--vc-body-bg);border:0 solid #00000040;border-radius:4px;position:relative;box-shadow:0 1px 4px #00000040}.triangle[data-v-e74ac697]{border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--vc-body-bg) transparent;width:0;height:0;position:absolute}.triangle_shadow[data-v-e74ac697]{border:9px solid #0000;border-top-width:0;border-bottom:10px solid #0000001a;width:0;height:0;position:absolute}.body[data-v-e74ac697]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-e74ac697] .vc-input-input{float:left;width:100px;height:28px;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);border:0;border-radius:0 4px 4px 0;outline:none;padding:1px 1px 1px 8px;font-size:14px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input span{display:none}.hash[data-v-e74ac697]{float:left;background:var(--vc-twitter-hash-bg);width:30px;height:30px;color:var(--vc-twitter-hash-color);border-radius:4px 0 0 4px;justify-content:center;align-items:center;display:flex}.swatch[data-v-e74ac697]{float:left;cursor:pointer;border-radius:4px;outline:none;width:30px;height:30px;margin:0 6px 6px 0;position:relative}.clear[data-v-e74ac697]{clear:both}.tri_hide .triangle[data-v-e74ac697],.tri_hide .triangle_shadow[data-v-e74ac697]{display:none}.tri_top_left .triangle[data-v-e74ac697]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-e74ac697]{top:-11px;left:12px}.tri_top_right .triangle[data-v-e74ac697]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-e74ac697]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;box-shadow:none;background-color:var(--46ac36b6);border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-2e071f54]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{height:14px;margin-top:5px}.vc-hsl-sliders[data-v-2e071f54] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vc-hsv-sliders[data-v-d6cfe1d9]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-d6cfe1d9]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{height:14px;margin-top:5px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vc-rgb-sliders[data-v-98b3b212]{width:100%;font-family:Menlo,Consolas,Courier New,monospace;position:relative}.slider-wrap[data-v-98b3b212]{gap:12px;height:24px;margin-bottom:10px;display:flex}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{height:24px;color:var(--vc-input-text);text-transform:uppercase;text-align:center;font-size:12px;line-height:24px;display:block}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{height:14px;margin-top:5px}.vc-rgb-sliders[data-v-98b3b212] .background{border:1px solid var(--vc-input-border);border-radius:4px}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;box-shadow:none;border:2px solid #fff;border-radius:50%;margin:0;transform:translate(-12px)translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;color:var(--vc-input-text);text-align:center;background:0 0;font-size:12px}.vp-color{position:relative}.vp-color__header{display:flex}.vp-color__swatch{width:var(--cnt-usz);flex-grow:0;flex-shrink:0}.vp-color__text{flex:1;margin-left:4px}.vp-color__swatch-btn{border-radius:var(--bld-br);cursor:pointer;height:var(--cnt-usz);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;width:100%;display:block;position:relative;overflow:hidden}.vp-color__swatch-btn:focus:after{border-radius:var(--bld-br);box-sizing:border-box;content:"";border:2px solid #ffffffbf;display:block;position:absolute;inset:0}.vp-color__swatch-btn__color{position:absolute;inset:0}.vp-color--readonly .vp-color__swatch-btn{cursor:default;opacity:.5;pointer-events:none}.vp-color--readonly .vp-color__text .vp-text__input{cursor:default;opacity:.5}.vp-color__popup{z-index:1000;--vc-body-bg:var(--bs-bg);--vc-picker-bg:#ffffffd9;--vc-input-bg:var(--in-bg);--vc-input-text:var(--cnt-fg);--vc-input-label:var(--lbl-fg);--vc-input-border:#ffffff26;--vc-chrome-toggle-btn-highlighted:var(--in-bg-h)}.vp-color__popup .vc-chrome-picker{box-sizing:border-box;font-family:var(--bs-ff);width:220px;font-size:11px}.vp-folder__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-folder__content>.vp-folder:last-child .vp-folder__content,.vp-folder__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-folder__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-folder__content>.vp-separator:not(:first-child),.vp-folder__content>.vp-container:not(:first-child),.vp-folder__content>.vp-separator+*,.vp-folder__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-folder__content>.vp-separator+.vp-separator,.vp-folder__content>.vp-container+.vp-container{margin-top:0}.vp-folder__content>.vp-container{margin-left:4px}.vp-folder__content>.vp-folder>.vp-folder__title{border-top-left-radius:var(--bld-br);border-bottom-left-radius:var(--bld-br)}.vp-folder__content>.vp-folder.vp-folder--expanded>.vp-folder__title{border-bottom-left-radius:0}.vp-folder__content .vp-folder>.vp-folder__content{border-bottom-left-radius:var(--bld-br)}.vp-folder__content>.vp-container+.vp-folder>.vp-folder__title,.vp-folder__content>.vp-container+.vp-tab>.vp-tab__title-bar{border-top-left-radius:0}.vp-folder__content>.vp-tab>.vp-tab__title-bar{border-top-left-radius:var(--bld-br)}.vp-folder__content .vp-tab>.vp-tab__content{border-bottom-left-radius:var(--bld-br)}.vp-folder__title{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);padding-left:var(--cnt-hp);padding-right:calc(4px + var(--cnt-usz) + var(--cnt-hp));text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s;display:block;position:relative;overflow:hidden}.vp-folder__title:hover{background-color:var(--cnt-bg-h)}.vp-folder__title:focus{background-color:var(--cnt-bg-f)}.vp-folder__title:active{background-color:var(--cnt-bg-a)}.vp-folder__title:disabled{opacity:.5}.vp-folder__chevron{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);content:"";height:6px;bottom:0;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 6px) / 2 - 2px);opacity:.5;border-radius:2px;width:6px;margin:auto;transition:transform .2s ease-in-out;display:block;position:absolute;top:0;transform:rotate(90deg)}.vp-folder.vp-folder--expanded>.vp-folder__title>.vp-folder__chevron{transform:none}.vp-folder__content{box-sizing:border-box;opacity:0;height:0;padding-top:0;padding-bottom:0;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out;position:relative;overflow:hidden}.vp-folder.vp-folder--complete:not(.vp-folder--expanded)>.vp-folder__content{display:none}.vp-folder.vp-folder--expanded>.vp-folder__content{opacity:1;padding-bottom:var(--cnt-vp);padding-top:var(--cnt-vp);transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out;overflow:visible}.vp-folder{position:relative}.vp-folder__title-text{padding-left:4px}.vp-folder__title:disabled .vp-folder__chevron{display:none}.vp-folder__content{padding-left:4px}.vp-folder__indent{color:var(--cnt-bg);bottom:0;left:0;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br), 4px);position:absolute;overflow:hidden}.vp-folder__indent:before{content:"";background-color:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}.vp-folder__title:hover+.vp-folder__indent{color:var(--cnt-bg-h)}.vp-folder__title:focus+.vp-folder__indent{color:var(--cnt-bg-f)}.vp-folder__title:active+.vp-folder__indent{color:var(--cnt-bg-a)}.vp-folder.vp--disabled>.vp-folder__indent{opacity:.5}.vp-graph__svg{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-graph__svg::-webkit-scrollbar{width:8px;height:8px}.vp-graph__svg::-webkit-scrollbar-corner{background-color:#0000}.vp-graph__svg::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-graph{position:relative}.vp-graph__svg{height:calc(var(--cnt-usz) * 3);display:block}.vp-graph__svg polyline{fill:none;stroke:var(--mo-fg);stroke-linejoin:round}.vp-graph.vp--disabled .vp-graph__svg{opacity:.5}.vp-monitor__value{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-monitor__value::-webkit-scrollbar{width:8px;height:8px}.vp-monitor__value::-webkit-scrollbar-corner{background-color:#0000}.vp-monitor__value::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-monitor__value{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.vp-monitor.vp--disabled .vp-monitor__value{opacity:.5}.vp-monitor-multi__value{background-color:var(--mo-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--mo-fg);height:var(--cnt-usz);scrollbar-color:currentColor transparent;scrollbar-width:thin;width:100%}.vp-monitor-multi__value::-webkit-scrollbar{width:8px;height:8px}.vp-monitor-multi__value::-webkit-scrollbar-corner{background-color:#0000}.vp-monitor-multi__value::-webkit-scrollbar-thumb{background-color:currentColor;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.vp-monitor-multi__value{height:calc(var(--cnt-usz) * 3);line-height:var(--cnt-usz);padding-left:var(--bld-hp);padding-right:var(--bld-hp);resize:none;white-space:pre;display:block}.vp-monitor-multi.vp--disabled .vp-monitor-multi__value{opacity:.5}.vp-text--number .vp-text__input{text-align:right}.vp-text--dragging .vp-text__input{opacity:.3}.vp-text__knob{cursor:ew-resize;height:100%;left:calc(var(--bld-hp) - 5px);width:12px;position:absolute;top:0}.vp-text__knob:before{background-color:var(--in-fg);content:"";height:calc(var(--cnt-usz) - 4px);opacity:.1;border-radius:1px;width:2px;margin-top:auto;margin-bottom:auto;margin-left:-1px;transition:border-radius .1s,height .1s,transform .1s,width .1s;position:absolute;top:0;bottom:0;left:50%}.vp-text__knob:hover:before,.vp-text--dragging .vp-text__knob:before{opacity:1}.vp-text--dragging .vp-text__knob:before{border-radius:50%;width:4px;height:4px;transform:translate(-1px)}.vp-text__guide{pointer-events:none;visibility:hidden;width:100%;height:8px;margin:auto;display:block;position:absolute;top:0;bottom:0;left:50%;overflow:visible}.vp-text--dragging .vp-text__guide{visibility:visible}.vp-text__guide-body{fill:none;stroke:var(--in-fg);stroke-dasharray:1}.vp-text__guide-head{fill:none;stroke:var(--in-fg)}.vp-text__drag-tooltip{background-color:var(--cnt-fg);border-radius:var(--bld-br);color:var(--bs-bg);font-family:var(--bs-ff), sans-serif;pointer-events:none;visibility:hidden;white-space:nowrap;margin-left:6px;padding:2px 4px;font-size:11px;line-height:1.5;position:absolute;transform:translate(-50%,calc(-100% - 4px))}.vp-text__drag-tooltip:after{border-color:var(--cnt-fg) transparent transparent transparent;content:"";border-style:solid;border-width:3px 2px 0;width:0;height:0;margin-left:-2px;position:absolute;top:100%;left:50%}.vp-text--dragging .vp-text__drag-tooltip{visibility:visible}.vp-point-2d__btn{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-point-2d__btn:hover{background-color:var(--btn-bg-h)}.vp-point-2d__btn:focus{background-color:var(--btn-bg-f)}.vp-point-2d__btn:active{background-color:var(--btn-bg-a)}.vp-point-2d__btn:disabled{opacity:.5}.vp-point-2d{position:relative}.vp-point-2d__header{display:flex}.vp-point-2d__btn{height:var(--cnt-usz);width:var(--cnt-usz);margin-right:4px;position:relative}.vp-point-2d__btn svg{width:16px;height:16px;margin-top:-8px;margin-left:-8px;display:block;position:absolute;top:50%;left:50%}.vp-point-2d__btn svg path{stroke:currentColor;stroke-width:2px;fill:none}.vp-point-2d__btn svg circle{fill:currentColor}.vp-point-2d__inputs{flex:1}.vp-point-2d__picker-panel{opacity:0;height:0;margin-top:0;transition:height .2s ease-in-out,opacity .2s linear,margin-top .2s ease-in-out;overflow:hidden}.vp-point-2d.vp-point-2d--expanded .vp-point-2d__picker-panel{margin-top:var(--cnt-usp);opacity:1}.vp-point-2d.vp-point-2d--expanded.vp-point-2d--complete .vp-point-2d__picker-panel{overflow:visible}.vp-point-2d__picker-wrap{position:relative}.vp-point-2d__canvas{background-color:var(--in-bg);border-radius:var(--bld-br);cursor:crosshair;width:100%;display:block}.vp-point-2d__crosshair-h,.vp-point-2d__crosshair-v{pointer-events:none;background-color:#ffffff80;position:absolute}.vp-point-2d__crosshair-h{height:1px;left:0;right:0}.vp-point-2d__crosshair-v{width:1px;top:0;bottom:0}.vp-point-2d--readonly .vp-point-2d__btn{opacity:.5;pointer-events:none}.vp-point-2d--readonly .vp-point-2d__canvas{cursor:default;pointer-events:none;opacity:.5}.vp-select__input{background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;height:var(--cnt-usz);font-weight:700;line-height:var(--cnt-usz);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vp-select__input:hover{background-color:var(--btn-bg-h)}.vp-select__input:focus{background-color:var(--btn-bg-f)}.vp-select__input:active{background-color:var(--btn-bg-a)}.vp-select__input:disabled{opacity:.5}.vp-select{position:relative}.vp-select__input{width:100%;padding:0 20px 0 4px}.vp-select__arrow{pointer-events:none;margin:auto;position:absolute;top:0;bottom:0;right:2px}.vp-select__arrow svg{width:16px;height:16px;margin:auto;position:absolute;top:0;bottom:0;right:0}.vp-select__arrow svg path{fill:currentColor}.vp-select__input{padding:0 20px 0 var(--bld-hp);width:100%}.vp-select__arrow{color:var(--btn-fg)}.vp-select--readonly .vp-select__input{opacity:.5;pointer-events:none}.vp-select--readonly .vp-select__arrow{opacity:.5}.vp-separator__rule{background-color:var(--grv-fg);border-width:0;width:100%;height:2px;margin:0;display:block}.vp-separator.vp--disabled .vp-separator__rule,.vp-slider.vp--disabled{opacity:.5}.vp-slider__track{box-sizing:border-box;cursor:pointer;height:var(--cnt-usz);outline:none;margin:0 6px;position:relative}.vp-slider__track:before{background-color:var(--in-bg);content:"";border-radius:1px;height:2px;margin:auto;display:block;position:absolute;inset:0}.vp-slider__knob{height:100%;position:absolute;top:0;left:0}.vp-slider__knob:before{background-color:var(--in-fg);content:"";border-radius:1px;height:2px;margin-top:auto;margin-bottom:auto;display:block;position:absolute;inset:0}.vp-slider__knob:after{background-color:var(--btn-bg);border-radius:var(--bld-br);content:"";width:12px;height:12px;margin-top:auto;margin-bottom:auto;display:block;position:absolute;top:0;bottom:0;right:-6px}.vp-slider__track:hover .vp-slider__knob:after{background-color:var(--btn-bg-h)}.vp-slider__track:focus .vp-slider__knob:after{background-color:var(--btn-bg-f)}.vp-slider__track:active .vp-slider__knob:after{background-color:var(--btn-bg-a)}.vp-slider--readonly .vp-slider__track{cursor:default;opacity:.5;pointer-events:none}.vp-tab-page__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-tab-page__content>.vp-folder:last-child .vp-folder__content,.vp-tab-page__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-tab-page__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-tab-page__content>.vp-separator:not(:first-child),.vp-tab-page__content>.vp-container:not(:first-child),.vp-tab-page__content>.vp-separator+*,.vp-tab-page__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-tab-page__content>.vp-separator+.vp-separator,.vp-tab-page__content>.vp-container+.vp-container{margin-top:0}.vp-tab-page__content>.vp-container{margin-left:4px}.vp-tab-page__content>.vp-folder>.vp-folder__title{border-top-left-radius:var(--bld-br);border-bottom-left-radius:var(--bld-br)}.vp-tab-page__content>.vp-folder.vp-folder--expanded>.vp-folder__title{border-bottom-left-radius:0}.vp-tab-page__content .vp-folder>.vp-folder__content{border-bottom-left-radius:var(--bld-br)}.vp-tab-page__content>.vp-container+.vp-folder>.vp-folder__title,.vp-tab-page__content>.vp-container+.vp-tab>.vp-tab__title-bar{border-top-left-radius:0}.vp-tab-page__content>.vp-tab>.vp-tab__title-bar{border-top-left-radius:var(--bld-br)}.vp-tab-page__content .vp-tab>.vp-tab__content{border-bottom-left-radius:var(--bld-br)}.vp-tab{position:relative}.vp-tab__title-bar{color:var(--cnt-bg);align-items:flex-end;display:flex;position:relative;overflow:hidden}.vp-tab__title-bar:hover{color:var(--cnt-bg-h)}.vp-tab__title-bar:has(:focus){color:var(--cnt-bg-f)}.vp-tab__title-bar:has(:active){color:var(--cnt-bg-a)}.vp-tab__title-bar:before{content:"";pointer-events:none;background-color:currentColor;height:2px;position:absolute;bottom:0;left:0;right:0}.vp-tab.vp--disabled .vp-tab__title-bar:before{opacity:.5}.vp-tab__indent{color:var(--cnt-bg);bottom:0;left:0;top:calc(var(--cnt-usz) + 4px);width:max(var(--bs-br), 4px);position:absolute;overflow:hidden}.vp-tab__indent:before{content:"";background-color:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}.vp-tab__title-bar:hover+.vp-tab__indent{color:var(--cnt-bg-h)}.vp-tab__title-bar:has(:focus)+.vp-tab__indent{color:var(--cnt-bg-f)}.vp-tab__title-bar:has(:active)+.vp-tab__indent{color:var(--cnt-bg-a)}.vp-tab.vp--disabled>.vp-tab__indent{opacity:.5}.vp-tab-item{flex:1;min-width:0;position:relative}.vp-tab-item+.vp-tab-item{margin-left:2px}.vp-tab-item__btn{cursor:pointer;padding-left:calc(var(--cnt-hp) + 4px);padding-right:calc(var(--cnt-hp) + 4px);width:100%;display:block;position:relative}.vp-tab-item__btn:disabled{opacity:.5}.vp-tab-item__btn:before{background-color:var(--cnt-bg);content:"";pointer-events:none;position:absolute;inset:0 0 2px}.vp-tab-item__btn:hover:before{background-color:var(--cnt-bg-h)}.vp-tab-item__btn:focus:before{background-color:var(--cnt-bg-f)}.vp-tab-item__btn:active:before{background-color:var(--cnt-bg-a)}.vp-tab-item__label{color:var(--cnt-fg);height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);opacity:.5;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.vp-tab-item--selected .vp-tab-item__label{opacity:1}.vp-tab-page__content{padding-bottom:var(--cnt-vp);padding-left:4px;padding-top:var(--cnt-vp)}.vp-text__input{background-color:var(--in-bg);border-radius:var(--bld-br);box-sizing:border-box;color:var(--in-fg);height:var(--cnt-usz);font-family:inherit;line-height:var(--cnt-usz);width:100%;min-width:0}.vp-text__input:hover{background-color:var(--in-bg-h)}.vp-text__input:focus{background-color:var(--in-bg-f)}.vp-text__input:active{background-color:var(--in-bg-a)}.vp-text__input:disabled{opacity:.5}.vp-text{position:relative}.vp-text__input{padding-left:var(--bld-hp);padding-right:var(--bld-hp)}.vp-text--readonly .vp-text__input{cursor:default;opacity:.5}.vp-text--first .vp-text__input{border-top-right-radius:0;border-bottom-right-radius:0}.vp-text--middle .vp-text__input{border-radius:0}.vp-text--last .vp-text__input{border-top-left-radius:0;border-bottom-left-radius:0}.vp-pane__content>.vp-container:last-child{margin-bottom:calc(-1 * var(--cnt-vp))}.vp-pane__content>.vp-folder:last-child .vp-folder__content,.vp-pane__content>.vp-folder:last-child .vp-folder__title{border-bottom-left-radius:0}.vp-pane__content>:not(:first-child){margin-top:var(--cnt-usp)}.vp-pane__content>.vp-separator:not(:first-child),.vp-pane__content>.vp-container:not(:first-child),.vp-pane__content>.vp-separator+*,.vp-pane__content>.vp-container+*{margin-top:var(--cnt-vp)}.vp-pane__content>.vp-separator+.vp-separator,.vp-pane__content>.vp-container+.vp-container{margin-top:0}.vp-pane__title{background-color:var(--cnt-bg);color:var(--cnt-fg);cursor:pointer;height:calc(var(--cnt-usz) + 4px);line-height:calc(var(--cnt-usz) + 4px);padding-left:var(--cnt-hp);padding-right:calc(4px + var(--cnt-usz) + var(--cnt-hp));text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;transition:border-radius .2s ease-in-out .2s;display:block;position:relative;overflow:hidden}.vp-pane__title:hover{background-color:var(--cnt-bg-h)}.vp-pane__title:focus{background-color:var(--cnt-bg-f)}.vp-pane__title:active{background-color:var(--cnt-bg-a)}.vp-pane__title:disabled{opacity:.5}.vp-pane__chevron{background:linear-gradient(to left, var(--cnt-fg), var(--cnt-fg) 2px, transparent 2px, transparent 4px, var(--cnt-fg) 4px);content:"";height:6px;bottom:0;right:calc(var(--cnt-hp) + (var(--cnt-usz) + 4px - 6px) / 2 - 2px);opacity:.5;border-radius:2px;width:6px;margin:auto;transition:transform .2s ease-in-out;display:block;position:absolute;top:0;transform:rotate(90deg)}.vp-pane.vp-pane--expanded .vp-pane__chevron{transform:none}.vp-pane__content{box-sizing:border-box;opacity:0;height:0;padding-top:0;padding-bottom:0;transition:height .2s ease-in-out,opacity .2s linear,padding .2s ease-in-out;position:relative;overflow:hidden}.vp-pane.vp-pane--complete:not(.vp-pane--expanded) .vp-pane__content{display:none}.vp-pane.vp-pane--expanded .vp-pane__content{opacity:1;padding-bottom:var(--cnt-vp);padding-top:var(--cnt-vp);transition:height .2s ease-in-out,opacity .2s linear .2s,padding .2s ease-in-out;overflow:visible}:root,.vp-pane{--bs-bg:var(--vp-base-background-color,#28292e);--bs-br:var(--vp-base-border-radius,6px);--bs-ff:var(--vp-base-font-family,Roboto Mono, Source Code Pro, Menlo, Courier, monospace);--bs-sh:var(--vp-base-shadow-color,#0003);--bld-br:var(--vp-blade-border-radius,2px);--bld-hp:var(--vp-blade-horizontal-padding,4px);--bld-vw:var(--vp-blade-value-width,160px);--btn-bg:var(--vp-button-background-color,#adafb8);--btn-bg-a:var(--vp-button-background-color-active,#d6d7db);--btn-bg-f:var(--vp-button-background-color-focus,#c8cad0);--btn-bg-h:var(--vp-button-background-color-hover,#bbbcc4);--btn-fg:var(--vp-button-foreground-color,#28292e);--cnt-bg:var(--vp-container-background-color,#bbbcc41a);--cnt-bg-a:var(--vp-container-background-color-active,#bbbcc440);--cnt-bg-f:var(--vp-container-background-color-focus,#bbbcc433);--cnt-bg-h:var(--vp-container-background-color-hover,#bbbcc426);--cnt-fg:var(--vp-container-foreground-color,#bbbcc4);--cnt-hp:var(--vp-container-horizontal-padding,4px);--cnt-vp:var(--vp-container-vertical-padding,4px);--cnt-usp:var(--vp-container-unit-spacing,4px);--cnt-usz:var(--vp-container-unit-size,20px);--in-bg:var(--vp-input-background-color,#bbbcc41a);--in-bg-a:var(--vp-input-background-color-active,#bbbcc440);--in-bg-f:var(--vp-input-background-color-focus,#bbbcc433);--in-bg-h:var(--vp-input-background-color-hover,#bbbcc426);--in-fg:var(--vp-input-foreground-color,#bbbcc4);--lbl-fg:var(--vp-label-foreground-color,#bbbcc4b3);--mo-bg:var(--vp-monitor-background-color,#0003);--mo-fg:var(--vp-monitor-foreground-color,#bbbcc4b3);--grv-fg:var(--vp-groove-foreground-color,#bbbcc41a)}:where(.vp-pane,.vp-color__popup) button,:where(.vp-pane,.vp-color__popup) input,:where(.vp-pane,.vp-color__popup) select,:where(.vp-pane,.vp-color__popup) textarea{appearance:none;font-family:inherit;font-size:inherit;font-weight:inherit;background-color:#0000;border-width:0;outline:none;margin:0;padding:0}.vp-pane{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);font-family:var(--bs-ff);text-align:left;font-size:11px;font-weight:500;line-height:1}.vp-pane__title{border-radius:var(--bs-br);padding-left:calc(4px + var(--cnt-hp))}.vp-pane.vp-pane--expanded .vp-pane__title{border-bottom-right-radius:0;border-bottom-left-radius:0;transition-duration:0s;transition-delay:0s}.vp-pane--no-title>.vp-pane__title,.vp-pane__title:disabled .vp-pane__chevron{display:none}.vp-pane__content>.vp-folder:last-child>.vp-folder__content{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child>.vp-folder__indent{border-bottom-left-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child:not(.vp-folder--expanded)>.vp-folder__title{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-folder:last-child.vp-folder--expanded>.vp-folder__title{transition-duration:0s;transition-delay:0s}.vp-pane__content .vp-folder:not(:has(~.vp-folder)):not(.vp-folder--expanded)>.vp-folder__title{border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-tab:last-child>.vp-tab__content{border-bottom-left-radius:var(--bs-br);border-bottom-right-radius:var(--bs-br)}.vp-pane__content>.vp-tab:last-child>.vp-tab__indent{border-bottom-left-radius:var(--bs-br)}.vp-pane--no-title .vp-pane__content>.vp-folder:first-child{margin-top:calc(-1 * var(--cnt-vp))}.vp-pane--no-title .vp-pane__content>.vp-folder:first-child>.vp-folder__title{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.vp-pane--no-title .vp-pane__content>.vp-tab:first-child{margin-top:calc(-1 * var(--cnt-vp))}.vp-pane--no-title .vp-pane__content>.vp-tab:first-child>.vp-tab__title-bar{border-top-left-radius:var(--bs-br);border-top-right-radius:var(--bs-br)}.vp-pane.vp--disabled,.vp-pane .vp--disabled{pointer-events:none}.vp-tooltip{background-color:var(--bs-bg);border-radius:var(--bld-br);box-shadow:var(--bs-sh);color:var(--cnt-fg);font-family:var(--bs-ff), sans-serif;pointer-events:none;white-space:pre-wrap;z-index:1000;background-image:linear-gradient(#00000080,#00000080);max-width:200px;padding:4px 8px;font-size:11px;line-height:1.5}
 /*$vite$:1*/