@fastkit/vui 1.4.2 → 1.5.0

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 (4) hide show
  1. package/dist/builtins.css +18 -0
  2. package/dist/vui.css +1671 -1671
  3. package/dist/vui.d.mts +25 -25
  4. package/package.json +8 -8
package/dist/vui.css CHANGED
@@ -18,200 +18,494 @@
18
18
  flex-direction:column;
19
19
  align-items:flex-start;
20
20
  }
21
- .v-button-group{
22
- display:inline-flex;
23
- align-items:stretch;
21
+ :root{
22
+ --root-em:16px;
23
+ --root-spacing:8px;
24
+ --transition-fast-out-slow-in:cubic-bezier(0.4, 0, 0.2, 1);
25
+ --transition-linear-out-slow-in:cubic-bezier(0, 0, 0.2, 1);
26
+ --transition-fast-out-linear-in:cubic-bezier(0.4, 0, 1, 1);
27
+ --transition-ease-in-out:cubic-bezier(0.4, 0, 0.6, 1);
28
+ --transition-fast-in-fast-out:cubic-bezier(0.25, 0.8, 0.25, 1);
29
+ --transition-swing:cubic-bezier(0.25, 0.8, 0.5, 1);
30
+ --transition-primary:var(--transition-swing);
31
+ --transition-tab:0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
32
+ --transition-fade:0.2s;
33
+ --typo-fallback-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
34
+ --type-emoji-font:"Apple Color Emoji", "Segoe UI Emoji";
35
+ --typo-font:var(--typo-base-font), var(--typo-fallback-font), var(--type-emoji-font);
36
+ --typo-base-size:1rem;
37
+ --typo-base-weight:400;
38
+ --typo-base-height:1.5;
39
+ --typo-base-spacing:0em;
40
+ --typo-medium-weight:500;
41
+ --typo-h1-family:inherit;
42
+ --typo-h1-size:2.5rem;
43
+ --typo-h1-weight:500;
44
+ --typo-h1-height:1.2222222222222223;
45
+ --typo-h1-spacing:0em;
46
+ --typo-h1-margin:16px 0;
47
+ --typo-h1-color:var(--palette-heading);
48
+ --typo-h2-family:inherit;
49
+ --typo-h2-size:1.875rem;
50
+ --typo-h2-weight:500;
51
+ --typo-h2-height:1.5;
52
+ --typo-h2-spacing:0em;
53
+ --typo-h2-margin:40px 0 10px;
54
+ --typo-h2-color:var(--palette-heading);
55
+ --typo-h3-family:inherit;
56
+ --typo-h3-size:1.25rem;
57
+ --typo-h3-weight:500;
58
+ --typo-h3-height:1.5;
59
+ --typo-h3-spacing:0em;
60
+ --typo-h3-margin:20px 0 10px;
61
+ --typo-h3-color:var(--palette-heading);
62
+ --typo-h4-family:inherit;
63
+ --typo-h4-size:1.25rem;
64
+ --typo-h4-weight:400;
65
+ --typo-h4-height:1.5;
66
+ --typo-h4-spacing:0em;
67
+ --typo-h4-margin:10px 0 16px;
68
+ --typo-h4-color:var(--palette-heading);
69
+ --typo-h5-family:inherit;
70
+ --typo-h5-size:0.875rem;
71
+ --typo-h5-weight:400;
72
+ --typo-h5-height:1.57;
73
+ --typo-h5-spacing:0em;
74
+ --typo-h5-margin:10px 0 16px;
75
+ --typo-h5-color:var(--palette-heading);
76
+ --typo-h6-family:inherit;
77
+ --typo-h6-size:0.67rem;
78
+ --typo-h6-weight:400;
79
+ --typo-h6-height:1.5;
80
+ --typo-h6-spacing:0em;
81
+ --typo-h6-margin:10px 0 16px;
82
+ --typo-h6-color:var(--palette-heading);
83
+ --typo-subtitle1-family:inherit;
84
+ --typo-subtitle1-size:1rem;
85
+ --typo-subtitle1-weight:400;
86
+ --typo-subtitle1-height:1.75;
87
+ --typo-subtitle1-spacing:0.00938em;
88
+ --typo-subtitle2-family:inherit;
89
+ --typo-subtitle2-size:0.875rem;
90
+ --typo-subtitle2-weight:500;
91
+ --typo-subtitle2-height:1.57;
92
+ --typo-subtitle2-spacing:0.00714em;
93
+ --typo-sm-size:calc(var(--root-em)*0.875);
94
+ --chip-padding:0.875em;
95
+ --chip-font-weight:var(--typo-base-weight);
96
+ --chip-height-xs:16px;
97
+ --chip-font-size-xs:10px;
98
+ --chip-height-sm:24px;
99
+ --chip-font-size-sm:12px;
100
+ --chip-height-md:32px;
101
+ --chip-font-size-md:14px;
102
+ --chip-height-lg:54px;
103
+ --chip-font-size-lg:16px;
104
+ --chip-height-xl:66px;
105
+ --chip-font-size-xl:18px;
106
+ --control-field-rem-sm:0.875rem;
107
+ --control-field-rem-md:1rem;
108
+ --control-field-rem-lg:1.125rem;
109
+ --control-disabled-color:rgba(0,0,0,.38);
110
+ --control-horizontal-margin:0.5em;
111
+ --control-field-radius:2px;
112
+ --control-field-fill-color:rgba(0,0,0,.06);
113
+ --control-field-fill-hover-color:rgba(0,0,0,.09);
114
+ --control-field-outline-color:rgba(114,106,106,.23);
115
+ --control-field-outline-hover-color:rgba(0,0,0,.87);
116
+ --control-field-bottom-color:rgba(0,0,0,.42);
117
+ --control-field-bottom-hover-color:rgba(0,0,0,.87);
118
+ --control-field-height:2.25em;
119
+ --control-field-line-height:1.4375em;
120
+ --control-field-letter-spacing:0.00938em;
121
+ --control-label-color:rgba(0,0,0,.6);
122
+ --control-label-font-weight:500;
123
+ --control-label-font-size:0.75em;
124
+ --control-label-height:1.4375em;
125
+ --control-message-color:rgba(0,0,0,.6);
126
+ --control-message-font-size:0.75em;
127
+ --control-message-horizontal-margin:calc(var(--root-spacing)*0.5);
128
+ --control-checkable-outer-size:2em;
129
+ --control-checkable-icon-size:1em;
130
+ --control-checkable-faux-scale:1.2;
131
+ --control-checkable-faux-margin:0.2em;
132
+ --control-checkable-base-color:rgba(0,0,0,.6);
133
+ --control-switch-width:3.625em;
134
+ --control-switch-track-width:2.125em;
135
+ --control-switch-track-height:0.875em;
136
+ --wysiwyg-min-height-sm:3em;
137
+ --wysiwyg-min-height-md:6em;
138
+ --wysiwyg-min-height-lg:9em;
139
+ --wysiwyg-max-height-sm:9em;
140
+ --wysiwyg-max-height-md:13em;
141
+ --wysiwyg-max-height-lg:16em;
142
+ --shadow-key-umbra-opacity:rgba(0,0,0,.2);
143
+ --shadow-key-penumbra-opacity:rgba(0,0,0,.14);
144
+ --shadow-key-ambient-opacity:rgba(0,0,0,.12);
145
+ --shadow-key-umbra-0:0px 0px 0px 0px var(--shadow-key-umbra-opacity);
146
+ --shadow-key-umbra-1:0px 2px 1px -1px var(--shadow-key-umbra-opacity);
147
+ --shadow-key-umbra-2:0px 3px 1px -2px var(--shadow-key-umbra-opacity);
148
+ --shadow-key-umbra-3:0px 3px 3px -2px var(--shadow-key-umbra-opacity);
149
+ --shadow-key-umbra-4:0px 2px 4px -1px var(--shadow-key-umbra-opacity);
150
+ --shadow-key-umbra-5:0px 3px 5px -1px var(--shadow-key-umbra-opacity);
151
+ --shadow-key-umbra-6:0px 3px 5px -1px var(--shadow-key-umbra-opacity);
152
+ --shadow-key-umbra-7:0px 4px 5px -2px var(--shadow-key-umbra-opacity);
153
+ --shadow-key-umbra-8:0px 5px 5px -3px var(--shadow-key-umbra-opacity);
154
+ --shadow-key-umbra-9:0px 5px 6px -3px var(--shadow-key-umbra-opacity);
155
+ --shadow-key-umbra-10:0px 6px 6px -3px var(--shadow-key-umbra-opacity);
156
+ --shadow-key-umbra-11:0px 6px 7px -4px var(--shadow-key-umbra-opacity);
157
+ --shadow-key-umbra-12:0px 7px 8px -4px var(--shadow-key-umbra-opacity);
158
+ --shadow-key-umbra-13:0px 7px 8px -4px var(--shadow-key-umbra-opacity);
159
+ --shadow-key-umbra-14:0px 7px 9px -4px var(--shadow-key-umbra-opacity);
160
+ --shadow-key-umbra-15:0px 8px 9px -5px var(--shadow-key-umbra-opacity);
161
+ --shadow-key-umbra-16:0px 8px 10px -5px var(--shadow-key-umbra-opacity);
162
+ --shadow-key-umbra-17:0px 8px 11px -5px var(--shadow-key-umbra-opacity);
163
+ --shadow-key-umbra-18:0px 9px 11px -5px var(--shadow-key-umbra-opacity);
164
+ --shadow-key-umbra-19:0px 9px 12px -6px var(--shadow-key-umbra-opacity);
165
+ --shadow-key-umbra-20:0px 10px 13px -6px var(--shadow-key-umbra-opacity);
166
+ --shadow-key-umbra-21:0px 10px 13px -6px var(--shadow-key-umbra-opacity);
167
+ --shadow-key-umbra-22:0px 10px 14px -6px var(--shadow-key-umbra-opacity);
168
+ --shadow-key-umbra-23:0px 11px 14px -7px var(--shadow-key-umbra-opacity);
169
+ --shadow-key-umbra-24:0px 11px 15px -7px var(--shadow-key-umbra-opacity);
170
+ --shadow-key-penumbra-0:0px 0px 0px 0px var(--shadow-key-penumbra-opacity);
171
+ --shadow-key-penumbra-1:0px 1px 1px 0px var(--shadow-key-penumbra-opacity);
172
+ --shadow-key-penumbra-2:0px 2px 2px 0px var(--shadow-key-penumbra-opacity);
173
+ --shadow-key-penumbra-3:0px 3px 4px 0px var(--shadow-key-penumbra-opacity);
174
+ --shadow-key-penumbra-4:0px 4px 5px 0px var(--shadow-key-penumbra-opacity);
175
+ --shadow-key-penumbra-5:0px 5px 8px 0px var(--shadow-key-penumbra-opacity);
176
+ --shadow-key-penumbra-6:0px 6px 10px 0px var(--shadow-key-penumbra-opacity);
177
+ --shadow-key-penumbra-7:0px 7px 10px 1px var(--shadow-key-penumbra-opacity);
178
+ --shadow-key-penumbra-8:0px 8px 10px 1px var(--shadow-key-penumbra-opacity);
179
+ --shadow-key-penumbra-9:0px 9px 12px 1px var(--shadow-key-penumbra-opacity);
180
+ --shadow-key-penumbra-10:0px 10px 14px 1px var(--shadow-key-penumbra-opacity);
181
+ --shadow-key-penumbra-11:0px 11px 15px 1px var(--shadow-key-penumbra-opacity);
182
+ --shadow-key-penumbra-12:0px 12px 17px 2px var(--shadow-key-penumbra-opacity);
183
+ --shadow-key-penumbra-13:0px 13px 19px 2px var(--shadow-key-penumbra-opacity);
184
+ --shadow-key-penumbra-14:0px 14px 21px 2px var(--shadow-key-penumbra-opacity);
185
+ --shadow-key-penumbra-15:0px 15px 22px 2px var(--shadow-key-penumbra-opacity);
186
+ --shadow-key-penumbra-16:0px 16px 24px 2px var(--shadow-key-penumbra-opacity);
187
+ --shadow-key-penumbra-17:0px 17px 26px 2px var(--shadow-key-penumbra-opacity);
188
+ --shadow-key-penumbra-18:0px 18px 28px 2px var(--shadow-key-penumbra-opacity);
189
+ --shadow-key-penumbra-19:0px 19px 29px 2px var(--shadow-key-penumbra-opacity);
190
+ --shadow-key-penumbra-20:0px 20px 31px 3px var(--shadow-key-penumbra-opacity);
191
+ --shadow-key-penumbra-21:0px 21px 33px 3px var(--shadow-key-penumbra-opacity);
192
+ --shadow-key-penumbra-22:0px 22px 35px 3px var(--shadow-key-penumbra-opacity);
193
+ --shadow-key-penumbra-23:0px 23px 36px 3px var(--shadow-key-penumbra-opacity);
194
+ --shadow-key-penumbra-24:0px 24px 38px 3px var(--shadow-key-penumbra-opacity);
195
+ --shadow-key-ambient-0:0px 0px 0px 0px var(--shadow-key-ambient-opacity);
196
+ --shadow-key-ambient-1:0px 1px 3px 0px var(--shadow-key-ambient-opacity);
197
+ --shadow-key-ambient-2:0px 1px 5px 0px var(--shadow-key-ambient-opacity);
198
+ --shadow-key-ambient-3:0px 1px 8px 0px var(--shadow-key-ambient-opacity);
199
+ --shadow-key-ambient-4:0px 1px 10px 0px var(--shadow-key-ambient-opacity);
200
+ --shadow-key-ambient-5:0px 1px 14px 0px var(--shadow-key-ambient-opacity);
201
+ --shadow-key-ambient-6:0px 1px 18px 0px var(--shadow-key-ambient-opacity);
202
+ --shadow-key-ambient-7:0px 2px 16px 1px var(--shadow-key-ambient-opacity);
203
+ --shadow-key-ambient-8:0px 3px 14px 2px var(--shadow-key-ambient-opacity);
204
+ --shadow-key-ambient-9:0px 3px 16px 2px var(--shadow-key-ambient-opacity);
205
+ --shadow-key-ambient-10:0px 4px 18px 3px var(--shadow-key-ambient-opacity);
206
+ --shadow-key-ambient-11:0px 4px 20px 3px var(--shadow-key-ambient-opacity);
207
+ --shadow-key-ambient-12:0px 5px 22px 4px var(--shadow-key-ambient-opacity);
208
+ --shadow-key-ambient-13:0px 5px 24px 4px var(--shadow-key-ambient-opacity);
209
+ --shadow-key-ambient-14:0px 5px 26px 4px var(--shadow-key-ambient-opacity);
210
+ --shadow-key-ambient-15:0px 6px 28px 5px var(--shadow-key-ambient-opacity);
211
+ --shadow-key-ambient-16:0px 6px 30px 5px var(--shadow-key-ambient-opacity);
212
+ --shadow-key-ambient-17:0px 6px 32px 5px var(--shadow-key-ambient-opacity);
213
+ --shadow-key-ambient-18:0px 7px 34px 6px var(--shadow-key-ambient-opacity);
214
+ --shadow-key-ambient-19:0px 7px 36px 6px var(--shadow-key-ambient-opacity);
215
+ --shadow-key-ambient-20:0px 8px 38px 7px var(--shadow-key-ambient-opacity);
216
+ --shadow-key-ambient-21:0px 8px 40px 7px var(--shadow-key-ambient-opacity);
217
+ --shadow-key-ambient-22:0px 8px 42px 7px var(--shadow-key-ambient-opacity);
218
+ --shadow-key-ambient-23:0px 9px 44px 8px var(--shadow-key-ambient-opacity);
219
+ --shadow-key-ambient-24:0px 9px 46px 8px var(--shadow-key-ambient-opacity);
220
+ --toolbar-height:var(--v-app-layout-vertial-fixed-height);
221
+ --toolbar-dense-height:calc(var(--toolbar-height)*0.8);
222
+ --card-content-padding:1rem;
223
+ --card-actions-padding:0.5rem;
224
+ --pagination-item-radius:2px;
225
+ --pagination-item-font-size:var(--root-em);
226
+ --pagination-item-size:calc(var(--root-em)*2);
227
+ --pagination-item-margin:calc(var(--root-em)*0.5);
228
+ --pagination-item-font-size-dense:calc(var(--pagination-item-font-size)*0.625);
229
+ --pagination-item-size-dense:calc(var(--pagination-item-size)*0.8125);
230
+ --pagination-item-margin-dense:calc(var(--pagination-item-margin)*0.75);
231
+ --table-vertical-margin:calc(var(--root-em)*1.25);
232
+ --table-font-size:calc(var(--root-em)*0.75);
233
+ --table-caption-font-size:calc(var(--root-em)*1);
234
+ --table-caption-font-weight:regular;
235
+ --table-caption-vertical-margin:calc(var(--root-em)*0.625);
236
+ --table-cell-height:calc(var(--root-em)*3.125);
237
+ --table-cell-vertial-padding:calc(var(--root-em)*0.3125);
238
+ --table-cell-horizontal-padding:calc(var(--root-em)*1);
239
+ --table-header-color:var(--palette-primary);
240
+ --table-header-font-weight:500;
241
+ --tabs-height:calc(var(--root-em)*3);
242
+ --tabs-bar-height:calc(var(--root-em)*0.375);
243
+ --tabs-font-size:calc(var(--root-em)*0.875);
244
+ --breadcrumbs-font-size:var(--typo-sm-size);
245
+ --list-tile-padding:calc(var(--root-em)*0.625);
246
+ --snackbar-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
247
+ --dialog-shadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
248
+ --menu-shadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
249
+ --tooltip-background:rgba(35,47,52,.9);
250
+ --tooltip-color:#fff;
251
+ --tooltip-radius:4px;
252
+ --tooltip-padding:5px 16px;
253
+ --tooltip-font-size:calc(var(--root-em)*0.875);
254
+ --tooltip-shadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
24
255
  }
25
- .v-button-group__item{
26
- position:relative;
27
- margin:0;
256
+ :root,[lang=en]{
257
+ --typo-base-font:Roboto, "Noto Sans";
28
258
  }
29
- .v-button-group__item--has-left{
30
- border-top-left-radius:0;
31
- border-bottom-left-radius:0;
259
+ [lang=ja]{
260
+ --typo-base-font:Roboto, "Noto Sans JP";
32
261
  }
33
- .v-button-group__item--has-right{
34
- border-top-right-radius:0;
35
- border-bottom-right-radius:0;
262
+ [lang=ko]{
263
+ --typo-base-font:Roboto, "Noto Sans KR";
36
264
  }
37
- .v-button-group__item:focus{
38
- z-index:1;
265
+ [lang=zh-cmn-Hant]{
266
+ --typo-base-font:Roboto, "Noto Sans TC";
39
267
  }
40
- .v-text-field__input{
41
- cursor:text;
268
+ [lang=zh-cmn-Hans]{
269
+ --typo-base-font:Roboto, "Noto Sans SC";
42
270
  }
43
- .v-text-field__input__element{
44
- width:100%;
45
- min-width:0;
46
- padding:0;
47
- margin:0;
48
- overflow:hidden;
49
- text-overflow:ellipsis;
50
- font-size:inherit;
51
- line-height:inherit;
52
- letter-spacing:inherit;
53
- white-space:nowrap;
54
- outline:0;
55
- background:transparent;
56
- border:0;
57
- border-radius:0;
271
+ html{
272
+ text-size-adjust:100%;
273
+ font-size:var(--root-em);
274
+ text-rendering:optimizeLegibility;
275
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
58
276
  }
59
- .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
60
- color:inherit !important;
61
- transition:background-color 5000s;
62
- -webkit-text-fill-color:#fff !important;
277
+ body{
278
+ font-family:var(--typo-base-family);
279
+ font-size:var(--typo-base-size);
280
+ font-weight:var(--typo-base-weight);
281
+ line-height:var(--typo-base-height);
282
+ letter-spacing:var(--typo-base-height);
283
+ margin:var(--typo-base-margin);
284
+ color:var(--typo-base-color);
285
+ font-family:var(--typo-font);
63
286
  }
64
- .v-text-field__input__element::-ms-clear{
65
- display:none;
287
+ h1{
288
+ font-family:var(--typo-h1-family);
289
+ font-size:var(--typo-h1-size);
290
+ font-weight:var(--typo-h1-weight);
291
+ line-height:var(--typo-h1-height);
292
+ letter-spacing:var(--typo-h1-height);
293
+ margin:var(--typo-h1-margin);
294
+ color:var(--typo-h1-color);
66
295
  }
67
- .v-text-field__input__element::placeholder{
68
- font-style:italic;
69
- color:var(--control-disabled-color);
296
+ h2{
297
+ font-family:var(--typo-h2-family);
298
+ font-size:var(--typo-h2-size);
299
+ font-weight:var(--typo-h2-weight);
300
+ line-height:var(--typo-h2-height);
301
+ letter-spacing:var(--typo-h2-height);
302
+ margin:var(--typo-h2-margin);
303
+ color:var(--typo-h2-color);
70
304
  }
71
- .v-button{
72
- --padding:1em;
73
- --height:2.5714285714em;
74
- --icon-margin:0.6em;
75
- position:relative;
76
- display:inline-flex;
77
- flex:0 0 auto;
78
- align-items:center;
79
- justify-content:center;
80
- min-width:calc(var(--root-em)*4);
81
- height:var(--height);
82
- padding:0 var(--padding);
83
- margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);
84
- overflow:hidden;
85
- font:inherit;
86
- font-weight:500;
87
- line-height:1;
88
- vertical-align:bottom;
89
- text-transform:uppercase;
90
- letter-spacing:.0892857143em;
91
- text-decoration:none;
92
- appearance:none;
93
- cursor:pointer;
94
- user-select:none;
95
- outline:0;
96
- border-style:solid;
97
- border-width:1px;
98
- border-radius:var(--control-field-radius);
99
- transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
305
+ h3{
306
+ font-family:var(--typo-h3-family);
307
+ font-size:var(--typo-h3-size);
308
+ font-weight:var(--typo-h3-weight);
309
+ line-height:var(--typo-h3-height);
310
+ letter-spacing:var(--typo-h3-height);
311
+ margin:var(--typo-h3-margin);
312
+ color:var(--typo-h3-color);
100
313
  }
101
- .v-button--align-left{
102
- justify-content:flex-start;
314
+ h4{
315
+ font-family:var(--typo-h4-family);
316
+ font-size:var(--typo-h4-size);
317
+ font-weight:var(--typo-h4-weight);
318
+ line-height:var(--typo-h4-height);
319
+ letter-spacing:var(--typo-h4-height);
320
+ margin:var(--typo-h4-margin);
321
+ color:var(--typo-h4-color);
103
322
  }
104
- .v-button--align-right{
105
- justify-content:flex-end;
323
+ h5{
324
+ font-family:var(--typo-h5-family);
325
+ font-size:var(--typo-h5-size);
326
+ font-weight:var(--typo-h5-weight);
327
+ line-height:var(--typo-h5-height);
328
+ letter-spacing:var(--typo-h5-height);
329
+ margin:var(--typo-h5-margin);
330
+ color:var(--typo-h5-color);
106
331
  }
107
- .v-button--plain{
108
- color:inherit !important;
332
+ h6{
333
+ font-family:var(--typo-h6-family);
334
+ font-size:var(--typo-h6-size);
335
+ font-weight:var(--typo-h6-weight);
336
+ line-height:var(--typo-h6-height);
337
+ letter-spacing:var(--typo-h6-height);
338
+ margin:var(--typo-h6-margin);
339
+ color:var(--typo-h6-color);
109
340
  }
110
- .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
111
- opacity:.5;
341
+ .elevation-24{
342
+ box-shadow:var(--shadow-key-umbra-24), var(--shadow-key-penumbra-24), var(--shadow-key-ambient-24) !important;
112
343
  }
113
- .v-button--sm{
114
- font-size:calc(var(--root-em)*.75);
344
+ .elevation-23{
345
+ box-shadow:var(--shadow-key-umbra-23), var(--shadow-key-penumbra-23), var(--shadow-key-ambient-23) !important;
115
346
  }
116
- .v-button--md{
117
- font-size:calc(var(--root-em)*.875);
347
+ .elevation-22{
348
+ box-shadow:var(--shadow-key-umbra-22), var(--shadow-key-penumbra-22), var(--shadow-key-ambient-22) !important;
118
349
  }
119
- .v-button--lg{
120
- font-size:calc(var(--root-em)*1.375);
350
+ .elevation-21{
351
+ box-shadow:var(--shadow-key-umbra-21), var(--shadow-key-penumbra-21), var(--shadow-key-ambient-21) !important;
121
352
  }
122
- .v-button--rounded{
123
- --padding:0;
124
- min-width:0;
125
- aspect-ratio:1/1;
126
- margin:calc(var(--root-em)*.125);
127
- border-radius:50%;
128
- --height:auto;
353
+ .elevation-20{
354
+ box-shadow:var(--shadow-key-umbra-20), var(--shadow-key-penumbra-20), var(--shadow-key-ambient-20) !important;
129
355
  }
130
- .v-button--icon{
131
- min-width:1.9285714286em;
132
- margin:calc(var(--root-em)*.125);
133
- --height:1.9285714286em;
134
- --padding:0em;
356
+ .elevation-19{
357
+ box-shadow:var(--shadow-key-umbra-19), var(--shadow-key-penumbra-19), var(--shadow-key-ambient-19) !important;
135
358
  }
136
- .v-button::-moz-focus-inner{
137
- border:0;
359
+ .elevation-18{
360
+ box-shadow:var(--shadow-key-umbra-18), var(--shadow-key-penumbra-18), var(--shadow-key-ambient-18) !important;
138
361
  }
139
- .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
140
- cursor:default;
362
+ .elevation-17{
363
+ box-shadow:var(--shadow-key-umbra-17), var(--shadow-key-penumbra-17), var(--shadow-key-ambient-17) !important;
141
364
  }
142
- .v-button--spacer-left{
143
- margin-left:auto;
365
+ .elevation-16{
366
+ box-shadow:var(--shadow-key-umbra-16), var(--shadow-key-penumbra-16), var(--shadow-key-ambient-16) !important;
144
367
  }
145
- .v-button--spacer-right{
146
- margin-right:auto;
368
+ .elevation-15{
369
+ box-shadow:var(--shadow-key-umbra-15), var(--shadow-key-penumbra-15), var(--shadow-key-ambient-15) !important;
147
370
  }
148
- .v-button__content{
149
- display:flex;
150
- align-items:center;
151
- justify-content:center;
152
- justify-self:stretch;
153
- pointer-events:none;
371
+ .elevation-14{
372
+ box-shadow:var(--shadow-key-umbra-14), var(--shadow-key-penumbra-14), var(--shadow-key-ambient-14) !important;
154
373
  }
155
- .v-button--loading .v-button__content{
156
- opacity:0;
374
+ .elevation-13{
375
+ box-shadow:var(--shadow-key-umbra-13), var(--shadow-key-penumbra-13), var(--shadow-key-ambient-13) !important;
157
376
  }
158
- .v-button__icon--start{
159
- margin-right:var(--icon-margin);
377
+ .elevation-12{
378
+ box-shadow:var(--shadow-key-umbra-12), var(--shadow-key-penumbra-12), var(--shadow-key-ambient-12) !important;
160
379
  }
161
- .v-button__icon--end{
162
- margin-left:var(--icon-margin);
380
+ .elevation-11{
381
+ box-shadow:var(--shadow-key-umbra-11), var(--shadow-key-penumbra-11), var(--shadow-key-ambient-11) !important;
163
382
  }
164
- .v-button__loading{
165
- position:absolute;
166
- top:50%;
167
- left:50%;
168
- z-index:1;
169
- transform:translate(-50%, -50%);
383
+ .elevation-10{
384
+ box-shadow:var(--shadow-key-umbra-10), var(--shadow-key-penumbra-10), var(--shadow-key-ambient-10) !important;
170
385
  }
171
- .v-paper{
172
- --paper-radius:var(--control-field-radius);
173
- display:block;
174
- color:var(--paper-text-color);
175
- background-color:var(--paper-background--color);
176
- border-radius:var(--paper-radius);
386
+ .elevation-9{
387
+ box-shadow:var(--shadow-key-umbra-9), var(--shadow-key-penumbra-9), var(--shadow-key-ambient-9) !important;
177
388
  }
178
- .v-paper--plain{
179
- --paper-background--color:var(--palette-background);
180
- --paper-text-color:inherit;
181
- --paper-link-color:var(--link-color);
389
+ .elevation-8{
390
+ box-shadow:var(--shadow-key-umbra-8), var(--shadow-key-penumbra-8), var(--shadow-key-ambient-8) !important;
182
391
  }
183
- .v-paper--has-color{
184
- --paper-background--color:var(--main-color);
185
- --paper-text-color:var(--text-color);
186
- --paper-link-color:var(--nav-color);
392
+ .elevation-7{
393
+ box-shadow:var(--shadow-key-umbra-7), var(--shadow-key-penumbra-7), var(--shadow-key-ambient-7) !important;
187
394
  }
188
- .v-paper__inner{
189
- position:relative;
190
- border-radius:inherit;
395
+ .elevation-6{
396
+ box-shadow:var(--shadow-key-umbra-6), var(--shadow-key-penumbra-6), var(--shadow-key-ambient-6) !important;
191
397
  }
192
- .v-paper--square{
193
- --paper-radius:0px;
398
+ .elevation-5{
399
+ box-shadow:var(--shadow-key-umbra-5), var(--shadow-key-penumbra-5), var(--shadow-key-ambient-5) !important;
194
400
  }
195
- .v-paper__header{
196
- border-top-left-radius:inherit;
197
- border-top-right-radius:inherit;
401
+ .elevation-4{
402
+ box-shadow:var(--shadow-key-umbra-4), var(--shadow-key-penumbra-4), var(--shadow-key-ambient-4) !important;
198
403
  }
199
- .v-paper__footer{
200
- border-bottom-right-radius:inherit;
201
- border-bottom-left-radius:inherit;
404
+ .elevation-3{
405
+ box-shadow:var(--shadow-key-umbra-3), var(--shadow-key-penumbra-3), var(--shadow-key-ambient-3) !important;
202
406
  }
203
- .v-grid-container{
204
- display:flex;
205
- flex-wrap:wrap;
407
+ .elevation-2{
408
+ box-shadow:var(--shadow-key-umbra-2), var(--shadow-key-penumbra-2), var(--shadow-key-ambient-2) !important;
206
409
  }
207
- .v-grid-item{
208
- display:block;
410
+ .elevation-1{
411
+ box-shadow:var(--shadow-key-umbra-1), var(--shadow-key-penumbra-1), var(--shadow-key-ambient-1) !important;
209
412
  }
210
- .v-busy-image{
211
- position:relative;
212
- display:inline-block;
213
- max-width:100%;
214
- vertical-align:bottom;
413
+ .elevation-0{
414
+ box-shadow:var(--shadow-key-umbra-0), var(--shadow-key-penumbra-0), var(--shadow-key-ambient-0) !important;
415
+ }
416
+ code,kbd,pre,samp{
417
+ font-family:monospace;
418
+ }
419
+ code{
420
+ padding:.2em .4em;
421
+ font-size:85%;
422
+ font-weight:400;
423
+ color:rgba(0,0,0,.87);
424
+ background-color:rgba(0,0,0,.05);
425
+ border-radius:3px;
426
+ }
427
+ table{
428
+ display:table;
429
+ max-width:100%;
430
+ margin:var(--table-vertical-margin) 0;
431
+ font-size:var(--table-font-size);
432
+ border-collapse:collapse;
433
+ border:0;
434
+ border-radius:0;
435
+ }
436
+ caption{
437
+ display:table-caption;
438
+ width:100%;
439
+ padding:0;
440
+ margin:0 0 var(--table-caption-vertical-margin);
441
+ font-size:var(--table-caption-font-size);
442
+ font-weight:var(--table-caption-font-weight);
443
+ text-align:center;
444
+ }
445
+ td,th{
446
+ height:var(--table-cell-height);
447
+ padding:var(--table-cell-vertial-padding) var(--table-cell-horizontal-padding);
448
+ vertical-align:middle;
449
+ text-align:left;
450
+ border:0;
451
+ }
452
+ th{
453
+ font-weight:var(--table-header-font-weight);
454
+ color:var(--table-header-color);
455
+ white-space:nowrap;
456
+ }
457
+ thead th{
458
+ text-align:center;
459
+ }
460
+ .v-control--sm{
461
+ --control-field-rem:var(--control-field-rem-sm);
462
+ }
463
+ .v-control--md,.v-control--sm{
464
+ font-size:var(--control-field-rem);
465
+ }
466
+ .v-control--md{
467
+ --control-field-rem:var(--control-field-rem-md);
468
+ }
469
+ .v-control--lg{
470
+ --control-field-rem:var(--control-field-rem-lg);
471
+ font-size:var(--control-field-rem);
472
+ }
473
+ .wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child,.wysiwyg ol:first-child,.wysiwyg p:first-child,.wysiwyg table:first-child,.wysiwyg ul:first-child,.wysiwyg>h1:first-child{
474
+ margin-top:0;
475
+ }
476
+ .wysiwyg h2:last-child,.wysiwyg h3:last-child,.wysiwyg h4:last-child,.wysiwyg h5:last-child,.wysiwyg h6:last-child,.wysiwyg ol:last-child,.wysiwyg p:last-child,.wysiwyg table:last-child,.wysiwyg ul:last-child,.wysiwyg>h1:last-child{
477
+ margin-bottom:0;
478
+ }
479
+ .wysiwyg p{
480
+ margin:0;
481
+ }
482
+ .v-button-group{
483
+ display:inline-flex;
484
+ align-items:stretch;
485
+ }
486
+ .v-button-group__item{
487
+ position:relative;
488
+ margin:0;
489
+ }
490
+ .v-button-group__item--has-left{
491
+ border-top-left-radius:0;
492
+ border-bottom-left-radius:0;
493
+ }
494
+ .v-button-group__item--has-right{
495
+ border-top-right-radius:0;
496
+ border-bottom-right-radius:0;
497
+ }
498
+ .v-button-group__item:focus{
499
+ z-index:1;
500
+ }
501
+ .v-card-content{
502
+ padding:var(--card-content-padding);
503
+ }
504
+ .v-busy-image{
505
+ position:relative;
506
+ display:inline-block;
507
+ max-width:100%;
508
+ vertical-align:bottom;
215
509
  }
216
510
  .v-busy-image--clickable{
217
511
  cursor:pointer;
@@ -254,12 +548,6 @@
254
548
  opacity:1;
255
549
  }
256
550
  }
257
- .v-card-content{
258
- padding:var(--card-content-padding);
259
- }
260
- .v-text-counter{
261
- white-space:nowrap;
262
- }
263
551
  .v-hero{
264
552
  --hero-background-color:var(--main-color);
265
553
  --hero-text-color:var(--text-color);
@@ -283,597 +571,437 @@
283
571
  padding-left:10px;
284
572
  margin-left:auto;
285
573
  }
286
- .v-radio{
287
- --my-color:var(--color);
288
- }
289
- .v-radio__faux{
574
+ .v-content-switcher{
290
575
  position:relative;
291
576
  display:block;
292
577
  width:100%;
293
- height:100%;
294
- transition:border-color .2s,background-color .2s;
578
+ overflow:hidden;
579
+ transition:var(--transition-tab);
295
580
  }
296
- .v-radio__faux:after,.v-radio__faux:before{
297
- position:absolute;
298
- display:block;
299
- content:"";
300
- border-radius:100%;
581
+ .v-content-switcher__content{
582
+ width:100%;
301
583
  }
302
- .v-radio__faux:before{
303
- inset:0;
304
- border:2px solid;
584
+ .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
585
+ transition:var(--transition-tab);
305
586
  }
306
- .v-radio__faux:after{
307
- top:50%;
308
- left:50%;
309
- width:50%;
310
- height:50%;
311
- background:currentColor;
312
- transform:translate(-50%, -50%) scale(0);
313
- transition:transform .2s;
587
+ .v-content-switcher-prev-enter-from{
588
+ transform:translateX(-100%);
314
589
  }
315
- .v-radio--selected .v-radio__faux:after{
316
- transform:translate(-50%, -50%) scale(1);
590
+ .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
591
+ transform:translateX(0);
317
592
  }
318
- .v-drawer-layout{
319
- display:block;
320
- width:100%;
321
- height:100%;
593
+ .v-content-switcher-prev-leave-active{
594
+ position:absolute;
595
+ top:0;
596
+ left:0;
322
597
  }
323
- .v-drawer-layout__inner{
324
- display:flex;
325
- flex-direction:column;
326
- align-items:stretch;
327
- width:100%;
328
- height:100%;
598
+ .v-content-switcher-prev-leave-to{
599
+ transform:translateX(100%);
329
600
  }
330
- .v-drawer-layout__header{
331
- display:flex;
332
- flex:0 0 var(--val-topToolbar-height);
333
- align-items:center;
334
- justify-content:center;
335
- height:var(--val-topToolbar-height);
601
+ .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
602
+ transition:var(--transition-tab);
336
603
  }
337
- .v-drawer-layout__body{
338
- flex:1 1 100%;
339
- overflow:auto;
340
- -webkit-overflow-scrolling:touch;
604
+ .v-content-switcher-next-enter-from{
605
+ transform:translateX(100%);
341
606
  }
342
- .v-drawer-layout__footer{
343
- flex:0 0 auto;
344
- margin-top:auto;
607
+ .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
608
+ transform:translateX(0);
345
609
  }
346
- .v-option-group{
347
- display:block;
610
+ .v-content-switcher-next-leave-active{
611
+ position:absolute;
612
+ top:0;
613
+ left:0;
348
614
  }
349
- .v-option-group__label{
350
- padding:1em;
351
- font-size:.875em;
352
- color:var(--palette-caption);
353
- opacity:.6;
615
+ .v-content-switcher-next-leave-to{
616
+ transform:translateX(-100%);
354
617
  }
355
- .v-option-group--disabled .v-option-group__label{
356
- color:var(--palette-muted);
357
- opacity:.4;
618
+ .v-button{
619
+ --padding:1em;
620
+ --height:2.5714285714em;
621
+ --icon-margin:0.6em;
622
+ position:relative;
623
+ display:inline-flex;
624
+ flex:0 0 auto;
625
+ align-items:center;
626
+ justify-content:center;
627
+ min-width:calc(var(--root-em)*4);
628
+ height:var(--height);
629
+ padding:0 var(--padding);
630
+ margin:calc(var(--root-em)*.375) calc(var(--root-em)*.5);
631
+ overflow:hidden;
632
+ font:inherit;
633
+ font-weight:500;
634
+ line-height:1;
635
+ vertical-align:bottom;
636
+ text-transform:uppercase;
637
+ letter-spacing:.0892857143em;
638
+ text-decoration:none;
639
+ appearance:none;
640
+ cursor:pointer;
641
+ user-select:none;
642
+ outline:0;
643
+ border-style:solid;
644
+ border-width:1px;
645
+ border-radius:var(--control-field-radius);
646
+ transition:.3s cubic-bezier(.25, .8, .5, 1),color 1ms;
358
647
  }
359
- .v-checkbox{
360
- --my-border-color:var(--color);
361
- --my-faux-bg-color:transparent;
648
+ .v-button--align-left{
649
+ justify-content:flex-start;
362
650
  }
363
- .v-checkbox--indeterminate,.v-checkbox--selected{
364
- --my-border-color:transparent;
365
- --my-faux-bg-color:var(--color);
651
+ .v-button--align-right{
652
+ justify-content:flex-end;
366
653
  }
367
- .v-checkbox__faux{
368
- display:block;
369
- width:100%;
370
- height:100%;
371
- background:var(--my-faux-bg-color);
372
- border:2px solid var(--my-border-color);
373
- border-radius:var(--control-field-radius);
374
- clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
375
- transition:border-color .2s,background-color .2s;
654
+ .v-button--plain{
655
+ color:inherit !important;
376
656
  }
377
- .v-checkbox--indeterminate .v-checkbox__faux{
378
- clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);
657
+ .v-button--plain.v-button--guard-in-progress,.v-button--plain[aria-disabled=true],.v-button--plain[disabled]{
658
+ opacity:.5;
379
659
  }
380
- .v-disabled-reason{
381
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
660
+ .v-button--sm{
661
+ font-size:calc(var(--root-em)*.75);
382
662
  }
383
- .v-disabled-reason::-moz-focus-inner{
384
- border:0;
663
+ .v-button--md{
664
+ font-size:calc(var(--root-em)*.875);
385
665
  }
386
- .v-disabled-reason{
387
- position:absolute;
388
- inset:0;
389
- z-index:10;
390
- display:block;
391
- pointer-events:none;
392
- cursor:default;
393
- border-radius:inherit;
394
- }
395
- .v-disabled-reason[tabindex]:not([tabindex^="-"]){
396
- pointer-events:auto;
397
- }
398
- .v-skelton-loader-bone{
399
- position:relative;
400
- overflow:hidden;
401
- cursor:progress;
402
- background:rgba(0,0,0,.12);
403
- border-radius:inherit;
666
+ .v-button--lg{
667
+ font-size:calc(var(--root-em)*1.375);
404
668
  }
405
- .v-skelton-loader-bone:after{
406
- position:absolute;
407
- top:0;
408
- right:0;
409
- left:0;
410
- z-index:1;
411
- height:100%;
412
- content:"";
413
- background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
414
- transform:translateX(-100%);
415
- animation:v-skelton-loader-bone-loading 1.5s infinite;
669
+ .v-button--rounded{
670
+ --padding:0;
671
+ min-width:0;
672
+ aspect-ratio:1/1;
673
+ margin:calc(var(--root-em)*.125);
674
+ border-radius:50%;
675
+ --height:auto;
416
676
  }
417
- :root{
418
- --root-em:16px;
419
- --root-spacing:8px;
420
- --transition-fast-out-slow-in:cubic-bezier(0.4, 0, 0.2, 1);
421
- --transition-linear-out-slow-in:cubic-bezier(0, 0, 0.2, 1);
422
- --transition-fast-out-linear-in:cubic-bezier(0.4, 0, 1, 1);
423
- --transition-ease-in-out:cubic-bezier(0.4, 0, 0.6, 1);
424
- --transition-fast-in-fast-out:cubic-bezier(0.25, 0.8, 0.25, 1);
425
- --transition-swing:cubic-bezier(0.25, 0.8, 0.5, 1);
426
- --transition-primary:var(--transition-swing);
427
- --transition-tab:0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
428
- --transition-fade:0.2s;
429
- --typo-fallback-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
430
- --type-emoji-font:"Apple Color Emoji", "Segoe UI Emoji";
431
- --typo-font:var(--typo-base-font), var(--typo-fallback-font), var(--type-emoji-font);
432
- --typo-base-size:1rem;
433
- --typo-base-weight:400;
434
- --typo-base-height:1.5;
435
- --typo-base-spacing:0em;
436
- --typo-medium-weight:500;
437
- --typo-h1-family:inherit;
438
- --typo-h1-size:2.5rem;
439
- --typo-h1-weight:500;
440
- --typo-h1-height:1.2222222222222223;
441
- --typo-h1-spacing:0em;
442
- --typo-h1-margin:16px 0;
443
- --typo-h1-color:var(--palette-heading);
444
- --typo-h2-family:inherit;
445
- --typo-h2-size:1.875rem;
446
- --typo-h2-weight:500;
447
- --typo-h2-height:1.5;
448
- --typo-h2-spacing:0em;
449
- --typo-h2-margin:40px 0 10px;
450
- --typo-h2-color:var(--palette-heading);
451
- --typo-h3-family:inherit;
452
- --typo-h3-size:1.25rem;
453
- --typo-h3-weight:500;
454
- --typo-h3-height:1.5;
455
- --typo-h3-spacing:0em;
456
- --typo-h3-margin:20px 0 10px;
457
- --typo-h3-color:var(--palette-heading);
458
- --typo-h4-family:inherit;
459
- --typo-h4-size:1.25rem;
460
- --typo-h4-weight:400;
461
- --typo-h4-height:1.5;
462
- --typo-h4-spacing:0em;
463
- --typo-h4-margin:10px 0 16px;
464
- --typo-h4-color:var(--palette-heading);
465
- --typo-h5-family:inherit;
466
- --typo-h5-size:0.875rem;
467
- --typo-h5-weight:400;
468
- --typo-h5-height:1.57;
469
- --typo-h5-spacing:0em;
470
- --typo-h5-margin:10px 0 16px;
471
- --typo-h5-color:var(--palette-heading);
472
- --typo-h6-family:inherit;
473
- --typo-h6-size:0.67rem;
474
- --typo-h6-weight:400;
475
- --typo-h6-height:1.5;
476
- --typo-h6-spacing:0em;
477
- --typo-h6-margin:10px 0 16px;
478
- --typo-h6-color:var(--palette-heading);
479
- --typo-subtitle1-family:inherit;
480
- --typo-subtitle1-size:1rem;
481
- --typo-subtitle1-weight:400;
482
- --typo-subtitle1-height:1.75;
483
- --typo-subtitle1-spacing:0.00938em;
484
- --typo-subtitle2-family:inherit;
485
- --typo-subtitle2-size:0.875rem;
486
- --typo-subtitle2-weight:500;
487
- --typo-subtitle2-height:1.57;
488
- --typo-subtitle2-spacing:0.00714em;
489
- --typo-sm-size:calc(var(--root-em)*0.875);
490
- --chip-padding:0.875em;
491
- --chip-font-weight:var(--typo-base-weight);
492
- --chip-height-xs:16px;
493
- --chip-font-size-xs:10px;
494
- --chip-height-sm:24px;
495
- --chip-font-size-sm:12px;
496
- --chip-height-md:32px;
497
- --chip-font-size-md:14px;
498
- --chip-height-lg:54px;
499
- --chip-font-size-lg:16px;
500
- --chip-height-xl:66px;
501
- --chip-font-size-xl:18px;
502
- --control-field-rem-sm:0.875rem;
503
- --control-field-rem-md:1rem;
504
- --control-field-rem-lg:1.125rem;
505
- --control-disabled-color:rgba(0,0,0,.38);
506
- --control-horizontal-margin:0.5em;
507
- --control-field-radius:2px;
508
- --control-field-fill-color:rgba(0,0,0,.06);
509
- --control-field-fill-hover-color:rgba(0,0,0,.09);
510
- --control-field-outline-color:rgba(114,106,106,.23);
511
- --control-field-outline-hover-color:rgba(0,0,0,.87);
512
- --control-field-bottom-color:rgba(0,0,0,.42);
513
- --control-field-bottom-hover-color:rgba(0,0,0,.87);
514
- --control-field-height:2.25em;
515
- --control-field-line-height:1.4375em;
516
- --control-field-letter-spacing:0.00938em;
517
- --control-label-color:rgba(0,0,0,.6);
518
- --control-label-font-weight:500;
519
- --control-label-font-size:0.75em;
520
- --control-label-height:1.4375em;
521
- --control-message-color:rgba(0,0,0,.6);
522
- --control-message-font-size:0.75em;
523
- --control-message-horizontal-margin:calc(var(--root-spacing)*0.5);
524
- --control-checkable-outer-size:2em;
525
- --control-checkable-icon-size:1em;
526
- --control-checkable-faux-scale:1.2;
527
- --control-checkable-faux-margin:0.2em;
528
- --control-checkable-base-color:rgba(0,0,0,.6);
529
- --control-switch-width:3.625em;
530
- --control-switch-track-width:2.125em;
531
- --control-switch-track-height:0.875em;
532
- --wysiwyg-min-height-sm:3em;
533
- --wysiwyg-min-height-md:6em;
534
- --wysiwyg-min-height-lg:9em;
535
- --wysiwyg-max-height-sm:9em;
536
- --wysiwyg-max-height-md:13em;
537
- --wysiwyg-max-height-lg:16em;
538
- --shadow-key-umbra-opacity:rgba(0,0,0,.2);
539
- --shadow-key-penumbra-opacity:rgba(0,0,0,.14);
540
- --shadow-key-ambient-opacity:rgba(0,0,0,.12);
541
- --shadow-key-umbra-0:0px 0px 0px 0px var(--shadow-key-umbra-opacity);
542
- --shadow-key-umbra-1:0px 2px 1px -1px var(--shadow-key-umbra-opacity);
543
- --shadow-key-umbra-2:0px 3px 1px -2px var(--shadow-key-umbra-opacity);
544
- --shadow-key-umbra-3:0px 3px 3px -2px var(--shadow-key-umbra-opacity);
545
- --shadow-key-umbra-4:0px 2px 4px -1px var(--shadow-key-umbra-opacity);
546
- --shadow-key-umbra-5:0px 3px 5px -1px var(--shadow-key-umbra-opacity);
547
- --shadow-key-umbra-6:0px 3px 5px -1px var(--shadow-key-umbra-opacity);
548
- --shadow-key-umbra-7:0px 4px 5px -2px var(--shadow-key-umbra-opacity);
549
- --shadow-key-umbra-8:0px 5px 5px -3px var(--shadow-key-umbra-opacity);
550
- --shadow-key-umbra-9:0px 5px 6px -3px var(--shadow-key-umbra-opacity);
551
- --shadow-key-umbra-10:0px 6px 6px -3px var(--shadow-key-umbra-opacity);
552
- --shadow-key-umbra-11:0px 6px 7px -4px var(--shadow-key-umbra-opacity);
553
- --shadow-key-umbra-12:0px 7px 8px -4px var(--shadow-key-umbra-opacity);
554
- --shadow-key-umbra-13:0px 7px 8px -4px var(--shadow-key-umbra-opacity);
555
- --shadow-key-umbra-14:0px 7px 9px -4px var(--shadow-key-umbra-opacity);
556
- --shadow-key-umbra-15:0px 8px 9px -5px var(--shadow-key-umbra-opacity);
557
- --shadow-key-umbra-16:0px 8px 10px -5px var(--shadow-key-umbra-opacity);
558
- --shadow-key-umbra-17:0px 8px 11px -5px var(--shadow-key-umbra-opacity);
559
- --shadow-key-umbra-18:0px 9px 11px -5px var(--shadow-key-umbra-opacity);
560
- --shadow-key-umbra-19:0px 9px 12px -6px var(--shadow-key-umbra-opacity);
561
- --shadow-key-umbra-20:0px 10px 13px -6px var(--shadow-key-umbra-opacity);
562
- --shadow-key-umbra-21:0px 10px 13px -6px var(--shadow-key-umbra-opacity);
563
- --shadow-key-umbra-22:0px 10px 14px -6px var(--shadow-key-umbra-opacity);
564
- --shadow-key-umbra-23:0px 11px 14px -7px var(--shadow-key-umbra-opacity);
565
- --shadow-key-umbra-24:0px 11px 15px -7px var(--shadow-key-umbra-opacity);
566
- --shadow-key-penumbra-0:0px 0px 0px 0px var(--shadow-key-penumbra-opacity);
567
- --shadow-key-penumbra-1:0px 1px 1px 0px var(--shadow-key-penumbra-opacity);
568
- --shadow-key-penumbra-2:0px 2px 2px 0px var(--shadow-key-penumbra-opacity);
569
- --shadow-key-penumbra-3:0px 3px 4px 0px var(--shadow-key-penumbra-opacity);
570
- --shadow-key-penumbra-4:0px 4px 5px 0px var(--shadow-key-penumbra-opacity);
571
- --shadow-key-penumbra-5:0px 5px 8px 0px var(--shadow-key-penumbra-opacity);
572
- --shadow-key-penumbra-6:0px 6px 10px 0px var(--shadow-key-penumbra-opacity);
573
- --shadow-key-penumbra-7:0px 7px 10px 1px var(--shadow-key-penumbra-opacity);
574
- --shadow-key-penumbra-8:0px 8px 10px 1px var(--shadow-key-penumbra-opacity);
575
- --shadow-key-penumbra-9:0px 9px 12px 1px var(--shadow-key-penumbra-opacity);
576
- --shadow-key-penumbra-10:0px 10px 14px 1px var(--shadow-key-penumbra-opacity);
577
- --shadow-key-penumbra-11:0px 11px 15px 1px var(--shadow-key-penumbra-opacity);
578
- --shadow-key-penumbra-12:0px 12px 17px 2px var(--shadow-key-penumbra-opacity);
579
- --shadow-key-penumbra-13:0px 13px 19px 2px var(--shadow-key-penumbra-opacity);
580
- --shadow-key-penumbra-14:0px 14px 21px 2px var(--shadow-key-penumbra-opacity);
581
- --shadow-key-penumbra-15:0px 15px 22px 2px var(--shadow-key-penumbra-opacity);
582
- --shadow-key-penumbra-16:0px 16px 24px 2px var(--shadow-key-penumbra-opacity);
583
- --shadow-key-penumbra-17:0px 17px 26px 2px var(--shadow-key-penumbra-opacity);
584
- --shadow-key-penumbra-18:0px 18px 28px 2px var(--shadow-key-penumbra-opacity);
585
- --shadow-key-penumbra-19:0px 19px 29px 2px var(--shadow-key-penumbra-opacity);
586
- --shadow-key-penumbra-20:0px 20px 31px 3px var(--shadow-key-penumbra-opacity);
587
- --shadow-key-penumbra-21:0px 21px 33px 3px var(--shadow-key-penumbra-opacity);
588
- --shadow-key-penumbra-22:0px 22px 35px 3px var(--shadow-key-penumbra-opacity);
589
- --shadow-key-penumbra-23:0px 23px 36px 3px var(--shadow-key-penumbra-opacity);
590
- --shadow-key-penumbra-24:0px 24px 38px 3px var(--shadow-key-penumbra-opacity);
591
- --shadow-key-ambient-0:0px 0px 0px 0px var(--shadow-key-ambient-opacity);
592
- --shadow-key-ambient-1:0px 1px 3px 0px var(--shadow-key-ambient-opacity);
593
- --shadow-key-ambient-2:0px 1px 5px 0px var(--shadow-key-ambient-opacity);
594
- --shadow-key-ambient-3:0px 1px 8px 0px var(--shadow-key-ambient-opacity);
595
- --shadow-key-ambient-4:0px 1px 10px 0px var(--shadow-key-ambient-opacity);
596
- --shadow-key-ambient-5:0px 1px 14px 0px var(--shadow-key-ambient-opacity);
597
- --shadow-key-ambient-6:0px 1px 18px 0px var(--shadow-key-ambient-opacity);
598
- --shadow-key-ambient-7:0px 2px 16px 1px var(--shadow-key-ambient-opacity);
599
- --shadow-key-ambient-8:0px 3px 14px 2px var(--shadow-key-ambient-opacity);
600
- --shadow-key-ambient-9:0px 3px 16px 2px var(--shadow-key-ambient-opacity);
601
- --shadow-key-ambient-10:0px 4px 18px 3px var(--shadow-key-ambient-opacity);
602
- --shadow-key-ambient-11:0px 4px 20px 3px var(--shadow-key-ambient-opacity);
603
- --shadow-key-ambient-12:0px 5px 22px 4px var(--shadow-key-ambient-opacity);
604
- --shadow-key-ambient-13:0px 5px 24px 4px var(--shadow-key-ambient-opacity);
605
- --shadow-key-ambient-14:0px 5px 26px 4px var(--shadow-key-ambient-opacity);
606
- --shadow-key-ambient-15:0px 6px 28px 5px var(--shadow-key-ambient-opacity);
607
- --shadow-key-ambient-16:0px 6px 30px 5px var(--shadow-key-ambient-opacity);
608
- --shadow-key-ambient-17:0px 6px 32px 5px var(--shadow-key-ambient-opacity);
609
- --shadow-key-ambient-18:0px 7px 34px 6px var(--shadow-key-ambient-opacity);
610
- --shadow-key-ambient-19:0px 7px 36px 6px var(--shadow-key-ambient-opacity);
611
- --shadow-key-ambient-20:0px 8px 38px 7px var(--shadow-key-ambient-opacity);
612
- --shadow-key-ambient-21:0px 8px 40px 7px var(--shadow-key-ambient-opacity);
613
- --shadow-key-ambient-22:0px 8px 42px 7px var(--shadow-key-ambient-opacity);
614
- --shadow-key-ambient-23:0px 9px 44px 8px var(--shadow-key-ambient-opacity);
615
- --shadow-key-ambient-24:0px 9px 46px 8px var(--shadow-key-ambient-opacity);
616
- --toolbar-height:var(--v-app-layout-vertial-fixed-height);
617
- --toolbar-dense-height:calc(var(--toolbar-height)*0.8);
618
- --card-content-padding:1rem;
619
- --card-actions-padding:0.5rem;
620
- --pagination-item-radius:2px;
621
- --pagination-item-font-size:var(--root-em);
622
- --pagination-item-size:calc(var(--root-em)*2);
623
- --pagination-item-margin:calc(var(--root-em)*0.5);
624
- --pagination-item-font-size-dense:calc(var(--pagination-item-font-size)*0.625);
625
- --pagination-item-size-dense:calc(var(--pagination-item-size)*0.8125);
626
- --pagination-item-margin-dense:calc(var(--pagination-item-margin)*0.75);
627
- --table-vertical-margin:calc(var(--root-em)*1.25);
628
- --table-font-size:calc(var(--root-em)*0.75);
629
- --table-caption-font-size:calc(var(--root-em)*1);
630
- --table-caption-font-weight:regular;
631
- --table-caption-vertical-margin:calc(var(--root-em)*0.625);
632
- --table-cell-height:calc(var(--root-em)*3.125);
633
- --table-cell-vertial-padding:calc(var(--root-em)*0.3125);
634
- --table-cell-horizontal-padding:calc(var(--root-em)*1);
635
- --table-header-color:var(--palette-primary);
636
- --table-header-font-weight:500;
637
- --tabs-height:calc(var(--root-em)*3);
638
- --tabs-bar-height:calc(var(--root-em)*0.375);
639
- --tabs-font-size:calc(var(--root-em)*0.875);
640
- --breadcrumbs-font-size:var(--typo-sm-size);
641
- --list-tile-padding:calc(var(--root-em)*0.625);
642
- --snackbar-shadow:0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
643
- --dialog-shadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
644
- --menu-shadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
645
- --tooltip-background:rgba(35,47,52,.9);
646
- --tooltip-color:#fff;
647
- --tooltip-radius:4px;
648
- --tooltip-padding:5px 16px;
649
- --tooltip-font-size:calc(var(--root-em)*0.875);
650
- --tooltip-shadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
677
+ .v-button--icon{
678
+ min-width:1.9285714286em;
679
+ margin:calc(var(--root-em)*.125);
680
+ --height:1.9285714286em;
681
+ --padding:0em;
651
682
  }
652
- :root,[lang=en]{
653
- --typo-base-font:Roboto, "Noto Sans";
683
+ .v-button::-moz-focus-inner{
684
+ border:0;
654
685
  }
655
- [lang=ja]{
656
- --typo-base-font:Roboto, "Noto Sans JP";
686
+ .v-button.v-button--guard-in-progress,.v-button[aria-disabled=true],.v-button[disabled]{
687
+ cursor:default;
657
688
  }
658
- [lang=ko]{
659
- --typo-base-font:Roboto, "Noto Sans KR";
689
+ .v-button--spacer-left{
690
+ margin-left:auto;
660
691
  }
661
- [lang=zh-cmn-Hant]{
662
- --typo-base-font:Roboto, "Noto Sans TC";
692
+ .v-button--spacer-right{
693
+ margin-right:auto;
663
694
  }
664
- [lang=zh-cmn-Hans]{
665
- --typo-base-font:Roboto, "Noto Sans SC";
695
+ .v-button__content{
696
+ display:flex;
697
+ align-items:center;
698
+ justify-content:center;
699
+ justify-self:stretch;
700
+ pointer-events:none;
666
701
  }
667
- html{
668
- text-size-adjust:100%;
669
- font-size:var(--root-em);
670
- text-rendering:optimizeLegibility;
671
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
702
+ .v-button--loading .v-button__content{
703
+ opacity:0;
672
704
  }
673
- body{
674
- font-family:var(--typo-base-family);
675
- font-size:var(--typo-base-size);
676
- font-weight:var(--typo-base-weight);
677
- line-height:var(--typo-base-height);
678
- letter-spacing:var(--typo-base-height);
679
- margin:var(--typo-base-margin);
680
- color:var(--typo-base-color);
681
- font-family:var(--typo-font);
705
+ .v-button__icon--start{
706
+ margin-right:var(--icon-margin);
682
707
  }
683
- h1{
684
- font-family:var(--typo-h1-family);
685
- font-size:var(--typo-h1-size);
686
- font-weight:var(--typo-h1-weight);
687
- line-height:var(--typo-h1-height);
688
- letter-spacing:var(--typo-h1-height);
689
- margin:var(--typo-h1-margin);
690
- color:var(--typo-h1-color);
708
+ .v-button__icon--end{
709
+ margin-left:var(--icon-margin);
691
710
  }
692
- h2{
693
- font-family:var(--typo-h2-family);
694
- font-size:var(--typo-h2-size);
695
- font-weight:var(--typo-h2-weight);
696
- line-height:var(--typo-h2-height);
697
- letter-spacing:var(--typo-h2-height);
698
- margin:var(--typo-h2-margin);
699
- color:var(--typo-h2-color);
711
+ .v-button__loading{
712
+ position:absolute;
713
+ top:50%;
714
+ left:50%;
715
+ z-index:1;
716
+ transform:translate(-50%, -50%);
700
717
  }
701
- h3{
702
- font-family:var(--typo-h3-family);
703
- font-size:var(--typo-h3-size);
704
- font-weight:var(--typo-h3-weight);
705
- line-height:var(--typo-h3-height);
706
- letter-spacing:var(--typo-h3-height);
707
- margin:var(--typo-h3-margin);
708
- color:var(--typo-h3-color);
718
+ .v-text-counter{
719
+ white-space:nowrap;
709
720
  }
710
- h4{
711
- font-family:var(--typo-h4-family);
712
- font-size:var(--typo-h4-size);
713
- font-weight:var(--typo-h4-weight);
714
- line-height:var(--typo-h4-height);
715
- letter-spacing:var(--typo-h4-height);
716
- margin:var(--typo-h4-margin);
717
- color:var(--typo-h4-color);
721
+ .v-text-field__input{
722
+ cursor:text;
718
723
  }
719
- h5{
720
- font-family:var(--typo-h5-family);
721
- font-size:var(--typo-h5-size);
722
- font-weight:var(--typo-h5-weight);
723
- line-height:var(--typo-h5-height);
724
- letter-spacing:var(--typo-h5-height);
725
- margin:var(--typo-h5-margin);
726
- color:var(--typo-h5-color);
724
+ .v-text-field__input__element{
725
+ width:100%;
726
+ min-width:0;
727
+ padding:0;
728
+ margin:0;
729
+ overflow:hidden;
730
+ text-overflow:ellipsis;
731
+ font-size:inherit;
732
+ line-height:inherit;
733
+ letter-spacing:inherit;
734
+ white-space:nowrap;
735
+ outline:0;
736
+ background:transparent;
737
+ border:0;
738
+ border-radius:0;
727
739
  }
728
- h6{
729
- font-family:var(--typo-h6-family);
730
- font-size:var(--typo-h6-size);
731
- font-weight:var(--typo-h6-weight);
732
- line-height:var(--typo-h6-height);
733
- letter-spacing:var(--typo-h6-height);
734
- margin:var(--typo-h6-margin);
735
- color:var(--typo-h6-color);
740
+ .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
741
+ color:inherit !important;
742
+ transition:background-color 5000s;
743
+ -webkit-text-fill-color:#fff !important;
736
744
  }
737
- .elevation-24{
738
- box-shadow:var(--shadow-key-umbra-24), var(--shadow-key-penumbra-24), var(--shadow-key-ambient-24) !important;
745
+ .v-text-field__input__element::-ms-clear{
746
+ display:none;
739
747
  }
740
- .elevation-23{
741
- box-shadow:var(--shadow-key-umbra-23), var(--shadow-key-penumbra-23), var(--shadow-key-ambient-23) !important;
748
+ .v-text-field__input__element::placeholder{
749
+ font-style:italic;
750
+ color:var(--control-disabled-color);
742
751
  }
743
- .elevation-22{
744
- box-shadow:var(--shadow-key-umbra-22), var(--shadow-key-penumbra-22), var(--shadow-key-ambient-22) !important;
752
+ .v-select__input{
753
+ cursor:pointer;
745
754
  }
746
- .elevation-21{
747
- box-shadow:var(--shadow-key-umbra-21), var(--shadow-key-penumbra-21), var(--shadow-key-ambient-21) !important;
755
+ .v-select__input__element{
756
+ position:absolute;
757
+ width:1px;
758
+ height:1px;
759
+ overflow:hidden;
760
+ white-space:nowrap;
761
+ clip:rect(0 0 0 0);
762
+ clip-path:inset(100%);
748
763
  }
749
- .elevation-20{
750
- box-shadow:var(--shadow-key-umbra-20), var(--shadow-key-penumbra-20), var(--shadow-key-ambient-20) !important;
764
+ .v-select__body{
765
+ padding:.5em 0;
751
766
  }
752
- .elevation-19{
753
- box-shadow:var(--shadow-key-umbra-19), var(--shadow-key-penumbra-19), var(--shadow-key-ambient-19) !important;
767
+ .v-select__selections{
768
+ display:table;
769
+ width:100%;
770
+ table-layout:fixed;
754
771
  }
755
- .elevation-18{
756
- box-shadow:var(--shadow-key-umbra-18), var(--shadow-key-penumbra-18), var(--shadow-key-ambient-18) !important;
772
+ .v-select__selections__inner{
773
+ display:table-cell;
774
+ overflow:hidden;
775
+ text-overflow:ellipsis;
776
+ vertical-align:middle;
777
+ white-space:nowrap;
757
778
  }
758
- .elevation-17{
759
- box-shadow:var(--shadow-key-umbra-17), var(--shadow-key-penumbra-17), var(--shadow-key-ambient-17) !important;
779
+ .v-select--multiple .v-select__selections{
780
+ display:block;
760
781
  }
761
- .elevation-16{
762
- box-shadow:var(--shadow-key-umbra-16), var(--shadow-key-penumbra-16), var(--shadow-key-ambient-16) !important;
782
+ .v-select--multiple .v-select__selections__inner{
783
+ display:block;
784
+ overflow:auto;
785
+ white-space:unset;
763
786
  }
764
- .elevation-15{
765
- box-shadow:var(--shadow-key-umbra-15), var(--shadow-key-penumbra-15), var(--shadow-key-ambient-15) !important;
787
+ .v-select--multiple .v-control-field__body{
788
+ padding:.2em 0;
789
+ }
790
+ .v-select__placeholder{
791
+ font-style:italic;
792
+ color:var(--control-disabled-color);
793
+ }
794
+ .v-form-control{
795
+ display:flex;
796
+ flex-direction:column;
797
+ max-width:100%;
798
+ margin:var(--control-horizontal-margin) 0;
799
+ --my-label-color:var(--control-label-color);
800
+ --my-message-color:var(--control-message-color);
801
+ }
802
+ .v-form-control--invalid:not(.v-form-control--readonly){
803
+ --my-label-color:var(--main-color);
804
+ --my-message-color:var(--main-color);
805
+ }
806
+ .v-form-control--disabled{
807
+ --my-label-color:var(--control-disabled-color);
808
+ --my-message-color:var(--control-disabled-color);
809
+ }
810
+ .v-form-control__label{
811
+ display:flex;
812
+ align-items:center;
813
+ align-self:flex-start;
814
+ font-size:var(--control-label-font-size);
815
+ font-weight:var(--control-label-font-weight);
816
+ line-height:var(--control-label-height);
817
+ color:var(--my-label-color);
818
+ letter-spacing:.00938em;
819
+ }
820
+ .v-form-control__label__hinttip{
821
+ display:inline-flex;
822
+ align-items:center;
823
+ margin-top:-.2em;
824
+ margin-left:.6em;
825
+ font-size:80%;
826
+ line-height:1;
827
+ color:inherit;
828
+ letter-spacing:normal;
829
+ text-decoration:none;
830
+ cursor:pointer;
831
+ }
832
+ .v-form-control__label__hinttip__icon{
833
+ position:relative;
834
+ display:flex;
835
+ align-items:center;
836
+ justify-content:center;
837
+ font-size:120%;
838
+ text-decoration:none !important;
839
+ }
840
+ .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon:before,.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon:before{
841
+ opacity:.1;
842
+ }
843
+ .v-form-control__label__hinttip__hint{
844
+ font-size:calc(var(--root-em)*.75);
845
+ }
846
+ .v-form-control__info{
847
+ display:flex;
848
+ padding-top:3px;
849
+ }
850
+ .v-form-control__appends,.v-form-control__message{
851
+ margin:0 var(--control-message-horizontal-margin);
852
+ font-size:var(--control-message-font-size);
853
+ line-height:1.66;
854
+ color:var(--my-message-color);
855
+ }
856
+ .v-form-control__message{
857
+ flex:1 0;
858
+ }
859
+ .v-form-control__appends{
860
+ flex:0 1;
861
+ margin-left:auto;
862
+ }
863
+ .v-paper{
864
+ --paper-radius:var(--control-field-radius);
865
+ display:block;
866
+ color:var(--paper-text-color);
867
+ background-color:var(--paper-background--color);
868
+ border-radius:var(--paper-radius);
766
869
  }
767
- .elevation-14{
768
- box-shadow:var(--shadow-key-umbra-14), var(--shadow-key-penumbra-14), var(--shadow-key-ambient-14) !important;
870
+ .v-paper--plain{
871
+ --paper-background--color:var(--palette-background);
872
+ --paper-text-color:inherit;
873
+ --paper-link-color:var(--link-color);
769
874
  }
770
- .elevation-13{
771
- box-shadow:var(--shadow-key-umbra-13), var(--shadow-key-penumbra-13), var(--shadow-key-ambient-13) !important;
875
+ .v-paper--has-color{
876
+ --paper-background--color:var(--main-color);
877
+ --paper-text-color:var(--text-color);
878
+ --paper-link-color:var(--nav-color);
772
879
  }
773
- .elevation-12{
774
- box-shadow:var(--shadow-key-umbra-12), var(--shadow-key-penumbra-12), var(--shadow-key-ambient-12) !important;
880
+ .v-paper__inner{
881
+ position:relative;
882
+ border-radius:inherit;
775
883
  }
776
- .elevation-11{
777
- box-shadow:var(--shadow-key-umbra-11), var(--shadow-key-penumbra-11), var(--shadow-key-ambient-11) !important;
884
+ .v-paper--square{
885
+ --paper-radius:0px;
778
886
  }
779
- .elevation-10{
780
- box-shadow:var(--shadow-key-umbra-10), var(--shadow-key-penumbra-10), var(--shadow-key-ambient-10) !important;
887
+ .v-paper__header{
888
+ border-top-left-radius:inherit;
889
+ border-top-right-radius:inherit;
781
890
  }
782
- .elevation-9{
783
- box-shadow:var(--shadow-key-umbra-9), var(--shadow-key-penumbra-9), var(--shadow-key-ambient-9) !important;
891
+ .v-paper__footer{
892
+ border-bottom-right-radius:inherit;
893
+ border-bottom-left-radius:inherit;
784
894
  }
785
- .elevation-8{
786
- box-shadow:var(--shadow-key-umbra-8), var(--shadow-key-penumbra-8), var(--shadow-key-ambient-8) !important;
895
+ .v-navigation-item--opened{
896
+ --tile-background:var(--tile-active-background);
897
+ --tile-text-color:var(--tile-text-active-color);
787
898
  }
788
- .elevation-7{
789
- box-shadow:var(--shadow-key-umbra-7), var(--shadow-key-penumbra-7), var(--shadow-key-ambient-7) !important;
899
+ .v-navigation-item__expand{
900
+ transition:height .2s;
790
901
  }
791
- .elevation-6{
792
- box-shadow:var(--shadow-key-umbra-6), var(--shadow-key-penumbra-6), var(--shadow-key-ambient-6) !important;
902
+ .v-navigation-item__expand .v-navigation-item{
903
+ --tile-background:var(--tile-active-background);
793
904
  }
794
- .elevation-5{
795
- box-shadow:var(--shadow-key-umbra-5), var(--shadow-key-penumbra-5), var(--shadow-key-ambient-5) !important;
905
+ .v-navigation-item--depth-1{
906
+ --depth-padding:calc(var(--list-tile-padding)*2);
796
907
  }
797
- .elevation-4{
798
- box-shadow:var(--shadow-key-umbra-4), var(--shadow-key-penumbra-4), var(--shadow-key-ambient-4) !important;
908
+ .v-navigation-item--depth-2{
909
+ --depth-padding:calc(var(--list-tile-padding)*3);
799
910
  }
800
- .elevation-3{
801
- box-shadow:var(--shadow-key-umbra-3), var(--shadow-key-penumbra-3), var(--shadow-key-ambient-3) !important;
911
+ .v-navigation-item--depth-3{
912
+ --depth-padding:calc(var(--list-tile-padding)*4);
802
913
  }
803
- .elevation-2{
804
- box-shadow:var(--shadow-key-umbra-2), var(--shadow-key-penumbra-2), var(--shadow-key-ambient-2) !important;
914
+ .v-navigation__caption{
915
+ display:block;
916
+ padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
917
+ margin:1em 0 0;
918
+ font-size:.75rem;
919
+ color:var(--caption-color);
920
+ text-transform:uppercase;
805
921
  }
806
- .elevation-1{
807
- box-shadow:var(--shadow-key-umbra-1), var(--shadow-key-penumbra-1), var(--shadow-key-ambient-1) !important;
922
+ .v-drawer-layout{
923
+ display:block;
924
+ width:100%;
925
+ height:100%;
808
926
  }
809
- .elevation-0{
810
- box-shadow:var(--shadow-key-umbra-0), var(--shadow-key-penumbra-0), var(--shadow-key-ambient-0) !important;
927
+ .v-drawer-layout__inner{
928
+ display:flex;
929
+ flex-direction:column;
930
+ align-items:stretch;
931
+ width:100%;
932
+ height:100%;
811
933
  }
812
- code,kbd,pre,samp{
813
- font-family:monospace;
934
+ .v-drawer-layout__header{
935
+ display:flex;
936
+ flex:0 0 var(--val-topToolbar-height);
937
+ align-items:center;
938
+ justify-content:center;
939
+ height:var(--val-topToolbar-height);
814
940
  }
815
- code{
816
- padding:.2em .4em;
817
- font-size:85%;
818
- font-weight:400;
819
- color:rgba(0,0,0,.87);
820
- background-color:rgba(0,0,0,.05);
821
- border-radius:3px;
941
+ .v-drawer-layout__body{
942
+ flex:1 1 100%;
943
+ overflow:auto;
944
+ -webkit-overflow-scrolling:touch;
822
945
  }
823
- table{
824
- display:table;
825
- max-width:100%;
826
- margin:var(--table-vertical-margin) 0;
827
- font-size:var(--table-font-size);
828
- border-collapse:collapse;
829
- border:0;
830
- border-radius:0;
946
+ .v-drawer-layout__footer{
947
+ flex:0 0 auto;
948
+ margin-top:auto;
831
949
  }
832
- caption{
833
- display:table-caption;
950
+ .v-toolbar{
951
+ --height:var(--toolbar-height);
952
+ display:flex;
953
+ align-items:center;
834
954
  width:100%;
835
- padding:0;
836
- margin:0 0 var(--table-caption-vertical-margin);
837
- font-size:var(--table-caption-font-size);
838
- font-weight:var(--table-caption-font-weight);
839
- text-align:center;
840
- }
841
- td,th{
842
- height:var(--table-cell-height);
843
- padding:var(--table-cell-vertial-padding) var(--table-cell-horizontal-padding);
844
- vertical-align:middle;
845
- text-align:left;
846
- border:0;
955
+ height:var(--height);
956
+ padding:0 calc(var(--root-em)*1.5);
957
+ margin:0;
958
+ border-radius:inherit;
847
959
  }
848
- th{
849
- font-weight:var(--table-header-font-weight);
850
- color:var(--table-header-color);
851
- white-space:nowrap;
960
+ .v-toolbar--plain{
961
+ --main-color:var(--palette-background);
852
962
  }
853
- thead th{
854
- text-align:center;
963
+ .v-app-layout__header>.v-toolbar{
964
+ height:100%;
855
965
  }
856
- .v-control--sm{
857
- --control-field-rem:var(--control-field-rem-sm);
966
+ .v-toolbar--dense{
967
+ --height:var(--toolbar-dense-height);
858
968
  }
859
- .v-control--md,.v-control--sm{
860
- font-size:var(--control-field-rem);
969
+ .v-file-input__inner{
970
+ display:flex;
971
+ align-items:stretch;
861
972
  }
862
- .v-control--md{
863
- --control-field-rem:var(--control-field-rem-md);
973
+ .v-file-input__button{
974
+ flex:0 0 auto;
975
+ height:auto;
976
+ margin:0;
977
+ margin-bottom:1px !important;
978
+ border-top-right-radius:0;
979
+ border-bottom-right-radius:0;
864
980
  }
865
- .v-control--lg{
866
- --control-field-rem:var(--control-field-rem-lg);
867
- font-size:var(--control-field-rem);
981
+ .v-file-input__selections{
982
+ display:flex;
983
+ flex-wrap:wrap;
984
+ align-items:center;
985
+ align-self:stretch;
986
+ padding:4px 6px;
868
987
  }
869
- .wysiwyg h2:first-child,.wysiwyg h3:first-child,.wysiwyg h4:first-child,.wysiwyg h5:first-child,.wysiwyg h6:first-child,.wysiwyg ol:first-child,.wysiwyg p:first-child,.wysiwyg table:first-child,.wysiwyg ul:first-child,.wysiwyg>h1:first-child{
870
- margin-top:0;
988
+ .v-file-input__placeholder{
989
+ color:var(--control-disabled-color);
871
990
  }
872
- .wysiwyg h2:last-child,.wysiwyg h3:last-child,.wysiwyg h4:last-child,.wysiwyg h5:last-child,.wysiwyg h6:last-child,.wysiwyg ol:last-child,.wysiwyg p:last-child,.wysiwyg table:last-child,.wysiwyg ul:last-child,.wysiwyg>h1:last-child{
873
- margin-bottom:0;
991
+ .v-file-input__input{
992
+ flex:1 1 100%;
993
+ cursor:text;
994
+ border-top-left-radius:0;
995
+ border-bottom-left-radius:0;
874
996
  }
875
- .wysiwyg p{
876
- margin:0;
997
+ .v-file-input__input__element{
998
+ position:absolute;
999
+ width:1px;
1000
+ height:1px;
1001
+ overflow:hidden;
1002
+ white-space:nowrap;
1003
+ clip:rect(0 0 0 0);
1004
+ clip-path:inset(100%);
877
1005
  }
878
1006
  .v-control-field{
879
1007
  position:relative;
@@ -998,220 +1126,161 @@
998
1126
  .v-control-field__adornment .v-icon{
999
1127
  font-size:1.2em;
1000
1128
  }
1001
- .v-pagination{
1002
- --pagination-size:var(--pagination-item-size);
1003
- --pagination-margin:var(--pagination-item-margin);
1004
- --pagination-font-size:var(--pagination-item-font-size);
1005
- --pagination-radius:var(--pagination-item-radius);
1129
+ .v-card-actions{
1006
1130
  display:flex;
1007
1131
  align-items:center;
1008
- overflow:hidden;
1009
- font-weight:700;
1010
- line-height:1;
1011
- }
1012
- .v-pagination:before{
1013
- width:var(--pagination-size);
1014
- margin:var(--pagination-margin);
1015
- content:none;
1016
- }
1017
- .v-pagination--left{
1018
- justify-content:flex-start;
1019
- }
1020
- .v-pagination--center{
1021
- justify-content:center;
1022
- }
1023
- .v-pagination--right{
1024
- justify-content:flex-end;
1025
- }
1026
- .v-pagination a.v-pagination__item,.v-pagination__item{
1027
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1028
- }
1029
- .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
1030
- border:0;
1031
- }
1032
- .v-pagination a.v-pagination__item,.v-pagination__item{
1033
- padding:0;
1034
- appearance:none;
1035
- touch-action:manipulation;
1036
- cursor:pointer;
1037
- user-select:none;
1038
- outline:0;
1039
- border-width:0;
1040
- }
1041
- .v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover{
1042
- text-decoration:none;
1132
+ padding:var(--card-actions-padding);
1043
1133
  }
1044
- .v-pagination a.v-pagination__item,.v-pagination__item{
1045
- display:flex;
1046
- align-items:center;
1047
- justify-content:center;
1048
- min-width:var(--pagination-size);
1049
- height:var(--pagination-size);
1050
- margin:calc(var(--pagination-margin)*.5);
1051
- font-size:var(--pagination-font-size);
1052
- color:inherit;
1053
- border-radius:var(--pagination-radius);
1054
- transition:.1s;
1134
+ .v-card-actions .v-btn{
1135
+ margin-top:0;
1136
+ margin-bottom:0;
1055
1137
  }
1056
- .v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item:focus,.v-pagination__item:hover{
1057
- background:rgba(0,0,0,.1);
1138
+ .v-data-table{
1139
+ --controls-vertial-margin:0.625em;
1058
1140
  }
1059
- .v-pagination a.v-pagination__item--active,.v-pagination a.v-pagination__item--active:active,.v-pagination a.v-pagination__item--active:focus,.v-pagination a.v-pagination__item--active:hover,.v-pagination__item--active,.v-pagination__item--active:active,.v-pagination__item--active:focus,.v-pagination__item--active:hover{
1060
- color:var(--text-color);
1061
- pointer-events:none;
1062
- background-color:var(--main-color);
1141
+ .v-card-content .v-data-table{
1142
+ margin-right:calc(var(--card-content-padding)*-1);
1143
+ margin-left:calc(var(--card-content-padding)*-1);
1063
1144
  }
1064
- .v-pagination a.v-pagination__item--disabled,.v-pagination a.v-pagination__item--truncate,.v-pagination__item--disabled,.v-pagination__item--truncate{
1065
- color:var(--palette-muted) !important;
1066
- pointer-events:none !important;
1067
- background:transparent !important;
1145
+ .v-data-table__controls{
1146
+ flex-wrap:wrap;
1147
+ justify-content:flex-end;
1068
1148
  }
1069
- .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
1070
- font-size:125%;
1149
+ .v-data-table__controls,.v-data-table__controls__info{
1150
+ display:flex;
1151
+ align-items:center;
1071
1152
  }
1072
- .v-pagination--dense .v-pagination__item{
1073
- --pagination-size:var(--pagination-item-size-dense);
1074
- --pagination-margin:var(--pagination-item-margin-dense);
1075
- --pagination-font-size:var(--pagination-item-font-size-dense);
1153
+ .v-data-table__controls__info__length{
1154
+ margin-right:20px;
1076
1155
  }
1077
- .v-pagination--disabled .v-pagination__item{
1156
+ .v-data-table__controls__select-limit{
1157
+ display:flex;
1158
+ align-items:center;
1159
+ }
1160
+ .v-data-table__controls__select-limit__prefix{
1161
+ margin-right:.5em;
1162
+ font-size:.75em;
1078
1163
  color:var(--palette-muted);
1079
- pointer-events:none;
1164
+ white-space:nowrap;
1080
1165
  }
1081
- .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
1082
- background:transparent;
1166
+ .v-data-table__controls__select-limit .v-select{
1167
+ width:5em;
1168
+ margin-left:.5em;
1083
1169
  }
1084
- .v-pagination--disabled .v-pagination__item--active{
1085
- background:var(--palette-muted);
1170
+ .v-data-table__controls__pagination{
1171
+ flex:1 1 100%;
1172
+ margin-left:auto;
1086
1173
  }
1087
- .v-switch{
1088
- --my-pin-color:var(--palette-background);
1174
+ .v-data-table__header{
1175
+ margin-bottom:var(--controls-vertial-margin);
1089
1176
  }
1090
- .v-switch--selected{
1091
- --my-pin-color:var(--color);
1177
+ .v-data-table__footer{
1178
+ margin-top:var(--controls-vertial-margin);
1092
1179
  }
1093
- .v-switch__faux{
1180
+ .v-data-table__body{
1094
1181
  position:relative;
1182
+ }
1183
+ .v-data-table__body__inner{
1184
+ overflow-x:auto;
1185
+ }
1186
+ .v-data-table__table-wrapper{
1095
1187
  display:flex;
1096
- align-items:center;
1097
- justify-content:center;
1098
- width:100%;
1099
- width:var(--control-switch-width);
1100
- height:100%;
1101
- cursor:pointer;
1102
1188
  }
1103
- .v-switch__faux:before{
1189
+ .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
1104
1190
  display:block;
1105
- width:var(--control-switch-track-width);
1106
- height:var(--control-switch-track-height);
1191
+ height:1px;
1107
1192
  content:"";
1108
- background:var(--color);
1109
- border-radius:calc(var(--control-switch-track-height)/2);
1110
- opacity:.5;
1111
1193
  }
1112
- .v-switch__faux__pin{
1194
+ .v-data-table__loading{
1113
1195
  position:absolute;
1114
- top:0;
1115
- bottom:0;
1116
- left:0;
1196
+ inset:0;
1197
+ z-index:1;
1117
1198
  display:flex;
1118
1199
  align-items:center;
1119
1200
  justify-content:center;
1120
- width:var(--outer-size);
1121
- height:var(--outer-size);
1122
- border-radius:50%;
1123
- transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
1124
- }
1125
- .v-switch__faux__pin:after,.v-switch__faux__pin:before{
1126
- display:block;
1127
- content:"";
1201
+ background:var(--palette-background);
1202
+ opacity:.5;
1128
1203
  }
1129
- .v-switch__faux__pin:before{
1130
- position:absolute;
1204
+ .v-data-table__table{
1131
1205
  width:100%;
1132
- height:100%;
1133
- background:currentColor;
1134
- border-radius:50%;
1135
- opacity:0;
1136
- transition:opacity .2s;
1206
+ margin:0;
1207
+ background:var(--palette-background);
1208
+ border-radius:var(--control-field-radius);
1137
1209
  }
1138
- .v-switch__faux__pin:after{
1210
+ .v-data-table__table__cell{
1139
1211
  position:relative;
1140
- width:var(--icon-size);
1141
- height:var(--icon-size);
1142
- background:var(--my-pin-color);
1143
- border-radius:50%;
1144
- box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
1145
- transform:scale(var(--control-checkable-faux-scale));
1146
- }
1147
- .v-switch--selected .v-switch__faux__pin{
1148
- left:calc(100% - var(--outer-size));
1212
+ vertical-align:middle;
1213
+ text-align:left;
1214
+ white-space:nowrap;
1215
+ border-bottom:thin solid rgba(0,0,0,.12);
1216
+ transition:background .2s;
1149
1217
  }
1150
- .v-switch--disabled .v-switch__faux:before{
1151
- background-color:#000;
1152
- opacity:.12;
1218
+ .v-data-table__table__cell:first-child{
1219
+ padding-left:calc(var(--table-cell-horizontal-padding)*2);
1153
1220
  }
1154
- .v-switch--disabled .v-switch__faux__pin:after{
1155
- background-color:#f5f5f5;
1221
+ .v-data-table__table__cell:last-child{
1222
+ padding-right:calc(var(--table-cell-horizontal-padding)*2);
1156
1223
  }
1157
- .v-switch__faux:hover .v-switch__faux__pin:before{
1158
- opacity:.1;
1224
+ .v-data-table__table__cell--left{
1225
+ text-align:left;
1159
1226
  }
1160
- .v-switch:focus-within .v-switch__faux__pin:before{
1161
- opacity:.1;
1227
+ .v-data-table__table__cell--center{
1228
+ text-align:center;
1162
1229
  }
1163
- .v-card-actions{
1230
+ .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
1164
1231
  display:flex;
1165
- align-items:center;
1166
- padding:var(--card-actions-padding);
1167
- }
1168
- .v-card-actions .v-btn{
1169
- margin-top:0;
1170
- margin-bottom:0;
1171
1232
  }
1172
- .v-content-switcher{
1173
- position:relative;
1174
- display:block;
1175
- width:100%;
1176
- overflow:hidden;
1177
- transition:var(--transition-tab);
1233
+ .v-data-table__table__cell--right{
1234
+ text-align:right;
1178
1235
  }
1179
- .v-content-switcher__content{
1180
- width:100%;
1236
+ .v-data-table__table__cell[tabindex="0"]{
1237
+ cursor:pointer;
1181
1238
  }
1182
- .v-content-switcher-prev-enter-active,.v-content-switcher-prev-leave-active{
1183
- transition:var(--transition-tab);
1239
+ .v-data-table__table__cell__tile{
1240
+ display:flex;
1241
+ align-items:center;
1184
1242
  }
1185
- .v-content-switcher-prev-enter-from{
1186
- transform:translateX(-100%);
1243
+ .v-data-table__table__sort-icon{
1244
+ width:25px;
1245
+ font-size:1.25em;
1246
+ opacity:0;
1247
+ transition:transform .2s,opacity .2s;
1187
1248
  }
1188
- .v-content-switcher-prev-enter-to,.v-content-switcher-prev-leave{
1189
- transform:translateX(0);
1249
+ .v-data-table__table__sort-icon--empty{
1250
+ display:none;
1190
1251
  }
1191
- .v-content-switcher-prev-leave-active{
1192
- position:absolute;
1193
- top:0;
1194
- left:0;
1252
+ .v-data-table__table__header .v-data-table__table__cell{
1253
+ user-select:none;
1254
+ background:hsla(0,0%,100%,.85);
1255
+ backdrop-filter:blur(3px);
1195
1256
  }
1196
- .v-content-switcher-prev-leave-to{
1197
- transform:translateX(100%);
1257
+ .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
1258
+ opacity:1;
1198
1259
  }
1199
- .v-content-switcher-next-enter-active,.v-content-switcher-next-leave-active{
1200
- transition:var(--transition-tab);
1260
+ .v-data-table__table__body tr:last-child .v-data-table__table__cell{
1261
+ border-bottom:none;
1201
1262
  }
1202
- .v-content-switcher-next-enter-from{
1203
- transform:translateX(100%);
1263
+ .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
1264
+ position:sticky;
1265
+ top:0;
1266
+ z-index:1;
1204
1267
  }
1205
- .v-content-switcher-next-enter-to,.v-content-switcher-next-leave{
1206
- transform:translateX(0);
1268
+ .v-icon{
1269
+ display:inline-flex;
1270
+ align-items:center;
1271
+ justify-content:center;
1272
+ width:1.25em;
1273
+ aspect-ratio:1/1;
1274
+ user-select:none;
1207
1275
  }
1208
- .v-content-switcher-next-leave-active{
1209
- position:absolute;
1210
- top:0;
1211
- left:0;
1276
+ .v-icon--clickable{
1277
+ cursor:pointer;
1212
1278
  }
1213
- .v-content-switcher-next-leave-to{
1214
- transform:translateX(-100%);
1279
+ .v-icon__body{
1280
+ display:inline-flex;
1281
+ align-items:center;
1282
+ justify-content:center;
1283
+ transition:transform .15s linear;
1215
1284
  }
1216
1285
  .v-textarea__input{
1217
1286
  cursor:text;
@@ -1242,46 +1311,24 @@
1242
1311
  font-style:italic;
1243
1312
  color:var(--control-disabled-color);
1244
1313
  }
1245
- .v-card{
1246
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1247
- }
1248
- .v-card::-moz-focus-inner{
1249
- border:0;
1250
- }
1251
- .v-card{
1314
+ .v-skelton-loader-bone{
1252
1315
  position:relative;
1253
- width:100%;
1254
- padding:0;
1255
- text-align:left;
1256
- appearance:none;
1257
- touch-action:manipulation;
1258
- user-select:none;
1259
- outline:0;
1260
- border:0;
1261
- }
1262
- .v-card,.v-card:focus,.v-card:hover{
1263
- text-decoration:none;
1264
- }
1265
- .v-card.clickable{
1266
- cursor:pointer;
1267
- }
1268
- .v-card.clickable:before{
1269
- position:absolute;
1270
- inset:0;
1271
- content:"";
1272
- background:currentColor;
1316
+ overflow:hidden;
1317
+ cursor:progress;
1318
+ background:rgba(0,0,0,.12);
1273
1319
  border-radius:inherit;
1274
- opacity:0;
1275
- transition:.3s cubic-bezier(.25, .8, .5, 1);
1276
- }
1277
- .v-card.clickable:focus:before,.v-card.clickable:hover:before{
1278
- opacity:.125;
1279
1320
  }
1280
- .v-card[aria-disabled=true],.v-card[disabled]{
1281
- pointer-events:none;
1282
- }
1283
- .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
1284
- content:none;
1321
+ .v-skelton-loader-bone:after{
1322
+ position:absolute;
1323
+ top:0;
1324
+ right:0;
1325
+ left:0;
1326
+ z-index:1;
1327
+ height:100%;
1328
+ content:"";
1329
+ background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
1330
+ transform:translateX(-100%);
1331
+ animation:v-skelton-loader-bone-loading 1.5s infinite;
1285
1332
  }
1286
1333
  .v-breadcrumbs{
1287
1334
  display:block;
@@ -1331,624 +1378,433 @@
1331
1378
  border-right:1px solid;
1332
1379
  transform:rotate(45deg);
1333
1380
  }
1334
- .v-chip{
1335
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1381
+ .v-tabs{
1382
+ position:relative;
1383
+ width:100%;
1384
+ height:var(--tabs-height);
1385
+ overflow:hidden;
1336
1386
  }
1337
- .v-chip::-moz-focus-inner{
1338
- border:0;
1387
+ .v-tabs:before{
1388
+ position:absolute;
1389
+ right:0;
1390
+ bottom:0;
1391
+ left:0;
1392
+ display:block;
1393
+ height:2px;
1394
+ content:"";
1395
+ background:currentColor;
1396
+ opacity:.25;
1339
1397
  }
1340
- .v-chip{
1341
- padding:0;
1342
- appearance:none;
1343
- touch-action:manipulation;
1344
- cursor:pointer;
1345
- user-select:none;
1346
- outline:0;
1347
- border-width:0;
1398
+ .v-tabs__scroller{
1399
+ width:100%;
1400
+ height:calc(var(--tabs-height) + 30px);
1348
1401
  }
1349
- .v-chip,.v-chip:focus,.v-chip:hover{
1350
- text-decoration:none;
1402
+ .v-tabs__scroller__container{
1403
+ padding-bottom:30px;
1351
1404
  }
1352
- .v-chip{
1353
- --chip-radius:calc(var(--chip-height)/2);
1405
+ .v-tabs__content{
1406
+ position:relative;
1354
1407
  display:inline-flex;
1355
- align-items:center;
1356
- justify-content:center;
1357
- height:var(--chip-height);
1358
- padding:0 var(--chip-padding);
1359
- overflow:hidden;
1360
- font-size:var(--chip-font-size);
1361
- font-weight:var(--chip-font-weight);
1362
- line-height:1;
1408
+ align-items:stretch;
1409
+ min-width:100%;
1363
1410
  vertical-align:bottom;
1364
- text-align:center;
1365
- white-space:nowrap;
1366
- cursor:default;
1367
- border-style:solid;
1368
- border-width:1px;
1369
- border-radius:var(--chip-radius);
1370
- --shadow-color:transparent !important;
1371
- --focusShadow-color:transparent !important;
1372
- }
1373
- .v-chip--clickable{
1374
- cursor:pointer;
1375
- }
1376
- .v-chip--xs{
1377
- --chip-height:var(--chip-height-xs);
1378
- --chip-font-size:var(--chip-font-size-xs);
1379
- }
1380
- .v-chip--sm{
1381
- --chip-height:var(--chip-height-sm);
1382
- --chip-font-size:var(--chip-font-size-sm);
1383
- }
1384
- .v-chip--md{
1385
- --chip-height:var(--chip-height-md);
1386
- --chip-font-size:var(--chip-font-size-md);
1387
- }
1388
- .v-chip--lg{
1389
- --chip-height:var(--chip-height-lg);
1390
- --chip-font-size:var(--chip-font-size-lg);
1391
- }
1392
- .v-chip--xl{
1393
- --chip-height:var(--chip-height-xl);
1394
- --chip-font-size:var(--chip-font-size-xl);
1395
- }
1396
- .v-chip--label{
1397
- --chip-radius:4px;
1398
- }
1399
- .v-chip__icon--start{
1400
- margin-right:calc(var(--chip-padding)*.5);
1401
- margin-left:calc(var(--chip-padding)*-.5);
1402
- }
1403
- .v-chip__icon--end{
1404
- margin-right:calc(var(--chip-padding)*-.5);
1405
- margin-left:calc(var(--chip-padding)*.5);
1406
- }
1407
- .v-chip .v-avatar{
1408
- --avatar-size:14px;
1409
- }
1410
- .v-form-control{
1411
- display:flex;
1412
- flex-direction:column;
1413
- max-width:100%;
1414
- margin:var(--control-horizontal-margin) 0;
1415
- --my-label-color:var(--control-label-color);
1416
- --my-message-color:var(--control-message-color);
1417
- }
1418
- .v-form-control--invalid:not(.v-form-control--readonly){
1419
- --my-label-color:var(--main-color);
1420
- --my-message-color:var(--main-color);
1421
- }
1422
- .v-form-control--disabled{
1423
- --my-label-color:var(--control-disabled-color);
1424
- --my-message-color:var(--control-disabled-color);
1425
1411
  }
1426
- .v-form-control__label{
1412
+ .v-list-tile{
1413
+ --tile-background:var(--main-color, transparent);
1414
+ --tile-active-background:var(--deep-color, transparent);
1415
+ --tile-text-color:var(--text-color);
1416
+ --tile-text-active-color:var(--text-color);
1417
+ --tile-pin-color:transparent;
1418
+ --paper-link-color:var(--tile-text-color);
1419
+ --depth-padding:var(--list-tile-padding);
1427
1420
  display:flex;
1428
1421
  align-items:center;
1429
- align-self:flex-start;
1430
- font-size:var(--control-label-font-size);
1431
- font-weight:var(--control-label-font-weight);
1432
- line-height:var(--control-label-height);
1433
- color:var(--my-label-color);
1434
- letter-spacing:.00938em;
1435
- }
1436
- .v-form-control__label__hinttip{
1437
- display:inline-flex;
1438
- align-items:center;
1439
- margin-top:-.2em;
1440
- margin-left:.6em;
1441
- font-size:80%;
1442
- line-height:1;
1443
- color:inherit;
1444
- letter-spacing:normal;
1422
+ width:100%;
1423
+ padding:var(--list-tile-padding);
1424
+ padding-left:var(--depth-padding);
1425
+ color:var(--tile-text-color) !important;
1426
+ text-align:left;
1445
1427
  text-decoration:none;
1446
- cursor:pointer;
1447
- }
1448
- .v-form-control__label__hinttip__icon{
1449
- position:relative;
1450
- display:flex;
1451
- align-items:center;
1452
- justify-content:center;
1453
- font-size:120%;
1454
- text-decoration:none !important;
1455
- }
1456
- .v-form-control__label__hinttip:focus .v-form-control__label__hinttip__icon:before,.v-form-control__label__hinttip:hover .v-form-control__label__hinttip__icon:before{
1457
- opacity:.1;
1458
- }
1459
- .v-form-control__label__hinttip__hint{
1460
- font-size:calc(var(--root-em)*.75);
1461
- }
1462
- .v-form-control__info{
1463
- display:flex;
1464
- padding-top:3px;
1465
- }
1466
- .v-form-control__appends,.v-form-control__message{
1467
- margin:0 var(--control-message-horizontal-margin);
1468
- font-size:var(--control-message-font-size);
1469
- line-height:1.66;
1470
- color:var(--my-message-color);
1471
- }
1472
- .v-form-control__message{
1473
- flex:1 0;
1474
- }
1475
- .v-form-control__appends{
1476
- flex:0 1;
1477
- margin-left:auto;
1478
- }
1479
- .v-navigation__caption{
1480
- display:block;
1481
- padding:calc(var(--root-em)*.625) calc(var(--root-em)*1.5625);
1482
- margin:1em 0 0;
1483
- font-size:.75rem;
1484
- color:var(--caption-color);
1485
- text-transform:uppercase;
1486
- }
1487
- .v-navigation-item--opened{
1488
- --tile-background:var(--tile-active-background);
1489
- --tile-text-color:var(--tile-text-active-color);
1490
- }
1491
- .v-navigation-item__expand{
1492
- transition:height .2s;
1493
- }
1494
- .v-navigation-item__expand .v-navigation-item{
1495
- --tile-background:var(--tile-active-background);
1496
- }
1497
- .v-navigation-item--depth-1{
1498
- --depth-padding:calc(var(--list-tile-padding)*2);
1499
- }
1500
- .v-navigation-item--depth-2{
1501
- --depth-padding:calc(var(--list-tile-padding)*3);
1502
- }
1503
- .v-navigation-item--depth-3{
1504
- --depth-padding:calc(var(--list-tile-padding)*4);
1505
- }
1506
- .v-icon{
1507
- display:inline-flex;
1508
- align-items:center;
1509
- justify-content:center;
1510
- width:1.25em;
1511
- aspect-ratio:1/1;
1428
+ appearance:none;
1512
1429
  user-select:none;
1430
+ outline:0;
1431
+ background:var(--tile-background);
1432
+ border:0;
1433
+ border-left:3px solid var(--tile-pin-color);
1434
+ border-radius:0;
1435
+ transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
1513
1436
  }
1514
- .v-icon--clickable{
1437
+ .v-list-tile--clickable{
1515
1438
  cursor:pointer;
1439
+ --tile-text-color:var(--nav-color);
1440
+ --tile-text-active-color:var(--navActive-color, var(--nav-color));
1516
1441
  }
1517
- .v-icon__body{
1518
- display:inline-flex;
1519
- align-items:center;
1520
- justify-content:center;
1521
- transition:transform .15s linear;
1522
- }
1523
- .v-toolbar-title{
1524
- display:flex;
1525
- flex-grow:1;
1526
- margin:0;
1527
- font-size:1.25rem;
1528
- font-weight:400;
1529
- line-height:1;
1530
- white-space:nowrap;
1531
- }
1532
- .v-data-table{
1533
- --controls-vertial-margin:0.625em;
1534
- }
1535
- .v-card-content .v-data-table{
1536
- margin-right:calc(var(--card-content-padding)*-1);
1537
- margin-left:calc(var(--card-content-padding)*-1);
1538
- }
1539
- .v-data-table__controls{
1540
- flex-wrap:wrap;
1541
- justify-content:flex-end;
1542
- }
1543
- .v-data-table__controls,.v-data-table__controls__info{
1544
- display:flex;
1545
- align-items:center;
1546
- }
1547
- .v-data-table__controls__info__length{
1548
- margin-right:20px;
1549
- }
1550
- .v-data-table__controls__select-limit{
1551
- display:flex;
1552
- align-items:center;
1553
- }
1554
- .v-data-table__controls__select-limit__prefix{
1555
- margin-right:.5em;
1556
- font-size:.75em;
1557
- color:var(--palette-muted);
1558
- white-space:nowrap;
1442
+ .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
1443
+ --tile-background:var(--tile-active-background);
1444
+ --tile-text-color:var(--tile-text-active-color);
1559
1445
  }
1560
- .v-data-table__controls__select-limit .v-select{
1561
- width:5em;
1562
- margin-left:.5em;
1446
+ .v-list-tile--active{
1447
+ --tile-pin-color:var(--pin-color);
1448
+ --tile-text-color:var(--tile-text-active-color);
1449
+ --tile-background:var(--tile-active-background);
1563
1450
  }
1564
- .v-data-table__controls__pagination{
1565
- flex:1 1 100%;
1566
- margin-left:auto;
1451
+ .v-list-tile__body{
1452
+ font-size:.8125rem;
1453
+ font-weight:500;
1454
+ line-height:1.5;
1567
1455
  }
1568
- .v-data-table__header{
1569
- margin-bottom:var(--controls-vertial-margin);
1456
+ .v-list-tile__icon{
1457
+ min-width:2em;
1570
1458
  }
1571
- .v-data-table__footer{
1572
- margin-top:var(--controls-vertial-margin);
1459
+ .v-list-tile__icon--end{
1460
+ margin-left:auto;
1461
+ text-align:right;
1573
1462
  }
1574
- .v-data-table__body{
1575
- position:relative;
1463
+ .v-avatar{
1464
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1576
1465
  }
1577
- .v-data-table__body__inner{
1578
- overflow-x:auto;
1466
+ .v-avatar::-moz-focus-inner{
1467
+ border:0;
1579
1468
  }
1580
- .v-data-table__table-wrapper{
1581
- display:flex;
1469
+ .v-avatar{
1470
+ padding:0;
1471
+ appearance:none;
1472
+ touch-action:manipulation;
1473
+ cursor:pointer;
1474
+ user-select:none;
1475
+ outline:0;
1476
+ border-width:0;
1582
1477
  }
1583
- .v-data-table__table-wrapper:after,.v-data-table__table-wrapper:before{
1584
- display:block;
1585
- height:1px;
1586
- content:"";
1478
+ .v-avatar,.v-avatar:focus,.v-avatar:hover{
1479
+ text-decoration:none;
1587
1480
  }
1588
- .v-data-table__loading{
1589
- position:absolute;
1590
- inset:0;
1591
- z-index:1;
1592
- display:flex;
1481
+ .v-avatar{
1482
+ --avatar-radius:50%;
1483
+ --avatar-font-weight:var(--typo-medium-weight);
1484
+ --avatar-base-font-size:var(--typo-base-size);
1485
+ --avatar-font-size:var(--avatar-base-font-size);
1486
+ display:inline-flex;
1487
+ flex-basis:var(--avatar-size);
1593
1488
  align-items:center;
1594
1489
  justify-content:center;
1595
- background:var(--palette-background);
1596
- opacity:.5;
1597
- }
1598
- .v-data-table__table{
1599
- width:100%;
1600
- margin:0;
1601
- background:var(--palette-background);
1602
- border-radius:var(--control-field-radius);
1490
+ width:var(--avatar-size);
1491
+ min-width:var(--avatar-size);
1492
+ height:var(--avatar-size);
1493
+ overflow:hidden;
1494
+ font-size:var(--avatar-font-size);
1495
+ font-weight:var(--avatar-font-weight);
1496
+ line-height:1;
1497
+ vertical-align:bottom;
1498
+ text-align:center;
1499
+ cursor:default;
1500
+ border-style:solid;
1501
+ border-width:1px;
1502
+ border-radius:var(--avatar-radius);
1503
+ --shadow-color:transparent !important;
1504
+ --focusShadow-color:transparent !important;
1603
1505
  }
1604
- .v-data-table__table__cell{
1605
- position:relative;
1606
- vertical-align:middle;
1607
- text-align:left;
1608
- white-space:nowrap;
1609
- border-bottom:thin solid rgba(0,0,0,.12);
1610
- transition:background .2s;
1506
+ .v-avatar--clickable{
1507
+ cursor:pointer;
1611
1508
  }
1612
- .v-data-table__table__cell:first-child{
1613
- padding-left:calc(var(--table-cell-horizontal-padding)*2);
1509
+ .v-avatar--sm{
1510
+ --avatar-size:36px;
1511
+ --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
1614
1512
  }
1615
- .v-data-table__table__cell:last-child{
1616
- padding-right:calc(var(--table-cell-horizontal-padding)*2);
1513
+ .v-avatar--md{
1514
+ --avatar-size:48px;
1617
1515
  }
1618
- .v-data-table__table__cell--left{
1619
- text-align:left;
1516
+ .v-avatar--lg{
1517
+ --avatar-size:62px;
1518
+ --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
1620
1519
  }
1621
- .v-data-table__table__cell--center{
1622
- text-align:center;
1520
+ .v-avatar--rounded{
1521
+ --avatar-radius:4px;
1623
1522
  }
1624
- .v-data-table__table__cell--center .v-data-table__table__sort-icon--empty{
1625
- display:flex;
1523
+ .v-avatar--tile{
1524
+ --avatar-radius:0;
1626
1525
  }
1627
- .v-data-table__table__cell--right{
1628
- text-align:right;
1526
+ .v-avatar img,.v-avatar__image{
1527
+ display:inline-flex;
1528
+ width:inherit !important;
1529
+ height:inherit !important;
1530
+ object-fit:cover;
1531
+ border-radius:inherit;
1629
1532
  }
1630
- .v-data-table__table__cell[tabindex="0"]{
1631
- cursor:pointer;
1533
+ .v-chip{
1534
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1632
1535
  }
1633
- .v-data-table__table__cell__tile{
1634
- display:flex;
1635
- align-items:center;
1536
+ .v-chip::-moz-focus-inner{
1537
+ border:0;
1636
1538
  }
1637
- .v-data-table__table__sort-icon{
1638
- width:25px;
1639
- font-size:1.25em;
1640
- opacity:0;
1641
- transition:transform .2s,opacity .2s;
1539
+ .v-chip{
1540
+ padding:0;
1541
+ appearance:none;
1542
+ touch-action:manipulation;
1543
+ cursor:pointer;
1544
+ user-select:none;
1545
+ outline:0;
1546
+ border-width:0;
1642
1547
  }
1643
- .v-data-table__table__sort-icon--empty{
1644
- display:none;
1548
+ .v-chip,.v-chip:focus,.v-chip:hover{
1549
+ text-decoration:none;
1645
1550
  }
1646
- .v-data-table__table__header .v-data-table__table__cell{
1647
- user-select:none;
1648
- background:hsla(0,0%,100%,.85);
1649
- backdrop-filter:blur(3px);
1551
+ .v-chip{
1552
+ --chip-radius:calc(var(--chip-height)/2);
1553
+ display:inline-flex;
1554
+ align-items:center;
1555
+ justify-content:center;
1556
+ height:var(--chip-height);
1557
+ padding:0 var(--chip-padding);
1558
+ overflow:hidden;
1559
+ font-size:var(--chip-font-size);
1560
+ font-weight:var(--chip-font-weight);
1561
+ line-height:1;
1562
+ vertical-align:bottom;
1563
+ text-align:center;
1564
+ white-space:nowrap;
1565
+ cursor:default;
1566
+ border-style:solid;
1567
+ border-width:1px;
1568
+ border-radius:var(--chip-radius);
1569
+ --shadow-color:transparent !important;
1570
+ --focusShadow-color:transparent !important;
1650
1571
  }
1651
- .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
1652
- opacity:1;
1572
+ .v-chip--clickable{
1573
+ cursor:pointer;
1653
1574
  }
1654
- .v-data-table__table__body tr:last-child .v-data-table__table__cell{
1655
- border-bottom:none;
1575
+ .v-chip--xs{
1576
+ --chip-height:var(--chip-height-xs);
1577
+ --chip-font-size:var(--chip-font-size-xs);
1656
1578
  }
1657
- .v-data-table--fixed-header .v-data-table__table__header .v-data-table__table__cell{
1658
- position:sticky;
1659
- top:0;
1660
- z-index:1;
1579
+ .v-chip--sm{
1580
+ --chip-height:var(--chip-height-sm);
1581
+ --chip-font-size:var(--chip-font-size-sm);
1661
1582
  }
1662
- .v-toolbar{
1663
- --height:var(--toolbar-height);
1664
- display:flex;
1665
- align-items:center;
1666
- width:100%;
1667
- height:var(--height);
1668
- padding:0 calc(var(--root-em)*1.5);
1669
- margin:0;
1670
- border-radius:inherit;
1583
+ .v-chip--md{
1584
+ --chip-height:var(--chip-height-md);
1585
+ --chip-font-size:var(--chip-font-size-md);
1671
1586
  }
1672
- .v-toolbar--plain{
1673
- --main-color:var(--palette-background);
1587
+ .v-chip--lg{
1588
+ --chip-height:var(--chip-height-lg);
1589
+ --chip-font-size:var(--chip-font-size-lg);
1674
1590
  }
1675
- .v-app-layout__header>.v-toolbar{
1676
- height:100%;
1591
+ .v-chip--xl{
1592
+ --chip-height:var(--chip-height-xl);
1593
+ --chip-font-size:var(--chip-font-size-xl);
1677
1594
  }
1678
- .v-toolbar--dense{
1679
- --height:var(--toolbar-dense-height);
1595
+ .v-chip--label{
1596
+ --chip-radius:4px;
1680
1597
  }
1681
- .v-file-input__inner{
1682
- display:flex;
1683
- align-items:stretch;
1598
+ .v-chip__icon--start{
1599
+ margin-right:calc(var(--chip-padding)*.5);
1600
+ margin-left:calc(var(--chip-padding)*-.5);
1684
1601
  }
1685
- .v-file-input__button{
1686
- flex:0 0 auto;
1687
- height:auto;
1688
- margin:0;
1689
- margin-bottom:1px !important;
1690
- border-top-right-radius:0;
1691
- border-bottom-right-radius:0;
1602
+ .v-chip__icon--end{
1603
+ margin-right:calc(var(--chip-padding)*-.5);
1604
+ margin-left:calc(var(--chip-padding)*.5);
1692
1605
  }
1693
- .v-file-input__selections{
1694
- display:flex;
1695
- flex-wrap:wrap;
1696
- align-items:center;
1697
- align-self:stretch;
1698
- padding:4px 6px;
1606
+ .v-chip .v-avatar{
1607
+ --avatar-size:14px;
1699
1608
  }
1700
- .v-file-input__placeholder{
1701
- color:var(--control-disabled-color);
1609
+ .v-disabled-reason{
1610
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1702
1611
  }
1703
- .v-file-input__input{
1704
- flex:1 1 100%;
1705
- cursor:text;
1706
- border-top-left-radius:0;
1707
- border-bottom-left-radius:0;
1612
+ .v-disabled-reason::-moz-focus-inner{
1613
+ border:0;
1708
1614
  }
1709
- .v-file-input__input__element{
1615
+ .v-disabled-reason{
1710
1616
  position:absolute;
1711
- width:1px;
1712
- height:1px;
1713
- overflow:hidden;
1714
- white-space:nowrap;
1715
- clip:rect(0 0 0 0);
1716
- clip-path:inset(100%);
1617
+ inset:0;
1618
+ z-index:10;
1619
+ display:block;
1620
+ pointer-events:none;
1621
+ cursor:default;
1622
+ border-radius:inherit;
1717
1623
  }
1718
- .v-tab{
1624
+ .v-disabled-reason[tabindex]:not([tabindex^="-"]){
1625
+ pointer-events:auto;
1626
+ }
1627
+ .v-card{
1719
1628
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1720
1629
  }
1721
- .v-tab::-moz-focus-inner{
1630
+ .v-card::-moz-focus-inner{
1722
1631
  border:0;
1723
1632
  }
1724
- .v-tab{
1633
+ .v-card{
1634
+ position:relative;
1635
+ width:100%;
1725
1636
  padding:0;
1637
+ text-align:left;
1726
1638
  appearance:none;
1727
1639
  touch-action:manipulation;
1728
- cursor:pointer;
1640
+ user-select:none;
1729
1641
  outline:0;
1730
- border-width:0;
1642
+ border:0;
1731
1643
  }
1732
- .v-tab,.v-tab:focus,.v-tab:hover{
1644
+ .v-card,.v-card:focus,.v-card:hover{
1733
1645
  text-decoration:none;
1734
1646
  }
1735
- .v-tab{
1736
- --tab-content-color:var(--palette-caption);
1737
- --tab-content-focus-color:var(--main-color);
1738
- --tab-content-opacity:0.7;
1739
- position:relative;
1740
- z-index:3;
1741
- display:flex;
1742
- align-items:center;
1743
- justify-content:center;
1744
- height:var(--tabs-height);
1745
- padding:0 1.25em;
1746
- font:inherit;
1747
- font-size:var(--tabs-font-size);
1748
- white-space:nowrap;
1749
- user-select:none;
1750
- transition:color .6s;
1647
+ .v-card.clickable{
1648
+ cursor:pointer;
1751
1649
  }
1752
- .v-tab:before{
1650
+ .v-card.clickable:before{
1753
1651
  position:absolute;
1754
- right:0;
1755
- bottom:0;
1756
- left:0;
1757
- z-index:1;
1758
- height:2px;
1652
+ inset:0;
1759
1653
  content:"";
1760
- background-color:var(--tab-content-focus-color);
1654
+ background:currentColor;
1761
1655
  border-radius:inherit;
1762
- transform:scaleX(0);
1763
- transition:all .25s;
1764
- }
1765
- .v-tab__content{
1766
- position:relative;
1767
- z-index:2;
1768
- display:flex;
1769
- align-items:center;
1770
- line-height:1.2;
1771
- color:var(--tab-content-color);
1772
- text-align:center;
1773
- opacity:var(--tab-content-opacity);
1774
- transition:all .25s ease;
1775
- }
1776
- .v-tab__icon{
1777
- margin-right:8px;
1778
- font-size:120%;
1779
- }
1780
- .v-tab:hover{
1781
- --tab-content-color:var(--tab-content-focus-color);
1782
- }
1783
- .v-tab--active{
1784
- --tab-content-color:rgba(0,0,0,.87);
1785
- pointer-events:none;
1786
- background:var(--tabs-color);
1787
- --tab-content-opacity:1;
1788
- }
1789
- .v-tab--active:before{
1790
- transform:scaleX(1);
1791
- }
1792
- .v-checkable{
1793
- --outer-size:var(--control-checkable-outer-size);
1794
- --icon-size:var(--control-checkable-icon-size);
1795
- --color:var(--control-checkable-base-color);
1796
- display:inline-flex;
1797
- align-items:center;
1798
- padding-right:1em;
1799
- cursor:pointer;
1800
- user-select:none;
1801
- }
1802
- .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
1803
- --color:var(--main-color);
1656
+ opacity:0;
1657
+ transition:.3s cubic-bezier(.25, .8, .5, 1);
1804
1658
  }
1805
- .v-checkable--disabled{
1806
- --color:var(--control-disabled-color);
1659
+ .v-card.clickable:focus:before,.v-card.clickable:hover:before{
1660
+ opacity:.125;
1807
1661
  }
1808
- .v-checkable--disabled,.v-checkable--readonly{
1662
+ .v-card[aria-disabled=true],.v-card[disabled]{
1809
1663
  pointer-events:none;
1810
- cursor:default;
1811
1664
  }
1812
- .v-checkable input{
1813
- position:absolute;
1814
- width:1px;
1815
- height:1px;
1816
- overflow:hidden;
1817
- white-space:nowrap;
1818
- clip:rect(0 0 0 0);
1819
- clip-path:inset(100%);
1665
+ .v-card[aria-disabled=true]:before,.v-card[disabled]:before{
1666
+ content:none;
1820
1667
  }
1821
- .v-checkable__faux{
1822
- position:relative;
1823
- display:inline-flex;
1824
- flex:0 0 var(--outer-size);
1825
- align-items:center;
1826
- justify-content:center;
1827
- width:var(--outer-size);
1828
- height:var(--outer-size);
1829
- margin:var(--control-checkable-faux-margin);
1830
- margin-left:0;
1831
- color:var(--color);
1832
- cursor:pointer;
1668
+ .v-radio{
1669
+ --my-color:var(--color);
1833
1670
  }
1834
- .v-checkable__faux__icon{
1671
+ .v-radio__faux{
1835
1672
  position:relative;
1836
1673
  display:block;
1837
- width:var(--icon-size);
1838
- height:var(--icon-size);
1839
- pointer-events:none;
1840
- transform:scale(var(--control-checkable-faux-scale));
1674
+ width:100%;
1675
+ height:100%;
1676
+ transition:border-color .2s,background-color .2s;
1841
1677
  }
1842
- .v-checkable__faux:before{
1678
+ .v-radio__faux:after,.v-radio__faux:before{
1843
1679
  position:absolute;
1844
- inset:0;
1845
1680
  display:block;
1846
- pointer-events:none;
1847
1681
  content:"";
1848
- background:currentColor;
1849
- border-radius:50%;
1850
- opacity:0;
1851
- transition:opacity .2s;
1852
- }
1853
- .v-checkable__faux:hover:before{
1854
- opacity:.1;
1855
- }
1856
- .v-checkable--custom-icon .v-checkable__faux{
1857
- flex-basis:auto;
1858
- width:auto;
1859
- }
1860
- .v-checkable--custom-icon .v-checkable__faux:before{
1861
- content:none;
1862
- }
1863
- .v-checkable:focus-within .v-checkable__faux:before{
1864
- opacity:.2;
1865
- }
1866
- .v-checkable__label{
1867
- line-height:1.5;
1682
+ border-radius:100%;
1868
1683
  }
1869
- .v-checkable--disabled .v-checkable__label{
1870
- color:var(--color);
1684
+ .v-radio__faux:before{
1685
+ inset:0;
1686
+ border:2px solid;
1871
1687
  }
1872
- .v-option{
1873
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1688
+ .v-radio__faux:after{
1689
+ top:50%;
1690
+ left:50%;
1691
+ width:50%;
1692
+ height:50%;
1693
+ background:currentColor;
1694
+ transform:translate(-50%, -50%) scale(0);
1695
+ transition:transform .2s;
1874
1696
  }
1875
- .v-option::-moz-focus-inner{
1876
- border:0;
1697
+ .v-radio--selected .v-radio__faux:after{
1698
+ transform:translate(-50%, -50%) scale(1);
1877
1699
  }
1878
- .v-option{
1879
- padding:0;
1880
- appearance:none;
1881
- touch-action:manipulation;
1882
- cursor:pointer;
1883
- user-select:none;
1884
- outline:0;
1885
- border-width:0;
1700
+ .v-switch{
1701
+ --my-pin-color:var(--palette-background);
1886
1702
  }
1887
- .v-option,.v-option:focus,.v-option:hover{
1888
- text-decoration:none;
1703
+ .v-switch--selected{
1704
+ --my-pin-color:var(--color);
1889
1705
  }
1890
- .v-option{
1706
+ .v-switch__faux{
1891
1707
  position:relative;
1892
1708
  display:flex;
1709
+ align-items:center;
1710
+ justify-content:center;
1893
1711
  width:100%;
1894
- padding:.75em 1em;
1712
+ width:var(--control-switch-width);
1713
+ height:100%;
1714
+ cursor:pointer;
1895
1715
  }
1896
- .v-option input{
1897
- position:absolute;
1898
- width:1px;
1899
- height:1px;
1900
- overflow:hidden;
1901
- white-space:nowrap;
1902
- clip:rect(0 0 0 0);
1903
- clip-path:inset(100%);
1716
+ .v-switch__faux:before{
1717
+ display:block;
1718
+ width:var(--control-switch-track-width);
1719
+ height:var(--control-switch-track-height);
1720
+ content:"";
1721
+ background:var(--color);
1722
+ border-radius:calc(var(--control-switch-track-height)/2);
1723
+ opacity:.5;
1904
1724
  }
1905
- .v-option:after,.v-option:before{
1725
+ .v-switch__faux__pin{
1906
1726
  position:absolute;
1907
- inset:0;
1727
+ top:0;
1728
+ bottom:0;
1729
+ left:0;
1730
+ display:flex;
1731
+ align-items:center;
1732
+ justify-content:center;
1733
+ width:var(--outer-size);
1734
+ height:var(--outer-size);
1735
+ border-radius:50%;
1736
+ transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
1737
+ }
1738
+ .v-switch__faux__pin:after,.v-switch__faux__pin:before{
1908
1739
  display:block;
1909
- pointer-events:none;
1910
1740
  content:"";
1741
+ }
1742
+ .v-switch__faux__pin:before{
1743
+ position:absolute;
1744
+ width:100%;
1745
+ height:100%;
1746
+ background:currentColor;
1747
+ border-radius:50%;
1911
1748
  opacity:0;
1912
1749
  transition:opacity .2s;
1913
1750
  }
1914
- .v-option:before{
1915
- background:currentColor;
1751
+ .v-switch__faux__pin:after{
1752
+ position:relative;
1753
+ width:var(--icon-size);
1754
+ height:var(--icon-size);
1755
+ background:var(--my-pin-color);
1756
+ border-radius:50%;
1757
+ box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
1758
+ transform:scale(var(--control-checkable-faux-scale));
1916
1759
  }
1917
- .v-option:after{
1918
- background:var(--palette-primary);
1760
+ .v-switch--selected .v-switch__faux__pin{
1761
+ left:calc(100% - var(--outer-size));
1919
1762
  }
1920
- .v-option--key-focused:before,.v-option:focus-within:before,.v-option:hover:before{
1763
+ .v-switch--disabled .v-switch__faux:before{
1764
+ background-color:#000;
1921
1765
  opacity:.12;
1922
1766
  }
1923
- .v-option__label{
1924
- position:relative;
1925
- display:block;
1767
+ .v-switch--disabled .v-switch__faux__pin:after{
1768
+ background-color:#f5f5f5;
1926
1769
  }
1927
- .v-option--selected:after{
1928
- opacity:.12;
1770
+ .v-switch__faux:hover .v-switch__faux__pin:before{
1771
+ opacity:.1;
1929
1772
  }
1930
- .v-option--selected .v-option__label{
1931
- font-weight:500;
1932
- color:var(--palette-primary);
1773
+ .v-switch:focus-within .v-switch__faux__pin:before{
1774
+ opacity:.1;
1933
1775
  }
1934
- .v-option--has-not-value .v-option__label{
1935
- font-style:italic;
1776
+ .v-pagination{
1777
+ --pagination-size:var(--pagination-item-size);
1778
+ --pagination-margin:var(--pagination-item-margin);
1779
+ --pagination-font-size:var(--pagination-item-font-size);
1780
+ --pagination-radius:var(--pagination-item-radius);
1781
+ display:flex;
1782
+ align-items:center;
1783
+ overflow:hidden;
1784
+ font-weight:700;
1785
+ line-height:1;
1936
1786
  }
1937
- .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
1938
- color:var(--palette-muted);
1939
- pointer-events:none;
1940
- opacity:.4;
1787
+ .v-pagination:before{
1788
+ width:var(--pagination-size);
1789
+ margin:var(--pagination-margin);
1790
+ content:none;
1941
1791
  }
1942
- .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
1943
- opacity:0 !important;
1792
+ .v-pagination--left{
1793
+ justify-content:flex-start;
1944
1794
  }
1945
- .v-avatar{
1795
+ .v-pagination--center{
1796
+ justify-content:center;
1797
+ }
1798
+ .v-pagination--right{
1799
+ justify-content:flex-end;
1800
+ }
1801
+ .v-pagination a.v-pagination__item,.v-pagination__item{
1946
1802
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1947
1803
  }
1948
- .v-avatar::-moz-focus-inner{
1804
+ .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
1949
1805
  border:0;
1950
1806
  }
1951
- .v-avatar{
1807
+ .v-pagination a.v-pagination__item,.v-pagination__item{
1952
1808
  padding:0;
1953
1809
  appearance:none;
1954
1810
  touch-action:manipulation;
@@ -1957,142 +1813,97 @@
1957
1813
  outline:0;
1958
1814
  border-width:0;
1959
1815
  }
1960
- .v-avatar,.v-avatar:focus,.v-avatar:hover{
1816
+ .v-pagination a.v-pagination__item,.v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item,.v-pagination__item:focus,.v-pagination__item:hover{
1961
1817
  text-decoration:none;
1962
1818
  }
1963
- .v-avatar{
1964
- --avatar-radius:50%;
1965
- --avatar-font-weight:var(--typo-medium-weight);
1966
- --avatar-base-font-size:var(--typo-base-size);
1967
- --avatar-font-size:var(--avatar-base-font-size);
1968
- display:inline-flex;
1969
- flex-basis:var(--avatar-size);
1819
+ .v-pagination a.v-pagination__item,.v-pagination__item{
1820
+ display:flex;
1970
1821
  align-items:center;
1971
1822
  justify-content:center;
1972
- width:var(--avatar-size);
1973
- min-width:var(--avatar-size);
1974
- height:var(--avatar-size);
1975
- overflow:hidden;
1976
- font-size:var(--avatar-font-size);
1977
- font-weight:var(--avatar-font-weight);
1978
- line-height:1;
1979
- vertical-align:bottom;
1980
- text-align:center;
1981
- cursor:default;
1982
- border-style:solid;
1983
- border-width:1px;
1984
- border-radius:var(--avatar-radius);
1985
- --shadow-color:transparent !important;
1986
- --focusShadow-color:transparent !important;
1823
+ min-width:var(--pagination-size);
1824
+ height:var(--pagination-size);
1825
+ margin:calc(var(--pagination-margin)*.5);
1826
+ font-size:var(--pagination-font-size);
1827
+ color:inherit;
1828
+ border-radius:var(--pagination-radius);
1829
+ transition:.1s;
1987
1830
  }
1988
- .v-avatar--clickable{
1989
- cursor:pointer;
1831
+ .v-pagination a.v-pagination__item:focus,.v-pagination a.v-pagination__item:hover,.v-pagination__item:focus,.v-pagination__item:hover{
1832
+ background:rgba(0,0,0,.1);
1990
1833
  }
1991
- .v-avatar--sm{
1992
- --avatar-size:36px;
1993
- --avatar-font-size:calc(var(--avatar-base-font-size)*0.75);
1834
+ .v-pagination a.v-pagination__item--active,.v-pagination a.v-pagination__item--active:active,.v-pagination a.v-pagination__item--active:focus,.v-pagination a.v-pagination__item--active:hover,.v-pagination__item--active,.v-pagination__item--active:active,.v-pagination__item--active:focus,.v-pagination__item--active:hover{
1835
+ color:var(--text-color);
1836
+ pointer-events:none;
1837
+ background-color:var(--main-color);
1994
1838
  }
1995
- .v-avatar--md{
1996
- --avatar-size:48px;
1839
+ .v-pagination a.v-pagination__item--disabled,.v-pagination a.v-pagination__item--truncate,.v-pagination__item--disabled,.v-pagination__item--truncate{
1840
+ color:var(--palette-muted) !important;
1841
+ pointer-events:none !important;
1842
+ background:transparent !important;
1997
1843
  }
1998
- .v-avatar--lg{
1999
- --avatar-size:62px;
2000
- --avatar-font-size:calc(var(--avatar-base-font-size)*1.25);
1844
+ .v-pagination a.v-pagination__item .v-icon,.v-pagination__item .v-icon{
1845
+ font-size:125%;
2001
1846
  }
2002
- .v-avatar--rounded{
2003
- --avatar-radius:4px;
1847
+ .v-pagination--dense .v-pagination__item{
1848
+ --pagination-size:var(--pagination-item-size-dense);
1849
+ --pagination-margin:var(--pagination-item-margin-dense);
1850
+ --pagination-font-size:var(--pagination-item-font-size-dense);
2004
1851
  }
2005
- .v-avatar--tile{
2006
- --avatar-radius:0;
1852
+ .v-pagination--disabled .v-pagination__item{
1853
+ color:var(--palette-muted);
1854
+ pointer-events:none;
2007
1855
  }
2008
- .v-avatar img,.v-avatar__image{
2009
- display:inline-flex;
2010
- width:inherit !important;
2011
- height:inherit !important;
2012
- object-fit:cover;
2013
- border-radius:inherit;
1856
+ .v-pagination--disabled .v-pagination__item:focus,.v-pagination--disabled .v-pagination__item:hover{
1857
+ background:transparent;
2014
1858
  }
2015
- .v-tabs{
2016
- position:relative;
2017
- width:100%;
2018
- height:var(--tabs-height);
2019
- overflow:hidden;
1859
+ .v-pagination--disabled .v-pagination__item--active{
1860
+ background:var(--palette-muted);
2020
1861
  }
2021
- .v-tabs:before{
2022
- position:absolute;
2023
- right:0;
2024
- bottom:0;
2025
- left:0;
1862
+ .v-grid-item{
2026
1863
  display:block;
2027
- height:2px;
2028
- content:"";
2029
- background:currentColor;
2030
- opacity:.25;
2031
1864
  }
2032
- .v-tabs__scroller{
2033
- width:100%;
2034
- height:calc(var(--tabs-height) + 30px);
1865
+ .v-grid-container{
1866
+ display:flex;
1867
+ flex-wrap:wrap;
2035
1868
  }
2036
- .v-tabs__scroller__container{
2037
- padding-bottom:30px;
1869
+ .v-checkbox{
1870
+ --my-border-color:var(--color);
1871
+ --my-faux-bg-color:transparent;
2038
1872
  }
2039
- .v-tabs__content{
2040
- position:relative;
2041
- display:inline-flex;
2042
- align-items:stretch;
2043
- min-width:100%;
2044
- vertical-align:bottom;
1873
+ .v-checkbox--indeterminate,.v-checkbox--selected{
1874
+ --my-border-color:transparent;
1875
+ --my-faux-bg-color:var(--color);
2045
1876
  }
2046
- .v-list-tile{
2047
- --tile-background:var(--main-color, transparent);
2048
- --tile-active-background:var(--deep-color, transparent);
2049
- --tile-text-color:var(--text-color);
2050
- --tile-text-active-color:var(--text-color);
2051
- --tile-pin-color:transparent;
2052
- --paper-link-color:var(--tile-text-color);
2053
- --depth-padding:var(--list-tile-padding);
2054
- display:flex;
2055
- align-items:center;
1877
+ .v-checkbox__faux{
1878
+ display:block;
2056
1879
  width:100%;
2057
- padding:var(--list-tile-padding);
2058
- padding-left:var(--depth-padding);
2059
- color:var(--tile-text-color) !important;
2060
- text-align:left;
2061
- text-decoration:none;
2062
- appearance:none;
2063
- user-select:none;
2064
- outline:0;
2065
- background:var(--tile-background);
2066
- border:0;
2067
- border-left:3px solid var(--tile-pin-color);
2068
- border-radius:0;
2069
- transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
2070
- }
2071
- .v-list-tile--clickable{
2072
- cursor:pointer;
2073
- --tile-text-color:var(--nav-color);
2074
- --tile-text-active-color:var(--navActive-color, var(--nav-color));
1880
+ height:100%;
1881
+ background:var(--my-faux-bg-color);
1882
+ border:2px solid var(--my-border-color);
1883
+ border-radius:var(--control-field-radius);
1884
+ clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 88.25% 28.25%, 38% 78.125%, 12% 50%, 20% 42.1875%, 38% 63%, 82% 20%, 88.25% 28.25%, 100% 0);
1885
+ transition:border-color .2s,background-color .2s;
2075
1886
  }
2076
- .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
2077
- --tile-background:var(--tile-active-background);
2078
- --tile-text-color:var(--tile-text-active-color);
1887
+ .v-checkbox--indeterminate .v-checkbox__faux{
1888
+ clip-path:polygon(0 0, 0 100%, 100% 100%, 100% 0, 77.7777777778% 44.4444444444%, 77.7777777778% 55.5555555556%, 22.2222222222% 55.5555555556%, 22.2222222222% 44.4444444444%, 77.7777777778% 44.4444444444%, 100% 0);
2079
1889
  }
2080
- .v-list-tile--active{
2081
- --tile-pin-color:var(--pin-color);
2082
- --tile-text-color:var(--tile-text-active-color);
2083
- --tile-background:var(--tile-active-background);
1890
+ .v-option-group{
1891
+ display:block;
2084
1892
  }
2085
- .v-list-tile__body{
2086
- font-size:.8125rem;
2087
- font-weight:500;
2088
- line-height:1.5;
1893
+ .v-option-group__label{
1894
+ padding:1em;
1895
+ font-size:.875em;
1896
+ color:var(--palette-caption);
1897
+ opacity:.6;
2089
1898
  }
2090
- .v-list-tile__icon{
2091
- min-width:2em;
1899
+ .v-option-group--disabled .v-option-group__label{
1900
+ color:var(--palette-muted);
1901
+ opacity:.4;
2092
1902
  }
2093
- .v-list-tile__icon--end{
2094
- margin-left:auto;
2095
- text-align:right;
1903
+ .v-toolbar-menu{
1904
+ height:100%;
1905
+ margin:0;
1906
+ box-shadow:none;
2096
1907
  }
2097
1908
  .v-toolbar-edge{
2098
1909
  display:flex;
@@ -2112,15 +1923,40 @@
2112
1923
  margin-right:calc(var(--root-em)*-1*.75);
2113
1924
  margin-left:auto;
2114
1925
  }
2115
- .v-toolbar-menu{
2116
- height:100%;
1926
+ .v-toolbar-title{
1927
+ display:flex;
1928
+ flex-grow:1;
2117
1929
  margin:0;
2118
- box-shadow:none;
1930
+ font-size:1.25rem;
1931
+ font-weight:400;
1932
+ line-height:1;
1933
+ white-space:nowrap;
1934
+ }
1935
+ .v-option{
1936
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
1937
+ }
1938
+ .v-option::-moz-focus-inner{
1939
+ border:0;
2119
1940
  }
2120
- .v-select__input{
1941
+ .v-option{
1942
+ padding:0;
1943
+ appearance:none;
1944
+ touch-action:manipulation;
2121
1945
  cursor:pointer;
1946
+ user-select:none;
1947
+ outline:0;
1948
+ border-width:0;
2122
1949
  }
2123
- .v-select__input__element{
1950
+ .v-option,.v-option:focus,.v-option:hover{
1951
+ text-decoration:none;
1952
+ }
1953
+ .v-option{
1954
+ position:relative;
1955
+ display:flex;
1956
+ width:100%;
1957
+ padding:.75em 1em;
1958
+ }
1959
+ .v-option input{
2124
1960
  position:absolute;
2125
1961
  width:1px;
2126
1962
  height:1px;
@@ -2129,181 +1965,205 @@
2129
1965
  clip:rect(0 0 0 0);
2130
1966
  clip-path:inset(100%);
2131
1967
  }
2132
- .v-select__body{
2133
- padding:.5em 0;
1968
+ .v-option:after,.v-option:before{
1969
+ position:absolute;
1970
+ inset:0;
1971
+ display:block;
1972
+ pointer-events:none;
1973
+ content:"";
1974
+ opacity:0;
1975
+ transition:opacity .2s;
2134
1976
  }
2135
- .v-select__selections{
2136
- display:table;
2137
- width:100%;
2138
- table-layout:fixed;
1977
+ .v-option:before{
1978
+ background:currentColor;
2139
1979
  }
2140
- .v-select__selections__inner{
2141
- display:table-cell;
2142
- overflow:hidden;
2143
- text-overflow:ellipsis;
2144
- vertical-align:middle;
2145
- white-space:nowrap;
1980
+ .v-option:after{
1981
+ background:var(--palette-primary);
2146
1982
  }
2147
- .v-select--multiple .v-select__selections{
2148
- display:block;
1983
+ .v-option--key-focused:before,.v-option:focus-within:before,.v-option:hover:before{
1984
+ opacity:.12;
2149
1985
  }
2150
- .v-select--multiple .v-select__selections__inner{
1986
+ .v-option__label{
1987
+ position:relative;
2151
1988
  display:block;
2152
- overflow:auto;
2153
- white-space:unset;
2154
1989
  }
2155
- .v-select--multiple .v-control-field__body{
2156
- padding:.2em 0;
1990
+ .v-option--selected:after{
1991
+ opacity:.12;
2157
1992
  }
2158
- .v-select__placeholder{
1993
+ .v-option--selected .v-option__label{
1994
+ font-weight:500;
1995
+ color:var(--palette-primary);
1996
+ }
1997
+ .v-option--has-not-value .v-option__label{
2159
1998
  font-style:italic;
2160
- color:var(--control-disabled-color);
2161
1999
  }
2162
- @media screen and (width >= 320px){
2163
- .v-data-table__controls__pagination{
2164
- flex:0 0 50%;
2165
- width:50%;
2166
- }}
2167
- }.v-tooltip{
2168
- --menu-shadow:var(--tooltip-shadow);
2169
- --v-stack-slide-amount:10px;
2170
- font-size:var(--tooltip-font-size);
2171
- border-radius:var(--tooltip-radius);
2172
- }
2173
-
2174
- .v-tooltip .v-menu__body{
2175
- color:var(--tooltip-color) !important;
2176
- background:var(--tooltip-background) !important;
2177
- }
2178
-
2179
- .v-tooltip__inner{
2180
- display:inline-block;
2181
- padding:var(--tooltip-padding);
2182
- }.v-snackbar{
2183
- font-size:14px;
2184
- box-shadow:var(--snackbar-shadow);
2185
- }
2186
-
2187
- .v-snackbar__inner{
2188
- display:flex;
2189
- align-items:center;
2190
- justify-content:space-between;
2191
- width:auto;
2192
- min-width:288px;
2193
- max-width:calc(100vw - 96px);
2194
- padding:8px 4px 8px 16px;
2195
- color:var(--text-color);
2196
- background-color:var(--main-color);
2197
- border-color:var(--border-color);
2198
- border-radius:inherit;
2199
- }
2200
-
2201
- .v-snackbar__body{
2202
- flex:1 1 100%;
2203
- word-break:break-all;
2204
- }
2205
-
2206
- .v-snackbar__actions{
2207
- flex:0 0 auto;
2208
- padding-left:20px;
2209
- white-space:nowrap;
2210
- }
2211
-
2212
- .v-snackbar__close{
2213
- margin:0;
2214
- }.v-dialog{
2215
- position:relative;
2216
- display:inline-block;
2217
- min-width:280px;
2218
- margin:24px;
2219
- text-align:left;
2220
- pointer-events:auto;
2221
- outline:0;
2222
- border-radius:2px;
2223
- box-shadow:var(--dialog-shadow);
2224
- }
2225
-
2226
- .v-dialog__header{
2227
- font-size:24px;
2228
- line-height:1.4;
2229
- }
2230
-
2231
- .v-dialog__body,.v-dialog__header{
2232
- box-sizing:border-box;
2233
- padding:16px;
2234
- }
2235
-
2236
- .v-dialog__body{
2237
- font-size:16px;
2238
- line-height:1.5;
2239
- }
2240
-
2241
- .v-dialog--dense .v-dialog__body{
2242
- padding-bottom:0;
2243
- }
2244
-
2245
- .v-dialog__actions{
2246
- box-sizing:border-box;
2247
- display:flex;
2248
- align-items:center;
2249
- justify-content:flex-end;
2250
- padding:8px;
2251
- }
2252
-
2253
- .v-dialog--dense .v-dialog__actions{
2254
- padding-top:0;
2255
- }.v-menu{
2256
- border-radius:2px;
2257
- box-shadow:var(--menu-shadow);
2258
- }.v-sheet-modal{
2259
- --v-sheet-modal-width:90vw;
2260
- --v-sheet-modal-max-width:none;
2261
- --v-sheet-background:var(--palette-foundation);
2262
- position:fixed;
2263
- top:0;
2264
- right:0;
2265
- bottom:0;
2266
- box-sizing:border-box;
2267
- display:flex;
2268
- flex-direction:column;
2269
- width:var(--v-sheet-modal-width);
2270
- max-width:var(--v-sheet-modal-max-width);
2271
- padding:0;
2272
- outline:0;
2273
- box-shadow:var(--dialog-shadow);
2274
- transition:transform var(--v-stack-transition-slowly);
2275
- }
2276
-
2277
- .v-sheet-modal__header{
2278
- position:relative;
2279
- z-index:1;
2280
- flex:0 0;
2281
- background-color:var(--v-sheet-background);
2282
- }
2283
-
2284
- .v-sheet-modal__scroller{
2285
- flex:1 1;
2286
- -webkit-overflow-scrolling:touch;
2287
- height:100%;
2288
- overflow-y:auto;
2289
- background-color:var(--v-sheet-background);
2290
- }
2291
-
2292
- .v-sheet-modal--has-active-child{
2293
- transform:translateX(calc(-100vw + var(--v-sheet-modal-width)));
2294
- }
2295
-
2296
- .v-sheet-modal-enter-active,.v-sheet-modal-leave-active{
2297
- transition:transform var(--v-stack-transition-slowly);
2298
- }
2299
-
2300
- .v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
2301
- transform:translateX(var(--v-sheet-modal-width));
2302
- }
2303
- @keyframes v-skelton-loader-bone-loading{
2304
- to{
2305
- transform:translateX(100%);
2000
+ .v-option[aria-disabled=true],.v-option[disabled],.v-option[tabindex="-1"]{
2001
+ color:var(--palette-muted);
2002
+ pointer-events:none;
2003
+ opacity:.4;
2004
+ }
2005
+ .v-option[aria-disabled=true]:before,.v-option[disabled]:before,.v-option[tabindex="-1"]:before{
2006
+ opacity:0 !important;
2007
+ }
2008
+ .v-tab{
2009
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
2010
+ }
2011
+ .v-tab::-moz-focus-inner{
2012
+ border:0;
2013
+ }
2014
+ .v-tab{
2015
+ padding:0;
2016
+ appearance:none;
2017
+ touch-action:manipulation;
2018
+ cursor:pointer;
2019
+ outline:0;
2020
+ border-width:0;
2021
+ }
2022
+ .v-tab,.v-tab:focus,.v-tab:hover{
2023
+ text-decoration:none;
2024
+ }
2025
+ .v-tab{
2026
+ --tab-content-color:var(--palette-caption);
2027
+ --tab-content-focus-color:var(--main-color);
2028
+ --tab-content-opacity:0.7;
2029
+ position:relative;
2030
+ z-index:3;
2031
+ display:flex;
2032
+ align-items:center;
2033
+ justify-content:center;
2034
+ height:var(--tabs-height);
2035
+ padding:0 1.25em;
2036
+ font:inherit;
2037
+ font-size:var(--tabs-font-size);
2038
+ white-space:nowrap;
2039
+ user-select:none;
2040
+ transition:color .6s;
2041
+ }
2042
+ .v-tab:before{
2043
+ position:absolute;
2044
+ right:0;
2045
+ bottom:0;
2046
+ left:0;
2047
+ z-index:1;
2048
+ height:2px;
2049
+ content:"";
2050
+ background-color:var(--tab-content-focus-color);
2051
+ border-radius:inherit;
2052
+ transform:scaleX(0);
2053
+ transition:all .25s;
2054
+ }
2055
+ .v-tab__content{
2056
+ position:relative;
2057
+ z-index:2;
2058
+ display:flex;
2059
+ align-items:center;
2060
+ line-height:1.2;
2061
+ color:var(--tab-content-color);
2062
+ text-align:center;
2063
+ opacity:var(--tab-content-opacity);
2064
+ transition:all .25s ease;
2065
+ }
2066
+ .v-tab__icon{
2067
+ margin-right:8px;
2068
+ font-size:120%;
2069
+ }
2070
+ .v-tab:hover{
2071
+ --tab-content-color:var(--tab-content-focus-color);
2072
+ }
2073
+ .v-tab--active{
2074
+ --tab-content-color:rgba(0,0,0,.87);
2075
+ pointer-events:none;
2076
+ background:var(--tabs-color);
2077
+ --tab-content-opacity:1;
2078
+ }
2079
+ .v-tab--active:before{
2080
+ transform:scaleX(1);
2081
+ }
2082
+ .v-checkable{
2083
+ --outer-size:var(--control-checkable-outer-size);
2084
+ --icon-size:var(--control-checkable-icon-size);
2085
+ --color:var(--control-checkable-base-color);
2086
+ display:inline-flex;
2087
+ align-items:center;
2088
+ padding-right:1em;
2089
+ cursor:pointer;
2090
+ user-select:none;
2091
+ }
2092
+ .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
2093
+ --color:var(--main-color);
2094
+ }
2095
+ .v-checkable--disabled{
2096
+ --color:var(--control-disabled-color);
2097
+ }
2098
+ .v-checkable--disabled,.v-checkable--readonly{
2099
+ pointer-events:none;
2100
+ cursor:default;
2101
+ }
2102
+ .v-checkable input{
2103
+ position:absolute;
2104
+ width:1px;
2105
+ height:1px;
2106
+ overflow:hidden;
2107
+ white-space:nowrap;
2108
+ clip:rect(0 0 0 0);
2109
+ clip-path:inset(100%);
2110
+ }
2111
+ .v-checkable__faux{
2112
+ position:relative;
2113
+ display:inline-flex;
2114
+ flex:0 0 var(--outer-size);
2115
+ align-items:center;
2116
+ justify-content:center;
2117
+ width:var(--outer-size);
2118
+ height:var(--outer-size);
2119
+ margin:var(--control-checkable-faux-margin);
2120
+ margin-left:0;
2121
+ color:var(--color);
2122
+ cursor:pointer;
2123
+ }
2124
+ .v-checkable__faux__icon{
2125
+ position:relative;
2126
+ display:block;
2127
+ width:var(--icon-size);
2128
+ height:var(--icon-size);
2129
+ pointer-events:none;
2130
+ transform:scale(var(--control-checkable-faux-scale));
2131
+ }
2132
+ .v-checkable__faux:before{
2133
+ position:absolute;
2134
+ inset:0;
2135
+ display:block;
2136
+ pointer-events:none;
2137
+ content:"";
2138
+ background:currentColor;
2139
+ border-radius:50%;
2140
+ opacity:0;
2141
+ transition:opacity .2s;
2142
+ }
2143
+ .v-checkable__faux:hover:before{
2144
+ opacity:.1;
2306
2145
  }
2146
+ .v-checkable--custom-icon .v-checkable__faux{
2147
+ flex-basis:auto;
2148
+ width:auto;
2149
+ }
2150
+ .v-checkable--custom-icon .v-checkable__faux:before{
2151
+ content:none;
2152
+ }
2153
+ .v-checkable:focus-within .v-checkable__faux:before{
2154
+ opacity:.2;
2155
+ }
2156
+ .v-checkable__label{
2157
+ line-height:1.5;
2158
+ }
2159
+ .v-checkable--disabled .v-checkable__label{
2160
+ color:var(--color);
2161
+ }
2162
+ @media screen and (width >= 320px){
2163
+ .v-data-table__controls__pagination{
2164
+ flex:0 0 50%;
2165
+ width:50%;
2166
+ }}
2307
2167
  }@layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
2308
2168
  @layer vui-normalize{
2309
2169
  /*!
@@ -2436,4 +2296,144 @@
2436
2296
  button{
2437
2297
  background-color:transparent;
2438
2298
  }
2299
+ }.v-tooltip{
2300
+ --menu-shadow:var(--tooltip-shadow);
2301
+ --v-stack-slide-amount:10px;
2302
+ font-size:var(--tooltip-font-size);
2303
+ border-radius:var(--tooltip-radius);
2304
+ }
2305
+
2306
+ .v-tooltip .v-menu__body{
2307
+ color:var(--tooltip-color) !important;
2308
+ background:var(--tooltip-background) !important;
2309
+ }
2310
+
2311
+ .v-tooltip__inner{
2312
+ display:inline-block;
2313
+ padding:var(--tooltip-padding);
2314
+ }.v-sheet-modal{
2315
+ --v-sheet-modal-width:90vw;
2316
+ --v-sheet-modal-max-width:none;
2317
+ --v-sheet-background:var(--palette-foundation);
2318
+ position:fixed;
2319
+ top:0;
2320
+ right:0;
2321
+ bottom:0;
2322
+ box-sizing:border-box;
2323
+ display:flex;
2324
+ flex-direction:column;
2325
+ width:var(--v-sheet-modal-width);
2326
+ max-width:var(--v-sheet-modal-max-width);
2327
+ padding:0;
2328
+ outline:0;
2329
+ box-shadow:var(--dialog-shadow);
2330
+ transition:transform var(--v-stack-transition-slowly);
2331
+ }
2332
+
2333
+ .v-sheet-modal__header{
2334
+ position:relative;
2335
+ z-index:1;
2336
+ flex:0 0;
2337
+ background-color:var(--v-sheet-background);
2338
+ }
2339
+
2340
+ .v-sheet-modal__scroller{
2341
+ flex:1 1;
2342
+ -webkit-overflow-scrolling:touch;
2343
+ height:100%;
2344
+ overflow-y:auto;
2345
+ background-color:var(--v-sheet-background);
2346
+ }
2347
+
2348
+ .v-sheet-modal--has-active-child{
2349
+ transform:translateX(calc(-100vw + var(--v-sheet-modal-width)));
2350
+ }
2351
+
2352
+ .v-sheet-modal-enter-active,.v-sheet-modal-leave-active{
2353
+ transition:transform var(--v-stack-transition-slowly);
2354
+ }
2355
+
2356
+ .v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
2357
+ transform:translateX(var(--v-sheet-modal-width));
2358
+ }.v-menu{
2359
+ box-shadow:var(--menu-shadow);
2360
+ }.v-dialog,.v-menu{
2361
+ border-radius:2px;
2362
+ }.v-dialog{
2363
+ position:relative;
2364
+ display:inline-block;
2365
+ min-width:280px;
2366
+ margin:24px;
2367
+ text-align:left;
2368
+ pointer-events:auto;
2369
+ outline:0;
2370
+ box-shadow:var(--dialog-shadow);
2371
+ }
2372
+
2373
+ .v-dialog__header{
2374
+ font-size:24px;
2375
+ line-height:1.4;
2376
+ }
2377
+
2378
+ .v-dialog__body,.v-dialog__header{
2379
+ box-sizing:border-box;
2380
+ padding:16px;
2381
+ }
2382
+
2383
+ .v-dialog__body{
2384
+ font-size:16px;
2385
+ line-height:1.5;
2386
+ }
2387
+
2388
+ .v-dialog--dense .v-dialog__body{
2389
+ padding-bottom:0;
2390
+ }
2391
+
2392
+ .v-dialog__actions{
2393
+ box-sizing:border-box;
2394
+ display:flex;
2395
+ align-items:center;
2396
+ justify-content:flex-end;
2397
+ padding:8px;
2398
+ }
2399
+
2400
+ .v-dialog--dense .v-dialog__actions{
2401
+ padding-top:0;
2402
+ }
2403
+ @keyframes v-skelton-loader-bone-loading{
2404
+ to{
2405
+ transform:translateX(100%);
2406
+ }
2407
+ }.v-snackbar{
2408
+ font-size:14px;
2409
+ box-shadow:var(--snackbar-shadow);
2410
+ }
2411
+
2412
+ .v-snackbar__inner{
2413
+ display:flex;
2414
+ align-items:center;
2415
+ justify-content:space-between;
2416
+ width:auto;
2417
+ min-width:288px;
2418
+ max-width:calc(100vw - 96px);
2419
+ padding:8px 4px 8px 16px;
2420
+ color:var(--text-color);
2421
+ background-color:var(--main-color);
2422
+ border-color:var(--border-color);
2423
+ border-radius:inherit;
2424
+ }
2425
+
2426
+ .v-snackbar__body{
2427
+ flex:1 1 100%;
2428
+ word-break:break-all;
2429
+ }
2430
+
2431
+ .v-snackbar__actions{
2432
+ flex:0 0 auto;
2433
+ padding-left:20px;
2434
+ white-space:nowrap;
2435
+ }
2436
+
2437
+ .v-snackbar__close{
2438
+ margin:0;
2439
2439
  }