vft 0.0.201 → 0.0.202

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/index.css +1 -1
  2. package/es/components/backtop/backtop.vue.d.ts +1 -0
  3. package/es/components/backtop/backtop.vue2.js +5 -5
  4. package/es/components/super-form/super-form.vue2.js +48 -48
  5. package/es/package.json.d.ts +1 -1
  6. package/es/package.json.js +1 -1
  7. package/lib/components/backtop/backtop.vue.d.ts +1 -0
  8. package/lib/components/backtop/backtop.vue2.cjs +1 -1
  9. package/lib/components/super-form/super-form.vue2.cjs +1 -1
  10. package/lib/package.json.cjs +1 -1
  11. package/lib/package.json.d.ts +1 -1
  12. package/package.json +3 -3
  13. package/theme-style/base.css +1 -1
  14. package/theme-style/index.css +1 -1
  15. package/theme-style/src/common/transition.scss +17 -14
  16. package/theme-style/src/table.scss +29 -29
  17. package/theme-style/src/tree.scss +10 -10
  18. package/theme-style/vft-collapse.css +1 -1
  19. package/theme-style/vft-date-picker.css +1 -1
  20. package/theme-style/vft-md-container.css +1 -1
  21. package/theme-style/vft-menu.css +1 -1
  22. package/theme-style/vft-table.css +1 -1
  23. package/theme-style/vft-tabs.css +1 -1
  24. package/theme-style/vft-time-picker.css +1 -1
  25. package/theme-style/vft-time-select.css +1 -1
  26. package/theme-style/vft-tree.css +1 -1
  27. package/web-types.json +1 -1
package/theme-style/src/common/transition.scss CHANGED
@@ -28,14 +28,14 @@
28
28
 
29
29
  .#{$namespace}-zoom-in-center-enter-from,
30
30
  .#{$namespace}-zoom-in-center-leave-active {
31
- opacity: 0;
32
31
  transform: scaleX(0);
32
+ opacity: 0;
33
33
  }
34
34
 
35
35
  @mixin common-zoom-in-top {
36
- opacity: 1;
37
36
  transform: scaleY(1);
38
37
  transform-origin: center top;
38
+ opacity: 1;
39
39
 
40
40
  &[data-popper-placement^='top'] {
41
41
  transform-origin: center bottom;
@@ -51,8 +51,8 @@
51
51
 
52
52
  .#{$namespace}-zoom-in-top-enter-from,
53
53
  .#{$namespace}-zoom-in-top-leave-active {
54
- opacity: 0;
55
54
  transform: scaleY(0);
55
+ opacity: 0;
56
56
  }
57
57
 
58
58
  .#{$namespace}-zoom-in-top-fast-enter-active {
@@ -66,53 +66,56 @@
66
66
 
67
67
  .#{$namespace}-zoom-in-top-fast-enter-from,
68
68
  .#{$namespace}-zoom-in-top-fast-leave-active {
69
- opacity: 0;
70
69
  transform: scaleY(0);
70
+ opacity: 0;
71
71
  }
72
72
 
73
73
  .#{$namespace}-zoom-in-bottom-enter-active,
74
74
  .#{$namespace}-zoom-in-bottom-leave-active {
75
- opacity: 1;
76
75
  transform: scaleY(1);
77
- transition: getCssVar('transition-md-fade');
78
76
  transform-origin: center bottom;
77
+ transition: getCssVar('transition-md-fade');
78
+ opacity: 1;
79
79
  }
80
80
 
81
81
  .#{$namespace}-zoom-in-bottom-enter-from,
82
82
  .#{$namespace}-zoom-in-bottom-leave-active {
83
- opacity: 0;
84
83
  transform: scaleY(0);
84
+ opacity: 0;
85
85
  }
86
86
 
87
87
  .#{$namespace}-zoom-in-left-enter-active,
88
88
  .#{$namespace}-zoom-in-left-leave-active {
89
- opacity: 1;
90
89
  transform: scale(1, 1);
91
- transition: getCssVar('transition-md-fade');
92
90
  transform-origin: top left;
91
+ transition: getCssVar('transition-md-fade');
92
+ opacity: 1;
93
93
  }
94
94
 
95
95
  .#{$namespace}-zoom-in-left-enter-from,
96
96
  .#{$namespace}-zoom-in-left-leave-active {
97
- opacity: 0;
98
97
  transform: scale(0.45, 0.45);
98
+ opacity: 0;
99
99
  }
100
100
 
101
101
  .collapse-transition {
102
- transition: getCssVar('transition-duration') height ease-in-out,
102
+ transition:
103
+ getCssVar('transition-duration') height ease-in-out,
103
104
  getCssVar('transition-duration') padding-top ease-in-out,
104
105
  getCssVar('transition-duration') padding-bottom ease-in-out;
105
106
  }
106
107
 
107
108
  .#{$namespace}-collapse-transition-leave-active,
108
109
  .#{$namespace}-collapse-transition-enter-active {
109
- transition: getCssVar('transition-duration') max-height ease-in-out,
110
+ transition:
111
+ getCssVar('transition-duration') max-height ease-in-out,
110
112
  getCssVar('transition-duration') padding-top ease-in-out,
