@fastkit/vui 1.4.0 → 1.4.2

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