@omnia/runtime 8.0.309-dev → 8.0.311-dev

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 (18) hide show
  1. package/dist/bundles/omnia.fx.ux.vuetify.avatar_5b901a77-3b57-4356-ba7c-c04685a8bca3.css +108 -0
  2. package/dist/bundles/omnia.fx.ux.vuetify.badge_7aeb90ec-7425-4208-8322-b74fa5a89a56.css +75 -0
  3. package/dist/bundles/omnia.fx.ux.vuetify.card_8a1e819f-6ac7-440b-8643-9ec87ec89c1f.css +308 -0
  4. package/dist/bundles/omnia.fx.ux.vuetify.carousel_2b3ac228-7b0c-4449-b8b6-bf52f7ffadb4.css +67 -0
  5. package/dist/bundles/omnia.fx.ux.vuetify.expansionpanels_57a42e38-a699-4a08-8f8b-6893f16cede3.css +217 -0
  6. package/dist/bundles/omnia.fx.ux.vuetify.list_2c3c6fe0-5e52-4377-9cff-f24cdebdc7b2.css +575 -0
  7. package/dist/bundles/omnia.fx.ux.vuetify.navigation_160ad01f-3967-488c-bcff-9919c9f15c5b.css +110 -0
  8. package/dist/bundles/omnia.fx.ux.vuetify.tabs_d4cde46a-4e16-428c-9490-c9208532912e.css +98 -0
  9. package/dist/bundles/omnia.fx.ux.vuetify.toolbar_1189480d-bb23-4f42-953f-5d2bb81ea050.css +202 -0
  10. package/dist/bundles/omnia.fx.ux.vuetify.virtualscroll_660ae133-398f-43e7-a1c7-d967406abed2.css +11 -0
  11. package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css +26 -0
  12. package/dist/localizations/bb000000-0000-bbbb-0000-0000000000bb_localized.loc.public.en-us.json +1 -1
  13. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_admin_manifests.json +1 -1
  14. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_docs_manifests.json +1 -1
  15. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_editor_manifests.json +1 -1
  16. package/dist/manifests/bb000000-0000-bbbb-0000-0000000000bb_public_manifests.json +1 -1
  17. package/package.json +5 -5
  18. package/dist/bundles/omnia.fx.ux.vuetify.common_798d6494-70cc-47eb-9054-30b047beab19.css +0 -1771