111
113
  getCssVar('transition-duration') padding-bottom ease-in-out;
112
114
  }
113
115
 
114
116
  .horizontal-collapse-transition {
115
- transition: getCssVar('transition-duration') width ease-in-out,
117
+ transition:
118
+ getCssVar('transition-duration') width ease-in-out,
116
119
  getCssVar('transition-duration') padding-left ease-in-out,
117
120
  getCssVar('transition-duration') padding-right ease-in-out;
118
121
  }
@@ -124,8 +127,8 @@
124
127
 
125
128
  .#{$namespace}-list-enter-from,
126
129
  .#{$namespace}-list-leave-to {
127
- opacity: 0;
128
130
  transform: translateY(-30px);
131
+ opacity: 0;
129
132
  }
130
133
 
131
134
  .#{$namespace}-list-leave-active {
package/theme-style/src/table.scss CHANGED
@@ -14,8 +14,8 @@ $name: table;
14
14
  min-height: 200px;
15
15
 
16
16
  @include m(pager-bottom-right) {
17
- margin-top: 10px;
18
17
  justify-content: flex-end;
18
+ margin-top: 10px;
19
19
 
20
20
  .btn-next {
21
21
  margin-right: 0 !important;
@@ -23,8 +23,8 @@ $name: table;
23
23
  }
24
24
 
25
25
  @include m(pager-bottom-left) {
26
- margin-top: 10px;
27
26
  justify-content: flex-start;
27
+ margin-top: 10px;
28
28
 
29
29
  .btn-prev {
30
30
  margin-left: 0 !important;
@@ -32,8 +32,8 @@ $name: table;
32
32
  }
33
33
 
34
34
  @include m(pager-top-right) {
35
- margin-bottom: 10px;
36
35
  justify-content: flex-end;
36
+ margin-bottom: 10px;
37
37
 
38
38
  .btn-next {
39
39
  margin-right: 0 !important;
@@ -41,8 +41,8 @@ $name: table;
41
41
  }
42
42
 
43
43
  @include m(pager-top-left) {
44
- margin-bottom: 10px;
45
44
  justify-content: flex-start;
45
+ margin-bottom: 10px;
46
46
 
47
47
  .btn-prev {
48
48
  margin-left: 0 !important;
@@ -72,23 +72,23 @@ $name: table;
72
72
 
73
73
  // 表头列 以及单元格样式
74
74
  .vxe-header--column {
75
- color: getCompCssVar('header-color');
76
- font-weight: 400;
77
75
  padding: 0;
78
- background-image: none;
79
76
  border-right: getCompCssVar('border');
77
+ background-image: none;
78
+ color: getCompCssVar('header-color');
79
+ font-weight: 400;
80
80
 
81
81
  .vxe-cell {
82
- line-height: getCompCssVar('header-line-height');
83
- font-size: getCompCssVar('header-text-size');
84
82
  padding: getCompCssVar('header-padding-y')
85
83
  getCompCssVar('header-padding-x');
84
+ font-size: getCompCssVar('header-text-size');
85
+ line-height: getCompCssVar('header-line-height');
86
86
 
87
- .vxe-cell--title {
88
- white-space: initial;
89
-
90
- @include line-clamp(getCompCssVar('header-line-clamp'));
91
- }
87
+ // .vxe-cell--title {
88
+ // white-space: initial;
89
+ //
90
+ // @include line-clamp(getCompCssVar('header-line-clamp'));
91
+ // }
92
92
  }
93
93
  }
94
94
 
@@ -113,21 +113,21 @@ $name: table;
113
113
  // }
114
114
 
115
115
  .vxe-body--column {
116
- padding: 6px 12px;
117
- background-image: none;
116
+ // padding: 6px 12px;
118
117
  border-right: getCompCssVar('border');
118
+ background-image: none;
119
119
 
120
120
  .vxe-cell {
121
121
  color: getCompCssVar('body-color');
122
- line-height: getCompCssVar('body-line-height');
123
122
  font-size: getCompCssVar('body-text-size');
123
+ line-height: getCompCssVar('body-line-height');
124
124
  // padding: 0;
125
125
  // white-space: initial;
126
126
  // overflow: initial;
127
127
 
128
- .vxe-cell--label {
129
- @include line-clamp(getCompCssVar('body-line-clamp'));
130
- }
128
+ // .vxe-cell--label {
129
+ // @include line-clamp(getCompCssVar('body-line-clamp'));
130
+ // }
131
131
  }
132
132
  }
133
133
  }
@@ -182,15 +182,15 @@ $name: table;
182
182
  }
183
183
  }
184
184
 
185
- .vxe-table--render-default {
186
- .vxe-body--column.col--ellipsis {
187
- height: unset !important;
188
-
189
- > .vxe-cell {
190
- max-height: none !important;
191
- }
192
- }
193
- }
185
+ // .vxe-table--render-default {
186
+ // .vxe-body--column.col--ellipsis {
187
+ // height: unset !important;
188
+ //
189
+ // > .vxe-cell {
190
+ // max-height: none !important;
191
+ // }
192
+ // }
193
+ // }
194
194
 
195
195
  .vxe-cell--checkbox {
196
196
  &.is--disabled {
package/theme-style/src/tree.scss CHANGED
@@ -9,23 +9,23 @@
9
9
 
10
10
  @include b(tree) {
11
11
  position: relative;
12
- cursor: default;
13
12
  background: getCssVar('fill-color', 'blank');
14
13
  color: getCssVar('tree-text-color');
15
14
  font-size: getCssVar('font-size', 'base');
15
+ cursor: default;
16
16
 
17
17
  @include e(empty-block) {
18
18
  position: relative;
19
- min-height: 60px;
20
- text-align: center;
21
19
  width: 100%;
22
20
  height: 100%;
21
+ min-height: 60px;
22
+ text-align: center;
23
23
  }
24
24
 
25
25
  @include e(empty-text) {
26
26
  position: absolute;
27
- left: 50%;
28
27
  top: 50%;
28
+ left: 50%;
29
29
  transform: translate(-50%, -50%);
30
30
  color: getCssVar('text-secondary-color');
31
31
  font-size: getCssVar('font-size', 'base');
@@ -33,8 +33,8 @@
33
33
 
34
34
  @include e(drop-indicator) {
35
35
  position: absolute;
36
- left: 0;
37
36
  right: 0;
37
+ left: 0;
38
38
  height: 1px;
39
39
  background-color: getCssVar('primary-color');
40
40
  }
@@ -49,8 +49,8 @@
49
49
  }
50
50
 
51
51
  @include b(tree-node) {
52
- white-space: nowrap;
53
52
  outline: none;
53
+ white-space: nowrap;
54
54
 
55
55
  @include when(drop-inner) {
56
56
  > .#{$namespace}-tree-node__content .#{$namespace}-tree-node__label {
@@ -87,12 +87,12 @@
87
87
  }
88
88
 
89
89
  @include e(expand-icon) {
90
- cursor: pointer;
91
- color: getCssVar('tree-expand-icon-color');
92
- font-size: 12px;
93
90
  margin-right: 6px;
94
91
  transform: rotate(0deg);
95
92
  transition: transform getCssVar('transition-duration') ease-in-out;
93
+ color: getCssVar('tree-expand-icon-color');
94
+ font-size: 12px;
95
+ cursor: pointer;
96
96
 
97
97
  &.expanded {
98
98
  transform: rotate(90deg);
@@ -110,8 +110,8 @@
110
110
 
111
111
  @include e(loading-icon) {
112
112
  margin-right: 8px;
113
- font-size: getCssVar('font-size', 'base');
114
113
  color: getCssVar('tree-expand-icon-color');
114
+ font-size: getCssVar('font-size', 'base');
115
115
  }
116
116
 
117
117
  &:focus {
package/theme-style/vft-collapse.css CHANGED
@@ -1 +1 @@
1
- .vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-collapse{border-top:1px solid var(--vft-collapse-border-color);border-bottom:1px solid var(--vft-collapse-border-color);--vft-collapse-border-color:var(--vft-border-color-lighter);--vft-collapse-header-height:48px;--vft-collapse-header-bg-color:var(--vft-fill-color-blank);--vft-collapse-header-text-color:var(--vft-text-primary-color);--vft-collapse-header-font-size:13px;--vft-collapse-content-bg-color:var(--vft-fill-color-blank);--vft-collapse-content-font-size:13px;--vft-collapse-content-text-color:var(--vft-text-primary-color)}.vft-collapse-item.is-disabled .vft-collapse-item__header{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-collapse-item__header{display:flex;align-items:center;height:var(--vft-collapse-header-height);transition:border-bottom-color var(--vft-transition-duration);border-bottom:1px solid var(--vft-collapse-border-color);outline:0;background-color:var(--vft-collapse-header-bg-color);color:var(--vft-collapse-header-text-color);font-size:var(--vft-collapse-header-font-size);font-weight:500;line-height:var(--vft-collapse-header-height);cursor:pointer}.vft-collapse-item__arrow{margin:0 8px 0 auto;transition:transform var(--vft-transition-duration);font-weight:300}.vft-collapse-item__arrow.is-active{transform:rotate(90deg)}.vft-collapse-item__header.is-active{border-bottom-color:transparent}.vft-collapse-item__header.focusing:focus:not(:hover){color:var(--vft-primary-color)}.vft-collapse-item__wrap{box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--vft-collapse-border-color);background-color:var(--vft-collapse-content-bg-color);will-change:height}.vft-collapse-item__content{padding-bottom:25px;color:var(--vft-collapse-content-text-color);font-size:var(--vft-collapse-content-font-size);line-height:1.7692307692}.vft-collapse-item:last-child{margin-bottom:-1px}
1
+ .vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-collapse{border-top:1px solid var(--vft-collapse-border-color);border-bottom:1px solid var(--vft-collapse-border-color);--vft-collapse-border-color:var(--vft-border-color-lighter);--vft-collapse-header-height:48px;--vft-collapse-header-bg-color:var(--vft-fill-color-blank);--vft-collapse-header-text-color:var(--vft-text-primary-color);--vft-collapse-header-font-size:13px;--vft-collapse-content-bg-color:var(--vft-fill-color-blank);--vft-collapse-content-font-size:13px;--vft-collapse-content-text-color:var(--vft-text-primary-color)}.vft-collapse-item.is-disabled .vft-collapse-item__header{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-collapse-item__header{display:flex;align-items:center;height:var(--vft-collapse-header-height);transition:border-bottom-color var(--vft-transition-duration);border-bottom:1px solid var(--vft-collapse-border-color);outline:0;background-color:var(--vft-collapse-header-bg-color);color:var(--vft-collapse-header-text-color);font-size:var(--vft-collapse-header-font-size);font-weight:500;line-height:var(--vft-collapse-header-height);cursor:pointer}.vft-collapse-item__arrow{margin:0 8px 0 auto;transition:transform var(--vft-transition-duration);font-weight:300}.vft-collapse-item__arrow.is-active{transform:rotate(90deg)}.vft-collapse-item__header.is-active{border-bottom-color:transparent}.vft-collapse-item__header.focusing:focus:not(:hover){color:var(--vft-primary-color)}.vft-collapse-item__wrap{box-sizing:border-box;overflow:hidden;border-bottom:1px solid var(--vft-collapse-border-color);background-color:var(--vft-collapse-content-bg-color);will-change:height}.vft-collapse-item__content{padding-bottom:25px;color:var(--vft-collapse-content-text-color);font-size:var(--vft-collapse-content-font-size);line-height:1.7692307692}.vft-collapse-item:last-child{margin-bottom:-1px}
package/theme-style/vft-date-picker.css CHANGED
@@ -1 +1 @@
1
- .vft-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-date-table.is-week-mode .vft-date-table__row:hover .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td.available:hover{color:var(--vft-datepicker-text-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td:first-child .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row:hover td:last-child .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row.current .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.vft-date-table td .vft-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.vft-date-table td.next-month,.vft-date-table td.prev-month{color:var(--vft-datepicker-off-text-color)}.vft-date-table td.today{position:relative}.vft-date-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-date-table td.today.end-date .vft-date-table-cell__text,.vft-date-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-date-table td.available:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.current:not(.disabled) .vft-date-table-cell__text{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-date-table td.current:not(.disabled):focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-date-table td.end-date .vft-date-table-cell,.vft-date-table td.start-date .vft-date-table-cell{color:#fff}.vft-date-table td.end-date .vft-date-table-cell__text,.vft-date-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color)}.vft-date-table td.start-date .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table td.end-date .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table td.disabled .vft-date-table-cell{background-color:var(--vft-fill-color-light);opacity:1;cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-date-table td.selected .vft-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--vft-datepicker-inrange-bg-color);border-radius:15px}.vft-date-table td.selected .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.selected .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff;border-radius:15px}.vft-date-table td.week{font-size:80%;color:var(--vft-datepicker-header-text-color)}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;color:var(--vft-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-month-table td{text-align:center;padding:8px 0;cursor:pointer}.vft-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.vft-month-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .cell,.vft-month-table td.today.start-date .cell{color:#fff}.vft-month-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-month-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);margin:0 auto;border-radius:18px}.vft-month-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range div{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range div:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date div,.vft-month-table td.start-date div{color:#fff}.vft-month-table td.end-date .cell,.vft-month-table td.start-date .cell{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.vft-year-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-year-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .cell{width:48px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);border-radius:18px;margin:0 auto}.vft-year-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__arrow{font-size:16px;color:var(--vft-text-secondary-color);position:absolute;left:0;width:100%;z-index:var(--vft-z-index-normal);text-align:center;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-regular-color)}.vft-time-spinner__item:hover:not(.is-disabled,.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-primary-color);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vft-transition-md-fade);transform-origin:center bottom}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vft-transition-md-fade);transform-origin:top left}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{opacity:0;transform:translateY(-30px)}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{border:1px solid var(--vft-datepicker-border-color);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-date-editor{position:relative;display:inline-block;text-align:left;--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color)}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-regular-color)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker .vft-time-panel{position:absolute}.vft-date-picker .icon-d-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-d-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-range-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-range-picker{width:646px}.vft-date-range-picker__header{position:relative;text-align:center;height:28px}.vft-date-range-picker__header button[class*=arrow-left]{float:left}.vft-date-range-picker__header button[class*=arrow-right]{float:right}.vft-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.vft-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.vft-date-range-picker__content.is-left{border-right:1px solid var(--vft-datepicker-inner-border-color)}.vft-date-range-picker__content .vft-date-range-picker__header div{margin-left:50px;margin-right:50px}.vft-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-range-picker__time-header>.vft-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--vft-datepicker-icon-color)}.vft-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.vft-date-range-picker__time-picker-wrap .vft-time-panel{position:absolute}.vft-date-range-picker.has-sidebar{width:756px}.vft-date-range-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-range-picker table{table-layout:fixed;width:100%}.vft-date-range-picker .vft-picker-panel__body{min-width:513px}.vft-date-range-picker .vft-picker-panel__content{margin:0}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-z-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-primary-color)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}.vft-time-panel .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-time-panel .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-time-panel .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
1
+ .vft-date-table{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-date-table.is-week-mode .vft-date-table__row:hover .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td.available:hover{color:var(--vft-datepicker-text-color)}.vft-date-table.is-week-mode .vft-date-table__row:hover td:first-child .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row:hover td:last-child .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table.is-week-mode .vft-date-table__row.current .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.vft-date-table td .vft-date-table-cell{height:30px;padding:3px 0;box-sizing:border-box}.vft-date-table td .vft-date-table-cell .vft-date-table-cell__text{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.vft-date-table td.next-month,.vft-date-table td.prev-month{color:var(--vft-datepicker-off-text-color)}.vft-date-table td.today{position:relative}.vft-date-table td.today .vft-date-table-cell__text{color:var(--vft-primary-color);font-weight:700}.vft-date-table td.today.end-date .vft-date-table-cell__text,.vft-date-table td.today.start-date .vft-date-table-cell__text{color:#fff}.vft-date-table td.available:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-table td.in-range .vft-date-table-cell{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-date-table td.in-range .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.current:not(.disabled) .vft-date-table-cell__text{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-date-table td.current:not(.disabled):focus-visible .vft-date-table-cell__text{outline:2px solid var(--vft-datepicker-active-color);outline-offset:1px}.vft-date-table td.end-date .vft-date-table-cell,.vft-date-table td.start-date .vft-date-table-cell{color:#fff}.vft-date-table td.end-date .vft-date-table-cell__text,.vft-date-table td.start-date .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color)}.vft-date-table td.start-date .vft-date-table-cell{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.vft-date-table td.end-date .vft-date-table-cell{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.vft-date-table td.disabled .vft-date-table-cell{background-color:var(--vft-fill-color-light);opacity:1;cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-date-table td.selected .vft-date-table-cell{margin-left:5px;margin-right:5px;background-color:var(--vft-datepicker-inrange-bg-color);border-radius:15px}.vft-date-table td.selected .vft-date-table-cell:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-date-table td.selected .vft-date-table-cell__text{background-color:var(--vft-datepicker-active-color);color:#fff;border-radius:15px}.vft-date-table td.week{font-size:80%;color:var(--vft-datepicker-header-text-color)}.vft-date-table td:focus{outline:0}.vft-date-table th{padding:5px;color:var(--vft-datepicker-header-text-color);font-weight:400;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-month-table td{text-align:center;padding:8px 0;cursor:pointer}.vft-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.vft-month-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-month-table td.today.end-date .cell,.vft-month-table td.today.start-date .cell{color:#fff}.vft-month-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-month-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);margin:0 auto;border-radius:18px}.vft-month-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-month-table td.in-range div{background-color:var(--vft-datepicker-inrange-bg-color)}.vft-month-table td.in-range div:hover{background-color:var(--vft-datepicker-inrange-hover-bg-color)}.vft-month-table td.end-date div,.vft-month-table td.start-date div{color:#fff}.vft-month-table td.end-date .cell,.vft-month-table td.start-date .cell{color:#fff;background-color:var(--vft-datepicker-active-color)}.vft-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.vft-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.vft-month-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-month-table td:focus-visible{outline:0}.vft-month-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.vft-year-table .vft-icon{color:var(--vft-datepicker-icon-color)}.vft-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.vft-year-table td.today .cell{color:var(--vft-primary-color);font-weight:700}.vft-year-table td.disabled .cell{background-color:var(--vft-fill-color-light);cursor:not-allowed;color:var(--vft-text-placeholder-color)}.vft-year-table td.disabled .cell:hover{color:var(--vft-text-placeholder-color)}.vft-year-table td .cell{width:48px;height:36px;display:block;line-height:36px;color:var(--vft-datepicker-text-color);border-radius:18px;margin:0 auto}.vft-year-table td .cell:hover{color:var(--vft-datepicker-hover-text-color)}.vft-year-table td.current:not(.disabled) .cell{color:var(--vft-datepicker-active-color)}.vft-year-table td:focus-visible{outline:0}.vft-year-table td:focus-visible .cell{outline:2px solid var(--vft-datepicker-active-color)}.vft-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.vft-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__list{transform:translateY(-32px)}.vft-time-spinner__wrapper.is-arrow .vft-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--vft-fill-color-light);cursor:default}.vft-time-spinner__wrapper.vft-scrollbar__wrap:not(.vft-scrollbar__wrap--hidden-default){padding-bottom:15px}.vft-time-spinner__arrow{font-size:16px;color:var(--vft-text-secondary-color);position:absolute;left:0;width:100%;z-index:var(--vft-z-index-normal);text-align:center;cursor:pointer}.vft-time-spinner__arrow:hover{color:var(--vft-primary-color)}.vft-time-spinner__arrow.arrow-up{top:10px}.vft-time-spinner__arrow.arrow-down{bottom:10px}.vft-time-spinner__input.vft-input{width:70%}.vft-time-spinner__input.vft-input .vft-input__inner{padding:0;text-align:center}.vft-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.vft-time-spinner__list::after,.vft-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.vft-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--vft-text-regular-color)}.vft-time-spinner__item:hover:not(.is-disabled,.is-active){background:var(--vft-fill-color-light);cursor:pointer}.vft-time-spinner__item.is-active:not(.is-disabled){color:var(--vft-text-primary-color);font-weight:700}.vft-time-spinner__item.is-disabled{color:var(--vft-text-placeholder-color);cursor:not-allowed}.vft-time-spinner.has-seconds .vft-time-spinner__wrapper{width:33.3%}.vft-fade-in-linear-enter-active,.vft-fade-in-linear-leave-active{transition:var(--vft-transition-fade-linear)}.vft-fade-in-linear-enter-from,.vft-fade-in-linear-leave-to{opacity:0}.vft-fade-in-enter-active,.vft-fade-in-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-fade-in-enter-from,.vft-fade-in-leave-active{opacity:0}.vft-zoom-in-center-enter-active,.vft-zoom-in-center-leave-active{transition:all var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}.vft-zoom-in-center-enter-from,.vft-zoom-in-center-leave-active{transform:scaleX(0);opacity:0}.vft-zoom-in-top-enter-active,.vft-zoom-in-top-leave-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-enter-active[data-popper-placement^=top],.vft-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-enter-from,.vft-zoom-in-top-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-top-fast-enter-active{transition:var(--vft-transition-md-fade);transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-enter-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-leave-active{transform:scaleY(1);transform-origin:center top;opacity:1}.vft-zoom-in-top-fast-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vft-zoom-in-top-fast-enter-from,.vft-zoom-in-top-fast-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-bottom-enter-active,.vft-zoom-in-bottom-leave-active{transform:scaleY(1);transform-origin:center bottom;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-bottom-enter-from,.vft-zoom-in-bottom-leave-active{transform:scaleY(0);opacity:0}.vft-zoom-in-left-enter-active,.vft-zoom-in-left-leave-active{transform:scale(1,1);transform-origin:top left;transition:var(--vft-transition-md-fade);opacity:1}.vft-zoom-in-left-enter-from,.vft-zoom-in-left-leave-active{transform:scale(.45,.45);opacity:0}.collapse-transition{transition:var(--vft-transition-duration) height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.vft-collapse-transition-enter-active,.vft-collapse-transition-leave-active{transition:var(--vft-transition-duration) max-height ease-in-out,var(--vft-transition-duration) padding-top ease-in-out,var(--vft-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--vft-transition-duration) width ease-in-out,var(--vft-transition-duration) padding-left ease-in-out,var(--vft-transition-duration) padding-right ease-in-out}.vft-list-enter-active,.vft-list-leave-active{transition:all 1s}.vft-list-enter-from,.vft-list-leave-to{transform:translateY(-30px);opacity:0}.vft-list-leave-active{position:absolute!important}.vft-opacity-transition{transition:opacity var(--vft-transition-duration) cubic-bezier(.55,0,.1,1)}@keyframes vft-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.vft-picker__popper{--vft-datepicker-border-color:var(--vft-disabled-border-color)}.vft-picker__popper.vft-popper{border:1px solid var(--vft-datepicker-border-color);background:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker__popper.vft-popper[data-popper-placement^=top] .vft-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=bottom] .vft-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=left] .vft-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.vft-picker__popper.vft-popper[data-popper-placement^=right] .vft-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.vft-picker__popper.vft-popper .vft-popper__arrow::before{border:1px solid var(--vft-datepicker-border-color)}.vft-date-editor{position:relative;display:inline-block;text-align:left;--vft-date-editor-width:220px;--vft-date-editor-monthrange-width:300px;--vft-date-editor-daterange-width:350px;--vft-date-editor-datetimerange-width:400px;--vft-input-width:100%;--vft-input-text-color:var(--vft-text-regular-color);--vft-input-border:var(--vft-border);--vft-input-hover-border:var(--vft-border-color-hover);--vft-input-focus-border:var(--vft-primary-color);--vft-input-transparent-border:0 0 0 1px transparent inset;--vft-input-border-color:var(--vft-border-color);--vft-input-border-radius:var(--vft-border-radius-base);--vft-input-bg-color:var(--vft-fill-color-blank);--vft-input-icon-color:var(--vft-text-placeholder-color);--vft-input-placeholder-color:var(--vft-text-placeholder-color);--vft-input-hover-border-color:var(--vft-border-color-hover);--vft-input-clear-hover-color:var(--vft-text-secondary-color);--vft-input-focus-border-color:var(--vft-primary-color)}.vft-date-editor--monthrange{--vft-date-editor-width:var(--vft-date-editor-monthrange-width)}.vft-date-editor--daterange,.vft-date-editor--timerange{--vft-date-editor-width:var(--vft-date-editor-daterange-width)}.vft-date-editor--datetimerange{--vft-date-editor-width:var(--vft-date-editor-datetimerange-width)}.vft-date-editor--dates .vft-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.vft-date-editor.vft-input__wrapper{border:1px solid var(--vft-input-border-color,var(--vft-border-color))}.vft-date-editor.vft-input__wrapper:hover{border:1px solid var(--vft-input-hover-border-color)}.vft-date-editor.vft-input,.vft-date-editor.vft-input__wrapper{width:var(--vft-date-editor-width);height:var(--vft-input-height,var(--vft-component-size))}.vft-date-editor .close-icon{cursor:pointer}.vft-date-editor .clear-icon{cursor:pointer}.vft-date-editor .clear-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__icon{font-size:14px;color:var(--vft-text-placeholder-color);float:left}.vft-date-editor .vft-range__icon svg{vertical-align:middle}.vft-date-editor .vft-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:30px;line-height:30px;margin:0;padding:0;width:39%;text-align:center;font-size:var(--vft-font-size-base);color:var(--vft-text-regular-color);background-color:transparent}.vft-date-editor .vft-range-input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-input::placeholder{color:var(--vft-text-placeholder-color)}.vft-date-editor .vft-range-separator{flex:1;display:inline-flex;justify-content:center;align-items:center;height:100%;padding:0 5px;margin:0;font-size:14px;word-break:keep-all;color:var(--vft-text-primary-color)}.vft-date-editor .vft-range__close-icon{font-size:14px;color:var(--vft-text-placeholder-color);width:unset;cursor:pointer}.vft-date-editor .vft-range__close-icon:hover{color:var(--vft-text-secondary-color)}.vft-date-editor .vft-range__close-icon svg{vertical-align:middle}.vft-date-editor .vft-range__close-icon--hidden{opacity:0;visibility:hidden}.vft-range-editor--large{line-height:var(--vft-component-size-large)}.vft-range-editor--large.vft-input__wrapper{height:var(--vft-component-size-large)}.vft-range-editor--large .vft-range-separator{line-height:40px;font-size:14px}.vft-range-editor--large .vft-range-input{height:38px;line-height:38px;font-size:14px}.vft-range-editor--small{line-height:var(--vft-component-size-small)}.vft-range-editor--small.vft-input__wrapper{height:var(--vft-component-size-small)}.vft-range-editor--small .vft-range-separator{line-height:24px;font-size:12px}.vft-range-editor--small .vft-range-input{height:22px;line-height:22px;font-size:12px}.vft-range-editor.is-active{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-active:hover{border:1px solid var(--vft-input-focus-border-color)}.vft-range-editor.is-disabled{background-color:var(--vft-disabled-bg-color);border-color:var(--vft-disabled-border-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled:focus,.vft-range-editor.is-disabled:hover{border-color:var(--vft-disabled-border-color)}.vft-range-editor.is-disabled input{background-color:var(--vft-disabled-bg-color);color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-range-editor.is-disabled input::-moz-placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled input::placeholder{color:var(--vft-text-placeholder-color)}.vft-range-editor.is-disabled .vft-range-separator{color:var(--vft-disabled-text-color)}.vft-range-editor.vft-input__wrapper{display:inline-flex;align-items:center;padding:0 10px}.vft-picker-panel{color:var(--vft-text-regular-color);background:var(--vft-bg-color-overlay);border-radius:var(--vft-border-radius-base);line-height:30px}.vft-picker-panel__body-wrapper::after,.vft-picker-panel__body::after{content:"";display:table;clear:both}.vft-picker-panel__content{position:relative;margin:15px}.vft-picker-panel__footer{border-top:1px solid var(--vft-datepicker-inner-border-color);padding:4px 12px;text-align:right;background-color:var(--vft-bg-color-overlay);position:relative;font-size:0}.vft-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--vft-datepicker-text-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.vft-picker-panel__shortcut:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--vft-datepicker-active-color)}.vft-picker-panel__btn{border:1px solid var(--vft-fill-color-darker);color:var(--vft-text-primary-color);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.vft-picker-panel__btn[disabled]{color:var(--vft-text-disabled-color);cursor:not-allowed}.vft-picker-panel__icon-btn{font-size:12px;color:var(--vft-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:3px}.vft-picker-panel__icon-btn.is-disabled{color:var(--vft-text-disabled-color)}.vft-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.vft-picker-panel__icon-btn:hover{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn:focus-visible{color:var(--vft-datepicker-hover-text-color)}.vft-picker-panel__icon-btn .vft-icon{cursor:pointer}.vft-picker-panel__link-btn{vertical-align:middle}.vft-picker-panel .vft-time-panel{margin:5px 0;border:solid 1px var(--vft-datepicker-border-color);background-color:var(--vft-bg-color-overlay);box-shadow:var(--vft-box-shadow-light)}.vft-picker-panel [slot=sidebar],.vft-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--vft-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:var(--vft-bg-color-overlay);overflow:auto}.vft-picker-panel [slot=sidebar]+.vft-picker-panel__body,.vft-picker-panel__sidebar+.vft-picker-panel__body{margin-left:110px}.vft-date-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-picker{width:322px}.vft-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-picker__header{margin:12px;text-align:center}.vft-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--vft-border-color-lighter)}.vft-date-picker__header--bordered+.vft-picker-panel__content{margin-top:0}.vft-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--vft-text-regular-color)}.vft-date-picker__header-label:hover{color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label:focus-visible{outline:0;color:var(--vft-datepicker-hover-text-color)}.vft-date-picker__header-label.active{color:var(--vft-datepicker-active-color)}.vft-date-picker__prev-btn{float:left}.vft-date-picker__next-btn{float:right}.vft-date-picker__time-wrap{padding:10px;text-align:center}.vft-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.vft-date-picker.has-sidebar.has-time{width:434px}.vft-date-picker.has-sidebar{width:438px}.vft-date-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-picker .vft-picker-panel__content{width:292px}.vft-date-picker table{table-layout:fixed;width:100%}.vft-date-picker .vft-time-panel{position:absolute}.vft-date-picker .icon-d-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M529.408 149.376a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L259.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L197.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224zm256 0a29.12 29.12 0 0 1 41.728 0a30.592 30.592 0 0 1 0 42.688L515.264 511.936l311.872 319.936a30.592 30.592 0 0 1-.512 43.264a29.12 29.12 0 0 1-41.216-.512L453.76 534.272a32 32 0 0 1 0-44.672l331.648-340.224z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-arrow-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M609.408 149.376L277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0a30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512L340.864 831.872a30.592 30.592 0 0 0 0 42.752a29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-picker .icon-d-arrow-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M452.864 149.312a29.12 29.12 0 0 1 41.728.064L826.24 489.664a32 32 0 0 1 0 44.672L494.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L764.736 512L452.864 192a30.592 30.592 0 0 1 0-42.688zm-256 0a29.12 29.12 0 0 1 41.728.064L570.24 489.664a32 32 0 0 1 0 44.672L238.592 874.624a29.12 29.12 0 0 1-41.728 0a30.592 30.592 0 0 1 0-42.752L508.736 512L196.864 192a30.592 30.592 0 0 1 0-42.688z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-date-range-picker{--vft-datepicker-text-color:var(--vft-text-regular-color);--vft-datepicker-off-text-color:var(--vft-text-placeholder-color);--vft-datepicker-header-text-color:var(--vft-text-regular-color);--vft-datepicker-icon-color:var(--vft-text-primary-color);--vft-datepicker-border-color:var(--vft-disabled-border-color);--vft-datepicker-inner-border-color:var(--vft-border-color-light);--vft-datepicker-inrange-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-inrange-hover-bg-color:var(--vft-border-color-extra-light);--vft-datepicker-active-color:var(--vft-primary-color);--vft-datepicker-hover-text-color:var(--vft-primary-color)}.vft-date-range-picker{width:646px}.vft-date-range-picker__header{position:relative;text-align:center;height:28px}.vft-date-range-picker__header button[class*=arrow-left]{float:left}.vft-date-range-picker__header button[class*=arrow-right]{float:right}.vft-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.vft-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.vft-date-range-picker__content.is-left{border-right:1px solid var(--vft-datepicker-inner-border-color)}.vft-date-range-picker__content .vft-date-range-picker__header div{margin-left:50px;margin-right:50px}.vft-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.vft-date-range-picker__editors-wrap.is-right{text-align:right}.vft-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--vft-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px;display:table;width:100%;box-sizing:border-box}.vft-date-range-picker__time-header>.vft-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--vft-datepicker-icon-color)}.vft-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.vft-date-range-picker__time-picker-wrap .vft-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.vft-date-range-picker__time-picker-wrap .vft-time-panel{position:absolute}.vft-date-range-picker.has-sidebar{width:756px}.vft-date-range-picker.has-time .vft-picker-panel__body-wrapper{position:relative}.vft-date-range-picker table{table-layout:fixed;width:100%}.vft-date-range-picker .vft-picker-panel__body{min-width:513px}.vft-date-range-picker .vft-picker-panel__content{margin:0}.vft-time-range-picker{width:354px;overflow:visible}.vft-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.vft-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.vft-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.vft-time-range-picker__body{border-radius:2px;border:1px solid var(--vft-datepicker-border-color)}.vft-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--vft-z-index-top);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:content-box}.vft-time-panel__content{font-size:0;position:relative;overflow:hidden}.vft-time-panel__content::after,.vft-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-16px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left}.vft-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.vft-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%;border-top:1px solid var(--vft-border-color-light);border-bottom:1px solid var(--vft-border-color-light)}.vft-time-panel__content.has-seconds::after{left:66.6666666667%}.vft-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.vft-time-panel__footer{border-top:1px solid var(--vft-timepicker-inner-border-color,var(--vft-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.vft-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--vft-text-primary-color)}.vft-time-panel__btn.confirm{font-weight:800;color:var(--vft-timepicker-active-color,var(--vft-primary-color))}.vft-time-panel .icon-arrow-up{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m488.832 344.32l-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872l319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-time-panel .icon-arrow-down{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M831.872 340.864L512 652.672L192.128 340.864a30.592 30.592 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.592 30.592 0 0 0-42.752 0z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-time-panel .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}