@yxhl/specter-pui-vtk 1.0.45 → 1.0.47

package/README.md

@@ -404,6 +404,169 @@ const pageData = ref({
 
 ---
 
+#### VtkDateSelector - 高级日期选择器
+
+功能强大的日期选择器组件，支持日期、周、月、年的单选和范围选择，适配 Vuetify 3 主题（亮色/暗色）。
+
+**Props:**
+- `modelValue` (String | Array): 绑定值
+  - 单选模式：字符串，如 `"2024-01-01"`
+  - 范围模式：数组，如 `["2024-01-01", "2024-01-31"]`
+- `displayMode` (String): 显示模式，可选值：`'day'` | `'week'` | `'month'` | `'year'`，默认 `'day'`
+- `mode` (String): 选择模式，可选值：`'single'` | `'range'`，默认 `'single'`
+- `placeholder` (String): 占位文本，默认 `'请选择日期'`
+- `disabled` (Boolean): 是否禁用，默认 `false`
+- `clearable` (Boolean): 是否可清空，默认 `true`
+- `format` (String): 日期格式，默认 `'YYYY-MM-DD'`
+- `separator` (String): 范围分隔符，默认 `' 至 '`
+- `inline` (Boolean): 内联模式，直接显示选择器，不需要点击输入框，默认 `false`
+- `singlePanel` (Boolean): 单面板模式，范围选择时只显示一个面板，默认 `false`
+- `onCancel` (Function): 自定义取消方法
+- `onConfirm` (Function): 自定义确认方法
+
+**Events:**
+- `update:modelValue`: 值变化时触发
+- `change`: 选择变化时触发
+- `cancel`: 点击取消按钮时触发（未提供 onCancel 时）
+- `confirm`: 点击确认按钮时触发（未提供 onConfirm 时）
+
+**使用示例:**
+
+```vue
+<template>
+  <!-- 基础使用：单选日期 -->
+  <VtkDateSelector v-model="date" placeholder="选择日期" />
+
+  <!-- 日期范围选择 -->
+  <VtkDateSelector
+    v-model="dateRange"
+    mode="range"
+    displayMode="day"
+    placeholder="选择日期范围"
+  />
+
+  <!-- 月份范围选择 -->
+  <VtkDateSelector
+    v-model="monthRange"
+    mode="range"
+    displayMode="month"
+    placeholder="选择月份范围"
+  />
+
+  <!-- 年份范围选择 -->
+  <VtkDateSelector
+    v-model="yearRange"
+    mode="range"
+    displayMode="year"
+    placeholder="选择年份范围"
+  />
+
+  <!-- 周范围选择 -->
+  <VtkDateSelector
+    v-model="weekRange"
+    mode="range"
+    displayMode="week"
+    placeholder="选择周范围"
+  />
+
+  <!-- 内联模式：直接显示选择器 -->
+  <VtkDateSelector
+    v-model="date"
+    mode="range"
+    displayMode="month"
+    inline
+  />
+
+  <!-- 单面板模式：范围选择时只显示一个面板 -->
+  <VtkDateSelector
+    v-model="dateRange"
+    mode="range"
+    displayMode="day"
+    singlePanel
+  />
+
+  <!-- 自定义取消和确认方法 -->
+  <VtkDateSelector
+    v-model="date"
+    :onCancel="handleCancel"
+    :onConfirm="handleConfirm"
+  />
+
+  <!-- 监听事件 -->
+  <VtkDateSelector
+    v-model="date"
+    @cancel="handleCancel"
+    @confirm="handleConfirm"
+    @change="handleChange"
+  />
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+// 单选日期
+const date = ref('2024-01-01')
+
+// 日期范围
+const dateRange = ref(['2024-01-01', '2024-01-31'])
+
+// 月份范围
+const monthRange = ref(['2024-01', '2024-12'])
+
+// 年份范围
+const yearRange = ref(['2023', '2024'])
+
+// 周范围
+const weekRange = ref(['2024-W01', '2024-W10'])
+
+// 自定义处理方法
+const handleCancel = () => {
+  console.log('取消选择')
+}
+
+const handleConfirm = (value) => {
+  console.log('确认选择:', value)
+  // 执行自定义逻辑
+}
+
+const handleChange = (value) => {
+  console.log('值变化:', value)
+}
+</script>
+```
+
+**特性说明:**
+
+1. **多种显示模式**
+   - `day`: 日期选择（显示日历）
+   - `month`: 月份选择（显示月份网格）
+   - `year`: 年份选择（显示年份网格）
+   - `week`: 周选择（显示周列表）
+
+2. **单选和范围选择**
+   - `single`: 单选模式，返回单个值
+   - `range`: 范围模式，返回数组 `[开始, 结束]`
+
+3. **内联模式**
+   - 设置 `inline="true"` 后，选择器直接显示，无需点击输入框
+   - 选择后立即赋值，无需点击确认按钮
+   - 适合嵌入表单或页面中
+
+4. **单面板模式**
+   - 设置 `singlePanel="true"` 后，范围选择时只显示一个面板
+   - 通过导航按钮切换月份/年份
+   - 适合空间受限的场景
+
+5. **主题适配**
+   - 自动适配 Vuetify 3 的亮色和暗色主题
+   - 使用 Vuetify 主题变量，无需额外配置
+
+6. **自定义操作**
+   - 可通过 `onCancel` 和 `onConfirm` props 自定义取消和确认逻辑
+   - 或通过 `@cancel` 和 `@confirm` 事件监听
+
+---
+
 #### VtkImg - 图片组件
 
 图片展示组件，支持预览和列表展示。

package/dist/specter-pui-vtk.css

@@ -1 +1 @@
-@charset "UTF-8";.sel_box[data-v-644cffae]{width:164px}.area-select-btn[data-v-a19b8a88]{border-radius:20px!important;padding:6px 20px!important;min-width:120px;height:36px!important;text-transform:none;letter-spacing:normal}.area-select-btn .btn-text[data-v-a19b8a88]{font-size:14px;color:inherit}.area-select-btn[data-v-a19b8a88]:hover{background-color:rgba(var(--v-theme-primary),.08)}[data-v-a19b8a88] .v-tab__slider{height:0px!important}.link[data-v-a19b8a88]:after{content:" / ";font-size:14px;color:#999}.link[data-v-a19b8a88]:last-of-type:after{content:""}[data-v-a19b8a88] .v-chip:not(.v-chip--selected){background:#e0e0e000}[data-v-a19b8a88] .v-tabs{height:40px}[data-v-a19b8a88] .v-tab{min-width:90px;height:32px!important;border-radius:6px!important;color:#0009;transition:all .3s ease;z-index:1}[data-v-a19b8a88] .v-tab--selected{background-color:rgb(var(--v-theme-primary));color:#fff!important;opacity:1}[data-v-a19b8a88] .v-tab:hover{background-color:rgba(var(--v-theme-primary),.9);color:#fff}.tabActive[data-v-a19b8a88]{color:#fff}.chipActive[data-v-a19b8a88]{color:#0095ff!important;background-color:#008eff05!important}.active[data-v-a19b8a88]{color:#0095ff!important;background-color:#008eff20!important}[data-v-a19b8a88] .v-slide-group__next,[data-v-a19b8a88] .v-slide-group__prev{display:none}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f]{width:100%;padding:12px 0}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs{flex-grow:1;height:36px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-item{font-size:14px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-divider{padding:0 8px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-item--disabled{opacity:.6}[data-v-d5ff7884] .v-checkbox .v-selection-control{margin:0;padding:0;min-height:32px}[data-v-d5ff7884] .v-input__details{padding-inline:16px}.vtk-count[data-v-678ebca6]{display:inline-block}.count-display[data-v-678ebca6]{display:flex;align-items:center;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}.digits-container[data-v-678ebca6]{display:flex;align-items:center}.digit-wrapper[data-v-678ebca6]{position:relative;width:1em;height:1em;overflow:hidden;text-align:center;margin:0 1px}.digit-wrapper.digit-separator[data-v-678ebca6]{width:auto;animation:none}.digit-scroll[data-v-678ebca6]{position:relative;height:100%}.digit-item[data-v-678ebca6]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.separator[data-v-678ebca6]{display:flex;align-items:center;justify-content:center;height:100%;font-weight:400}.prefix[data-v-678ebca6],.suffix[data-v-678ebca6]{font-size:.8em;align-self:flex-end;margin-bottom:.1em}.prefix[data-v-678ebca6]{margin-right:4px}.suffix[data-v-678ebca6]{margin-left:4px}@media(max-width:768px){.count-display[data-v-678ebca6]{font-size:20px}}@media(max-width:480px){.count-display[data-v-678ebca6]{font-size:18px}}.vtk-date-range-picker[data-v-4f7668c4]{width:100%}.date-picker-container[data-v-4f7668c4]{display:flex;flex-direction:row;gap:0}.date-picker-item[data-v-4f7668c4]{flex:1;max-width:50%}.date-picker-item[data-v-4f7668c4]:first-child{border-right:1px solid rgba(0,0,0,.12)}[data-v-4f7668c4] .v-picker{border-radius:0}[data-v-4f7668c4] .v-date-picker-month__day--adjacent{opacity:.5}[data-v-4f7668c4] .v-date-picker-title{display:none}.vtk-date-selector[data-v-ad8dd725]{position:relative;width:100%}.date-input[data-v-ad8dd725]{position:relative;display:flex;align-items:center;border:1px solid rgb(var(--v-theme-on-surface),.12);border-radius:4px;padding:0 12px;background:rgb(var(--v-theme-surface));cursor:pointer;transition:border-color .2s}.date-input[data-v-ad8dd725]:hover{border-color:rgb(var(--v-theme-primary))}.date-input-field[data-v-ad8dd725]{flex:1;border:none;outline:none;padding:8px 0;font-size:14px;cursor:pointer;background:transparent;color:rgb(var(--v-theme-on-surface))}.date-icon[data-v-ad8dd725]{margin-left:8px;color:rgb(var(--v-theme-on-surface),.6);font-size:14px}.clear-icon[data-v-ad8dd725]{margin-left:8px;color:rgb(var(--v-theme-on-surface),.6);font-size:14px;cursor:pointer;padding:2px}.clear-icon[data-v-ad8dd725]:hover{color:rgb(var(--v-theme-on-surface),.87)}.date-picker-mask[data-v-ad8dd725]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999}.date-picker-dropdown[data-v-ad8dd725]{position:absolute;top:calc(100% + 4px);left:0;background:rgb(var(--v-theme-surface));border-radius:8px;box-shadow:0 2px 12px #00000026;min-width:320px;z-index:2000;border:1px solid rgb(var(--v-theme-on-surface),.12)}.date-picker-dropdown.inline-mode[data-v-ad8dd725]{position:relative;top:0;left:0;box-shadow:none;width:fit-content;border:none}.picker-header[data-v-ad8dd725]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgb(var(--v-theme-on-surface),.12)}.header-title[data-v-ad8dd725]{font-size:16px;font-weight:500;color:rgb(var(--v-theme-on-surface))}.clickable[data-v-ad8dd725]{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.clickable[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.nav-btn[data-v-ad8dd725]{border:none;background:none;font-size:20px;color:rgb(var(--v-theme-on-surface),.6);cursor:pointer;padding:4px 12px;border-radius:4px;transition:background .2s}.nav-btn[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.picker-body[data-v-ad8dd725]{padding:12px;min-height:240px}.dual-calendar[data-v-ad8dd725]{display:flex;gap:12px}.calendar-divider[data-v-ad8dd725]{width:1px;background:rgb(var(--v-theme-on-surface),.12);margin:0 6px}.calendar-panel[data-v-ad8dd725]{flex:1;min-width:240px;max-width:260px}.calendar-header[data-v-ad8dd725]{display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin-bottom:6px}.month-title[data-v-ad8dd725]{font-size:13px;font-weight:500;color:rgb(var(--v-theme-on-surface))}.nav-btn-small[data-v-ad8dd725]{border:none;background:none;font-size:16px;color:rgb(var(--v-theme-on-surface),.6);cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .2s}.nav-btn-small[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.nav-btn-small.invisible[data-v-ad8dd725]{visibility:hidden;pointer-events:none}.year-grid[data-v-ad8dd725],.month-grid[data-v-ad8dd725]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.year-item[data-v-ad8dd725],.month-item[data-v-ad8dd725]{padding:12px;text-align:center;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid transparent;color:rgb(var(--v-theme-on-surface))}.year-item[data-v-ad8dd725]:hover,.month-item[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.year-item.selected[data-v-ad8dd725],.month-item.selected[data-v-ad8dd725]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.year-item.in-range[data-v-ad8dd725],.month-item.in-range[data-v-ad8dd725]{background:rgb(var(--v-theme-primary),.12)}.week-header[data-v-ad8dd725]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.week-day[data-v-ad8dd725]{text-align:center;padding:6px 0;font-size:12px;color:rgb(var(--v-theme-on-surface),.6);font-weight:500}.week-grid[data-v-ad8dd725]{display:flex;flex-direction:column;gap:4px}.week-row[data-v-ad8dd725]{display:grid;grid-template-columns:40px repeat(7,1fr);gap:4px;padding:4px;border-radius:4px;cursor:pointer;transition:background .2s}.week-row[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.week-row.selected[data-v-ad8dd725]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.week-row.in-range[data-v-ad8dd725]{background:rgb(var(--v-theme-primary),.12)}.week-number[data-v-ad8dd725]{display:flex;align-items:center;justify-content:center;font-size:12px;color:rgb(var(--v-theme-on-surface),.6);font-weight:500}.day-grid[data-v-ad8dd725]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-item[data-v-ad8dd725],.day-cell[data-v-ad8dd725]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s;font-size:13px;color:rgb(var(--v-theme-on-surface))}.day-item[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.day-item.other-month[data-v-ad8dd725],.day-cell.other-month[data-v-ad8dd725]{color:rgb(var(--v-theme-on-surface),.38)}.day-item.today[data-v-ad8dd725],.day-cell.today[data-v-ad8dd725]{color:rgb(var(--v-theme-primary));font-weight:600}.day-item.selected[data-v-ad8dd725]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.day-item.in-range[data-v-ad8dd725]{background:rgb(var(--v-theme-primary),.12)}.day-item.range-start[data-v-ad8dd725],.day-item.range-end[data-v-ad8dd725]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.range-display[data-v-ad8dd725]{padding:12px 16px;border-top:1px solid rgb(var(--v-theme-on-surface),.12);text-align:center}.range-text[data-v-ad8dd725]{font-size:14px;color:rgb(var(--v-theme-on-surface))}.range-separator[data-v-ad8dd725]{margin:0 8px;color:rgb(var(--v-theme-on-surface),.6)}.placeholder-text[data-v-ad8dd725]{color:rgb(var(--v-theme-on-surface),.38)}.picker-footer[data-v-ad8dd725]{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgb(var(--v-theme-on-surface),.12)}.btn[data-v-ad8dd725]{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-text[data-v-ad8dd725]{background:none;color:rgb(var(--v-theme-on-surface),.6)}.btn-text[data-v-ad8dd725]:hover{background:rgb(var(--v-theme-on-surface),.08)}.btn-primary[data-v-ad8dd725]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.btn-primary[data-v-ad8dd725]:hover{opacity:.9}[data-v-33eb36fd] .v-sheet[style*="overflow: auto"]::-webkit-scrollbar{width:5px}[data-v-33eb36fd] .v-sheet[style*="overflow: auto"]::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}[data-v-288c63a3] .v-empty-state{padding:24px}[data-v-288c63a3] .v-empty-state__media{margin-bottom:16px}[data-v-288c63a3] .v-empty-state__headline,[data-v-288c63a3] .v-empty-state__title{margin-bottom:8px}[data-v-288c63a3] .v-empty-state__actions{margin-top:16px}.scroll-to-top-fab[data-v-e07d12b9]{position:fixed;bottom:24px;right:24px;z-index:1004}.slide-up-enter-active[data-v-e07d12b9]{transition:all .2s ease-out}.slide-up-leave-active[data-v-e07d12b9]{transition:all .2s ease-in}.slide-up-enter-from[data-v-e07d12b9],.slide-up-leave-to[data-v-e07d12b9]{opacity:0;transform:translateY(30px)}.box:hover>.box_help[data-v-05be0b6b]{display:inline-block!important;border-top-right-radius:24px;border-bottom-left-radius:24px}.box_help[data-v-05be0b6b]{display:none}.tips[data-v-05be0b6b]{position:absolute;right:8px;top:0;border:1px rgba(175,175,175,.341) solid}.form-item--vertical[data-v-05be0b6b]{display:block;margin-bottom:1rem}.form-item--horizontal[data-v-05be0b6b]{display:block;margin-bottom:.5rem}.vtk-img-container[data-v-f2469415]{position:relative;display:inline-block;width:100%;height:100%}.vtk-img-card[data-v-f2469415]{height:100%}.vtk-img-card--preview[data-v-f2469415]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-img-card--preview[data-v-f2469415]:hover{transform:translateY(-5px)}.vtk-img[data-v-f2469415]{width:100%}.vtk-img-info[data-v-f2469415]{padding:0}.vtk-img-title[data-v-f2469415],.vtk-img-description[data-v-f2469415]{word-break:break-word}.image-viewer-card[data-v-f2469415]{background-color:#000000e6;color:#fff}.image-viewer-content[data-v-f2469415]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative}.image-container[data-v-f2469415]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-image[data-v-f2469415]{max-width:90%;max-height:80vh;transition:transform .3s ease}.nav-button[data-v-f2469415]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#00000080;color:#fff;width:50px;height:50px}.prev-button[data-v-f2469415]{left:20px}.next-button[data-v-f2469415]{right:20px}.image-info[data-v-f2469415]{padding:20px;background-color:#000000b3}.image-info p[data-v-f2469415]{margin:5px 0}[data-v-f2469415] .v-img__img{background:var(--v0b9062a7) no-repeat center;background-size:cover}[data-v-f2469415] .v-img__placeholder{filter:blur(0px)}.mt-1[data-v-c12fb6c5]{margin-top:11px!important}.my-5[data-v-c12fb6c5]{margin-top:20px!important;margin-bottom:20px!important}.m_pagination[data-v-c12fb6c5]{width:100%;min-height:52px;display:flex;align-items:center}.m_pagination .box[data-v-c12fb6c5]{position:absolute;right:32px}.page-total[data-v-c12fb6c5]{display:flex;align-items:center;height:36px;font-size:13px;padding-top:4px}.page-select[data-v-c12fb6c5]{padding-top:4px;max-width:115px}.page-select[data-v-c12fb6c5] .v-input__control{min-height:36px!important;height:36px!important}.page-select[data-v-c12fb6c5] .v-field{height:36px!important;font-size:13px!important}.page-select[data-v-c12fb6c5] .v-field__input{padding-top:6px!important;padding-bottom:6px!important;min-height:36px!important}.page-go[data-v-c12fb6c5]{max-width:75px}.page-go[data-v-c12fb6c5] .v-input__control{min-height:36px!important;height:36px!important}.page-go[data-v-c12fb6c5] .v-field{height:36px!important;font-size:13px!important}.page-go[data-v-c12fb6c5] .v-field__input{padding-top:6px!important;padding-bottom:6px!important;min-height:36px!important}.my-2[data-v-c12fb6c5] .v-pagination__item,.my-2[data-v-c12fb6c5] .v-pagination__prev,.my-2[data-v-c12fb6c5] .v-pagination__next{min-width:32px!important;height:36px!important;font-size:13px!important}.vtk-pdf-container[data-v-84f65a65]{position:relative;display:inline-block;width:100%;height:100%}.vtk-pdf-card[data-v-84f65a65]{height:100%}.vtk-pdf-card--preview[data-v-84f65a65]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-pdf-card--preview[data-v-84f65a65]:hover{transform:translateY(-5px)}.vtk-pdf-cover[data-v-84f65a65]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #ddd;width:100%}.vtk-pdf-label[data-v-84f65a65]{margin-top:8px;font-weight:500;color:#666}.vtk-pdf-info[data-v-84f65a65]{padding:0}.vtk-pdf-title[data-v-84f65a65],.vtk-pdf-description[data-v-84f65a65]{word-break:break-word}.pdf-viewer-card[data-v-84f65a65]{background-color:#e0e0e0;color:#333}.pdf-viewer-content[data-v-84f65a65]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative;background-color:#555;overflow:auto}.pdf-container[data-v-84f65a65]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#pdf-viewer[data-v-84f65a65]{max-width:100%;max-height:100%;box-shadow:0 0 10px #00000080;background-color:#fff;display:flex;align-items:center;justify-content:center;min-height:500px;min-width:400px}.pdf-viewer-footer[data-v-84f65a65]{padding:16px;background-color:#f5f5f5;border-top:1px solid #ddd}.pdf-loading[data-v-84f65a65]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;padding:20px;border-radius:8px;z-index:100}.state_btg[data-v-052be5fe]{padding-right:0;height:100%;background:url(../../assets/img/objs_btg.png) no-repeat;background-size:80px;background-position:100% 100%}[data-v-052be5fe] .v-tab{background:url(../../assets/img/tab-2.png) no-repeat;background-size:100% 100%;width:150px;margin-left:-11px;border-top-left-radius:20px;border-top-right-radius:20px}[data-v-052be5fe] .v-tab span{z-index:99}.v-theme--dark[data-v-052be5fe] .v-tab{background:url(../../assets/img/tab-4.png) no-repeat;background-size:100% 100%}.v-theme--dark[data-v-052be5fe] .v-tabs__slider{background:url(../../assets/img/tab-3.png) no-repeat!important;background-size:100% 100%!important}[data-v-052be5fe] .v-tab:before,[data-v-052be5fe] .v-tab:focus:before,[data-v-052be5fe] .v-tab:hover:before{background-color:transparent!important;opacity:0!important}[data-v-052be5fe] .v-tabs__slider{height:38px!important;background:url(../../assets/img/tab-1.png) no-repeat;background-size:100% 100%}.expBox[data-v-052be5fe] td{border-bottom:thin solid rgba(123,123,123,.22)}.expBox[data-v-052be5fe] .v-data-table__empty-wrapper td{border:none}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty{background-color:#2195f30f!important}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty .v-label{color:#2196f3!important}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty .active{color:#2196f3;display:inline-block!important}.expBox[data-v-052be5fe] .v-selection-control__input{display:none}.expBox[data-v-052be5fe] .v-checkbox{padding:4px 8px 4px 10px;border-radius:6px;background-color:#7575750f}.expBox[data-v-052be5fe] .v-checkbox .v-label{margin-top:3px;font-size:12px}.search[data-v-2922c5c7]{position:relative;min-width:380px;min-height:40px}.box[data-v-2922c5c7]{min-width:380px;min-height:40px}[data-v-2922c5c7] .box .v-field__append-inner{cursor:pointer;padding-left:16px!important;padding-right:4px!important;border-left:1px rgba(204,204,204,.5333333333) solid;min-width:50px;display:flex;align-items:center}[data-v-7cb05cd0]::-webkit-scrollbar{width:6px}[data-v-7cb05cd0]::-webkit-scrollbar-thumb{border-radius:3px;height:100px;background-color:#007acc}.v-stepper__step[data-v-5ab53ed0]{background:#c7ccd538;position:relative}[data-v-5ab53ed0] .v-stepper__step__step{display:none!important}.stepItem[data-v-5ab53ed0]{align-items:center;display:flex;flex-direction:row;padding:24px;position:relative;background:#c7ccd538}.v-theme--dark .stepItem[data-v-5ab53ed0]{color:#ffffff80}.stepItem.selected[data-v-5ab53ed0]{background:#165dff;color:#fff!important}.stepItem.selected.last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent #165dff}.stepItem.selected[data-v-5ab53ed0] .v-stepper__label{color:#fff!important}.colItem:first-child .first-box1[data-v-5ab53ed0]:before{border-color:transparent!important}.colItem:last-child .last-box[data-v-5ab53ed0]:after{border-color:transparent!important}.first-box1[data-v-5ab53ed0]:before{position:absolute;left:0;content:"";width:0;height:0;z-index:0;border:30px solid;border-color:transparent transparent transparent #fff}.v-theme--dark .first-box1[data-v-5ab53ed0]:before{border-color:transparent transparent transparent #1e1e1e}.last-box[data-v-5ab53ed0]:after{position:absolute;right:-70px;content:"";z-index:1;width:0;height:0;border:35px solid;border-color:transparent transparent transparent #f2f3f5}.v-theme--dark .last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent rgba(199,204,213,.2196078431)}.theme--dark.v-stepper[data-v-5ab53ed0]{background:transparent}[data-v-c08037e4] .v-snackbar__wrapper{top:24px}
+@charset "UTF-8";.sel_box[data-v-644cffae]{width:164px}.area-select-btn[data-v-a19b8a88]{border-radius:20px!important;padding:6px 20px!important;min-width:120px;height:36px!important;text-transform:none;letter-spacing:normal}.area-select-btn .btn-text[data-v-a19b8a88]{font-size:14px;color:inherit}.area-select-btn[data-v-a19b8a88]:hover{background-color:rgba(var(--v-theme-primary),.08)}[data-v-a19b8a88] .v-tab__slider{height:0px!important}.link[data-v-a19b8a88]:after{content:" / ";font-size:14px;color:#999}.link[data-v-a19b8a88]:last-of-type:after{content:""}[data-v-a19b8a88] .v-chip:not(.v-chip--selected){background:#e0e0e000}[data-v-a19b8a88] .v-tabs{height:40px}[data-v-a19b8a88] .v-tab{min-width:90px;height:32px!important;border-radius:6px!important;color:#0009;transition:all .3s ease;z-index:1}[data-v-a19b8a88] .v-tab--selected{background-color:rgb(var(--v-theme-primary));color:#fff!important;opacity:1}[data-v-a19b8a88] .v-tab:hover{background-color:rgba(var(--v-theme-primary),.9);color:#fff}.tabActive[data-v-a19b8a88]{color:#fff}.chipActive[data-v-a19b8a88]{color:#0095ff!important;background-color:#008eff05!important}.active[data-v-a19b8a88]{color:#0095ff!important;background-color:#008eff20!important}[data-v-a19b8a88] .v-slide-group__next,[data-v-a19b8a88] .v-slide-group__prev{display:none}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f]{width:100%;padding:12px 0}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs{flex-grow:1;height:36px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-item{font-size:14px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-divider{padding:0 8px}.vtk-breadcrumb-wrapper[data-v-e7eb4d1f] .v-breadcrumbs-item--disabled{opacity:.6}[data-v-d5ff7884] .v-checkbox .v-selection-control{margin:0;padding:0;min-height:32px}[data-v-d5ff7884] .v-input__details{padding-inline:16px}.vtk-count[data-v-678ebca6]{display:inline-block}.count-display[data-v-678ebca6]{display:flex;align-items:center;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700}.digits-container[data-v-678ebca6]{display:flex;align-items:center}.digit-wrapper[data-v-678ebca6]{position:relative;width:1em;height:1em;overflow:hidden;text-align:center;margin:0 1px}.digit-wrapper.digit-separator[data-v-678ebca6]{width:auto;animation:none}.digit-scroll[data-v-678ebca6]{position:relative;height:100%}.digit-item[data-v-678ebca6]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.separator[data-v-678ebca6]{display:flex;align-items:center;justify-content:center;height:100%;font-weight:400}.prefix[data-v-678ebca6],.suffix[data-v-678ebca6]{font-size:.8em;align-self:flex-end;margin-bottom:.1em}.prefix[data-v-678ebca6]{margin-right:4px}.suffix[data-v-678ebca6]{margin-left:4px}@media(max-width:768px){.count-display[data-v-678ebca6]{font-size:20px}}@media(max-width:480px){.count-display[data-v-678ebca6]{font-size:18px}}.vtk-date-range-picker[data-v-4f7668c4]{width:100%}.date-picker-container[data-v-4f7668c4]{display:flex;flex-direction:row;gap:0}.date-picker-item[data-v-4f7668c4]{flex:1;max-width:50%}.date-picker-item[data-v-4f7668c4]:first-child{border-right:1px solid rgba(0,0,0,.12)}[data-v-4f7668c4] .v-picker{border-radius:0}[data-v-4f7668c4] .v-date-picker-month__day--adjacent{opacity:.5}[data-v-4f7668c4] .v-date-picker-title{display:none}.vtk-date-selector[data-v-cf126374]{position:relative;width:100%}.date-input[data-v-cf126374]{position:relative;display:flex;align-items:center;border:1px solid rgb(var(--v-theme-on-surface),.12);border-radius:4px;padding:0 12px;background:rgb(var(--v-theme-surface));cursor:pointer;transition:border-color .2s}.date-input[data-v-cf126374]:hover{border-color:rgb(var(--v-theme-primary))}.date-input-field[data-v-cf126374]{flex:1;border:none;outline:none;padding:8px 0;font-size:14px;cursor:pointer;background:transparent;color:rgb(var(--v-theme-on-surface))}.date-icon[data-v-cf126374]{margin-left:8px;color:rgb(var(--v-theme-on-surface),.6);font-size:14px}.clear-icon[data-v-cf126374]{margin-left:8px;color:rgb(var(--v-theme-on-surface),.6);font-size:14px;cursor:pointer;padding:2px}.clear-icon[data-v-cf126374]:hover{color:rgb(var(--v-theme-on-surface),.87)}.date-picker-mask[data-v-cf126374]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1999}.date-picker-dropdown[data-v-cf126374]{position:absolute;top:calc(100% + 4px);left:0;background:rgb(var(--v-theme-surface));border-radius:8px;box-shadow:0 2px 12px #00000026;min-width:320px;z-index:2000;border:1px solid rgb(var(--v-theme-on-surface),.12)}.date-picker-dropdown.inline-mode[data-v-cf126374]{position:relative;top:0;left:0;box-shadow:none;width:fit-content;border:none}.picker-header[data-v-cf126374]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgb(var(--v-theme-on-surface),.12)}.header-title[data-v-cf126374]{font-size:16px;font-weight:500;color:rgb(var(--v-theme-on-surface))}.clickable[data-v-cf126374]{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.clickable[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.nav-btn[data-v-cf126374]{border:none;background:none;font-size:20px;color:rgb(var(--v-theme-on-surface),.6);cursor:pointer;padding:4px 12px;border-radius:4px;transition:background .2s}.nav-btn[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.picker-body[data-v-cf126374]{padding:8px;min-height:200px}.dual-calendar[data-v-cf126374]{display:flex;gap:8px}.calendar-divider[data-v-cf126374]{width:1px;background:rgb(var(--v-theme-on-surface),.12);margin:0 6px}.calendar-panel[data-v-cf126374]{flex:1;width:210px;min-width:210px;max-width:210px}.calendar-header[data-v-cf126374]{display:flex;align-items:center;justify-content:space-between;padding:4px 0;margin-bottom:4px}.month-title[data-v-cf126374]{font-size:12px;font-weight:500;color:rgb(var(--v-theme-on-surface))}.nav-btn-small[data-v-cf126374]{border:none;background:none;font-size:14px;color:rgb(var(--v-theme-on-surface),.6);cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .2s}.nav-btn-small[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.nav-btn-small.invisible[data-v-cf126374]{visibility:hidden;pointer-events:none}.year-grid[data-v-cf126374],.month-grid[data-v-cf126374]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.year-item[data-v-cf126374],.month-item[data-v-cf126374]{padding:6px;text-align:center;border-radius:4px;cursor:pointer;transition:all .2s;border:1px solid transparent;color:rgb(var(--v-theme-on-surface));font-size:12px}.year-item[data-v-cf126374]:hover,.month-item[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.year-item.selected[data-v-cf126374],.month-item.selected[data-v-cf126374]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.year-item.in-range[data-v-cf126374],.month-item.in-range[data-v-cf126374]{background:rgb(var(--v-theme-primary),.12)}.week-header[data-v-cf126374]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:6px}.week-day[data-v-cf126374]{text-align:center;padding:6px 0;font-size:12px;color:rgb(var(--v-theme-on-surface),.6);font-weight:500}.week-grid[data-v-cf126374]{display:flex;flex-direction:column;gap:4px}.week-row[data-v-cf126374]{display:grid;grid-template-columns:40px repeat(7,1fr);gap:4px;padding:4px;border-radius:4px;cursor:pointer;transition:background .2s}.week-row[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.week-row.selected[data-v-cf126374]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.week-row.in-range[data-v-cf126374]{background:rgb(var(--v-theme-primary),.12)}.week-number[data-v-cf126374]{display:flex;align-items:center;justify-content:center;font-size:12px;color:rgb(var(--v-theme-on-surface),.6);font-weight:500}.day-grid[data-v-cf126374]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-item[data-v-cf126374],.day-cell[data-v-cf126374]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .2s;font-size:13px;color:rgb(var(--v-theme-on-surface))}.day-item[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.day-item.other-month[data-v-cf126374],.day-cell.other-month[data-v-cf126374]{color:rgb(var(--v-theme-on-surface),.38)}.day-item.today[data-v-cf126374],.day-cell.today[data-v-cf126374]{color:rgb(var(--v-theme-primary));font-weight:600}.day-item.selected[data-v-cf126374]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.day-item.in-range[data-v-cf126374]{background:rgb(var(--v-theme-primary),.12)}.day-item.range-start[data-v-cf126374],.day-item.range-end[data-v-cf126374]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.range-display[data-v-cf126374]{padding:12px 16px;border-top:1px solid rgb(var(--v-theme-on-surface),.12);text-align:center}.range-text[data-v-cf126374]{font-size:14px;color:rgb(var(--v-theme-on-surface))}.range-separator[data-v-cf126374]{margin:0 8px;color:rgb(var(--v-theme-on-surface),.6)}.placeholder-text[data-v-cf126374]{color:rgb(var(--v-theme-on-surface),.38)}.picker-footer[data-v-cf126374]{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid rgb(var(--v-theme-on-surface),.12)}.btn[data-v-cf126374]{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-text[data-v-cf126374]{background:none;color:rgb(var(--v-theme-on-surface),.6)}.btn-text[data-v-cf126374]:hover{background:rgb(var(--v-theme-on-surface),.08)}.btn-primary[data-v-cf126374]{background:rgb(var(--v-theme-primary));color:rgb(var(--v-theme-on-primary))}.btn-primary[data-v-cf126374]:hover{opacity:.9}[data-v-33eb36fd] .v-sheet[style*="overflow: auto"]::-webkit-scrollbar{width:5px}[data-v-33eb36fd] .v-sheet[style*="overflow: auto"]::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}[data-v-288c63a3] .v-empty-state{padding:24px}[data-v-288c63a3] .v-empty-state__media{margin-bottom:16px}[data-v-288c63a3] .v-empty-state__headline,[data-v-288c63a3] .v-empty-state__title{margin-bottom:8px}[data-v-288c63a3] .v-empty-state__actions{margin-top:16px}.scroll-to-top-fab[data-v-e07d12b9]{position:fixed;bottom:24px;right:24px;z-index:1004}.slide-up-enter-active[data-v-e07d12b9]{transition:all .2s ease-out}.slide-up-leave-active[data-v-e07d12b9]{transition:all .2s ease-in}.slide-up-enter-from[data-v-e07d12b9],.slide-up-leave-to[data-v-e07d12b9]{opacity:0;transform:translateY(30px)}.box:hover>.box_help[data-v-05be0b6b]{display:inline-block!important;border-top-right-radius:24px;border-bottom-left-radius:24px}.box_help[data-v-05be0b6b]{display:none}.tips[data-v-05be0b6b]{position:absolute;right:8px;top:0;border:1px rgba(175,175,175,.341) solid}.form-item--vertical[data-v-05be0b6b]{display:block;margin-bottom:1rem}.form-item--horizontal[data-v-05be0b6b]{display:block;margin-bottom:.5rem}.vtk-img-container[data-v-f2469415]{position:relative;display:inline-block;width:100%;height:100%}.vtk-img-card[data-v-f2469415]{height:100%}.vtk-img-card--preview[data-v-f2469415]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-img-card--preview[data-v-f2469415]:hover{transform:translateY(-5px)}.vtk-img[data-v-f2469415]{width:100%}.vtk-img-info[data-v-f2469415]{padding:0}.vtk-img-title[data-v-f2469415],.vtk-img-description[data-v-f2469415]{word-break:break-word}.image-viewer-card[data-v-f2469415]{background-color:#000000e6;color:#fff}.image-viewer-content[data-v-f2469415]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative}.image-container[data-v-f2469415]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-image[data-v-f2469415]{max-width:90%;max-height:80vh;transition:transform .3s ease}.nav-button[data-v-f2469415]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#00000080;color:#fff;width:50px;height:50px}.prev-button[data-v-f2469415]{left:20px}.next-button[data-v-f2469415]{right:20px}.image-info[data-v-f2469415]{padding:20px;background-color:#000000b3}.image-info p[data-v-f2469415]{margin:5px 0}[data-v-f2469415] .v-img__img{background:var(--v0b9062a7) no-repeat center;background-size:cover}[data-v-f2469415] .v-img__placeholder{filter:blur(0px)}.mt-1[data-v-c12fb6c5]{margin-top:11px!important}.my-5[data-v-c12fb6c5]{margin-top:20px!important;margin-bottom:20px!important}.m_pagination[data-v-c12fb6c5]{width:100%;min-height:52px;display:flex;align-items:center}.m_pagination .box[data-v-c12fb6c5]{position:absolute;right:32px}.page-total[data-v-c12fb6c5]{display:flex;align-items:center;height:36px;font-size:13px;padding-top:4px}.page-select[data-v-c12fb6c5]{padding-top:4px;max-width:115px}.page-select[data-v-c12fb6c5] .v-input__control{min-height:36px!important;height:36px!important}.page-select[data-v-c12fb6c5] .v-field{height:36px!important;font-size:13px!important}.page-select[data-v-c12fb6c5] .v-field__input{padding-top:6px!important;padding-bottom:6px!important;min-height:36px!important}.page-go[data-v-c12fb6c5]{max-width:75px}.page-go[data-v-c12fb6c5] .v-input__control{min-height:36px!important;height:36px!important}.page-go[data-v-c12fb6c5] .v-field{height:36px!important;font-size:13px!important}.page-go[data-v-c12fb6c5] .v-field__input{padding-top:6px!important;padding-bottom:6px!important;min-height:36px!important}.my-2[data-v-c12fb6c5] .v-pagination__item,.my-2[data-v-c12fb6c5] .v-pagination__prev,.my-2[data-v-c12fb6c5] .v-pagination__next{min-width:32px!important;height:36px!important;font-size:13px!important}.vtk-pdf-container[data-v-84f65a65]{position:relative;display:inline-block;width:100%;height:100%}.vtk-pdf-card[data-v-84f65a65]{height:100%}.vtk-pdf-card--preview[data-v-84f65a65]{cursor:pointer;transition:transform .2s ease-in-out}.vtk-pdf-card--preview[data-v-84f65a65]:hover{transform:translateY(-5px)}.vtk-pdf-cover[data-v-84f65a65]{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border:1px solid #ddd;width:100%}.vtk-pdf-label[data-v-84f65a65]{margin-top:8px;font-weight:500;color:#666}.vtk-pdf-info[data-v-84f65a65]{padding:0}.vtk-pdf-title[data-v-84f65a65],.vtk-pdf-description[data-v-84f65a65]{word-break:break-word}.pdf-viewer-card[data-v-84f65a65]{background-color:#e0e0e0;color:#333}.pdf-viewer-content[data-v-84f65a65]{display:flex;align-items:center;justify-content:center;height:calc(100vh - 150px);position:relative;background-color:#555;overflow:auto}.pdf-container[data-v-84f65a65]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}#pdf-viewer[data-v-84f65a65]{max-width:100%;max-height:100%;box-shadow:0 0 10px #00000080;background-color:#fff;display:flex;align-items:center;justify-content:center;min-height:500px;min-width:400px}.pdf-viewer-footer[data-v-84f65a65]{padding:16px;background-color:#f5f5f5;border-top:1px solid #ddd}.pdf-loading[data-v-84f65a65]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffe6;padding:20px;border-radius:8px;z-index:100}.state_btg[data-v-052be5fe]{padding-right:0;height:100%;background:url(../../assets/img/objs_btg.png) no-repeat;background-size:80px;background-position:100% 100%}[data-v-052be5fe] .v-tab{background:url(../../assets/img/tab-2.png) no-repeat;background-size:100% 100%;width:150px;margin-left:-11px;border-top-left-radius:20px;border-top-right-radius:20px}[data-v-052be5fe] .v-tab span{z-index:99}.v-theme--dark[data-v-052be5fe] .v-tab{background:url(../../assets/img/tab-4.png) no-repeat;background-size:100% 100%}.v-theme--dark[data-v-052be5fe] .v-tabs__slider{background:url(../../assets/img/tab-3.png) no-repeat!important;background-size:100% 100%!important}[data-v-052be5fe] .v-tab:before,[data-v-052be5fe] .v-tab:focus:before,[data-v-052be5fe] .v-tab:hover:before{background-color:transparent!important;opacity:0!important}[data-v-052be5fe] .v-tabs__slider{height:38px!important;background:url(../../assets/img/tab-1.png) no-repeat;background-size:100% 100%}.expBox[data-v-052be5fe] td{border-bottom:thin solid rgba(123,123,123,.22)}.expBox[data-v-052be5fe] .v-data-table__empty-wrapper td{border:none}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty{background-color:#2195f30f!important}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty .v-label{color:#2196f3!important}.expBox[data-v-052be5fe] .v-checkbox.v-selection-control--dirty .active{color:#2196f3;display:inline-block!important}.expBox[data-v-052be5fe] .v-selection-control__input{display:none}.expBox[data-v-052be5fe] .v-checkbox{padding:4px 8px 4px 10px;border-radius:6px;background-color:#7575750f}.expBox[data-v-052be5fe] .v-checkbox .v-label{margin-top:3px;font-size:12px}.search[data-v-2922c5c7]{position:relative;min-width:380px;min-height:40px}.box[data-v-2922c5c7]{min-width:380px;min-height:40px}[data-v-2922c5c7] .box .v-field__append-inner{cursor:pointer;padding-left:16px!important;padding-right:4px!important;border-left:1px rgba(204,204,204,.5333333333) solid;min-width:50px;display:flex;align-items:center}[data-v-7cb05cd0]::-webkit-scrollbar{width:6px}[data-v-7cb05cd0]::-webkit-scrollbar-thumb{border-radius:3px;height:100px;background-color:#007acc}.v-stepper__step[data-v-5ab53ed0]{background:#c7ccd538;position:relative}[data-v-5ab53ed0] .v-stepper__step__step{display:none!important}.stepItem[data-v-5ab53ed0]{align-items:center;display:flex;flex-direction:row;padding:24px;position:relative;background:#c7ccd538}.v-theme--dark .stepItem[data-v-5ab53ed0]{color:#ffffff80}.stepItem.selected[data-v-5ab53ed0]{background:#165dff;color:#fff!important}.stepItem.selected.last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent #165dff}.stepItem.selected[data-v-5ab53ed0] .v-stepper__label{color:#fff!important}.colItem:first-child .first-box1[data-v-5ab53ed0]:before{border-color:transparent!important}.colItem:last-child .last-box[data-v-5ab53ed0]:after{border-color:transparent!important}.first-box1[data-v-5ab53ed0]:before{position:absolute;left:0;content:"";width:0;height:0;z-index:0;border:30px solid;border-color:transparent transparent transparent #fff}.v-theme--dark .first-box1[data-v-5ab53ed0]:before{border-color:transparent transparent transparent #1e1e1e}.last-box[data-v-5ab53ed0]:after{position:absolute;right:-70px;content:"";z-index:1;width:0;height:0;border:35px solid;border-color:transparent transparent transparent #f2f3f5}.v-theme--dark .last-box[data-v-5ab53ed0]:after{border-color:transparent transparent transparent rgba(199,204,213,.2196078431)}.theme--dark.v-stepper[data-v-5ab53ed0]{background:transparent}[data-v-c08037e4] .v-snackbar__wrapper{top:24px}