@fastkit/vui 0.6.19 → 0.6.20

package/dist/vui.esm-bundler.js

@@ -1,13 +1,15 @@
 import { createPropsOptions, createFormControlSettings, defineSlotsProps, useFormControl, renderSlotOrEmpty, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, resolveVNodeChildOrSlots, useParentFormNode, VMenu, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createFormSettings, useForm, getDocumentScroller, useInjectTheme, VStackRoot, VueColorSchemePlugin, installVueStackPlugin } from '@fastkit/vue-kit';
 export * from '@fastkit/vue-kit';
 export { VDialog, VMenu, VSnackbar } from '@fastkit/vue-kit';
-import { inject, computed, provide, defineComponent, createVNode, mergeProps, watch, isVNode, ref, Fragment, withDirectives, vShow, vModelSelect, createTextVNode } from 'vue';
-import { useScopeColorClass, colorSchemeProps, useColorClasses } from '@fastkit/vue-color-scheme';
-import { createPropsOptions as createPropsOptions$1, defineSlotsProps as defineSlotsProps$1, renderSlotOrEmpty as renderSlotOrEmpty$1, navigationableProps, navigationableEmits, useNavigationable, VExpandTransition } from '@fastkit/vue-utils';
+import { inject, computed, provide, defineComponent, createVNode, mergeProps, ref, watch, withDirectives, createTextVNode, isVNode, Fragment, vShow, vModelSelect } from 'vue';
+import { useScopeColorClass, colorSchemeProps, useColorClasses, toScopeColorClass } from '@fastkit/vue-color-scheme';
+import { createPropsOptions as createPropsOptions$1, defineSlotsProps as defineSlotsProps$1, renderSlotOrEmpty as renderSlotOrEmpty$1, navigationableProps, navigationableEmits, useNavigationable, rawNumberPropType, resolveNumberish, getRouteQuery, resizeDirectiveArgument, getQueryMergedLocation, VExpandTransition } from '@fastkit/vue-utils';
 import { VProgressCircular } from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
 export { ICON_NAMES } from '@fastkit/icon-font';
-import { useLink, useRoute } from 'vue-router';
+import { range, isPromise } from '@fastkit/helpers';
+import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
+import { VAppContainer } from '@fastkit/vue-app-layout';
 
 const CONTROL_SIZES = ['sm', 'md', 'lg'];
 const CONTROL_FIELD_VARIANTS = ['outlined', 'filled', 'flat'];
@@ -530,6 +532,296 @@ const VButton = defineComponent({
 
 });
 