@@ -1,1771 +0,0 @@
1
- .v-virtual-scroll {
2
- display: block;
3
- flex: 1 1 auto;
4
- max-width: 100%;
5
- overflow: auto;
6
- position: relative;
7
- }
8
- .v-virtual-scroll__container {
9
- display: block;
10
- }
11
-
12
- .v-avatar {
13
- flex: none;
14
- align-items: center;
15
- display: inline-flex;
16
- justify-content: center;
17
- line-height: normal;
18
- overflow: hidden;
19
- position: relative;
20
- text-align: center;
21
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22
- transition-property: width, height;
23
- vertical-align: middle;
24
- }
25
- .v-avatar.v-avatar--size-x-small {
26
- --v-avatar-height: 24px;
27
- }
28
- .v-avatar.v-avatar--size-small {
29
- --v-avatar-height: 32px;
30
- }
31
- .v-avatar.v-avatar--size-default {
32
- --v-avatar-height: 40px;
33
- }
34
- .v-avatar.v-avatar--size-large {
35
- --v-avatar-height: 48px;
36
- }
37
- .v-avatar.v-avatar--size-x-large {
38
- --v-avatar-height: 56px;
39
- }
40
- .v-avatar.v-avatar--density-default {
41
- height: calc(var(--v-avatar-height) + 0px);
42
- width: calc(var(--v-avatar-height) + 0px);
43
- }
44
- .v-avatar.v-avatar--density-comfortable {
45
- height: calc(var(--v-avatar-height) + -4px);
46
- width: calc(var(--v-avatar-height) + -4px);
47
- }
48
- .v-avatar.v-avatar--density-compact {
49
- height: calc(var(--v-avatar-height) + -8px);
50
- width: calc(var(--v-avatar-height) + -8px);
51
- }
52
- .v-avatar {
53
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
54
- border-style: solid;
55
- border-width: 0;
56
- }
57
- .v-avatar--border {
58
- border-width: thin;
59
- box-shadow: none;
60
- }
61
- .v-avatar {
62
- border-radius: 50%;
63
- }
64
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
65
- background: transparent;
66
- color: inherit;
67
- }
68
- .v-avatar--variant-plain {
69
- opacity: 0.62;
70
- }
71
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
72
- opacity: 1;
73
- }
74
- .v-avatar--variant-plain .v-avatar__overlay {
75
- display: none;
76
- }
77
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
78
- background: var(--v-theme-surface);
79
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
80
- }
81
- .v-avatar--variant-elevated {
82
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
83
- }
84
- .v-avatar--variant-flat {
85
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
86
- }
87
- .v-avatar--variant-outlined {
88
- border: thin solid currentColor;
89
- }
90
- .v-avatar--variant-text .v-avatar__overlay {
91
- background: currentColor;
92
- }
93
- .v-avatar--variant-tonal .v-avatar__underlay {
94
- background: currentColor;
95
- opacity: var(--v-activated-opacity);
96
- border-radius: inherit;
97
- top: 0;
98
- right: 0;
99
- bottom: 0;
100
- left: 0;
101
- pointer-events: none;
102
- }
103
- .v-avatar .v-avatar__underlay {
104
- position: absolute;
105
- }
106
- .v-avatar--rounded {
107
- border-radius: 4px;
108
- }
109
- .v-avatar--start {
110
- margin-inline-end: 8px;
111
- }
112
- .v-avatar--end {
113
- margin-inline-start: 8px;
114
- }
115
- .v-avatar .v-img {
116
- height: 100%;
117
- width: 100%;
118
- }
119
-
120
- .v-list {
121
- overflow: auto;
122
- padding: 8px 0;
123
- position: relative;
124
- outline: none;
125
- }
126
- .v-list {
127
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
128
- border-style: solid;
129
- border-width: 0;
130
- }
131
- .v-list--border {
132
- border-width: thin;
133
- box-shadow: none;
134
- }
135
- .v-list {
136
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
137
- }
138
- .v-list {
139
- border-radius: 0;
140
- }
141
- .v-list {
142
- background: rgba(var(--v-theme-surface));
143
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
144
- }
145
- .v-list--disabled {
146
- pointer-events: none;
147
- user-select: none;
148
- }
149
- .v-list--nav {
150
- padding-inline: 8px;
151
- }
152
- .v-list--rounded {
153
- border-radius: 4px;
154
- }
155
- .v-list--subheader {
156
- padding-top: 0;
157
- }
158
-
159
- .v-list-img {
160
- border-radius: inherit;
161
- display: flex;
162
- height: 100%;
163
- left: 0;
164
- overflow: hidden;
165
- position: absolute;
166
- top: 0;
167
- width: 100%;
168
- z-index: -1;
169
- }
170
-
171
- .v-list-subheader {
172
- align-items: center;
173
- background: inherit;
174
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
175
- display: flex;
176
- font-size: 0.875rem;
177
- font-weight: 400;
178
- line-height: 1.375rem;
179
- padding-inline-end: 16px;
180
- min-height: 40px;
181
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
182
- }
183
- .v-list-subheader__text {
184
- overflow: hidden;
185
- text-overflow: ellipsis;
186
- white-space: nowrap;
187
- }
188
- .v-list--density-default .v-list-subheader {
189
- min-height: 40px;
190
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
191
- }
192
-
193
- .v-list--density-comfortable .v-list-subheader {
194
- min-height: 36px;
195
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
196
- }
197
-
198
- .v-list--density-compact .v-list-subheader {
199
- min-height: 32px;
200
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
201
- }
202
-
203
- .v-list-subheader--inset {
204
- --indent-padding: 56px;
205
- }
206
- .v-list--nav .v-list-subheader {
207
- font-size: 0.75rem;
208
- }
209
- .v-list-subheader--sticky {
210
- background: inherit;
211
- left: 0;
212
- position: sticky;
213
- top: 0;
214
- z-index: 1;
215
- }
216
-
217
- .v-list__overlay {
218
- background-color: currentColor;
219
- border-radius: inherit;
220
- bottom: 0;
221
- left: 0;
222
- opacity: 0;
223
- pointer-events: none;
224
- position: absolute;
225
- right: 0;
226
- top: 0;
227
- transition: opacity 0.2s ease-in-out;
228
- }
229
- .v-list-item {
230
- align-items: center;
231
- display: grid;
232
- flex: none;
233
- grid-template-areas: "prepend content append";
234
- grid-template-columns: max-content 1fr auto;
235
- outline: none;
236
- max-width: 100%;
237
- padding: 4px 16px;
238
- position: relative;
239
- text-decoration: none;
240
- }
241
- .v-list-item {
242
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
243
- border-style: solid;
244
- border-width: 0;
245
- }
246
- .v-list-item--border {
247
- border-width: thin;
248
- box-shadow: none;
249
- }
250
- .v-list-item:hover > .v-list-item__overlay {
251
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
252
- }
253
- .v-list-item:focus-visible > .v-list-item__overlay {
254
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
255
- }
256
- @supports not selector(:focus-visible) {
257
- .v-list-item:focus > .v-list-item__overlay {
258
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
259
- }
260
- }
261
- .v-list-item--active > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true] > .v-list-item__overlay {
262
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
263
- }
264
- .v-list-item--active:hover > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-list-item__overlay {
265
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
266
- }
267
- .v-list-item--active:focus-visible > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-list-item__overlay {
268
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
269
- }
270
- @supports not selector(:focus-visible) {
271
- .v-list-item--active:focus > .v-list-item__overlay, .v-list-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-list-item__overlay {
272
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
273
- }
274
- }
275
- .v-list-item {
276
- border-radius: 0;
277
- }
278
- .v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
279
- background: transparent;
280
- color: inherit;
281
- }
282
- .v-list-item--variant-plain {
283
- opacity: 0.62;
284
- }
285
- .v-list-item--variant-plain:focus, .v-list-item--variant-plain:hover {
286
- opacity: 1;
287
- }
288
- .v-list-item--variant-plain .v-list-item__overlay {
289
- display: none;
290
- }
291
- .v-list-item--variant-elevated, .v-list-item--variant-flat {
292
- background: rgba(var(--v-theme-surface));
293
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
294
- }
295
- .v-list-item--variant-elevated {
296
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
297
- }
298
- .v-list-item--variant-flat {
299
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
300
- }
301
- .v-list-item--variant-outlined {
302
- border: thin solid currentColor;
303
- }
304
- .v-list-item--variant-text .v-list-item__overlay {
305
- background: currentColor;
306
- }
307
- .v-list-item--variant-tonal .v-list-item__underlay {
308
- background: currentColor;
309
- opacity: var(--v-activated-opacity);
310
- border-radius: inherit;
311
- top: 0;
312
- right: 0;
313
- bottom: 0;
314
- left: 0;
315
- pointer-events: none;
316
- }
317
- .v-list-item .v-list-item__underlay {
318
- position: absolute;
319
- }
320
- @supports selector(:focus-visible) {
321
- .v-list-item::after {
322
- pointer-events: none;
323
- border: 2px solid currentColor;
324
- border-radius: 4px;
325
- opacity: 0;
326
- transition: opacity 0.2s ease-in-out;
327
- }
328
- .v-list-item::after {
329
- content: "";
330
- position: absolute;
331
- top: 0;
332
- left: 0;
333
- width: 100%;
334
- height: 100%;
335
- }
336
- .v-list-item:focus-visible::after {
337
- opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
338
- }
339
- }
340
- .v-list-item__prepend > .v-badge .v-icon,
341
- .v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
342
- .v-list-item__append > .v-icon {
343
- opacity: var(--v-medium-emphasis-opacity);
344
- }
345
- .v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
346
- .v-list-item--active .v-list-item__prepend > .v-icon,
347
- .v-list-item--active .v-list-item__append > .v-badge .v-icon,
348
- .v-list-item--active .v-list-item__append > .v-icon {
349
- opacity: 1;
350
- }
351
- .v-list-item--active:not(.v-list-item--link) .v-list-item__overlay {
352
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
353
- }
354
- .v-list-item--rounded {
355
- border-radius: 4px;
356
- }
357
- .v-list-item--disabled {
358
- pointer-events: none;
359
- user-select: none;
360
- opacity: 0.6;
361
- }
362
- .v-list-item--link {
363
- cursor: pointer;
364
- }
365
- .v-navigation-drawer--rail:not(.v-navigation-drawer--expand-on-hover) .v-list-item .v-avatar, .v-navigation-drawer--rail.v-navigation-drawer--expand-on-hover:not(.v-navigation-drawer--is-hovering) .v-list-item .v-avatar {
366
- --v-avatar-height: 24px;
367
- }
368
-
369
- .v-list-item__prepend {
370
- align-items: center;
371
- align-self: center;
372
- display: flex;
373
- grid-area: prepend;
374
- }
375
- .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
376
- .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
377
- .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
378
- width: 32px;
379
- }
380
- .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
381
- width: 16px;
382
- }
383
- .v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
384
- width: 16px;
385
- }
386
- .v-list-item--slim .v-list-item__prepend > .v-badge ~ .v-list-item__spacer,
387
- .v-list-item--slim .v-list-item__prepend > .v-icon ~ .v-list-item__spacer,
388
- .v-list-item--slim .v-list-item__prepend > .v-tooltip ~ .v-list-item__spacer {
389
- width: 20px;
390
- }
391
- .v-list-item--slim .v-list-item__prepend > .v-avatar ~ .v-list-item__spacer {
392
- width: 4px;
393
- }
394
- .v-list-item--slim .v-list-item__prepend > .v-list-item-action ~ .v-list-item__spacer {
395
- width: 4px;
396
- }
397
- .v-list-item--three-line .v-list-item__prepend {
398
- align-self: start;
399
- }
400
-
401
- .v-list-item__append {
402
- align-self: center;
403
- display: flex;
404
- align-items: center;
405
- grid-area: append;
406
- }
407
- .v-list-item__append .v-list-item__spacer {
408
- order: -1;
409
- transition: 150ms width cubic-bezier(0.4, 0, 0.2, 1);
410
- }
411
- .v-list-item__append > .v-badge ~ .v-list-item__spacer,
412
- .v-list-item__append > .v-icon ~ .v-list-item__spacer,
413
- .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
414
- width: 32px;
415
- }
416
- .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
417
- width: 16px;
418
- }
419
- .v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
420
- width: 16px;
421
- }
422
- .v-list-item--slim .v-list-item__append > .v-badge ~ .v-list-item__spacer,
423
- .v-list-item--slim .v-list-item__append > .v-icon ~ .v-list-item__spacer,
424
- .v-list-item--slim .v-list-item__append > .v-tooltip ~ .v-list-item__spacer {
425
- width: 20px;
426
- }
427
- .v-list-item--slim .v-list-item__append > .v-avatar ~ .v-list-item__spacer {
428
- width: 4px;
429
- }
430
- .v-list-item--slim .v-list-item__append > .v-list-item-action ~ .v-list-item__spacer {
431
- width: 4px;
432
- }
433
- .v-list-item--three-line .v-list-item__append {
434
- align-self: start;
435
- }
436
-
437
- .v-list-item__content {
438
- align-self: center;
439
- grid-area: content;
440
- overflow: hidden;
441
- }
442
-
443
- .v-list-item-action {
444
- align-self: center;
445
- display: flex;
446
- align-items: center;
447
- flex: none;
448
- transition: inherit;
449
- transition-property: height, width;
450
- }
451
- .v-list-item-action--start {
452
- margin-inline-end: 8px;
453
- margin-inline-start: -8px;
454
- }
455
- .v-list-item-action--end {
456
- margin-inline-start: 8px;
457
- margin-inline-end: -8px;
458
- }
459
-
460
- .v-list-item-media {
461
- margin-top: 0;
462
- margin-bottom: 0;
463
- }
464
- .v-list-item-media--start {
465
- margin-inline-end: 16px;
466
- }
467
- .v-list-item-media--end {
468
- margin-inline-start: 16px;
469
- }
470
- .v-list-item--two-line .v-list-item-media {
471
- margin-top: -4px;
472
- margin-bottom: -4px;
473
- }
474
- .v-list-item--three-line .v-list-item-media {
475
- margin-top: 0;
476
- margin-bottom: 0;
477
- }
478
-
479
- .v-list-item-subtitle {
480
- -webkit-box-orient: vertical;
481
- display: -webkit-box;
482
- opacity: var(--v-list-item-subtitle-opacity, var(--v-medium-emphasis-opacity));
483
- overflow: hidden;
484
- padding: 0;
485
- text-overflow: ellipsis;
486
- overflow-wrap: break-word;
487
- word-break: initial;
488
- }
489
- .v-list-item--one-line .v-list-item-subtitle {
490
- -webkit-line-clamp: 1;
491
- }
492
- .v-list-item--two-line .v-list-item-subtitle {
493
- -webkit-line-clamp: 2;
494
- }
495
- .v-list-item--three-line .v-list-item-subtitle {
496
- -webkit-line-clamp: 3;
497
- }
498
- .v-list-item-subtitle {
499
- font-size: 0.875rem;
500
- font-weight: 400;
501
- letter-spacing: 0.0178571429em;
502
- line-height: 1rem;
503
- text-transform: none;
504
- }
505
- .v-list-item--nav .v-list-item-subtitle {
506
- font-size: 0.75rem;
507
- font-weight: 400;
508
- letter-spacing: 0.0178571429em;
509
- line-height: 1rem;
510
- }
511
-
512
- .v-list-item-title {
513
- hyphens: auto;
514
- overflow-wrap: normal;
515
- overflow: hidden;
516
- padding: 0;
517
- white-space: nowrap;
518
- text-overflow: ellipsis;
519
- word-break: normal;
520
- word-wrap: break-word;
521
- }
522
- .v-list-item-title {
523
- font-size: 1rem;
524
- font-weight: 400;
525
- letter-spacing: 0.009375em;
526
- line-height: 1.5;
527
- text-transform: none;
528
- }
529
- .v-list-item--nav .v-list-item-title {
530
- font-size: 0.8125rem;
531
- font-weight: 500;
532
- letter-spacing: normal;
533
- line-height: 1rem;
534
- }
535
-
536
- .v-list-item--density-default {
537
- min-height: 40px;
538
- }
539
- .v-list-item--density-default.v-list-item--one-line {
540
- min-height: 48px;
541
- padding-top: 4px;
542
- padding-bottom: 4px;
543
- }
544
- .v-list-item--density-default.v-list-item--two-line {
545
- min-height: 64px;
546
- padding-top: 12px;
547
- padding-bottom: 12px;
548
- }
549
- .v-list-item--density-default.v-list-item--three-line {
550
- min-height: 88px;
551
- padding-top: 16px;
552
- padding-bottom: 16px;
553
- }
554
- .v-list-item--density-default.v-list-item--three-line .v-list-item__prepend,
555
- .v-list-item--density-default.v-list-item--three-line .v-list-item__append {
556
- padding-top: 8px;
557
- }
558
- .v-list-item--density-default:not(.v-list-item--nav).v-list-item--one-line {
559
- padding-inline: 16px;
560
- }
561
- .v-list-item--density-default:not(.v-list-item--nav).v-list-item--two-line {
562
- padding-inline: 16px;
563
- }
564
- .v-list-item--density-default:not(.v-list-item--nav).v-list-item--three-line {
565
- padding-inline: 16px;
566
- }
567
-
568
- .v-list-item--density-comfortable {
569
- min-height: 36px;
570
- }
571
- .v-list-item--density-comfortable.v-list-item--one-line {
572
- min-height: 44px;
573
- }
574
- .v-list-item--density-comfortable.v-list-item--two-line {
575
- min-height: 60px;
576
- padding-top: 8px;
577
- padding-bottom: 8px;
578
- }
579
- .v-list-item--density-comfortable.v-list-item--three-line {
580
- min-height: 84px;
581
- padding-top: 12px;
582
- padding-bottom: 12px;
583
- }
584
- .v-list-item--density-comfortable.v-list-item--three-line .v-list-item__prepend,
585
- .v-list-item--density-comfortable.v-list-item--three-line .v-list-item__append {
586
- padding-top: 6px;
587
- }
588
- .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--one-line {
589
- padding-inline: 16px;
590
- }
591
- .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--two-line {
592
- padding-inline: 16px;
593
- }
594
- .v-list-item--density-comfortable:not(.v-list-item--nav).v-list-item--three-line {
595
- padding-inline: 16px;
596
- }
597
-
598
- .v-list-item--density-compact {
599
- min-height: 32px;
600
- }
601
- .v-list-item--density-compact.v-list-item--one-line {
602
- min-height: 40px;
603
- }
604
- .v-list-item--density-compact.v-list-item--two-line {
605
- min-height: 56px;
606
- padding-top: 4px;
607
- padding-bottom: 4px;
608
- }
609
- .v-list-item--density-compact.v-list-item--three-line {
610
- min-height: 80px;
611
- padding-top: 8px;
612
- padding-bottom: 8px;
613
- }
614
- .v-list-item--density-compact.v-list-item--three-line .v-list-item__prepend,
615
- .v-list-item--density-compact.v-list-item--three-line .v-list-item__append {
616
- padding-top: 4px;
617
- }
618
- .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--one-line {
619
- padding-inline: 16px;
620
- }
621
- .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--two-line {
622
- padding-inline: 16px;
623
- }
624
- .v-list-item--density-compact:not(.v-list-item--nav).v-list-item--three-line {
625
- padding-inline: 16px;
626
- }
627
-
628
- .v-list-item--nav {
629
- padding-inline: 8px;
630
- }
631
- .v-list .v-list-item--nav:not(:only-child) {
632
- margin-bottom: 4px;
633
- }
634
-
635
- .v-list-item__underlay {
636
- position: absolute;
637
- }
638
-
639
- .v-list-item__overlay {
640
- background-color: currentColor;
641
- border-radius: inherit;
642
- bottom: 0;
643
- left: 0;
644
- opacity: 0;
645
- pointer-events: none;
646
- position: absolute;
647
- right: 0;
648
- top: 0;
649
- transition: opacity 0.2s ease-in-out;
650
- }
651
- .v-list-item--active.v-list-item--variant-elevated .v-list-item__overlay {
652
- --v-theme-overlay-multiplier: 0;
653
- }
654
-
655
- .v-list {
656
- --indent-padding: 0px;
657
- }
658
- .v-list--nav {
659
- --indent-padding: -8px;
660
- }
661
-
662
- .v-list-group {
663
- --list-indent-size: 16px;
664
- --parent-padding: var(--indent-padding);
665
- --prepend-width: 40px;
666
- }
667
- .v-list--slim .v-list-group {
668
- --prepend-width: 28px;
669
- }
670
- .v-list-group--fluid {
671
- --list-indent-size: 0px;
672
- }
673
- .v-list-group--prepend {
674
- --parent-padding: calc(var(--indent-padding) + var(--prepend-width));
675
- }
676
- .v-list-group--fluid.v-list-group--prepend {
677
- --parent-padding: var(--indent-padding);
678
- }
679
-
680
- .v-list-group__items {
681
- --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
682
- }
683
-
684
- .v-list-group__items .v-list-item {
685
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
686
- }
687
-
688
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
689
- opacity: 0;
690
- }
691
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
692
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
693
- }
694
-
695
- .v-navigation-drawer {
696
- -webkit-overflow-scrolling: touch;
697
- background: rgb(var(--v-theme-surface));
698
- display: flex;
699
- flex-direction: column;
700
- height: 100%;
701
- max-width: 100%;
702
- pointer-events: auto;
703
- transition-duration: 0.2s;
704
- transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
705
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
706
- position: absolute;
707
- }
708
- .v-navigation-drawer {
709
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
710
- border-style: solid;
711
- border-width: 0;
712
- }
713
- .v-navigation-drawer--border {
714
- border-width: thin;
715
- box-shadow: none;
716
- }
717
- .v-navigation-drawer {
718
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
719
- }
720
- .v-navigation-drawer {
721
- background: rgb(var(--v-theme-surface));
722
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
723
- }
724
- .v-navigation-drawer--rounded {
725
- border-radius: 4px;
726
- }
727
- .v-navigation-drawer--top, .v-navigation-drawer--bottom {
728
- max-height: -webkit-fill-available;
729
- overflow-y: auto;
730
- }
731
- .v-navigation-drawer--top {
732
- top: 0;
733
- border-bottom-width: thin;
734
- }
735
- .v-navigation-drawer--bottom {
736
- left: 0;
737
- border-top-width: thin;
738
- }
739
- .v-navigation-drawer--left {
740
- top: 0;
741
- left: 0;
742
- right: auto;
743
- border-right-width: thin;
744
- }
745
- .v-navigation-drawer--right {
746
- top: 0;
747
- left: auto;
748
- right: 0;
749
- border-left-width: thin;
750
- }
751
- .v-navigation-drawer--floating {
752
- border: none;
753
- }
754
- .v-navigation-drawer--temporary.v-navigation-drawer--active {
755
- box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
756
- }
757
- .v-navigation-drawer--sticky {
758
- height: auto;
759
- transition: box-shadow, transform, visibility, width, height, left, right;
760
- }
761
- .v-navigation-drawer .v-list {
762
- overflow: hidden;
763
- }
764
-
765
- .v-navigation-drawer__content {
766
- flex: 0 1 auto;
767
- height: 100%;
768
- max-width: 100%;
769
- overflow-x: hidden;
770
- overflow-y: auto;
771
- }
772
-
773
- .v-navigation-drawer__img {
774
- height: 100%;
775
- left: 0;
776
- position: absolute;
777
- top: 0;
778
- width: 100%;
779
- z-index: -1;
780
- }
781
- .v-navigation-drawer__img img:not(.v-img__img) {
782
- height: inherit;
783
- object-fit: cover;
784
- width: inherit;
785
- }
786
-
787
- .v-navigation-drawer__scrim {
788
- position: absolute;
789
- top: 0;
790
- left: 0;
791
- width: 100%;
792
- height: 100%;
793
- background: black;
794
- opacity: 0.2;
795
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
796
- z-index: 1;
797
- }
798
-
799
- .v-navigation-drawer__prepend,
800
- .v-navigation-drawer__append {
801
- flex: none;
802
- overflow: hidden;
803
- }
804
-
805
- .v-app-bar {
806
- display: flex;
807
- }
808
- .v-app-bar.v-toolbar {
809
- background: rgb(var(--v-theme-surface));
810
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
811
- }
812
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
813
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
814
- }
815
- .v-app-bar:not(.v-toolbar--absolute) {
816
- padding-inline-end: var(--v-scrollbar-offset);
817
- }
818
- .v-toolbar {
819
- align-items: flex-start;
820
- display: flex;
821
- flex: none;
822
- flex-direction: column;
823
- justify-content: space-between;
824
- max-width: 100%;
825
- position: relative;
826
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
827
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
828
- width: 100%;
829
- }
830
- .v-toolbar {
831
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
832
- border-style: solid;
833
- border-width: 0;
834
- }
835
- .v-toolbar--border {
836
- border-width: thin;
837
- box-shadow: none;
838
- }
839
- .v-toolbar {
840
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
841
- }
842
- .v-toolbar {
843
- border-radius: 0;
844
- }
845
- .v-toolbar {
846
- background: rgb(var(--v-theme-surface-light));
847
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
848
- }
849
- .v-toolbar--absolute {
850
- position: absolute;
851
- }
852
- .v-toolbar--collapse {
853
- max-width: 112px;
854
- overflow: hidden;
855
- border-end-end-radius: 24px;
856
- }
857
- .v-toolbar--collapse .v-toolbar-title {
858
- display: none;
859
- }
860
- .v-toolbar--flat {
861
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
862
- }
863
- .v-toolbar--floating {
864
- display: inline-flex;
865
- }
866
- .v-toolbar--rounded {
867
- border-radius: 4px;
868
- }
869
-
870
- .v-toolbar__content,
871
- .v-toolbar__extension {
872
- align-items: center;
873
- display: flex;
874
- flex: 0 0 auto;
875
- position: relative;
876
- transition: inherit;
877
- width: 100%;
878
- }
879
-
880
- .v-toolbar__content {
881
- overflow: hidden;
882
- }
883
- .v-toolbar__content > .v-btn:first-child {
884
- margin-inline-start: 4px;
885
- }
886
- .v-toolbar__content > .v-btn:last-child {
887
- margin-inline-end: 4px;
888
- }
889
- .v-toolbar__content > .v-toolbar-title {
890
- margin-inline-start: 20px;
891
- }
892
- .v-toolbar--density-prominent .v-toolbar__content {
893
- align-items: flex-start;
894
- }
895
-
896
- .v-toolbar__image {
897
- display: flex;
898
- opacity: var(--v-toolbar-image-opacity, 1);
899
- transition-property: opacity;
900
- }
901
- .v-toolbar__image {
902
- position: absolute;
903
- top: 0;
904
- left: 0;
905
- width: 100%;
906
- height: 100%;
907
- }
908
-
909
- .v-toolbar__prepend,
910
- .v-toolbar__append {
911
- align-items: center;
912
- align-self: stretch;
913
- display: flex;
914
- }
915
-
916
- .v-toolbar__prepend {
917
- margin-inline: 4px auto;
918
- }
919
-
920
- .v-toolbar__append {
921
- margin-inline: auto 4px;
922
- }
923
-
924
- .v-toolbar-title {
925
- flex: 1 1;
926
- font-size: 1.25rem;
927
- min-width: 0;
928
- }
929
- .v-toolbar-title {
930
- font-size: 1.25rem;
931
- font-weight: 400;
932
- letter-spacing: 0;
933
- line-height: 1.75rem;
934
- text-transform: none;
935
- }
936
- .v-toolbar--density-prominent .v-toolbar-title {
937
- align-self: flex-end;
938
- padding-bottom: 6px;
939
- }
940
- .v-toolbar--density-prominent .v-toolbar-title {
941
- font-size: 1.5rem;
942
- font-weight: 400;
943
- letter-spacing: 0;
944
- line-height: 2.25rem;
945
- text-transform: none;
946
- }
947
-
948
- .v-toolbar-title__placeholder {
949
- overflow: hidden;
950
- text-overflow: ellipsis;
951
- white-space: nowrap;
952
- }
953
-
954
- .v-toolbar-items {
955
- display: flex;
956
- height: inherit;
957
- align-self: stretch;
958
- }
959
- .v-toolbar-items > .v-btn {
960
- border-radius: 0;
961
- }
962
- .v-system-bar {
963
- align-items: center;
964
- display: flex;
965
- flex: 1 1 auto;
966
- height: 24px;
967
- justify-content: flex-end;
968
- max-width: 100%;
969
- padding-inline: 8px;
970
- position: relative;
971
- text-align: end;
972
- width: 100%;
973
- }
974
- .v-system-bar .v-icon {
975
- opacity: var(--v-medium-emphasis-opacity);
976
- }
977
- .v-system-bar {
978
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
979
- }
980
- .v-system-bar--absolute {
981
- position: absolute;
982
- }
983
- .v-system-bar--fixed {
984
- position: fixed;
985
- }
986
- .v-system-bar {
987
- background: rgba(var(--v-theme-surface-light));
988
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
989
- }
990
- .v-system-bar {
991
- font-size: 0.75rem;
992
- font-weight: 400;
993
- letter-spacing: 0.0333333333em;
994
- line-height: 1.667;
995
- text-transform: none;
996
- }
997
- .v-system-bar--rounded {
998
- border-radius: 0;
999
- }
1000
- .v-system-bar--window {
1001
- height: 32px;
1002
- }
1003
- .v-system-bar:not(.v-system-bar--absolute) {
1004
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
1005
- }
1006
-
1007
- .v-card {
1008
- display: block;
1009
- overflow: hidden;
1010
- overflow-wrap: break-word;
1011
- position: relative;
1012
- padding: 0;
1013
- text-decoration: none;
1014
- transition-duration: 0.28s;
1015
- transition-property: box-shadow, opacity, background;
1016
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1017
- z-index: 0;
1018
- }
1019
- .v-card {
1020
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1021
- border-style: solid;
1022
- border-width: 0;
1023
- }
1024
- .v-card--border {
1025
- border-width: thin;
1026
- box-shadow: none;
1027
- }
1028
- .v-card--absolute {
1029
- position: absolute;
1030
- }
1031
- .v-card--fixed {
1032
- position: fixed;
1033
- }
1034
- .v-card {
1035
- border-radius: 4px;
1036
- }
1037
- .v-card:hover > .v-card__overlay {
1038
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
1039
- }
1040
- .v-card:focus-visible > .v-card__overlay {
1041
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1042
- }
1043
- @supports not selector(:focus-visible) {
1044
- .v-card:focus > .v-card__overlay {
1045
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1046
- }
1047
- }
1048
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
1049
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
1050
- }
1051
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
1052
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
1053
- }
1054
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
1055
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1056
- }
1057
- @supports not selector(:focus-visible) {
1058
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
1059
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1060
- }
1061
- }
1062
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
1063
- background: transparent;
1064
- color: inherit;
1065
- }
1066
- .v-card--variant-plain {
1067
- opacity: 0.62;
1068
- }
1069
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
1070
- opacity: 1;
1071
- }
1072
- .v-card--variant-plain .v-card__overlay {
1073
- display: none;
1074
- }
1075
- .v-card--variant-elevated, .v-card--variant-flat {
1076
- background: rgb(var(--v-theme-surface));
1077
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1078
- }
1079
- .v-card--variant-elevated {
1080
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1081
- }
1082
- .v-card--variant-flat {
1083
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1084
- }
1085
- .v-card--variant-outlined {
1086
- border: thin solid currentColor;
1087
- }
1088
- .v-card--variant-text .v-card__overlay {
1089
- background: currentColor;
1090
- }
1091
- .v-card--variant-tonal .v-card__underlay {
1092
- background: currentColor;
1093
- opacity: var(--v-activated-opacity);
1094
- border-radius: inherit;
1095
- top: 0;
1096
- right: 0;
1097
- bottom: 0;
1098
- left: 0;
1099
- pointer-events: none;
1100
- }
1101
- .v-card .v-card__underlay {
1102
- position: absolute;
1103
- }
1104
- .v-card--disabled {
1105
- pointer-events: none;
1106
- user-select: none;
1107
- }
1108
- .v-card--disabled > :not(.v-card__loader) {
1109
- opacity: 0.6;
1110
- }
1111
- .v-card--flat {
1112
- box-shadow: none;
1113
- }
1114
- .v-card--hover {
1115
- cursor: pointer;
1116
- }
1117
- .v-card--hover::before, .v-card--hover::after {
1118
- border-radius: inherit;
1119
- bottom: 0;
1120
- content: "";
1121
- display: block;
1122
- left: 0;
1123
- pointer-events: none;
1124
- position: absolute;
1125
- right: 0;
1126
- top: 0;
1127
- transition: inherit;
1128
- }
1129
- .v-card--hover::before {
1130
- opacity: 1;
1131
- z-index: -1;
1132
- }
1133
- .v-card--hover::before {
1134
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1135
- }
1136
- .v-card--hover::after {
1137
- z-index: 1;
1138
- opacity: 0;
1139
- }
1140
- .v-card--hover::after {
1141
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1142
- }
1143
- .v-card--hover:hover::after {
1144
- opacity: 1;
1145
- }
1146
- .v-card--hover:hover::before {
1147
- opacity: 0;
1148
- }
1149
- .v-card--hover:hover {
1150
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1151
- }
1152
- .v-card--link {
1153
- cursor: pointer;
1154
- }
1155
-
1156
- .v-card-actions {
1157
- align-items: center;
1158
- display: flex;
1159
- flex: none;
1160
- min-height: 52px;
1161
- padding: 0.5rem;
1162
- gap: 0.5rem;
1163
- }
1164
-
1165
- .v-card-item {
1166
- align-items: center;
1167
- display: grid;
1168
- flex: none;
1169
- grid-template-areas: "prepend content append";
1170
- grid-template-columns: max-content auto max-content;
1171
- padding: 0.625rem 1rem;
1172
- }
1173
- .v-card-item + .v-card-text {
1174
- padding-top: 0;
1175
- }
1176
- .v-card-item__prepend, .v-card-item__append {
1177
- align-items: center;
1178
- display: flex;
1179
- }
1180
- .v-card-item__prepend {
1181
- grid-area: prepend;
1182
- padding-inline-end: 0.5rem;
1183
- }
1184
- .v-card-item__append {
1185
- grid-area: append;
1186
- padding-inline-start: 0.5rem;
1187
- }
1188
-
1189
- .v-card-item__content {
1190
- align-self: center;
1191
- grid-area: content;
1192
- overflow: hidden;
1193
- }
1194
-
1195
- .v-card-title {
1196
- display: block;
1197
- flex: none;
1198
- font-size: 1.25rem;
1199
- font-weight: 500;
1200
- hyphens: auto;
1201
- letter-spacing: 0.0125em;
1202
- min-width: 0;
1203
- overflow-wrap: normal;
1204
- overflow: hidden;
1205
- padding: 0.5rem 1rem;
1206
- text-overflow: ellipsis;
1207
- text-transform: none;
1208
- white-space: nowrap;
1209
- word-break: normal;
1210
- word-wrap: break-word;
1211
- }
1212
- .v-card .v-card-title {
1213
- line-height: 1.6;
1214
- }
1215
- .v-card--density-comfortable .v-card-title {
1216
- line-height: 1.75rem;
1217
- }
1218
- .v-card--density-compact .v-card-title {
1219
- line-height: 1.55rem;
1220
- }
1221
- .v-card-item .v-card-title {
1222
- padding: 0;
1223
- }
1224
- .v-card-title + .v-card-text,
1225
- .v-card-title + .v-card-actions {
1226
- padding-top: 0;
1227
- }
1228
-
1229
- .v-card-subtitle {
1230
- display: block;
1231
- flex: none;
1232
- font-size: 0.875rem;
1233
- font-weight: 400;
1234
- letter-spacing: 0.0178571429em;
1235
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
1236
- overflow: hidden;
1237
- padding: 0 1rem;
1238
- text-overflow: ellipsis;
1239
- text-transform: none;
1240
- white-space: nowrap;
1241
- }
1242
- .v-card .v-card-subtitle {
1243
- line-height: 1.425;
1244
- }
1245
- .v-card--density-comfortable .v-card-subtitle {
1246
- line-height: 1.125rem;
1247
- }
1248
- .v-card--density-compact .v-card-subtitle {
1249
- line-height: 1rem;
1250
- }
1251
- .v-card-item .v-card-subtitle {
1252
- padding: 0 0 0.25rem;
1253
- }
1254
-
1255
- .v-card-text {
1256
- flex: 1 1 auto;
1257
- font-size: 0.875rem;
1258
- font-weight: 400;
1259
- letter-spacing: 0.0178571429em;
1260
- opacity: var(--v-card-text-opacity, 1);
1261
- padding: 1rem;
1262
- text-transform: none;
1263
- }
1264
- .v-card .v-card-text {
1265
- line-height: 1.425;
1266
- }
1267
- .v-card--density-comfortable .v-card-text {
1268
- line-height: 1.2rem;
1269
- }
1270
- .v-card--density-compact .v-card-text {
1271
- line-height: 1.15rem;
1272
- }
1273
-
1274
- .v-card__image {
1275
- display: flex;
1276
- height: 100%;
1277
- flex: 1 1 auto;
1278
- left: 0;
1279
- overflow: hidden;
1280
- position: absolute;
1281
- top: 0;
1282
- width: 100%;
1283
- z-index: -1;
1284
- }
1285
-
1286
- .v-card__content {
1287
- border-radius: inherit;
1288
- overflow: hidden;
1289
- position: relative;
1290
- }
1291
-
1292
- .v-card__loader {
1293
- bottom: auto;
1294
- top: 0;
1295
- left: 0;
1296
- position: absolute;
1297
- right: 0;
1298
- width: 100%;
1299
- z-index: 1;
1300
- }
1301
-
1302
- .v-card__overlay {
1303
- background-color: currentColor;
1304
- border-radius: inherit;
1305
- position: absolute;
1306
- top: 0;
1307
- right: 0;
1308
- bottom: 0;
1309
- left: 0;
1310
- pointer-events: none;
1311
- opacity: 0;
1312
- transition: opacity 0.2s ease-in-out;
1313
- }
1314
-
1315
- .v-tabs {
1316
- display: flex;
1317
- height: var(--v-tabs-height);
1318
- }
1319
- .v-tabs--density-default {
1320
- --v-tabs-height: 48px;
1321
- }
1322
- .v-tabs--density-default.v-tabs--stacked {
1323
- --v-tabs-height: 72px;
1324
- }
1325
-
1326
- .v-tabs--density-comfortable {
1327
- --v-tabs-height: 44px;
1328
- }
1329
- .v-tabs--density-comfortable.v-tabs--stacked {
1330
- --v-tabs-height: 68px;
1331
- }
1332
-
1333
- .v-tabs--density-compact {
1334
- --v-tabs-height: 36px;
1335
- }
1336
- .v-tabs--density-compact.v-tabs--stacked {
1337
- --v-tabs-height: 60px;
1338
- }
1339
-
1340
- .v-tabs.v-slide-group--vertical {
1341
- height: auto;
1342
- flex: none;
1343
- --v-tabs-height: 48px;
1344
- }
1345
-
1346
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
1347
- margin-inline-start: 42px;
1348
- }
1349
-
1350
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
1351
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
1352
- margin-inline-end: auto;
1353
- }
1354
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
1355
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
1356
- margin-inline-start: auto;
1357
- }
1358
-
1359
- .v-tabs--grow {
1360
- flex-grow: 1;
1361
- }
1362
- .v-tabs--grow .v-tab {
1363
- flex: 1 0 auto;
1364
- max-width: none;
1365
- }
1366
-
1367
- .v-tabs--align-tabs-end .v-tab:first-child {
1368
- margin-inline-start: auto;
1369
- }
1370
- .v-tabs--align-tabs-end .v-tab:last-child {
1371
- margin-inline-end: 0;
1372
- }
1373
-
1374
- @media (max-width: 1279.98px) {
1375
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
1376
- margin-inline-start: 52px;
1377
- }
1378
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
1379
- margin-inline-end: 52px;
1380
- }
1381
- }
1382
- .v-tab.v-tab.v-btn {
1383
- height: var(--v-tabs-height);
1384
- border-radius: 0;
1385
- min-width: 90px;
1386
- }
1387
- .v-slide-group--horizontal .v-tab {
1388
- max-width: 360px;
1389
- }
1390
- .v-slide-group--vertical .v-tab {
1391
- justify-content: start;
1392
- }
1393
-
1394
- .v-tab__slider {
1395
- position: absolute;
1396
- bottom: 0;
1397
- left: 0;
1398
- height: 2px;
1399
- width: 100%;
1400
- background: currentColor;
1401
- pointer-events: none;
1402
- opacity: 0;
1403
- }
1404
- .v-tab--selected .v-tab__slider {
1405
- opacity: 1;
1406
- }
1407
- .v-slide-group--vertical .v-tab__slider {
1408
- top: 0;
1409
- height: 100%;
1410
- width: 2px;
1411
- }
1412
-
1413
- .v-expansion-panel {
1414
- background-color: rgb(var(--v-theme-surface));
1415
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
1416
- }
1417
- .v-expansion-panel:not(:first-child)::after {
1418
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
1419
- }
1420
- .v-expansion-panel--disabled .v-expansion-panel-title {
1421
- color: rgba(var(--v-theme-on-surface), 0.26);
1422
- }
1423
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
1424
- opacity: 0.4615384615;
1425
- }
1426
-
1427
- .v-expansion-panels {
1428
- display: flex;
1429
- flex-wrap: wrap;
1430
- justify-content: center;
1431
- list-style-type: none;
1432
- padding: 0;
1433
- width: 100%;
1434
- position: relative;
1435
- z-index: 1;
1436
- }
1437
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
1438
- border-bottom-left-radius: 0 !important;
1439
- border-bottom-right-radius: 0 !important;
1440
- }
1441
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
1442
- border-top-left-radius: 0 !important;
1443
- border-top-right-radius: 0 !important;
1444
- }
1445
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
1446
- border-bottom-left-radius: 0 !important;
1447
- border-bottom-right-radius: 0 !important;
1448
- }
1449
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
1450
- border-top-left-radius: 0 !important;
1451
- border-top-right-radius: 0 !important;
1452
- }
1453
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
1454
- border-bottom-left-radius: 0 !important;
1455
- border-bottom-right-radius: 0 !important;
1456
- }
1457
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
1458
- border-top-left-radius: 0 !important;
1459
- border-top-right-radius: 0 !important;
1460
- }
1461
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
1462
- border-bottom-left-radius: initial;
1463
- border-bottom-right-radius: initial;
1464
- }
1465
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
1466
- border-radius: 0 !important;
1467
- }
1468
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
1469
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
1470
- }
1471
-
1472
- .v-expansion-panel {
1473
- flex: 1 0 100%;
1474
- max-width: 100%;
1475
- position: relative;
1476
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
1477
- transition-property: margin-top, border-radius, border, max-width;
1478
- border-radius: 4px;
1479
- }
1480
- .v-expansion-panel:not(:first-child)::after {
1481
- border-top-style: solid;
1482
- border-top-width: thin;
1483
- content: "";
1484
- left: 0;
1485
- position: absolute;
1486
- right: 0;
1487
- top: 0;
1488
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
1489
- }
1490
- .v-expansion-panel--disabled .v-expansion-panel-title {
1491
- pointer-events: none;
1492
- }
1493
- .v-expansion-panel--active:not(:first-child),
1494
- .v-expansion-panel--active + .v-expansion-panel {
1495
- margin-top: 16px;
1496
- }
1497
- .v-expansion-panel--active:not(:first-child)::after,
1498
- .v-expansion-panel--active + .v-expansion-panel::after {
1499
- opacity: 0;
1500
- }
1501
- .v-expansion-panel--active > .v-expansion-panel-title {
1502
- border-bottom-left-radius: 0;
1503
- border-bottom-right-radius: 0;
1504
- }
1505
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
1506
- min-height: 64px;
1507
- }
1508
-
1509
- .v-expansion-panel__shadow {
1510
- border-radius: inherit;
1511
- z-index: -1;
1512
- }
1513
- .v-expansion-panel__shadow {
1514
- position: absolute;
1515
- top: 0;
1516
- left: 0;
1517
- width: 100%;
1518
- height: 100%;
1519
- }
1520
- .v-expansion-panel__shadow {
1521
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
1522
- }
1523
-
1524
- .v-expansion-panel-title {
1525
- align-items: center;
1526
- text-align: start;
1527
- border-radius: inherit;
1528
- display: flex;
1529
- font-size: 0.9375rem;
1530
- line-height: 1;
1531
- min-height: 48px;
1532
- outline: none;
1533
- padding: 16px 24px;
1534
- position: relative;
1535
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
1536
- width: 100%;
1537
- justify-content: space-between;
1538
- }
1539
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
1540
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
1541
- }
1542
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
1543
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1544
- }
1545
- @supports not selector(:focus-visible) {
1546
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
1547
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
1548
- }
1549
- }
1550
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
1551
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
1552
- }
1553
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
1554
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
1555
- }
1556
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
1557
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1558
- }
1559
- @supports not selector(:focus-visible) {
1560
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
1561
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
1562
- }
1563
- }
1564
-
1565
- .v-expansion-panel-title__overlay {
1566
- background-color: currentColor;
1567
- border-radius: inherit;
1568
- opacity: 0;
1569
- }
1570
- .v-expansion-panel-title__overlay {
1571
- position: absolute;
1572
- top: 0;
1573
- left: 0;
1574
- width: 100%;
1575
- height: 100%;
1576
- }
1577
-
1578
- .v-expansion-panel-title__icon {
1579
- display: inline-flex;
1580
- margin-bottom: -4px;
1581
- margin-top: -4px;
1582
- user-select: none;
1583
- margin-inline-start: auto;
1584
- }
1585
-
1586
- .v-expansion-panel-text {
1587
- display: flex;
1588
- }
1589
- .v-expansion-panel-text__wrapper {
1590
- padding: 8px 24px 16px;
1591
- flex: 1 1 auto;
1592
- max-width: 100%;
1593
- }
1594
-
1595
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
1596
- margin-top: 0;
1597
- }
1598
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
1599
- opacity: 1;
1600
- }
1601
-
1602
- .v-expansion-panels--variant-popout > .v-expansion-panel {
1603
- max-width: calc(100% - 32px);
1604
- }
1605
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
1606
- max-width: calc(100% + 16px);
1607
- }
1608
-
1609
- .v-expansion-panels--variant-inset > .v-expansion-panel {
1610
- max-width: 100%;
1611
- }
1612
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
1613
- max-width: calc(100% - 32px);
1614
- }
1615
-
1616
- .v-expansion-panels--flat > .v-expansion-panel::after {
1617
- border-top: none;
1618
- }
1619
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
1620
- display: none;
1621
- }
1622
-
1623
- .v-expansion-panels--tile {
1624
- border-radius: 0;
1625
- }
1626
- .v-expansion-panels--tile > .v-expansion-panel {
1627
- border-radius: 0;
1628
- }
1629
-
1630
- .v-carousel {
1631
- overflow: hidden;
1632
- position: relative;
1633
- width: 100%;
1634
- }
1635
- .v-carousel__controls {
1636
- align-items: center;
1637
- bottom: 0;
1638
- display: flex;
1639
- height: 50px;
1640
- justify-content: center;
1641
- list-style-type: none;
1642
- position: absolute;
1643
- width: 100%;
1644
- z-index: 1;
1645
- }
1646
- .v-carousel__controls {
1647
- background: rgba(var(--v-theme-surface-variant), 0.3);
1648
- color: rgb(var(--v-theme-on-surface-variant));
1649
- }
1650
- .v-carousel__controls > .v-item-group {
1651
- flex: 0 1 auto;
1652
- }
1653
- .v-carousel__controls__item {
1654
- margin: 0 8px;
1655
- }
1656
- .v-carousel__controls__item .v-icon {
1657
- opacity: 0.5;
1658
- }
1659
- .v-carousel__controls__item--active .v-icon {
1660
- opacity: 1;
1661
- vertical-align: middle;
1662
- }
1663
- .v-carousel__controls__item:hover {
1664
- background: none;
1665
- }
1666
- .v-carousel__controls__item:hover .v-icon {
1667
- opacity: 0.8;
1668
- }
1669
-
1670
- .v-carousel__progress {
1671
- margin: 0;
1672
- position: absolute;
1673
- bottom: 0;
1674
- left: 0;
1675
- right: 0;
1676
- }
1677
-
1678
- .v-carousel-item {
1679
- display: block;
1680
- height: inherit;
1681
- text-decoration: none;
1682
- }
1683
- .v-carousel-item > .v-img {
1684
- height: inherit;
1685
- }
1686
-
1687
- .v-carousel--hide-delimiter-background .v-carousel__controls {
1688
- background: transparent;
1689
- }
1690
-
1691
- .v-carousel--vertical-delimiters .v-carousel__controls {
1692
- flex-direction: column;
1693
- height: 100% !important;
1694
- width: 50px;
1695
- }
1696
-
1697
- .v-badge {
1698
- display: inline-block;
1699
- line-height: 1;
1700
- }
1701
-
1702
- .v-badge__badge {
1703
- align-items: center;
1704
- display: inline-flex;
1705
- border-radius: 10px;
1706
- font-size: 0.75rem;
1707
- font-weight: 500;
1708
- height: 1.25rem;
1709
- justify-content: center;
1710
- min-width: 20px;
1711
- padding: 4px 6px;
1712
- pointer-events: auto;
1713
- position: absolute;
1714
- text-align: center;
1715
- text-indent: 0;
1716
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
1717
- white-space: nowrap;
1718
- }
1719
- .v-badge__badge {
1720
- background: rgb(var(--v-theme-surface-variant));
1721
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
1722
- }
1723
- .v-badge--bordered .v-badge__badge::after {
1724
- border-radius: inherit;
1725
- border-style: solid;
1726
- border-width: 2px;
1727
- bottom: 0;
1728
- color: rgb(var(--v-theme-background));
1729
- content: "";
1730
- left: 0;
1731
- position: absolute;
1732
- right: 0;
1733
- top: 0;
1734
- transform: scale(1.05);
1735
- }
1736
- .v-badge--dot .v-badge__badge {
1737
- border-radius: 4.5px;
1738
- height: 9px;
1739
- min-width: 0;
1740
- padding: 0;
1741
- width: 9px;
1742
- }
1743
- .v-badge--dot .v-badge__badge::after {
1744
- border-width: 1.5px;
1745
- }
1746
- .v-badge--inline .v-badge__badge {
1747
- position: relative;
1748
- vertical-align: middle;
1749
- }
1750
- .v-badge__badge .v-icon {
1751
- color: inherit;
1752
- font-size: 0.75rem;
1753
- margin: 0 -2px;
1754
- }
1755
- .v-badge__badge img,
1756
- .v-badge__badge .v-img {
1757
- height: 100%;
1758
- width: 100%;
1759
- }
1760
-
1761
- .v-badge__wrapper {
1762
- display: flex;
1763
- position: relative;
1764
- }
1765
- .v-badge--inline .v-badge__wrapper {
1766
- align-items: center;
1767
- display: inline-flex;
1768
- justify-content: center;
1769
- margin: 0 4px;
1770
- }
1771
-