+function _isSlot$8(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
+const PAGINATION_ALIGNS = ['left', 'center', 'right'];
+function paginationProps() {
+  return createPropsOptions$1({
+    /**
+     * Active Pages
+     */
+    modelValue: {
+      type: rawNumberPropType,
+      default: 1
+    },
+
+    /**
+     * Total number of pages
+     */
+    length: {
+      type: rawNumberPropType,
+      default: 0
+    },
+
+    /**
+     * Maximum number of links to display.
+     */
+    totalVisible: rawNumberPropType,
+
+    /**
+     * true when narrowing
+     */
+    dense: Boolean,
+    disabled: Boolean,
+    align: {
+      type: String,
+      default: 'center'
+    },
+
+    /**
+     * To synchronize with a query, use the query name
+     */
+    routeQuery: String,
+    beforeChange: Function,
+    color: String
+  });
+}
+const VPagination = defineComponent({
+  name: 'VPagination',
+  props: paginationProps(),
+  emits: {
+    change: page => true
+  },
+
+  setup(props, ctx) {
+    const vui = useVui();
+    const elRef = ref(null);
+    const router = useRouter();
+    const route = useRoute();
+    const internalValue = ref(1);
+    const containerWidth = ref(0);
+    const itemSize = ref(0);
+    const capacityLength = computed(() => {
+      const _itemSize = itemSize.value;
+      if (!_itemSize) return 0;
+      return Math.floor(containerWidth.value / _itemSize);
+    });
+    const colorScope = useScopeColorClass({
+      color: () => props.color || vui.setting('primaryScope')
+    });
+    const computedLength = computed(() => resolveNumberish(props.length));
+    const computedTotalVisible = computed(() => resolveNumberish(props.totalVisible));
+    const computedNumbersLength = computed(() => capacityLength.value - 2 - 2);
+    const computedPage = computed(() => {
+      const {
+        routeQuery
+      } = props;
+
+      if (routeQuery) {
+        return getRouteQuery(route.query, routeQuery, Number, 1);
+      }
+
+      return internalValue.value;
+    });
+
+    const _range = (from, to) => range(to - from, from);
+
+    const computedItems = computed(() => {
+      const maxButtons = computedNumbersLength.value;
+      const totalVisible = computedTotalVisible.value;
+      const length = computedLength.value;
+      const pageValue = computedPage.value;
+      const maxLength = Math.min(Math.max(0, totalVisible || 0) || length, Math.max(0, maxButtons) || length, length);
+
+      if (length <= maxLength) {
+        return _range(1, length);
+      }
+
+      const even = maxLength % 2 === 0 ? 1 : 0;
+      const left = Math.floor(maxLength / 2);
+      const right = length - left + 1 + even;
+
+      if (pageValue > left && pageValue < right) {
+        const start = pageValue - left + 2;
+        const end = pageValue + left - 2 - even;
+        return [1, 'truncate', ..._range(start, end), 'truncate', length];
+      } else if (pageValue === left) {
+        const end = pageValue + left - 1 - even;
+        return [..._range(1, end), 'truncate', length];
+      } else if (pageValue === right) {
+        const start = pageValue - left + 1;
+        return [1, 'truncate', ..._range(start, length)];
+      } else {
+        return [..._range(1, left), 'truncate', ..._range(right, length)];
+      }
+    });
+    const isActive = computed(() => computedLength.value > 1);
+    const isTransitioning = computed(() => {
+      const {
+        routeQuery
+      } = props;
+      if (!routeQuery) return false; // @TODO
+      // return this.$location.isQueryOnlyTransitioning(routeQuery);
+
+      return false;
+    });
+    const isDisabled = computed(() => props.disabled || isTransitioning.value);
+    const classes = computed(() => [{
+      'v-pagination--disabled': isDisabled.value,
+      'v-pagination--dense': props.dense,
+      [`v-pagination--${props.align}`]: true
+    }, colorScope.value.className]);
+
+    async function setPage(value) {
+      if (isDisabled.value) return;
+      const {
+        beforeChange,
+        routeQuery
+      } = props;
+      const newPage = resolveNumberish(value);
+      if (computedPage.value === newPage) return;
+
+      if (beforeChange) {
+        try {
+          let result = beforeChange(newPage);
+          if (isPromise(result)) result = await result;
+          if (result === false) return;
+        } catch (e) {}
+      }
+
+      if (routeQuery) {
+        const to = createRoutableLocationByPage(newPage, routeQuery);
+        return router.push(to).then(failure => {
+          !failure && ctx.emit('change', newPage);
+        });
+      } else {
+        internalValue.value = newPage;
+        ctx.emit('update:modelValue', newPage);
+        ctx.emit('change', newPage);
+      }
+    }
+
+    function createPageInfo(source) {
+      const currentPage = computedPage.value;
+      const length = computedLength.value;
+      let number;
+      let page;
+      let active;
+      let disabled;
+
+      if (typeof source === 'number') {
+        number = true;
+        page = source;
+        active = currentPage === page;
+        disabled = false;
+      } else if (source === 'truncate') {
+        number = false;
+        active = false;
+        disabled = false;
+      } else {
+        number = false;
+        const isPrev = source === 'prev';
+        const ammount = isPrev ? -1 : 1;
+        page = currentPage + ammount;
+        active = false;
+        disabled = page < 1 || page > length;
+      }
+
+      return {
+        number,
+        page,
+        active,
+        disabled
+      };
+    }
+
+    function createRoutableLocationByPage(page, routeQuery) {
+      return getQueryMergedLocation({
+        [routeQuery]: page
+      }, route);
+    }
+
+    function genItem(source, index) {
+      const {
+        number,
+        page,
+        active,
+        disabled
+      } = createPageInfo(source);
+      const type = number ? 'num' : source; // const staticClass = `pagination__item`;
+
+      const classes = ['v-pagination__item', {
+        [`v-pagination__item--${type}`]: true,
+        'v-pagination__item--active': active,
+        'v-pagination__item--disabled': disabled
+      }];
+      const children = number ? page : (() => {
+        if (type === 'truncate') {
+          return createVNode("span", null, [createTextVNode("...")]);
+        }
+
+        const isPrev = type === 'prev';
+        const name = isPrev ? 'chevron-left' : 'chevron-right';
+        return createVNode(VIcon, {
+          "class": "v-pagination__item__icon",
+          "name": name
+        }, null);
+      })();
+
+      const onClick = ev => {
+        ev.preventDefault();
+        if (page === undefined || active || disabled) return;
+        setPage(page);
+      };
+
+      const key = `${source}-${index}`;
+      const {
+        routeQuery
+      } = props;
+
+      if (page !== undefined && routeQuery) {
+        const to = createRoutableLocationByPage(page, routeQuery);
+        return createVNode(RouterLink, {
+          "class": classes,
+          "to": to,
+          "key": key
+        }, _isSlot$8(children) ? children : {
+          default: () => [children]
+        });
+      } else {
+        return createVNode("button", {
+          "class": classes,
+          "type": "button",
+          "value": page,
+          "onClick": onClick,
+          "key": key
+        }, [children]);
+      }
+    }
+
+    watch(() => props.modelValue, modelValue => {
+      internalValue.value = resolveNumberish(modelValue);
+    }, {
+      immediate: true
+    });
+    return () => {
+      if (!isActive.value) return undefined;
+      const $items = ['prev', ...computedItems.value, 'next'].map((i, index) => genItem(i, index));
+      return withDirectives(createVNode("nav", {
+        "class": ['v-pagination', classes.value],
+        "ref": elRef
+      }, [$items]), [resizeDirectiveArgument(({
+        width
+      }) => {
+        const el = elRef.value;
+
+        if (el) {
+          const style = window.getComputedStyle(el, 'before');
+          const width = style.getPropertyValue('width');
+          const margin = style.getPropertyValue('margin');
+          const size = parseFloat(width) + parseFloat(margin) * 0.5;
+          itemSize.value = size;
+        }
+
+        containerWidth.value = width;
+      })]);
+    };
+  }
+
+});
+
 function createListTileProps() {
   const icon = rawIconProp();
   return { ...navigationableProps,
@@ -650,6 +942,51 @@ const VDrawerLayout = defineComponent({
 
 });
 
+function _isSlot$7(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+
+const VHero = defineComponent({
+  name: 'VHero',
+  props: {
+    color: {
+      type: String,
+      default: 'primary'
+    },
+    tag: {
+      type: String,
+      default: 'header'
+    },
+    hTag: {
+      type: String,
+      default: 'h1'
+    }
+  },
+
+  setup(props, ctx) {
+    return () => {
+      let _slot;
+
+      const TagName = props.tag;
+      const HTagName = props.hTag;
+      return createVNode(VAppContainer, {
+        "pulled": true
+      }, {
+        default: () => [createVNode(TagName, {
+          "class": ['v-hero', toScopeColorClass(props.color)]
+        }, {
+          default: () => [createVNode(HTagName, {
+            "class": "v-hero__title"
+          }, _isSlot$7(_slot = renderSlotOrEmpty$1(ctx.slots, 'default')) ? _slot : {
+            default: () => [_slot]
+          })]
+        })]
+      });
+    };
+  }
+
+});
+
 function _isSlot$6(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
@@ -1890,4 +2227,4 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, VApp, VButton, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VDrawerLayout, VForm, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { CONTROL_FIELD_VARIANTS, CONTROL_SIZES, PAGINATION_ALIGNS, VApp, VButton, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VDrawerLayout, VForm, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSwitch, VSwitchGroup, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, createCardProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createPaperBaseProps, createPaperProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };

package/dist/vui.min.css

@@ -1,5 +1,5 @@
 /*!
  * Forked from
  * normalize.css v8.0.1 | MIT License | https://github.com/necolas/normalize.css
- */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--root-em:16px;--root-spacing:4px;--typo-fallback-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--type-emoji-font:"Apple Color Emoji","Segoe UI Emoji";--typo-font:var(--typo-base-font),var(--typo-fallback-font),var(--type-emoji-font);--typo-base-size:1rem;--typo-base-weight:400;--typo-base-height:1.5;--typo-base-spacing:0em;--typo-h1-size:2.5rem;--typo-h1-weight:500;--typo-h1-height:1.2222222222222223;--typo-h1-spacing:0em;--typo-h1-margin:16px 0;--typo-h1-color:var(--palette-heading);--typo-h2-size:1.875rem;--typo-h2-weight:500;--typo-h2-height:1.5;--typo-h2-spacing:0em;--typo-h2-margin:40px 0 10px;--typo-h2-color:var(--palette-heading);--typo-h3-size:1.25rem;--typo-h3-weight:500;--typo-h3-height:1.5;--typo-h3-spacing:0em;--typo-h3-margin:20px 0 10px;--typo-h3-color:var(--palette-heading);--typo-h4-size:1.25rem;--typo-h4-weight:400;--typo-h4-height:1.5;--typo-h4-spacing:0em;--typo-h4-margin:10px 0 16px;--typo-h4-color:var(--palette-heading);--typo-h5-size:0.875rem;--typo-h5-weight:400;--typo-h5-height:1.57;--typo-h5-spacing:0em;--typo-h5-margin:10px 0 16px;--typo-h5-color:var(--palette-heading);--typo-h6-size:0.67rem;--typo-h6-weight:400;--typo-h6-height:1.5;--typo-h6-spacing:0em;--typo-h6-margin:10px 0 16px;--typo-h6-color:var(--palette-heading);--typo-subtitle1-size:1rem;--typo-subtitle1-weight:400;--typo-subtitle1-height:1.75;--typo-subtitle1-spacing:0.00938em;--typo-subtitle2-size:0.875rem;--typo-subtitle2-weight:500;--typo-subtitle2-height:1.57;--typo-subtitle2-spacing:0.00714em;--control-field-rem-sm:0.875rem;--control-field-rem-md:1rem;--control-field-rem-lg:1.125rem;--control-disabled-color:rgba(0,0,0,0.38);--control-horizontal-margin:0.5em;--control-field-radius:2px;--control-field-fill-color:rgba(0,0,0,0.06);--control-field-fill-hover-color:rgba(0,0,0,0.09);--control-field-outline-color:hsla(0,4%,43%,0.23);--control-field-outline-hover-color:rgba(0,0,0,0.87);--control-field-bottom-color:rgba(0,0,0,0.42);--control-field-bottom-hover-color:rgba(0,0,0,0.87);--control-field-height:2.25em;--control-field-line-height:1.4375em;--control-field-letter-spacing:0.00938em;--control-label-color:rgba(0,0,0,0.6);--control-label-font-weight:500;--control-label-font-size:0.75em;--control-label-height:1.4375em;--control-message-color:rgba(0,0,0,0.6);--control-message-font-size:0.75em;--control-message-horizontal-margin:var(--root-spacing);--control-checkable-outer-size:2em;--control-checkable-icon-size:1em;--control-checkable-faux-scale:1.2;--control-checkable-faux-margin:0.2em;--control-checkable-base-color:rgba(0,0,0,0.6);--control-switch-width:3.625em;--control-switch-track-width:2.125em;--control-switch-track-height:0.875em;--shadow-key-umbra-opacity:rgba(0,0,0,0.2);--shadow-key-penumbra-opacity:rgba(0,0,0,0.14);--shadow-key-ambient-opacity:rgba(0,0,0,0.12);--shadow-key-umbra-0:0px 0px 0px 0px var(--shadow-key-umbra-opacity);--shadow-key-umbra-1:0px 2px 1px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-2:0px 3px 1px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-3:0px 3px 3px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-4:0px 2px 4px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-5:0px 3px 5px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-6:0px 3px 5px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-7:0px 4px 5px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-8:0px 5px 5px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-9:0px 5px 6px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-10:0px 6px 6px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-11:0px 6px 7px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-12:0px 7px 8px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-13:0px 7px 8px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-14:0px 7px 9px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-15:0px 8px 9px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-16:0px 8px 10px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-17:0px 8px 11px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-18:0px 9px 11px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-19:0px 9px 12px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-20:0px 10px 13px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-21:0px 10px 13px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-22:0px 10px 14px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-23:0px 11px 14px -7px var(--shadow-key-umbra-opacity);--shadow-key-umbra-24:0px 11px 15px -7px var(--shadow-key-umbra-opacity);--shadow-key-penumbra-0:0px 0px 0px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-1:0px 1px 1px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-2:0px 2px 2px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-3:0px 3px 4px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-4:0px 4px 5px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-5:0px 5px 8px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-6:0px 6px 10px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-7:0px 7px 10px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-8:0px 8px 10px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-9:0px 9px 12px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-10:0px 10px 14px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-11:0px 11px 15px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-12:0px 12px 17px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-13:0px 13px 19px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-14:0px 14px 21px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-15:0px 15px 22px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-16:0px 16px 24px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-17:0px 17px 26px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-18:0px 18px 28px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-19:0px 19px 29px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-20:0px 20px 31px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-21:0px 21px 33px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-22:0px 22px 35px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-23:0px 23px 36px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-24:0px 24px 38px 3px var(--shadow-key-penumbra-opacity);--shadow-key-ambient-0:0px 0px 0px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-1:0px 1px 3px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-2:0px 1px 5px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-3:0px 1px 8px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-4:0px 1px 10px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-5:0px 1px 14px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-6:0px 1px 18px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-7:0px 2px 16px 1px var(--shadow-key-ambient-opacity);--shadow-key-ambient-8:0px 3px 14px 2px var(--shadow-key-ambient-opacity);--shadow-key-ambient-9:0px 3px 16px 2px var(--shadow-key-ambient-opacity);--shadow-key-ambient-10:0px 4px 18px 3px var(--shadow-key-ambient-opacity);--shadow-key-ambient-11:0px 4px 20px 3px var(--shadow-key-ambient-opacity);--shadow-key-ambient-12:0px 5px 22px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-13:0px 5px 24px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-14:0px 5px 26px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-15:0px 6px 28px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-16:0px 6px 30px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-17:0px 6px 32px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-18:0px 7px 34px 6px var(--shadow-key-ambient-opacity);--shadow-key-ambient-19:0px 7px 36px 6px var(--shadow-key-ambient-opacity);--shadow-key-ambient-20:0px 8px 38px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-21:0px 8px 40px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-22:0px 8px 42px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-23:0px 9px 44px 8px var(--shadow-key-ambient-opacity);--shadow-key-ambient-24:0px 9px 46px 8px var(--shadow-key-ambient-opacity);--toolbar-height:var(--v-app-layout-vertial-fixed-height);--toolbar-dense-height:calc(var(--toolbar-height)*0.8);--card-content-padding:1rem;--card-actions-padding:0.5rem}:root,[lang=en]{--typo-base-font:Roboto,"Noto Sans"}[lang=ja]{--typo-base-font:Roboto,"Noto Sans JP"}[lang=ko]{--typo-base-font:Roboto,"Noto Sans KR"}[lang=zh-cmn-Hant]{--typo-base-font:Roboto,"Noto Sans TC"}[lang=zh-cmn-Hans]{--typo-base-font:Roboto,"Noto Sans SC"}html{text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:var(--root-em)}body{color:var(--typo-base-color);font-family:var(--typo-font);font-size:var(--typo-base-size);font-weight:var(--typo-base-weight);letter-spacing:var(--typo-base-height);line-height:var(--typo-base-height);margin:var(--typo-base-margin)}.text-h1,h1{color:var(--typo-h1-color);font-size:var(--typo-h1-size);font-weight:var(--typo-h1-weight);letter-spacing:var(--typo-h1-height);line-height:var(--typo-h1-height);margin:var(--typo-h1-margin)}.text-h2,h2{color:var(--typo-h2-color);font-size:var(--typo-h2-size);font-weight:var(--typo-h2-weight);letter-spacing:var(--typo-h2-height);line-height:var(--typo-h2-height);margin:var(--typo-h2-margin)}.text-h3,h3{color:var(--typo-h3-color);font-size:var(--typo-h3-size);font-weight:var(--typo-h3-weight);letter-spacing:var(--typo-h3-height);line-height:var(--typo-h3-height);margin:var(--typo-h3-margin)}.text-h4,h4{color:var(--typo-h4-color);font-size:var(--typo-h4-size);font-weight:var(--typo-h4-weight);letter-spacing:var(--typo-h4-height);line-height:var(--typo-h4-height);margin:var(--typo-h4-margin)}.text-h5,h5{color:var(--typo-h5-color);font-size:var(--typo-h5-size);font-weight:var(--typo-h5-weight);letter-spacing:var(--typo-h5-height);line-height:var(--typo-h5-height);margin:var(--typo-h5-margin)}.text-h6,h6{color:var(--typo-h6-color);font-size:var(--typo-h6-size);font-weight:var(--typo-h6-weight);letter-spacing:var(--typo-h6-height);line-height:var(--typo-h6-height);margin:var(--typo-h6-margin)}.elevation-24{box-shadow:var(--shadow-key-umbra-24),var(--shadow-key-penumbra-24),var(--shadow-key-ambient-24)!important}.elevation-23{box-shadow:var(--shadow-key-umbra-23),var(--shadow-key-penumbra-23),var(--shadow-key-ambient-23)!important}.elevation-22{box-shadow:var(--shadow-key-umbra-22),var(--shadow-key-penumbra-22),var(--shadow-key-ambient-22)!important}.elevation-21{box-shadow:var(--shadow-key-umbra-21),var(--shadow-key-penumbra-21),var(--shadow-key-ambient-21)!important}.elevation-20{box-shadow:var(--shadow-key-umbra-20),var(--shadow-key-penumbra-20),var(--shadow-key-ambient-20)!important}.elevation-19{box-shadow:var(--shadow-key-umbra-19),var(--shadow-key-penumbra-19),var(--shadow-key-ambient-19)!important}.elevation-18{box-shadow:var(--shadow-key-umbra-18),var(--shadow-key-penumbra-18),var(--shadow-key-ambient-18)!important}.elevation-17{box-shadow:var(--shadow-key-umbra-17),var(--shadow-key-penumbra-17),var(--shadow-key-ambient-17)!important}.elevation-16{box-shadow:var(--shadow-key-umbra-16),var(--shadow-key-penumbra-16),var(--shadow-key-ambient-16)!important}.elevation-15{box-shadow:var(--shadow-key-umbra-15),var(--shadow-key-penumbra-15),var(--shadow-key-ambient-15)!important}.elevation-14{box-shadow:var(--shadow-key-umbra-14),var(--shadow-key-penumbra-14),var(--shadow-key-ambient-14)!important}.elevation-13{box-shadow:var(--shadow-key-umbra-13),var(--shadow-key-penumbra-13),var(--shadow-key-ambient-13)!important}.elevation-12{box-shadow:var(--shadow-key-umbra-12),var(--shadow-key-penumbra-12),var(--shadow-key-ambient-12)!important}.elevation-11{box-shadow:var(--shadow-key-umbra-11),var(--shadow-key-penumbra-11),var(--shadow-key-ambient-11)!important}.elevation-10{box-shadow:var(--shadow-key-umbra-10),var(--shadow-key-penumbra-10),var(--shadow-key-ambient-10)!important}.elevation-9{box-shadow:var(--shadow-key-umbra-9),var(--shadow-key-penumbra-9),var(--shadow-key-ambient-9)!important}.elevation-8{box-shadow:var(--shadow-key-umbra-8),var(--shadow-key-penumbra-8),var(--shadow-key-ambient-8)!important}.elevation-7{box-shadow:var(--shadow-key-umbra-7),var(--shadow-key-penumbra-7),var(--shadow-key-ambient-7)!important}.elevation-6{box-shadow:var(--shadow-key-umbra-6),var(--shadow-key-penumbra-6),var(--shadow-key-ambient-6)!important}.elevation-5{box-shadow:var(--shadow-key-umbra-5),var(--shadow-key-penumbra-5),var(--shadow-key-ambient-5)!important}.elevation-4{box-shadow:var(--shadow-key-umbra-4),var(--shadow-key-penumbra-4),var(--shadow-key-ambient-4)!important}.elevation-3{box-shadow:var(--shadow-key-umbra-3),var(--shadow-key-penumbra-3),var(--shadow-key-ambient-3)!important}.elevation-2{box-shadow:var(--shadow-key-umbra-2),var(--shadow-key-penumbra-2),var(--shadow-key-ambient-2)!important}.elevation-1{box-shadow:var(--shadow-key-umbra-1),var(--shadow-key-penumbra-1),var(--shadow-key-ambient-1)!important}.elevation-0{box-shadow:var(--shadow-key-umbra-0),var(--shadow-key-penumbra-0),var(--shadow-key-ambient-0)!important}.v-control--sm{--control-field-rem:var(--control-field-rem-sm)}.v-control--md,.v-control--sm{font-size:var(--control-field-rem)}.v-control--md{--control-field-rem:var(--control-field-rem-md)}.v-control--lg{--control-field-rem:var(--control-field-rem-lg);font-size:var(--control-field-rem)}.v-form-selector__body{display:block}.v-form-selector--stacked .v-form-selector__body{align-items:flex-start;display:flex;flex-direction:column}.v-form-control{--my-label-color:var(--control-label-color);--my-message-color:var(--control-message-color);display:flex;flex-direction:column;margin:var(--control-horizontal-margin) 0}.v-form-control--invalid:not(.v-form-control--readonly){--my-label-color:var(--main-color);--my-message-color:var(--main-color)}.v-form-control--disabled{--my-label-color:var(--control-disabled-color);--my-message-color:var(--control-disabled-color)}.v-form-control__label{align-self:flex-start;color:var(--my-label-color);font-size:var(--control-label-font-size);font-weight:var(--control-label-font-weight);letter-spacing:.00938em;line-height:var(--control-label-height)}.v-form-control__info{display:flex;padding-top:3px}.v-form-control__appends,.v-form-control__message{color:var(--my-message-color);font-size:var(--control-message-font-size);line-height:1.66;margin:0 var(--control-message-horizontal-margin)}.v-form-control__message{flex:1 0}.v-form-control__appends{flex:0 1;margin-left:auto}.v-paper{--paper-radius:var(--control-field-radius);background-color:var(--paper-background--color);border-radius:var(--paper-radius);color:var(--paper-text-color)}.v-paper--plain{--paper-background--color:var(--palette-background);--paper-text-color:inherit;--paper-link-color:var(--link-color)}.v-paper--has-color{--paper-background--color:var(--main-color);--paper-text-color:var(--text-color);--paper-link-color:var(--nav-color)}.v-paper--square{--paper-radius:0px}.v-paper a{color:var(--paper-link-color)}.v-paper__header{border-top-left-radius:inherit;border-top-right-radius:inherit}.v-paper__footer{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.v-card-content{padding:var(--card-content-padding)}.v-card-actions{align-items:center;display:flex;padding:var(--card-actions-padding)}.v-card-actions .v-btn{margin-bottom:0;margin-top:0}.v-icon{align-items:center;aspect-ratio:1/1;display:inline-flex;justify-content:center;user-select:none;width:1.25em}.v-icon--clickable{cursor:pointer}.v-icon__body{transition:transform .15s linear}.v-button,.v-icon__body{align-items:center;display:inline-flex;justify-content:center}.v-button{--padding:1em;--height:2.5714285714em;--icon-margin:0.6em;appearance:none;border-radius:var(--control-field-radius);border-style:solid;border-width:1px;cursor:pointer;flex:0 0 auto;font:inherit;font-weight:500;height:var(--height);letter-spacing:.0892857143em;line-height:1;margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);min-width:calc(var(--root-em)*4);outline:0;overflow:hidden;padding:0 var(--padding);position:relative;text-decoration:none;text-transform:uppercase;transition:.3s cubic-bezier(.25,.8,.5,1),color 1ms;user-select:none;vertical-align:bottom}.v-button--plain{color:inherit!important}.v-button--sm{font-size:calc(var(--root-em)*.75)}.v-button--md{font-size:calc(var(--root-em)*.875)}.v-button--lg{font-size:calc(var(--root-em)*1.375)}.v-button--rounded{--padding:0;--height:auto;aspect-ratio:1/1;border-radius:50%;margin:calc(var(--root-em)*.125) calc(var(--root-em)*.125);min-width:0}.v-button--icon{--height:1.9285714286em;--padding:0em;min-width:0}.v-button::-moz-focus-inner{border:0}.v-button[disabled]{cursor:default}.v-button--spacer-left{margin-left:auto}.v-button--spacer-right{margin-right:auto}.v-button__content{align-items:center;display:flex;justify-content:center;justify-self:stretch}.v-button--loading .v-button__content{opacity:0;pointer-events:none}.v-button__icon--start{margin-right:var(--icon-margin)}.v-button__icon--end{margin-left:var(--icon-margin)}.v-button__loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.v-list-tile{--tile-background:var(--main-color,transparent);--tile-active-background:var(--deep-color,transparent);--tile-text-color:var(--text-color);--tile-text-active-color:var(--text-color);--tile-pin-color:transparent;--paper-link-color:var(--tile-text-color);align-items:center;appearance:none;background:var(--tile-background);border:0;border-left:3px solid var(--tile-pin-color);border-radius:0;color:var(--tile-text-color);display:flex;outline:0;padding:10px;text-align:left;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1) 0ms,background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:100%}.v-list-tile--clickable{--tile-text-color:var(--nav-color);--tile-text-active-color:var(--navActive-color,var(--nav-color));cursor:pointer}.v-list-tile--clickable:focus,.v-list-tile--clickable:hover{--tile-background:var(--tile-active-background);--tile-text-color:var(--tile-text-active-color)}.v-list-tile--active{--tile-pin-color:var(--pin-color);--tile-text-color:var(--tile-text-active-color);--tile-background:var(--tile-active-background)}.v-list-tile__body{font-size:.8125rem;font-weight:500;line-height:1.5}.v-list-tile__icon{min-width:2em}.v-list-tile__icon--end{margin-left:auto;text-align:right}.v-drawer-layout{align-items:stretch;display:flex;flex-direction:column;height:100%;width:100%}.v-drawer-layout__header{align-items:center;display:flex;flex:0 0 var(--v-app-layout-vertial-fixed-height);height:var(--v-app-layout-vertial-fixed-height);justify-content:center}.v-drawer-layout__body{-webkit-overflow-scrolling:touch;flex:1 1 100%;overflow:auto}.v-drawer-layout__footer{flex:0 0 auto;margin-top:auto}.v-navigation-item--opened{--tile-background:var(--tile-active-background);--tile-text-color:var(--tile-text-active-color)}.v-navigation-item__expand{transition:height .2s}.v-navigation-item__expand .v-navigation-item{--tile-background:var(--tile-active-background)}.v-navigation__caption{color:var(--caption-color);display:block;font-size:.75rem;margin:1em 0 0;padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);text-transform:uppercase}.v-checkbox{--my-border-color:var(--color);--my-faux-bg-color:transparent}.v-checkbox--indeterminate,.v-checkbox--selected{--my-border-color:transparent;--my-faux-bg-color:var(--color)}.v-checkbox__faux{background:var(--my-faux-bg-color);border:2px solid var(--my-border-color);border-radius:var(--control-field-radius);clip-path:polygon(0 0,0 100%,100% 100%,100% 0,88.25% 28.25%,38% 78.125%,12% 50%,20% 42.1875%,38% 63%,82% 20%,88.25% 28.25%,100% 0);display:block;height:100%;transition:border-color .2s,background-color .2s;width:100%}.v-checkbox--indeterminate .v-checkbox__faux{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,77.7777777778% 44.4444444444%,77.7777777778% 55.5555555556%,22.2222222222% 55.5555555556%,22.2222222222% 44.4444444444%,77.7777777778% 44.4444444444%,100% 0)}.v-checkable{--outer-size:var(--control-checkable-outer-size);--icon-size:var(--control-checkable-icon-size);--color:var(--control-checkable-base-color);align-items:center;cursor:pointer;display:inline-flex;padding-right:1em;user-select:none}.v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){--color:var(--main-color)}.v-checkable--disabled{--color:var(--control-disabled-color)}.v-checkable--disabled,.v-checkable--readonly{cursor:default;pointer-events:none}.v-checkable input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-checkable__faux{align-items:center;color:var(--color);cursor:pointer;display:inline-flex;flex:0 0 var(--outer-size);height:var(--outer-size);justify-content:center;margin:var(--control-checkable-faux-margin);margin-left:0;position:relative;width:var(--outer-size)}.v-checkable__faux__icon{display:block;height:var(--icon-size);pointer-events:none;position:relative;transform:scale(var(--control-checkable-faux-scale));width:var(--icon-size)}.v-checkable__faux:before{background:currentColor;border-radius:50%;bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.v-checkable__faux:hover:before{opacity:.1}.v-checkable--custom-icon .v-checkable__faux{flex-basis:auto;width:auto}.v-checkable--custom-icon .v-checkable__faux:before{content:none}.v-checkable:focus-within .v-checkable__faux:before{opacity:.2}.v-checkable__label{line-height:1.5}.v-checkable--disabled .v-checkable__label{color:var(--color)}.v-radio{--my-color:var(--color)}.v-radio__faux{display:block;height:100%;position:relative;transition:border-color .2s,background-color .2s;width:100%}.v-radio__faux:after,.v-radio__faux:before{border-radius:100%;content:"";display:block;position:absolute}.v-radio__faux:before{border:2px solid;bottom:0;left:0;right:0;top:0}.v-radio__faux:after{background:currentColor;height:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:50%}.v-radio--selected .v-radio__faux:after{transform:translate(-50%,-50%) scale(1)}.v-switch{--my-pin-color:var(--palette-background)}.v-switch--selected{--my-pin-color:var(--color)}.v-switch__faux{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%;width:var(--control-switch-width)}.v-switch__faux:before{background:var(--color);border-radius:calc(var(--control-switch-track-height)/2);content:"";display:block;height:var(--control-switch-track-height);opacity:.5;width:var(--control-switch-track-width)}.v-switch__faux__pin{align-items:center;border-radius:50%;bottom:0;display:flex;height:var(--outer-size);justify-content:center;left:0;position:absolute;top:0;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;width:var(--outer-size)}.v-switch__faux__pin:after,.v-switch__faux__pin:before{content:"";display:block}.v-switch__faux__pin:before{background:currentColor;border-radius:50%;height:100%;opacity:0;position:absolute;transition:opacity .2s;width:100%}.v-switch__faux__pin:after{background:var(--my-pin-color);border-radius:50%;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);height:var(--icon-size);position:relative;transform:scale(var(--control-checkable-faux-scale));width:var(--icon-size)}.v-switch--selected .v-switch__faux__pin{left:calc(100% - var(--outer-size))}.v-switch--disabled .v-switch__faux:before{background-color:#000;opacity:.12}.v-switch--disabled .v-switch__faux__pin:after{background-color:#f5f5f5}.v-switch__faux:hover .v-switch__faux__pin:before{opacity:.1}.v-switch:focus-within .v-switch__faux__pin:before{opacity:.1}.v-option{cursor:pointer;display:flex;padding:.375em 1em;position:relative;user-select:none;width:100%}.v-option input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-option:after,.v-option:before{bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.v-option:before{background:currentColor}.v-option:after{background:var(--palette-primary)}.v-option:focus-within:before,.v-option:hover:before{opacity:.12}.v-option__label{display:block;position:relative}.v-option--selected:after{opacity:.12}.v-option--selected .v-option__label{color:var(--palette-primary);font-weight:500}.v-option--has-not-value .v-option__label{font-style:italic}.v-option-group{display:block}.v-select__input{cursor:pointer}.v-select__input__element{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-select__body{padding:.5em 0}.v-select__selections{display:table;table-layout:fixed;width:100%}.v-select__selections__inner{display:table-cell;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.v-select__placeholder{color:var(--control-disabled-color);font-style:italic}.v-control-field{--my-bottom-color:var(--control-field-bottom-color);--my-bottom-hover-color:var(--control-field-bottom-hover-color);--my-focused-color:var(--main-color);--my-fill-color:var(--control-field-fill-color);--my-fill-hover-color:var(--control-field-fill-hover-color);--my-outline-color:var(--control-field-outline-color);--my-outline-hover-color:var(--control-field-outline-hover-color);align-items:center;display:inline-flex;font-size:var(--control-field-font-size);height:var(--control-field-height);letter-spacing:var(--control-field-letter-spacing);line-height:var(--control-field-line-height);min-width:0;padding:0 8px;position:relative;width:100%}.v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){--my-bottom-color:var(--main-color);--my-bottom-hover-color:var(--main-color);--my-outline-color:var(--main-color);--my-outline-hover-color:var(--main-color)}.v-control-field--readonly{cursor:default}.v-control-field--disabled{color:var(--control-disabled-color);pointer-events:none;user-select:none}.v-control-field:after,.v-control-field:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0}.v-control-field:before{border-bottom:1px solid var(--my-bottom-color);height:1px;transition:border-color .2s cubic-bezier(.4,0,.2,1) 0ms}.v-control-field:after{background:var(--my-focused-color);height:2px;transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--focused,.v-control-field:focus-within{--my-outline-color:var(--my-focused-color);--my-outline-hover-color:var(--my-focused-color);outline:none}.v-control-field--focused:after,.v-control-field:focus-within:after{transform:scaleX(1)}.v-control-field--auto-height{height:auto}.v-control-field__body{align-items:stretch;align-self:stretch;display:flex;flex:1 1 auto;margin:0}.v-control-field--flat{padding-left:0;padding-right:0}.v-control-field--filled{background-color:var(--my-fill-color);border-top-left-radius:var(--control-field-radius);border-top-right-radius:var(--control-field-radius);transition:background-color .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--filled:hover:not(:focus-within){background-color:var(--my-fill-hover-color)}.v-control-field--filled:hover:before,.v-control-field--flat:hover:before{border-color:var(--my-bottom-hover-color)}.v-control-field--flat:hover:before{border-bottom-width:2px;height:2px}.v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{border-bottom-style:dotted}.v-control-field--outlined{border-radius:var(--control-field-radius);transition:box-shadow .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--outlined:before{background:transparent;border:1px solid var(--my-outline-color);border-radius:inherit;height:auto;top:0}.v-control-field--outlined:hover:before{border-color:var(--my-outline-hover-color)}.v-control-field--outlined:after{content:none}.v-control-field--outlined:focus-within{box-shadow:0 0 1px var(--shadow-color),0 0 2px 2px var(--focusShadow-color)}.v-control-field__adornment--start{padding-right:.25em}.v-control-field__adornment--end{padding-left:.25em}.v-control-field__adornment .v-icon{font-size:1.2em}.v-text-field__input{cursor:text}.v-text-field__input__element{background:transparent;border:0;border-radius:0;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;min-width:0;outline:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;color:inherit!important;transition:background-color 5000s}.v-text-field__input__element::-ms-clear{display:none}.v-text-field__input__element::placeholder{color:var(--control-disabled-color);font-style:italic}.v-text-counter{white-space:nowrap}.v-textarea__input{cursor:text}.v-textarea__input__element{background:transparent;border:0;border-radius:0;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;min-width:0;outline:0;padding:8px 0;resize:none;width:100%}.v-textarea__input__element:-webkit-autofill:-webkit-autofill,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:active,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;color:inherit!important;transition:background-color 5000s}.v-textarea__input__element::-ms-clear{display:none}.v-textarea__input__element::placeholder{color:var(--control-disabled-color);font-style:italic}.v-toolbar{--height:var(--toolbar-height);align-items:center;border-radius:inherit;display:flex;height:var(--height);margin:0;padding:0 calc(var(--root-em)*1.5);width:100%}.v-toolbar--plain{--main-color:var(--palette-background)}.v-app-layout__header>.v-toolbar{height:100%}.v-toolbar--dense{--height:var(--toolbar-dense-height)}.v-toolbar-menu{box-shadow:none;height:100%;margin:0}.v-toolbar-edge{align-items:center;align-self:stretch;display:flex;flex:0 0}.v-toolbar-edge--empty,.v-toolbar-edge:empty{display:none}.v-toolbar-edge--start{margin-left:calc(var(--root-em)*-1*.75);margin-right:calc(var(--root-em)*.75)}.v-toolbar-edge--end{margin-left:auto;margin-right:calc(var(--root-em)*-1*.75);padding-left:calc(var(--root-em)*.75)}.v-toolbar-title{display:flex;flex-grow:1;font-size:1.25rem;font-weight:400;line-height:1;margin:0;white-space:nowrap}
+ */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--root-em:16px;--root-spacing:4px;--typo-fallback-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--type-emoji-font:"Apple Color Emoji","Segoe UI Emoji";--typo-font:var(--typo-base-font),var(--typo-fallback-font),var(--type-emoji-font);--typo-base-size:1rem;--typo-base-weight:400;--typo-base-height:1.5;--typo-base-spacing:0em;--typo-h1-size:2.5rem;--typo-h1-weight:500;--typo-h1-height:1.2222222222222223;--typo-h1-spacing:0em;--typo-h1-margin:16px 0;--typo-h1-color:var(--palette-heading);--typo-h2-size:1.875rem;--typo-h2-weight:500;--typo-h2-height:1.5;--typo-h2-spacing:0em;--typo-h2-margin:40px 0 10px;--typo-h2-color:var(--palette-heading);--typo-h3-size:1.25rem;--typo-h3-weight:500;--typo-h3-height:1.5;--typo-h3-spacing:0em;--typo-h3-margin:20px 0 10px;--typo-h3-color:var(--palette-heading);--typo-h4-size:1.25rem;--typo-h4-weight:400;--typo-h4-height:1.5;--typo-h4-spacing:0em;--typo-h4-margin:10px 0 16px;--typo-h4-color:var(--palette-heading);--typo-h5-size:0.875rem;--typo-h5-weight:400;--typo-h5-height:1.57;--typo-h5-spacing:0em;--typo-h5-margin:10px 0 16px;--typo-h5-color:var(--palette-heading);--typo-h6-size:0.67rem;--typo-h6-weight:400;--typo-h6-height:1.5;--typo-h6-spacing:0em;--typo-h6-margin:10px 0 16px;--typo-h6-color:var(--palette-heading);--typo-subtitle1-size:1rem;--typo-subtitle1-weight:400;--typo-subtitle1-height:1.75;--typo-subtitle1-spacing:0.00938em;--typo-subtitle2-size:0.875rem;--typo-subtitle2-weight:500;--typo-subtitle2-height:1.57;--typo-subtitle2-spacing:0.00714em;--control-field-rem-sm:0.875rem;--control-field-rem-md:1rem;--control-field-rem-lg:1.125rem;--control-disabled-color:rgba(0,0,0,0.38);--control-horizontal-margin:0.5em;--control-field-radius:2px;--control-field-fill-color:rgba(0,0,0,0.06);--control-field-fill-hover-color:rgba(0,0,0,0.09);--control-field-outline-color:hsla(0,4%,43%,0.23);--control-field-outline-hover-color:rgba(0,0,0,0.87);--control-field-bottom-color:rgba(0,0,0,0.42);--control-field-bottom-hover-color:rgba(0,0,0,0.87);--control-field-height:2.25em;--control-field-line-height:1.4375em;--control-field-letter-spacing:0.00938em;--control-label-color:rgba(0,0,0,0.6);--control-label-font-weight:500;--control-label-font-size:0.75em;--control-label-height:1.4375em;--control-message-color:rgba(0,0,0,0.6);--control-message-font-size:0.75em;--control-message-horizontal-margin:var(--root-spacing);--control-checkable-outer-size:2em;--control-checkable-icon-size:1em;--control-checkable-faux-scale:1.2;--control-checkable-faux-margin:0.2em;--control-checkable-base-color:rgba(0,0,0,0.6);--control-switch-width:3.625em;--control-switch-track-width:2.125em;--control-switch-track-height:0.875em;--shadow-key-umbra-opacity:rgba(0,0,0,0.2);--shadow-key-penumbra-opacity:rgba(0,0,0,0.14);--shadow-key-ambient-opacity:rgba(0,0,0,0.12);--shadow-key-umbra-0:0px 0px 0px 0px var(--shadow-key-umbra-opacity);--shadow-key-umbra-1:0px 2px 1px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-2:0px 3px 1px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-3:0px 3px 3px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-4:0px 2px 4px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-5:0px 3px 5px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-6:0px 3px 5px -1px var(--shadow-key-umbra-opacity);--shadow-key-umbra-7:0px 4px 5px -2px var(--shadow-key-umbra-opacity);--shadow-key-umbra-8:0px 5px 5px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-9:0px 5px 6px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-10:0px 6px 6px -3px var(--shadow-key-umbra-opacity);--shadow-key-umbra-11:0px 6px 7px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-12:0px 7px 8px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-13:0px 7px 8px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-14:0px 7px 9px -4px var(--shadow-key-umbra-opacity);--shadow-key-umbra-15:0px 8px 9px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-16:0px 8px 10px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-17:0px 8px 11px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-18:0px 9px 11px -5px var(--shadow-key-umbra-opacity);--shadow-key-umbra-19:0px 9px 12px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-20:0px 10px 13px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-21:0px 10px 13px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-22:0px 10px 14px -6px var(--shadow-key-umbra-opacity);--shadow-key-umbra-23:0px 11px 14px -7px var(--shadow-key-umbra-opacity);--shadow-key-umbra-24:0px 11px 15px -7px var(--shadow-key-umbra-opacity);--shadow-key-penumbra-0:0px 0px 0px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-1:0px 1px 1px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-2:0px 2px 2px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-3:0px 3px 4px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-4:0px 4px 5px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-5:0px 5px 8px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-6:0px 6px 10px 0px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-7:0px 7px 10px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-8:0px 8px 10px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-9:0px 9px 12px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-10:0px 10px 14px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-11:0px 11px 15px 1px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-12:0px 12px 17px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-13:0px 13px 19px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-14:0px 14px 21px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-15:0px 15px 22px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-16:0px 16px 24px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-17:0px 17px 26px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-18:0px 18px 28px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-19:0px 19px 29px 2px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-20:0px 20px 31px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-21:0px 21px 33px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-22:0px 22px 35px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-23:0px 23px 36px 3px var(--shadow-key-penumbra-opacity);--shadow-key-penumbra-24:0px 24px 38px 3px var(--shadow-key-penumbra-opacity);--shadow-key-ambient-0:0px 0px 0px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-1:0px 1px 3px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-2:0px 1px 5px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-3:0px 1px 8px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-4:0px 1px 10px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-5:0px 1px 14px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-6:0px 1px 18px 0px var(--shadow-key-ambient-opacity);--shadow-key-ambient-7:0px 2px 16px 1px var(--shadow-key-ambient-opacity);--shadow-key-ambient-8:0px 3px 14px 2px var(--shadow-key-ambient-opacity);--shadow-key-ambient-9:0px 3px 16px 2px var(--shadow-key-ambient-opacity);--shadow-key-ambient-10:0px 4px 18px 3px var(--shadow-key-ambient-opacity);--shadow-key-ambient-11:0px 4px 20px 3px var(--shadow-key-ambient-opacity);--shadow-key-ambient-12:0px 5px 22px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-13:0px 5px 24px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-14:0px 5px 26px 4px var(--shadow-key-ambient-opacity);--shadow-key-ambient-15:0px 6px 28px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-16:0px 6px 30px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-17:0px 6px 32px 5px var(--shadow-key-ambient-opacity);--shadow-key-ambient-18:0px 7px 34px 6px var(--shadow-key-ambient-opacity);--shadow-key-ambient-19:0px 7px 36px 6px var(--shadow-key-ambient-opacity);--shadow-key-ambient-20:0px 8px 38px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-21:0px 8px 40px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-22:0px 8px 42px 7px var(--shadow-key-ambient-opacity);--shadow-key-ambient-23:0px 9px 44px 8px var(--shadow-key-ambient-opacity);--shadow-key-ambient-24:0px 9px 46px 8px var(--shadow-key-ambient-opacity);--toolbar-height:var(--v-app-layout-vertial-fixed-height);--toolbar-dense-height:calc(var(--toolbar-height)*0.8);--card-content-padding:1rem;--card-actions-padding:0.5rem;--pagination-item-radius:2px;--pagination-item-font-size:var(--root-em);--pagination-item-size:calc(var(--root-em)*2);--pagination-item-margin:calc(var(--root-em)*0.5);--pagination-item-font-size-dense:calc(var(--pagination-item-font-size)*0.625);--pagination-item-size-dense:calc(var(--pagination-item-size)*0.8125);--pagination-item-margin-dense:calc(var(--pagination-item-margin)*0.75)}:root,[lang=en]{--typo-base-font:Roboto,"Noto Sans"}[lang=ja]{--typo-base-font:Roboto,"Noto Sans JP"}[lang=ko]{--typo-base-font:Roboto,"Noto Sans KR"}[lang=zh-cmn-Hant]{--typo-base-font:Roboto,"Noto Sans TC"}[lang=zh-cmn-Hans]{--typo-base-font:Roboto,"Noto Sans SC"}html{text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:var(--root-em)}body{color:var(--typo-base-color);font-family:var(--typo-font);font-size:var(--typo-base-size);font-weight:var(--typo-base-weight);letter-spacing:var(--typo-base-height);line-height:var(--typo-base-height);margin:var(--typo-base-margin)}.text-h1,h1{color:var(--typo-h1-color);font-size:var(--typo-h1-size);font-weight:var(--typo-h1-weight);letter-spacing:var(--typo-h1-height);line-height:var(--typo-h1-height);margin:var(--typo-h1-margin)}.text-h2,h2{color:var(--typo-h2-color);font-size:var(--typo-h2-size);font-weight:var(--typo-h2-weight);letter-spacing:var(--typo-h2-height);line-height:var(--typo-h2-height);margin:var(--typo-h2-margin)}.text-h3,h3{color:var(--typo-h3-color);font-size:var(--typo-h3-size);font-weight:var(--typo-h3-weight);letter-spacing:var(--typo-h3-height);line-height:var(--typo-h3-height);margin:var(--typo-h3-margin)}.text-h4,h4{color:var(--typo-h4-color);font-size:var(--typo-h4-size);font-weight:var(--typo-h4-weight);letter-spacing:var(--typo-h4-height);line-height:var(--typo-h4-height);margin:var(--typo-h4-margin)}.text-h5,h5{color:var(--typo-h5-color);font-size:var(--typo-h5-size);font-weight:var(--typo-h5-weight);letter-spacing:var(--typo-h5-height);line-height:var(--typo-h5-height);margin:var(--typo-h5-margin)}.text-h6,h6{color:var(--typo-h6-color);font-size:var(--typo-h6-size);font-weight:var(--typo-h6-weight);letter-spacing:var(--typo-h6-height);line-height:var(--typo-h6-height);margin:var(--typo-h6-margin)}.elevation-24{box-shadow:var(--shadow-key-umbra-24),var(--shadow-key-penumbra-24),var(--shadow-key-ambient-24)!important}.elevation-23{box-shadow:var(--shadow-key-umbra-23),var(--shadow-key-penumbra-23),var(--shadow-key-ambient-23)!important}.elevation-22{box-shadow:var(--shadow-key-umbra-22),var(--shadow-key-penumbra-22),var(--shadow-key-ambient-22)!important}.elevation-21{box-shadow:var(--shadow-key-umbra-21),var(--shadow-key-penumbra-21),var(--shadow-key-ambient-21)!important}.elevation-20{box-shadow:var(--shadow-key-umbra-20),var(--shadow-key-penumbra-20),var(--shadow-key-ambient-20)!important}.elevation-19{box-shadow:var(--shadow-key-umbra-19),var(--shadow-key-penumbra-19),var(--shadow-key-ambient-19)!important}.elevation-18{box-shadow:var(--shadow-key-umbra-18),var(--shadow-key-penumbra-18),var(--shadow-key-ambient-18)!important}.elevation-17{box-shadow:var(--shadow-key-umbra-17),var(--shadow-key-penumbra-17),var(--shadow-key-ambient-17)!important}.elevation-16{box-shadow:var(--shadow-key-umbra-16),var(--shadow-key-penumbra-16),var(--shadow-key-ambient-16)!important}.elevation-15{box-shadow:var(--shadow-key-umbra-15),var(--shadow-key-penumbra-15),var(--shadow-key-ambient-15)!important}.elevation-14{box-shadow:var(--shadow-key-umbra-14),var(--shadow-key-penumbra-14),var(--shadow-key-ambient-14)!important}.elevation-13{box-shadow:var(--shadow-key-umbra-13),var(--shadow-key-penumbra-13),var(--shadow-key-ambient-13)!important}.elevation-12{box-shadow:var(--shadow-key-umbra-12),var(--shadow-key-penumbra-12),var(--shadow-key-ambient-12)!important}.elevation-11{box-shadow:var(--shadow-key-umbra-11),var(--shadow-key-penumbra-11),var(--shadow-key-ambient-11)!important}.elevation-10{box-shadow:var(--shadow-key-umbra-10),var(--shadow-key-penumbra-10),var(--shadow-key-ambient-10)!important}.elevation-9{box-shadow:var(--shadow-key-umbra-9),var(--shadow-key-penumbra-9),var(--shadow-key-ambient-9)!important}.elevation-8{box-shadow:var(--shadow-key-umbra-8),var(--shadow-key-penumbra-8),var(--shadow-key-ambient-8)!important}.elevation-7{box-shadow:var(--shadow-key-umbra-7),var(--shadow-key-penumbra-7),var(--shadow-key-ambient-7)!important}.elevation-6{box-shadow:var(--shadow-key-umbra-6),var(--shadow-key-penumbra-6),var(--shadow-key-ambient-6)!important}.elevation-5{box-shadow:var(--shadow-key-umbra-5),var(--shadow-key-penumbra-5),var(--shadow-key-ambient-5)!important}.elevation-4{box-shadow:var(--shadow-key-umbra-4),var(--shadow-key-penumbra-4),var(--shadow-key-ambient-4)!important}.elevation-3{box-shadow:var(--shadow-key-umbra-3),var(--shadow-key-penumbra-3),var(--shadow-key-ambient-3)!important}.elevation-2{box-shadow:var(--shadow-key-umbra-2),var(--shadow-key-penumbra-2),var(--shadow-key-ambient-2)!important}.elevation-1{box-shadow:var(--shadow-key-umbra-1),var(--shadow-key-penumbra-1),var(--shadow-key-ambient-1)!important}.elevation-0{box-shadow:var(--shadow-key-umbra-0),var(--shadow-key-penumbra-0),var(--shadow-key-ambient-0)!important}.v-control--sm{--control-field-rem:var(--control-field-rem-sm)}.v-control--md,.v-control--sm{font-size:var(--control-field-rem)}.v-control--md{--control-field-rem:var(--control-field-rem-md)}.v-control--lg{--control-field-rem:var(--control-field-rem-lg);font-size:var(--control-field-rem)}.v-form-selector__body{display:block}.v-form-selector--stacked .v-form-selector__body{align-items:flex-start;display:flex;flex-direction:column}.v-form-control{--my-label-color:var(--control-label-color);--my-message-color:var(--control-message-color);display:flex;flex-direction:column;margin:var(--control-horizontal-margin) 0}.v-form-control--invalid:not(.v-form-control--readonly){--my-label-color:var(--main-color);--my-message-color:var(--main-color)}.v-form-control--disabled{--my-label-color:var(--control-disabled-color);--my-message-color:var(--control-disabled-color)}.v-form-control__label{align-self:flex-start;color:var(--my-label-color);font-size:var(--control-label-font-size);font-weight:var(--control-label-font-weight);letter-spacing:.00938em;line-height:var(--control-label-height)}.v-form-control__info{display:flex;padding-top:3px}.v-form-control__appends,.v-form-control__message{color:var(--my-message-color);font-size:var(--control-message-font-size);line-height:1.66;margin:0 var(--control-message-horizontal-margin)}.v-form-control__message{flex:1 0}.v-form-control__appends{flex:0 1;margin-left:auto}.v-paper{--paper-radius:var(--control-field-radius);background-color:var(--paper-background--color);border-radius:var(--paper-radius);color:var(--paper-text-color)}.v-paper--plain{--paper-background--color:var(--palette-background);--paper-text-color:inherit;--paper-link-color:var(--link-color)}.v-paper--has-color{--paper-background--color:var(--main-color);--paper-text-color:var(--text-color);--paper-link-color:var(--nav-color)}.v-paper--square{--paper-radius:0px}.v-paper a{color:var(--paper-link-color)}.v-paper__header{border-top-left-radius:inherit;border-top-right-radius:inherit}.v-paper__footer{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.v-card-content{padding:var(--card-content-padding)}.v-card-actions{align-items:center;display:flex;padding:var(--card-actions-padding)}.v-card-actions .v-btn{margin-bottom:0;margin-top:0}.v-icon{align-items:center;aspect-ratio:1/1;display:inline-flex;justify-content:center;user-select:none;width:1.25em}.v-icon--clickable{cursor:pointer}.v-icon__body{transition:transform .15s linear}.v-button,.v-icon__body{align-items:center;display:inline-flex;justify-content:center}.v-button{--padding:1em;--height:2.5714285714em;--icon-margin:0.6em;appearance:none;border-radius:var(--control-field-radius);border-style:solid;border-width:1px;cursor:pointer;flex:0 0 auto;font:inherit;font-weight:500;height:var(--height);letter-spacing:.0892857143em;line-height:1;margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);min-width:calc(var(--root-em)*4);outline:0;overflow:hidden;padding:0 var(--padding);position:relative;text-decoration:none;text-transform:uppercase;transition:.3s cubic-bezier(.25,.8,.5,1),color 1ms;user-select:none;vertical-align:bottom}.v-button--plain{color:inherit!important}.v-button--sm{font-size:calc(var(--root-em)*.75)}.v-button--md{font-size:calc(var(--root-em)*.875)}.v-button--lg{font-size:calc(var(--root-em)*1.375)}.v-button--rounded{--padding:0;--height:auto;aspect-ratio:1/1;border-radius:50%;margin:calc(var(--root-em)*.125) calc(var(--root-em)*.125);min-width:0}.v-button--icon{--height:1.9285714286em;--padding:0em;min-width:0}.v-button::-moz-focus-inner{border:0}.v-button[disabled]{cursor:default}.v-button--spacer-left{margin-left:auto}.v-button--spacer-right{margin-right:auto}.v-button__content{align-items:center;display:flex;justify-content:center;justify-self:stretch}.v-button--loading .v-button__content{opacity:0;pointer-events:none}.v-button__icon--start{margin-right:var(--icon-margin)}.v-button__icon--end{margin-left:var(--icon-margin)}.v-button__loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.v-pagination{--pagination-size:var(--pagination-item-size);--pagination-margin:var(--pagination-item-margin);--pagination-font-size:var(--pagination-item-font-size);--pagination-radius:var(--pagination-item-radius);align-items:center;display:flex;font-weight:700;line-height:1;overflow:hidden}.v-pagination:before{content:none;margin:var(--pagination-margin);width:var(--pagination-size)}.v-pagination--left{justify-content:flex-start}.v-pagination--center{justify-content:center}.v-pagination--right{justify-content:flex-end}.v-pagination__item,.v-pagination a.v-pagination__item{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;appearance:none;background-color:transparent;border:0;border-radius:var(--pagination-radius);color:inherit;cursor:pointer;display:flex;font-size:var(--pagination-font-size);height:var(--pagination-size);justify-content:center;margin:calc(var(--pagination-margin)*.5);min-width:var(--pagination-size);outline:0;padding:0;touch-action:manipulation;transition:.1s;user-select:none}.v-pagination__item::-moz-focus-inner,.v-pagination a.v-pagination__item::-moz-focus-inner{border:0}.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover,.v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover{text-decoration:none}.v-pagination__item:focus,.v-pagination__item:hover,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover{background:rgba(0,0,0,.1)}.v-pagination__item--active,.v-pagination__item--active:active,.v-pagination__item--active:focus,.v-pagination__item--active:hover,.v-pagination a.v-pagination__item--active,.v-pagination a.v-pagination__item--active:active,.v-pagination a.v-pagination__item--active:focus,.v-pagination a.v-pagination__item--active:hover{background-color:var(--main-color);color:var(--text-color);pointer-events:none}.v-pagination__item--disabled,.v-pagination__item--truncate,.v-pagination a.v-pagination__item--disabled,.v-pagination a.v-pagination__item--truncate{background:transparent!important;color:var(--palette-muted)!important;pointer-events:none!important}.v-pagination__item .v-icon,.v-pagination a.v-pagination__item .v-icon{font-size:150%}.v-pagination--dense .v-pagination__item{--pagination-size:var(--pagination-item-size-dense);--pagination-margin:var(--pagination-item-margin-dense);--pagination-font-size:var(--pagination-item-font-size-dense)}.v-pagination--disabled .v-pagination__item{color:var(--palette-muted);pointer-events:none}.v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{background:transparent}.v-pagination--disabled .v-pagination__item--active{background:var(--palette-muted)}.v-list-tile{--tile-background:var(--main-color,transparent);--tile-active-background:var(--deep-color,transparent);--tile-text-color:var(--text-color);--tile-text-active-color:var(--text-color);--tile-pin-color:transparent;--paper-link-color:var(--tile-text-color);align-items:center;appearance:none;background:var(--tile-background);border:0;border-left:3px solid var(--tile-pin-color);border-radius:0;color:var(--tile-text-color);display:flex;outline:0;padding:10px;text-align:left;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1) 0ms,background-color .15s cubic-bezier(.4,0,.2,1) 0ms;user-select:none;width:100%}.v-list-tile--clickable{--tile-text-color:var(--nav-color);--tile-text-active-color:var(--navActive-color,var(--nav-color));cursor:pointer}.v-list-tile--clickable:focus,.v-list-tile--clickable:hover{--tile-background:var(--tile-active-background);--tile-text-color:var(--tile-text-active-color)}.v-list-tile--active{--tile-pin-color:var(--pin-color);--tile-text-color:var(--tile-text-active-color);--tile-background:var(--tile-active-background)}.v-list-tile__body{font-size:.8125rem;font-weight:500;line-height:1.5}.v-list-tile__icon{min-width:2em}.v-list-tile__icon--end{margin-left:auto;text-align:right}.v-drawer-layout{align-items:stretch;display:flex;flex-direction:column;height:100%;width:100%}.v-drawer-layout__header{align-items:center;display:flex;flex:0 0 var(--v-app-layout-vertial-fixed-height);height:var(--v-app-layout-vertial-fixed-height);justify-content:center}.v-drawer-layout__body{-webkit-overflow-scrolling:touch;flex:1 1 100%;overflow:auto}.v-drawer-layout__footer{flex:0 0 auto;margin-top:auto}.v-hero{--hero-background-color:var(--main-color);--hero-text-color:var(--text-color);background-color:var(--hero-background-color);color:var(--hero-text-color);margin:0;padding:20px 30px}.v-hero__title{color:inherit;font-size:1.75rem;font-weight:300;line-height:1;margin:0}.v-navigation-item--opened{--tile-background:var(--tile-active-background);--tile-text-color:var(--tile-text-active-color)}.v-navigation-item__expand{transition:height .2s}.v-navigation-item__expand .v-navigation-item{--tile-background:var(--tile-active-background)}.v-navigation__caption{color:var(--caption-color);display:block;font-size:.75rem;margin:1em 0 0;padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);text-transform:uppercase}.v-checkbox{--my-border-color:var(--color);--my-faux-bg-color:transparent}.v-checkbox--indeterminate,.v-checkbox--selected{--my-border-color:transparent;--my-faux-bg-color:var(--color)}.v-checkbox__faux{background:var(--my-faux-bg-color);border:2px solid var(--my-border-color);border-radius:var(--control-field-radius);clip-path:polygon(0 0,0 100%,100% 100%,100% 0,88.25% 28.25%,38% 78.125%,12% 50%,20% 42.1875%,38% 63%,82% 20%,88.25% 28.25%,100% 0);display:block;height:100%;transition:border-color .2s,background-color .2s;width:100%}.v-checkbox--indeterminate .v-checkbox__faux{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,77.7777777778% 44.4444444444%,77.7777777778% 55.5555555556%,22.2222222222% 55.5555555556%,22.2222222222% 44.4444444444%,77.7777777778% 44.4444444444%,100% 0)}.v-checkable{--outer-size:var(--control-checkable-outer-size);--icon-size:var(--control-checkable-icon-size);--color:var(--control-checkable-base-color);align-items:center;cursor:pointer;display:inline-flex;padding-right:1em;user-select:none}.v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){--color:var(--main-color)}.v-checkable--disabled{--color:var(--control-disabled-color)}.v-checkable--disabled,.v-checkable--readonly{cursor:default;pointer-events:none}.v-checkable input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-checkable__faux{align-items:center;color:var(--color);cursor:pointer;display:inline-flex;flex:0 0 var(--outer-size);height:var(--outer-size);justify-content:center;margin:var(--control-checkable-faux-margin);margin-left:0;position:relative;width:var(--outer-size)}.v-checkable__faux__icon{display:block;height:var(--icon-size);pointer-events:none;position:relative;transform:scale(var(--control-checkable-faux-scale));width:var(--icon-size)}.v-checkable__faux:before{background:currentColor;border-radius:50%;bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.v-checkable__faux:hover:before{opacity:.1}.v-checkable--custom-icon .v-checkable__faux{flex-basis:auto;width:auto}.v-checkable--custom-icon .v-checkable__faux:before{content:none}.v-checkable:focus-within .v-checkable__faux:before{opacity:.2}.v-checkable__label{line-height:1.5}.v-checkable--disabled .v-checkable__label{color:var(--color)}.v-radio{--my-color:var(--color)}.v-radio__faux{display:block;height:100%;position:relative;transition:border-color .2s,background-color .2s;width:100%}.v-radio__faux:after,.v-radio__faux:before{border-radius:100%;content:"";display:block;position:absolute}.v-radio__faux:before{border:2px solid;bottom:0;left:0;right:0;top:0}.v-radio__faux:after{background:currentColor;height:50%;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;width:50%}.v-radio--selected .v-radio__faux:after{transform:translate(-50%,-50%) scale(1)}.v-switch{--my-pin-color:var(--palette-background)}.v-switch--selected{--my-pin-color:var(--color)}.v-switch__faux{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%;width:var(--control-switch-width)}.v-switch__faux:before{background:var(--color);border-radius:calc(var(--control-switch-track-height)/2);content:"";display:block;height:var(--control-switch-track-height);opacity:.5;width:var(--control-switch-track-width)}.v-switch__faux__pin{align-items:center;border-radius:50%;bottom:0;display:flex;height:var(--outer-size);justify-content:center;left:0;position:absolute;top:0;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;width:var(--outer-size)}.v-switch__faux__pin:after,.v-switch__faux__pin:before{content:"";display:block}.v-switch__faux__pin:before{background:currentColor;border-radius:50%;height:100%;opacity:0;position:absolute;transition:opacity .2s;width:100%}.v-switch__faux__pin:after{background:var(--my-pin-color);border-radius:50%;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);height:var(--icon-size);position:relative;transform:scale(var(--control-checkable-faux-scale));width:var(--icon-size)}.v-switch--selected .v-switch__faux__pin{left:calc(100% - var(--outer-size))}.v-switch--disabled .v-switch__faux:before{background-color:#000;opacity:.12}.v-switch--disabled .v-switch__faux__pin:after{background-color:#f5f5f5}.v-switch__faux:hover .v-switch__faux__pin:before{opacity:.1}.v-switch:focus-within .v-switch__faux__pin:before{opacity:.1}.v-option{cursor:pointer;display:flex;padding:.375em 1em;position:relative;user-select:none;width:100%}.v-option input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-option:after,.v-option:before{bottom:0;content:"";display:block;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s}.v-option:before{background:currentColor}.v-option:after{background:var(--palette-primary)}.v-option:focus-within:before,.v-option:hover:before{opacity:.12}.v-option__label{display:block;position:relative}.v-option--selected:after{opacity:.12}.v-option--selected .v-option__label{color:var(--palette-primary);font-weight:500}.v-option--has-not-value .v-option__label{font-style:italic}.v-option-group{display:block}.v-select__input{cursor:pointer}.v-select__input__element{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.v-select__body{padding:.5em 0}.v-select__selections{display:table;table-layout:fixed;width:100%}.v-select__selections__inner{display:table-cell;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.v-select__placeholder{color:var(--control-disabled-color);font-style:italic}.v-control-field{--my-bottom-color:var(--control-field-bottom-color);--my-bottom-hover-color:var(--control-field-bottom-hover-color);--my-focused-color:var(--main-color);--my-fill-color:var(--control-field-fill-color);--my-fill-hover-color:var(--control-field-fill-hover-color);--my-outline-color:var(--control-field-outline-color);--my-outline-hover-color:var(--control-field-outline-hover-color);align-items:center;display:inline-flex;font-size:var(--control-field-font-size);height:var(--control-field-height);letter-spacing:var(--control-field-letter-spacing);line-height:var(--control-field-line-height);min-width:0;padding:0 8px;position:relative;width:100%}.v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){--my-bottom-color:var(--main-color);--my-bottom-hover-color:var(--main-color);--my-outline-color:var(--main-color);--my-outline-hover-color:var(--main-color)}.v-control-field--readonly{cursor:default}.v-control-field--disabled{color:var(--control-disabled-color);pointer-events:none;user-select:none}.v-control-field:after,.v-control-field:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0}.v-control-field:before{border-bottom:1px solid var(--my-bottom-color);height:1px;transition:border-color .2s cubic-bezier(.4,0,.2,1) 0ms}.v-control-field:after{background:var(--my-focused-color);height:2px;transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--focused,.v-control-field:focus-within{--my-outline-color:var(--my-focused-color);--my-outline-hover-color:var(--my-focused-color);outline:none}.v-control-field--focused:after,.v-control-field:focus-within:after{transform:scaleX(1)}.v-control-field--auto-height{height:auto}.v-control-field__body{align-items:stretch;align-self:stretch;display:flex;flex:1 1 auto;margin:0}.v-control-field--flat{padding-left:0;padding-right:0}.v-control-field--filled{background-color:var(--my-fill-color);border-top-left-radius:var(--control-field-radius);border-top-right-radius:var(--control-field-radius);transition:background-color .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--filled:hover:not(:focus-within){background-color:var(--my-fill-hover-color)}.v-control-field--filled:hover:before,.v-control-field--flat:hover:before{border-color:var(--my-bottom-hover-color)}.v-control-field--flat:hover:before{border-bottom-width:2px;height:2px}.v-control-field--filled.v-control-field--disabled:before,.v-control-field--flat.v-control-field--disabled:before{border-bottom-style:dotted}.v-control-field--outlined{border-radius:var(--control-field-radius);transition:box-shadow .2s cubic-bezier(0,0,.2,1) 0ms}.v-control-field--outlined:before{background:transparent;border:1px solid var(--my-outline-color);border-radius:inherit;height:auto;top:0}.v-control-field--outlined:hover:before{border-color:var(--my-outline-hover-color)}.v-control-field--outlined:after{content:none}.v-control-field--outlined:focus-within{box-shadow:0 0 1px var(--shadow-color),0 0 2px 2px var(--focusShadow-color)}.v-control-field__adornment--start{padding-right:.25em}.v-control-field__adornment--end{padding-left:.25em}.v-control-field__adornment .v-icon{font-size:1.2em}.v-text-field__input{cursor:text}.v-text-field__input__element{background:transparent;border:0;border-radius:0;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;min-width:0;outline:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;color:inherit!important;transition:background-color 5000s}.v-text-field__input__element::-ms-clear{display:none}.v-text-field__input__element::placeholder{color:var(--control-disabled-color);font-style:italic}.v-text-counter{white-space:nowrap}.v-textarea__input{cursor:text}.v-textarea__input__element{background:transparent;border:0;border-radius:0;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;min-width:0;outline:0;padding:8px 0;resize:none;width:100%}.v-textarea__input__element:-webkit-autofill:-webkit-autofill,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:active,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:focus,.v-textarea__input__element:-webkit-autofill:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;color:inherit!important;transition:background-color 5000s}.v-textarea__input__element::-ms-clear{display:none}.v-textarea__input__element::placeholder{color:var(--control-disabled-color);font-style:italic}.v-toolbar{--height:var(--toolbar-height);align-items:center;border-radius:inherit;display:flex;height:var(--height);margin:0;padding:0 calc(var(--root-em)*1.5);width:100%}.v-toolbar--plain{--main-color:var(--palette-background)}.v-app-layout__header>.v-toolbar{height:100%}.v-toolbar--dense{--height:var(--toolbar-dense-height)}.v-toolbar-menu{box-shadow:none;height:100%;margin:0}.v-toolbar-edge{align-items:center;align-self:stretch;display:flex;flex:0 0}.v-toolbar-edge--empty,.v-toolbar-edge:empty{display:none}.v-toolbar-edge--start{margin-left:calc(var(--root-em)*-1*.75);margin-right:calc(var(--root-em)*.75)}.v-toolbar-edge--end{margin-left:auto;margin-right:calc(var(--root-em)*-1*.75);padding-left:calc(var(--root-em)*.75)}.v-toolbar-title{display:flex;flex-grow:1;font-size:1.25rem;font-weight:400;line-height:1;margin:0;white-space:nowrap}
 /*# sourceMappingURL=vui.min.css.map */