vuetify 3.3.11 → 3.3.12

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 (61) hide show
  1. package/dist/json/attributes.json +4 -0
  2. package/dist/json/tags.json +1 -0
  3. package/dist/json/web-types.json +11 -1
  4. package/dist/vuetify-labs.css +642 -614
  5. package/dist/vuetify-labs.d.ts +64 -56
  6. package/dist/vuetify-labs.esm.js +96 -50
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +96 -50
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +140 -112
  11. package/dist/vuetify.esm.js +7 -5
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +7 -5
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +7 -7
  17. package/dist/vuetify.min.js.map +1 -1
  18. package/lib/blueprints/md3.mjs +2 -1
  19. package/lib/blueprints/md3.mjs.map +1 -1
  20. package/lib/components/VBanner/VBanner.css +2 -0
  21. package/lib/components/VBanner/VBanner.sass +2 -0
  22. package/lib/components/VBtn/VBtn.css +3 -0
  23. package/lib/components/VBtn/VBtn.sass +2 -0
  24. package/lib/components/VChip/VChip.mjs +1 -0
  25. package/lib/components/VChip/VChip.mjs.map +1 -1
  26. package/lib/components/VDialog/VDialog.css +15 -6
  27. package/lib/components/VDialog/VDialog.sass +41 -35
  28. package/lib/components/VField/VField.css +6 -2
  29. package/lib/components/VField/VField.sass +6 -2
  30. package/lib/components/VGrid/VGrid.css +4 -0
  31. package/lib/components/VGrid/VGrid.sass +4 -1
  32. package/lib/components/VGrid/VSpacer.mjs +1 -1
  33. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  34. package/lib/components/VList/VListItem.css +7 -1
  35. package/lib/components/VList/VListItem.mjs +1 -0
  36. package/lib/components/VList/VListItem.mjs.map +1 -1
  37. package/lib/components/VList/VListItem.sass +4 -0
  38. package/lib/components/VTooltip/VTooltip.css +1 -1
  39. package/lib/components/VTooltip/_variables.scss +1 -1
  40. package/lib/entry-bundler.mjs +1 -1
  41. package/lib/framework.mjs +1 -1
  42. package/lib/labs/VDateInput/composables.mjs +11 -1
  43. package/lib/labs/VDateInput/composables.mjs.map +1 -1
  44. package/lib/labs/VDatePicker/VDatePicker.mjs +34 -14
  45. package/lib/labs/VDatePicker/VDatePicker.mjs.map +1 -1
  46. package/lib/labs/VDatePicker/VDatePickerMonth.mjs +1 -1
  47. package/lib/labs/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  48. package/lib/labs/VDatePicker/composables.mjs +4 -2
  49. package/lib/labs/VDatePicker/composables.mjs.map +1 -1
  50. package/lib/labs/VDatePicker/index.d.mts +14 -0
  51. package/lib/labs/VOtpInput/VOtpInput.mjs +31 -22
  52. package/lib/labs/VOtpInput/VOtpInput.mjs.map +1 -1
  53. package/lib/labs/VStepper/VStepper.mjs +12 -9
  54. package/lib/labs/VStepper/VStepper.mjs.map +1 -1
  55. package/lib/labs/VStepper/index.d.mts +50 -56
  56. package/lib/labs/components.d.mts +64 -56
  57. package/lib/labs/date/adapters/vuetify.mjs +1 -1
  58. package/lib/labs/date/adapters/vuetify.mjs.map +1 -1
  59. package/lib/locale/no.mjs +15 -15
  60. package/lib/locale/no.mjs.map +1 -1
  61. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.11
2
+ * Vuetify v3.3.12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16386,6 +16386,58 @@ html.overflow-y-hidden {
16386
16386
  display: flex;
16387
16387
  justify-content: center;
16388
16388
  padding: 8px;
16389
+ }.v-otp-input {
16390
+ border-radius: 4px;
16391
+ align-items: center;
16392
+ display: flex;
16393
+ justify-content: center;
16394
+ padding: 0.5rem;
16395
+ position: relative;
16396
+ }
16397
+ .v-otp-input .v-field {
16398
+ height: 100%;
16399
+ margin: 0 0.25rem;
16400
+ }
16401
+
16402
+ .v-otp-input__divider {
16403
+ margin: 0 8px;
16404
+ }
16405
+
16406
+ .v-otp-input__content {
16407
+ align-items: center;
16408
+ display: flex;
16409
+ height: 64px;
16410
+ padding: 0.5rem;
16411
+ justify-content: center;
16412
+ max-width: 320px;
16413
+ position: relative;
16414
+ border-radius: inherit;
16415
+ }
16416
+ .v-otp-input--divided .v-otp-input__content {
16417
+ max-width: 360px;
16418
+ }
16419
+
16420
+ .v-otp-input__field {
16421
+ font-size: 1.25rem;
16422
+ height: 100%;
16423
+ outline: none;
16424
+ text-align: center;
16425
+ width: 100%;
16426
+ }
16427
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
16428
+ -webkit-appearance: none;
16429
+ margin: 0;
16430
+ }
16431
+ .v-otp-input__field[type=number] {
16432
+ -moz-appearance: textfield;
16433
+ }
16434
+
16435
+ .v-otp-input__loader {
16436
+ align-items: center;
16437
+ display: flex;
16438
+ height: 100%;
16439
+ justify-content: center;
16440
+ width: 100%;
16389
16441
  }.v-picker.v-sheet {
16390
16442
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16391
16443
  border-radius: 4px;
@@ -16441,58 +16493,6 @@ html.overflow-y-hidden {
16441
16493
  padding-bottom: 16px;
16442
16494
  font-weight: 600;
16443
16495
  letter-spacing: 0.1666666667em;
16444
- }.v-otp-input {
16445
- border-radius: 4px;
16446
- align-items: center;
16447
- display: flex;
16448
- justify-content: center;
16449
- padding: 0.5rem;
16450
- position: relative;
16451
- }
16452
- .v-otp-input .v-field {
16453
- height: 100%;
16454
- margin: 0 0.25rem;
16455
- }
16456
-
16457
- .v-otp-input__divider {
16458
- margin: 0 8px;
16459
- }
16460
-
16461
- .v-otp-input__content {
16462
- align-items: center;
16463
- display: flex;
16464
- height: 64px;
16465
- padding: 0.5rem;
16466
- justify-content: center;
16467
- max-width: 320px;
16468
- position: relative;
16469
- border-radius: inherit;
16470
- }
16471
- .v-otp-input--divided .v-otp-input__content {
16472
- max-width: 360px;
16473
- }
16474
-
16475
- .v-otp-input__field {
16476
- font-size: 1.25rem;
16477
- height: 100%;
16478
- outline: none;
16479
- text-align: center;
16480
- width: 100%;
16481
- }
16482
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
16483
- -webkit-appearance: none;
16484
- margin: 0;
16485
- }
16486
- .v-otp-input__field[type=number] {
16487
- -moz-appearance: textfield;
16488
- }
16489
-
16490
- .v-otp-input__loader {
16491
- align-items: center;
16492
- display: flex;
16493
- height: 100%;
16494
- justify-content: center;
16495
- width: 100%;
16496
16496
  }.v-skeleton-loader {
16497
16497
  align-items: center;
16498
16498
  background: rgb(var(--v-theme-surface));
@@ -17142,93 +17142,6 @@ html.overflow-y-hidden {
17142
17142
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17143
17143
  opacity: var(--v-high-emphasis-opacity);
17144
17144
  transform: rotate(180deg);
17145
- }.v-avatar {
17146
- flex: none;
17147
- align-items: center;
17148
- display: inline-flex;
17149
- justify-content: center;
17150
- line-height: normal;
17151
- overflow: hidden;
17152
- position: relative;
17153
- text-align: center;
17154
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17155
- transition-property: width, height;
17156
- vertical-align: middle;
17157
- border-radius: 50%;
17158
- }
17159
- .v-avatar.v-avatar--size-x-small {
17160
- --v-avatar-height: 24px;
17161
- }
17162
- .v-avatar.v-avatar--size-small {
17163
- --v-avatar-height: 32px;
17164
- }
17165
- .v-avatar.v-avatar--size-default {
17166
- --v-avatar-height: 40px;
17167
- }
17168
- .v-avatar.v-avatar--size-large {
17169
- --v-avatar-height: 48px;
17170
- }
17171
- .v-avatar.v-avatar--size-x-large {
17172
- --v-avatar-height: 56px;
17173
- }
17174
- .v-avatar.v-avatar--density-default {
17175
- height: calc(var(--v-avatar-height) + 0px);
17176
- width: calc(var(--v-avatar-height) + 0px);
17177
- }
17178
- .v-avatar.v-avatar--density-comfortable {
17179
- height: calc(var(--v-avatar-height) + -4px);
17180
- width: calc(var(--v-avatar-height) + -4px);
17181
- }
17182
- .v-avatar.v-avatar--density-compact {
17183
- height: calc(var(--v-avatar-height) + -8px);
17184
- width: calc(var(--v-avatar-height) + -8px);
17185
- }
17186
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17187
- background: transparent;
17188
- color: inherit;
17189
- }
17190
- .v-avatar--variant-plain {
17191
- opacity: 0.62;
17192
- }
17193
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17194
- opacity: 1;
17195
- }
17196
- .v-avatar--variant-plain .v-avatar__overlay {
17197
- display: none;
17198
- }
17199
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17200
- background: var(--v-theme-surface);
17201
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17202
- }
17203
- .v-avatar--variant-elevated {
17204
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17205
- }
17206
- .v-avatar--variant-flat {
17207
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17208
- }
17209
- .v-avatar--variant-outlined {
17210
- border: thin solid currentColor;
17211
- }
17212
- .v-avatar--variant-text .v-avatar__overlay {
17213
- background: currentColor;
17214
- }
17215
- .v-avatar--variant-tonal .v-avatar__underlay {
17216
- background: currentColor;
17217
- opacity: var(--v-activated-opacity);
17218
- border-radius: inherit;
17219
- position: absolute;
17220
- top: 0;
17221
- right: 0;
17222
- bottom: 0;
17223
- left: 0;
17224
- pointer-events: none;
17225
- }
17226
- .v-avatar--rounded {
17227
- border-radius: 4px;
17228
- }
17229
- .v-avatar .v-img {
17230
- height: 100%;
17231
- width: 100%;
17232
17145
  }.v-badge {
17233
17146
  display: inline-block;
17234
17147
  line-height: 1;
@@ -17419,6 +17332,8 @@ html.overflow-y-hidden {
17419
17332
  }
17420
17333
 
17421
17334
  .v-banner__content {
17335
+ align-items: center;
17336
+ display: flex;
17422
17337
  grid-area: content;
17423
17338
  }
17424
17339
 
@@ -17456,51 +17371,138 @@ html.overflow-y-hidden {
17456
17371
  }
17457
17372
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17458
17373
  align-self: flex-start;
17459
- }.v-bottom-navigation {
17460
- display: flex;
17461
- max-width: 100%;
17374
+ }.v-avatar {
17375
+ flex: none;
17376
+ align-items: center;
17377
+ display: inline-flex;
17378
+ justify-content: center;
17379
+ line-height: normal;
17462
17380
  overflow: hidden;
17463
- position: absolute;
17464
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17465
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17466
- border-style: solid;
17467
- border-width: 0;
17468
- border-radius: 0;
17469
- background: rgb(var(--v-theme-surface));
17470
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17381
+ position: relative;
17382
+ text-align: center;
17383
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17384
+ transition-property: width, height;
17385
+ vertical-align: middle;
17386
+ border-radius: 50%;
17471
17387
  }
17472
- .v-bottom-navigation--border {
17473
- border-width: thin;
17474
- box-shadow: none;
17388
+ .v-avatar.v-avatar--size-x-small {
17389
+ --v-avatar-height: 24px;
17475
17390
  }
17476
- .v-bottom-navigation--active {
17477
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17391
+ .v-avatar.v-avatar--size-small {
17392
+ --v-avatar-height: 32px;
17478
17393
  }
17479
-
17480
- .v-bottom-navigation__content {
17481
- display: flex;
17482
- flex: none;
17483
- font-size: 0.75rem;
17484
- justify-content: center;
17485
- transition: inherit;
17486
- width: 100%;
17394
+ .v-avatar.v-avatar--size-default {
17395
+ --v-avatar-height: 40px;
17487
17396
  }
17488
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17489
- font-size: inherit;
17490
- height: 100%;
17491
- max-width: 168px;
17492
- min-width: 80px;
17493
- text-transform: none;
17494
- transition: inherit;
17495
- width: auto;
17496
- border-radius: 0;
17397
+ .v-avatar.v-avatar--size-large {
17398
+ --v-avatar-height: 48px;
17497
17399
  }
17498
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17499
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17500
- transition: inherit;
17400
+ .v-avatar.v-avatar--size-x-large {
17401
+ --v-avatar-height: 56px;
17501
17402
  }
17502
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17503
- font-size: 1.5rem;
17403
+ .v-avatar.v-avatar--density-default {
17404
+ height: calc(var(--v-avatar-height) + 0px);
17405
+ width: calc(var(--v-avatar-height) + 0px);
17406
+ }
17407
+ .v-avatar.v-avatar--density-comfortable {
17408
+ height: calc(var(--v-avatar-height) + -4px);
17409
+ width: calc(var(--v-avatar-height) + -4px);
17410
+ }
17411
+ .v-avatar.v-avatar--density-compact {
17412
+ height: calc(var(--v-avatar-height) + -8px);
17413
+ width: calc(var(--v-avatar-height) + -8px);
17414
+ }
17415
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17416
+ background: transparent;
17417
+ color: inherit;
17418
+ }
17419
+ .v-avatar--variant-plain {
17420
+ opacity: 0.62;
17421
+ }
17422
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17423
+ opacity: 1;
17424
+ }
17425
+ .v-avatar--variant-plain .v-avatar__overlay {
17426
+ display: none;
17427
+ }
17428
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17429
+ background: var(--v-theme-surface);
17430
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17431
+ }
17432
+ .v-avatar--variant-elevated {
17433
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17434
+ }
17435
+ .v-avatar--variant-flat {
17436
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17437
+ }
17438
+ .v-avatar--variant-outlined {
17439
+ border: thin solid currentColor;
17440
+ }
17441
+ .v-avatar--variant-text .v-avatar__overlay {
17442
+ background: currentColor;
17443
+ }
17444
+ .v-avatar--variant-tonal .v-avatar__underlay {
17445
+ background: currentColor;
17446
+ opacity: var(--v-activated-opacity);
17447
+ border-radius: inherit;
17448
+ position: absolute;
17449
+ top: 0;
17450
+ right: 0;
17451
+ bottom: 0;
17452
+ left: 0;
17453
+ pointer-events: none;
17454
+ }
17455
+ .v-avatar--rounded {
17456
+ border-radius: 4px;
17457
+ }
17458
+ .v-avatar .v-img {
17459
+ height: 100%;
17460
+ width: 100%;
17461
+ }.v-bottom-navigation {
17462
+ display: flex;
17463
+ max-width: 100%;
17464
+ overflow: hidden;
17465
+ position: absolute;
17466
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17467
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17468
+ border-style: solid;
17469
+ border-width: 0;
17470
+ border-radius: 0;
17471
+ background: rgb(var(--v-theme-surface));
17472
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17473
+ }
17474
+ .v-bottom-navigation--border {
17475
+ border-width: thin;
17476
+ box-shadow: none;
17477
+ }
17478
+ .v-bottom-navigation--active {
17479
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17480
+ }
17481
+
17482
+ .v-bottom-navigation__content {
17483
+ display: flex;
17484
+ flex: none;
17485
+ font-size: 0.75rem;
17486
+ justify-content: center;
17487
+ transition: inherit;
17488
+ width: 100%;
17489
+ }
17490
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17491
+ font-size: inherit;
17492
+ height: 100%;
17493
+ max-width: 168px;
17494
+ min-width: 80px;
17495
+ text-transform: none;
17496
+ transition: inherit;
17497
+ width: auto;
17498
+ border-radius: 0;
17499
+ }
17500
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17501
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17502
+ transition: inherit;
17503
+ }
17504
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17505
+ font-size: 1.5rem;
17504
17506
  }
17505
17507
  .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17506
17508
  flex-grow: 1;
@@ -17780,6 +17782,9 @@ html.overflow-y-hidden {
17780
17782
  pointer-events: none;
17781
17783
  opacity: 0.26;
17782
17784
  }
17785
+ .v-btn--disabled:hover {
17786
+ opacity: 0.26;
17787
+ }
17783
17788
  .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17784
17789
  box-shadow: none;
17785
17790
  opacity: 1;
@@ -18323,6 +18328,8 @@ html.overflow-y-hidden {
18323
18328
  pointer-events: none;
18324
18329
  opacity: 0;
18325
18330
  transition: opacity 0.2s ease-in-out;
18331
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
18332
+ opacity: var(--v-activated-opacity);
18326
18333
  }.v-carousel {
18327
18334
  overflow: hidden;
18328
18335
  position: relative;
@@ -18795,8 +18802,6 @@ html.overflow-y-hidden {
18795
18802
 
18796
18803
  .v-chip--label {
18797
18804
  border-radius: 4px;
18798
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
18799
- opacity: var(--v-activated-opacity);
18800
18805
  }.v-chip-group {
18801
18806
  display: flex;
18802
18807
  max-width: 100%;
@@ -18981,6 +18986,10 @@ html.overflow-y-hidden {
18981
18986
  padding: 0;
18982
18987
  }
18983
18988
 
18989
+ .v-spacer {
18990
+ flex-grow: 1;
18991
+ }
18992
+
18984
18993
  .v-col-xxl,
18985
18994
  .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
18986
18995
  .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
@@ -19819,23 +19828,29 @@ html.overflow-y-hidden {
19819
19828
  flex-direction: column;
19820
19829
  }
19821
19830
  .v-dialog > .v-overlay__content > .v-card,
19822
- .v-dialog > .v-overlay__content > .v-sheet {
19831
+ .v-dialog > .v-overlay__content > .v-sheet,
19832
+ .v-dialog > .v-overlay__content > form > .v-card,
19833
+ .v-dialog > .v-overlay__content > form > .v-sheet {
19823
19834
  --v-scrollbar-offset: 0px;
19824
19835
  border-radius: 4px;
19825
19836
  overflow-y: auto;
19826
19837
  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
19827
19838
  }
19828
- .v-dialog > .v-overlay__content > .v-card {
19839
+ .v-dialog > .v-overlay__content > .v-card,
19840
+ .v-dialog > .v-overlay__content > form > .v-card {
19829
19841
  display: flex;
19830
19842
  flex-direction: column;
19831
19843
  }
19832
- .v-dialog > .v-overlay__content > .v-card > .v-card-item {
19844
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
19845
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
19833
19846
  padding: 14px 24px 0;
19834
19847
  }
19835
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
19848
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
19849
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
19836
19850
  padding-top: 10px;
19837
19851
  }
19838
- .v-dialog > .v-overlay__content > .v-card > .v-card-text {
19852
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
19853
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
19839
19854
  font-size: inherit;
19840
19855
  letter-spacing: 0.03125em;
19841
19856
  line-height: inherit;
@@ -19858,7 +19873,9 @@ html.overflow-y-hidden {
19858
19873
  left: 0;
19859
19874
  }
19860
19875
  .v-dialog--fullscreen > .v-overlay__content > .v-card,
19861
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet {
19876
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
19877
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
19878
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
19862
19879
  min-height: 100%;
19863
19880
  min-width: 100%;
19864
19881
  border-radius: 0;
@@ -19867,6 +19884,7 @@ html.overflow-y-hidden {
19867
19884
  .v-dialog--scrollable > .v-overlay__content,
19868
19885
  .v-dialog--scrollable > .v-overlay__content > form {
19869
19886
  display: flex;
19887
+ overflow: hidden;
19870
19888
  }
19871
19889
  .v-dialog--scrollable > .v-overlay__content > .v-card,
19872
19890
  .v-dialog--scrollable > .v-overlay__content > form > .v-card {
@@ -19881,35 +19899,6 @@ html.overflow-y-hidden {
19881
19899
  -webkit-backface-visibility: hidden;
19882
19900
  backface-visibility: hidden;
19883
19901
  overflow-y: auto;
19884
- }.v-divider {
19885
- display: block;
19886
- flex: 1 1 100%;
19887
- height: 0px;
19888
- max-height: 0px;
19889
- opacity: var(--v-border-opacity);
19890
- transition: inherit;
19891
- border-style: solid;
19892
- border-width: thin 0 0 0;
19893
- }
19894
- .v-divider--vertical {
19895
- align-self: stretch;
19896
- border-width: 0 thin 0 0;
19897
- display: inline-flex;
19898
- height: inherit;
19899
- margin-left: -1px;
19900
- max-height: 100%;
19901
- max-width: 0px;
19902
- vertical-align: text-bottom;
19903
- width: 0px;
19904
- }
19905
- .v-divider--inset:not(.v-divider--vertical) {
19906
- max-width: calc(100% - 72px);
19907
- margin-inline-start: 72px;
19908
- }
19909
- .v-divider--inset.v-divider--vertical {
19910
- margin-bottom: 8px;
19911
- margin-top: 8px;
19912
- max-height: calc(100% - 16px);
19913
19902
  }.v-expansion-panel {
19914
19903
  background-color: rgb(var(--v-theme-surface));
19915
19904
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20445,6 +20434,7 @@ textarea.v-field__input::placeholder {
20445
20434
  --v-field-border-width: 2px;
20446
20435
  }
20447
20436
  .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
20437
+ border-color: currentColor;
20448
20438
  border-style: solid;
20449
20439
  border-width: 0 0 var(--v-field-border-width);
20450
20440
  opacity: var(--v-field-border-opacity);
@@ -20614,10 +20604,13 @@ textarea.v-field__input::placeholder {
20614
20604
 
20615
20605
  /* endregion */
20616
20606
  /* region MODIFIERS */
20617
- .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input {
20607
+ .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
20608
+ flex-direction: row-reverse;
20609
+ }
20610
+ .v-field--reverse .v-field__input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse .v-field__input, .v-field--reverse input.v-locale--is-ltr, .v-locale--is-ltr .v-field--reverse input {
20618
20611
  text-align: right;
20619
20612
  }
20620
- .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input {
20613
+ .v-field--reverse .v-field__input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse .v-field__input, .v-field--reverse input.v-locale--is-rtl, .v-locale--is-rtl .v-field--reverse input {
20621
20614
  text-align: left;
20622
20615
  }
20623
20616
 
@@ -20631,7 +20624,36 @@ textarea.v-field__input::placeholder {
20631
20624
  opacity: 0;
20632
20625
  }
20633
20626
 
20634
- /* endregion */.v-file-input input[type=file] {
20627
+ /* endregion */.v-divider {
20628
+ display: block;
20629
+ flex: 1 1 100%;
20630
+ height: 0px;
20631
+ max-height: 0px;
20632
+ opacity: var(--v-border-opacity);
20633
+ transition: inherit;
20634
+ border-style: solid;
20635
+ border-width: thin 0 0 0;
20636
+ }
20637
+ .v-divider--vertical {
20638
+ align-self: stretch;
20639
+ border-width: 0 thin 0 0;
20640
+ display: inline-flex;
20641
+ height: inherit;
20642
+ margin-left: -1px;
20643
+ max-height: 100%;
20644
+ max-width: 0px;
20645
+ vertical-align: text-bottom;
20646
+ width: 0px;
20647
+ }
20648
+ .v-divider--inset:not(.v-divider--vertical) {
20649
+ max-width: calc(100% - 72px);
20650
+ margin-inline-start: 72px;
20651
+ }
20652
+ .v-divider--inset.v-divider--vertical {
20653
+ margin-bottom: 8px;
20654
+ margin-top: 8px;
20655
+ max-height: calc(100% - 16px);
20656
+ }.v-file-input input[type=file] {
20635
20657
  height: 100%;
20636
20658
  left: 0;
20637
20659
  opacity: 0;
@@ -21125,10 +21147,14 @@ textarea.v-field__input::placeholder {
21125
21147
  opacity: calc(0.15 * var(--v-theme-overlay-multiplier));
21126
21148
  }
21127
21149
  }
21128
- .v-list-item__prepend > .v-icon, .v-list-item__append > .v-icon {
21150
+ .v-list-item__prepend > .v-badge .v-icon,
21151
+ .v-list-item__prepend > .v-icon, .v-list-item__append > .v-badge .v-icon,
21152
+ .v-list-item__append > .v-icon {
21129
21153
  opacity: var(--v-medium-emphasis-opacity);
21130
21154
  }
21155
+ .v-list-item--active .v-list-item__prepend > .v-badge .v-icon,
21131
21156
  .v-list-item--active .v-list-item__prepend > .v-icon,
21157
+ .v-list-item--active .v-list-item__append > .v-badge .v-icon,
21132
21158
  .v-list-item--active .v-list-item__append > .v-icon {
21133
21159
  opacity: 1;
21134
21160
  }
@@ -21154,6 +21180,7 @@ textarea.v-field__input::placeholder {
21154
21180
  .v-list-item__prepend > .v-avatar {
21155
21181
  margin-inline-end: 16px;
21156
21182
  }
21183
+ .v-list-item__prepend > .v-badge .v-icon,
21157
21184
  .v-list-item__prepend > .v-icon {
21158
21185
  margin-inline-end: 32px;
21159
21186
  }
@@ -21170,6 +21197,7 @@ textarea.v-field__input::placeholder {
21170
21197
  .v-list-item__append > .v-avatar {
21171
21198
  margin-inline-start: 16px;
21172
21199
  }
21200
+ .v-list-item__append > .v-badge .v-icon,
21173
21201
  .v-list-item__append > .v-icon {
21174
21202
  margin-inline-start: 32px;
21175
21203
  }
@@ -22125,58 +22153,6 @@ html.v-overlay-scroll-blocked {
22125
22153
  flex: 1 0 0px;
22126
22154
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22127
22155
  pointer-events: none;
22128
- }.v-select .v-field .v-text-field__prefix,
22129
- .v-select .v-field .v-text-field__suffix,
22130
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22131
- cursor: pointer;
22132
- }
22133
- .v-select .v-field .v-field__input > input {
22134
- align-self: flex-start;
22135
- opacity: 1;
22136
- flex: 0 0;
22137
- position: absolute;
22138
- width: 100%;
22139
- transition: none;
22140
- pointer-events: none;
22141
- caret-color: transparent;
22142
- }
22143
- .v-select .v-field--dirty .v-select__selection {
22144
- margin-inline-end: 2px;
22145
- }
22146
- .v-select .v-select__selection-text {
22147
- overflow: hidden;
22148
- text-overflow: ellipsis;
22149
- white-space: nowrap;
22150
- }
22151
- .v-select__content {
22152
- overflow: hidden;
22153
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22154
- border-radius: 4px;
22155
- }
22156
- .v-select__selection {
22157
- display: inline-flex;
22158
- align-items: center;
22159
- letter-spacing: inherit;
22160
- line-height: inherit;
22161
- max-width: 100%;
22162
- }
22163
- .v-select .v-select__selection {
22164
- margin-top: var(--v-input-chips-margin-top);
22165
- margin-bottom: var(--v-input-chips-margin-bottom);
22166
- }
22167
- .v-select .v-select__selection:first-child {
22168
- margin-inline-start: 0;
22169
- }
22170
- .v-select--selected .v-field .v-field__input > input {
22171
- opacity: 0;
22172
- }
22173
- .v-select__menu-icon {
22174
- margin-inline-start: 4px;
22175
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22176
- }
22177
- .v-select--active-menu .v-select__menu-icon {
22178
- opacity: var(--v-high-emphasis-opacity);
22179
- transform: rotate(180deg);
22180
22156
  }.v-selection-control {
22181
22157
  align-items: center;
22182
22158
  contain: layout;
@@ -22279,33 +22255,85 @@ html.v-overlay-scroll-blocked {
22279
22255
  }
22280
22256
  .v-selection-control--focus-visible .v-selection-control__input::before {
22281
22257
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22282
- }.v-selection-control-group {
22283
- grid-area: control;
22284
- display: flex;
22285
- flex-direction: column;
22286
- }
22287
- .v-selection-control-group--inline {
22288
- flex-direction: row;
22289
- flex-wrap: wrap;
22290
- }.v-sheet {
22291
- display: block;
22292
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22293
- border-style: solid;
22294
- border-width: 0;
22295
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22296
- border-radius: 0;
22297
- background: rgb(var(--v-theme-surface));
22298
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22299
- }
22300
- .v-sheet--border {
22301
- border-width: thin;
22302
- box-shadow: none;
22258
+ }.v-select .v-field .v-text-field__prefix,
22259
+ .v-select .v-field .v-text-field__suffix,
22260
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22261
+ cursor: pointer;
22303
22262
  }
22304
- .v-sheet--absolute {
22263
+ .v-select .v-field .v-field__input > input {
22264
+ align-self: flex-start;
22265
+ opacity: 1;
22266
+ flex: 0 0;
22305
22267
  position: absolute;
22306
- }
22307
- .v-sheet--fixed {
22308
- position: fixed;
22268
+ width: 100%;
22269
+ transition: none;
22270
+ pointer-events: none;
22271
+ caret-color: transparent;
22272
+ }
22273
+ .v-select .v-field--dirty .v-select__selection {
22274
+ margin-inline-end: 2px;
22275
+ }
22276
+ .v-select .v-select__selection-text {
22277
+ overflow: hidden;
22278
+ text-overflow: ellipsis;
22279
+ white-space: nowrap;
22280
+ }
22281
+ .v-select__content {
22282
+ overflow: hidden;
22283
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22284
+ border-radius: 4px;
22285
+ }
22286
+ .v-select__selection {
22287
+ display: inline-flex;
22288
+ align-items: center;
22289
+ letter-spacing: inherit;
22290
+ line-height: inherit;
22291
+ max-width: 100%;
22292
+ }
22293
+ .v-select .v-select__selection {
22294
+ margin-top: var(--v-input-chips-margin-top);
22295
+ margin-bottom: var(--v-input-chips-margin-bottom);
22296
+ }
22297
+ .v-select .v-select__selection:first-child {
22298
+ margin-inline-start: 0;
22299
+ }
22300
+ .v-select--selected .v-field .v-field__input > input {
22301
+ opacity: 0;
22302
+ }
22303
+ .v-select__menu-icon {
22304
+ margin-inline-start: 4px;
22305
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22306
+ }
22307
+ .v-select--active-menu .v-select__menu-icon {
22308
+ opacity: var(--v-high-emphasis-opacity);
22309
+ transform: rotate(180deg);
22310
+ }.v-selection-control-group {
22311
+ grid-area: control;
22312
+ display: flex;
22313
+ flex-direction: column;
22314
+ }
22315
+ .v-selection-control-group--inline {
22316
+ flex-direction: row;
22317
+ flex-wrap: wrap;
22318
+ }.v-sheet {
22319
+ display: block;
22320
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22321
+ border-style: solid;
22322
+ border-width: 0;
22323
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22324
+ border-radius: 0;
22325
+ background: rgb(var(--v-theme-surface));
22326
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22327
+ }
22328
+ .v-sheet--border {
22329
+ border-width: thin;
22330
+ box-shadow: none;
22331
+ }
22332
+ .v-sheet--absolute {
22333
+ position: absolute;
22334
+ }
22335
+ .v-sheet--fixed {
22336
+ position: fixed;
22309
22337
  }
22310
22338
  .v-sheet--relative {
22311
22339
  position: relative;
@@ -22940,355 +22968,122 @@ html.v-overlay-scroll-blocked {
22940
22968
  /* endregion */.v-theme-provider {
22941
22969
  background: rgb(var(--v-theme-background));
22942
22970
  color: rgb(var(--v-theme-on-background));
22943
- }.v-toolbar {
22944
- align-items: flex-start;
22945
- display: flex;
22946
- flex: none;
22947
- flex-direction: column;
22948
- justify-content: space-between;
22949
- max-width: 100%;
22950
- overflow: hidden;
22951
- position: relative;
22952
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22953
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
22954
- width: 100%;
22955
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22956
- border-style: solid;
22957
- border-width: 0;
22958
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22959
- border-radius: 0;
22971
+ }.v-timeline .v-timeline-divider__dot {
22960
22972
  background: rgb(var(--v-theme-on-surface-variant));
22961
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22962
22973
  }
22963
- .v-toolbar--border {
22964
- border-width: thin;
22965
- box-shadow: none;
22974
+ .v-timeline .v-timeline-divider__inner-dot {
22975
+ background: rgb(var(--v-theme-on-surface));
22966
22976
  }
22967
- .v-toolbar--absolute {
22968
- position: absolute;
22977
+
22978
+ .v-timeline {
22979
+ display: grid;
22980
+ grid-auto-flow: dense;
22981
+ position: relative;
22969
22982
  }
22970
- .v-toolbar--collapse {
22971
- max-width: 112px;
22972
- overflow: hidden;
22983
+ .v-timeline--horizontal.v-timeline {
22984
+ grid-column-gap: 24px;
22985
+ width: 100%;
22973
22986
  }
22974
- .v-toolbar--collapse .v-toolbar-title {
22975
- display: none;
22987
+ .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
22988
+ padding-inline-start: 24px;
22976
22989
  }
22977
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
22978
- border-bottom-right-radius: 24px;
22990
+ .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
22991
+ padding-inline-end: 24px;
22979
22992
  }
22980
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
22981
- border-bottom-left-radius: 24px;
22993
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
22994
+ grid-row: 3;
22995
+ padding-block-start: 24px;
22982
22996
  }
22983
- .v-toolbar--flat {
22984
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22997
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
22998
+ grid-row: 1;
22999
+ padding-block-end: 24px;
23000
+ align-self: flex-end;
22985
23001
  }
22986
- .v-toolbar--floating {
22987
- display: inline-flex;
23002
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
23003
+ grid-row: 1;
23004
+ padding-block-end: 24px;
23005
+ align-self: flex-end;
22988
23006
  }
22989
- .v-toolbar--rounded {
22990
- border-radius: 4px;
23007
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
23008
+ grid-row: 3;
23009
+ padding-block-start: 24px;
22991
23010
  }
22992
23011
 
22993
- .v-toolbar__content,
22994
- .v-toolbar__extension {
22995
- align-items: center;
22996
- display: flex;
22997
- flex: 0 0 auto;
22998
- position: relative;
22999
- transition: inherit;
23000
- width: 100%;
23012
+ .v-timeline--vertical.v-timeline {
23013
+ grid-row-gap: 24px;
23014
+ height: 100%;
23001
23015
  }
23002
-
23003
- .v-toolbar__content > .v-btn:first-child {
23004
- margin-inline-start: 10px;
23016
+ .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
23017
+ padding-block-start: 24px;
23005
23018
  }
23006
- .v-toolbar__content > .v-btn:last-child {
23007
- margin-inline-end: 10px;
23019
+ .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
23020
+ padding-block-end: 24px;
23008
23021
  }
23009
- .v-toolbar__content > .v-toolbar-title {
23010
- margin-inline-start: 16px;
23022
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
23023
+ grid-column: 1;
23024
+ justify-self: flex-end;
23025
+ padding-inline-end: 24px;
23011
23026
  }
23012
- .v-toolbar--density-prominent .v-toolbar__content {
23013
- align-items: flex-start;
23027
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
23028
+ grid-column: 3;
23029
+ padding-inline-start: 24px;
23030
+ }
23031
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
23032
+ grid-column: 3;
23033
+ padding-inline-start: 24px;
23034
+ }
23035
+ .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
23036
+ grid-column: 1;
23037
+ justify-self: flex-end;
23038
+ padding-inline-end: 24px;
23014
23039
  }
23015
23040
 
23016
- .v-toolbar__image {
23017
- position: absolute;
23018
- top: 0;
23019
- left: 0;
23020
- width: 100%;
23021
- height: 100%;
23022
- display: flex;
23023
- opacity: var(--v-toolbar-image-opacity, 1);
23024
- transition-property: opacity;
23041
+ .v-timeline-item {
23042
+ display: contents;
23025
23043
  }
23026
23044
 
23027
- .v-toolbar__prepend,
23028
- .v-toolbar__append {
23029
- align-items: center;
23030
- align-self: stretch;
23045
+ .v-timeline-divider {
23046
+ position: relative;
23031
23047
  display: flex;
23048
+ align-items: center;
23032
23049
  }
23033
-
23034
- .v-toolbar__prepend {
23035
- margin-inline-start: 10px;
23036
- margin-inline-end: auto;
23050
+ .v-timeline--horizontal .v-timeline-divider {
23051
+ flex-direction: row;
23052
+ grid-row: 2;
23053
+ width: 100%;
23037
23054
  }
23038
23055
 
23039
- .v-toolbar__append {
23040
- margin-inline-start: auto;
23041
- margin-inline-end: 10px;
23056
+ .v-timeline--vertical .v-timeline-divider {
23057
+ height: 100%;
23058
+ flex-direction: column;
23059
+ grid-column: 2;
23042
23060
  }
23043
23061
 
23044
- .v-toolbar-title {
23045
- flex: 1 1;
23046
- font-size: 1.25rem;
23047
- min-width: 0;
23048
- font-size: 1.25rem;
23049
- font-weight: 400;
23050
- letter-spacing: 0;
23051
- line-height: 1.75rem;
23052
- text-transform: none;
23062
+ .v-timeline-divider__before {
23063
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
23053
23064
  }
23054
- .v-toolbar--density-prominent .v-toolbar-title {
23055
- align-self: flex-end;
23056
- padding-bottom: 6px;
23057
- font-size: 1.5rem;
23058
- font-weight: 400;
23059
- letter-spacing: 0;
23060
- line-height: 2.25rem;
23061
- text-transform: none;
23065
+ .v-timeline--horizontal .v-timeline-divider__before {
23066
+ height: var(--v-timeline-line-thickness);
23067
+ width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
23068
+ }
23069
+ .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
23070
+ left: -12px;
23071
+ right: initial;
23072
+ }
23073
+ .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
23074
+ right: -12px;
23075
+ left: initial;
23062
23076
  }
23063
23077
 
23064
- .v-toolbar-title__placeholder {
23065
- overflow: hidden;
23066
- text-overflow: ellipsis;
23067
- white-space: nowrap;
23078
+ .v-timeline--vertical .v-timeline-divider__before {
23079
+ position: absolute;
23080
+ height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
23081
+ width: var(--v-timeline-line-thickness);
23082
+ top: -12px;
23068
23083
  }
23069
23084
 
23070
- .v-toolbar-items {
23071
- display: flex;
23072
- height: inherit;
23073
- align-self: stretch;
23074
- }
23075
- .v-toolbar-items > .v-btn {
23076
- border-radius: 0;
23077
- }.v-tooltip > .v-overlay__content {
23078
- background: rgba(var(--v-theme-surface-variant), 0.7);
23079
- color: rgb(var(--v-theme-on-surface-variant));
23080
- border-radius: 4px;
23081
- font-size: 0.875rem;
23082
- line-height: 1.6;
23083
- display: inline-block;
23084
- padding: 5px 16px;
23085
- text-transform: initial;
23086
- width: auto;
23087
- opacity: 1;
23088
- pointer-events: none;
23089
- transition-property: opacity, transform;
23090
- }
23091
- .v-tooltip > .v-overlay__content[class*=enter-active] {
23092
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23093
- transition-duration: 150ms;
23094
- }
23095
- .v-tooltip > .v-overlay__content[class*=leave-active] {
23096
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
23097
- transition-duration: 75ms;
23098
- }.v-virtual-scroll {
23099
- display: block;
23100
- flex: 1 1 auto;
23101
- max-width: 100%;
23102
- overflow: auto;
23103
- position: relative;
23104
- }
23105
- .v-virtual-scroll__container {
23106
- display: block;
23107
- }.v-window {
23108
- overflow: hidden;
23109
- }
23110
- .v-window__container {
23111
- display: flex;
23112
- flex-direction: column;
23113
- height: inherit;
23114
- position: relative;
23115
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23116
- }
23117
- .v-window__controls {
23118
- position: absolute;
23119
- left: 0;
23120
- top: 0;
23121
- width: 100%;
23122
- height: 100%;
23123
- display: flex;
23124
- align-items: center;
23125
- justify-content: space-between;
23126
- padding: 0 16px;
23127
- pointer-events: none;
23128
- }
23129
- .v-window__controls * {
23130
- pointer-events: auto;
23131
- }
23132
- .v-window--show-arrows-on-hover {
23133
- overflow: hidden;
23134
- }
23135
- .v-window--show-arrows-on-hover .v-window__left {
23136
- transform: translateX(-200%);
23137
- }
23138
- .v-window--show-arrows-on-hover .v-window__right {
23139
- transform: translateX(200%);
23140
- }
23141
- .v-window--show-arrows-on-hover:hover .v-window__left,
23142
- .v-window--show-arrows-on-hover:hover .v-window__right {
23143
- transform: translateX(0);
23144
- }
23145
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
23146
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23147
- }
23148
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
23149
- position: absolute !important;
23150
- top: 0;
23151
- width: 100%;
23152
- }
23153
- .v-window-x-transition-enter-from {
23154
- transform: translateX(100%);
23155
- }
23156
- .v-window-x-transition-leave-to {
23157
- transform: translateX(-100%);
23158
- }
23159
- .v-window-x-reverse-transition-enter-from {
23160
- transform: translateX(-100%);
23161
- }
23162
- .v-window-x-reverse-transition-leave-to {
23163
- transform: translateX(100%);
23164
- }
23165
- .v-window-y-transition-enter-from {
23166
- transform: translateY(100%);
23167
- }
23168
- .v-window-y-transition-leave-to {
23169
- transform: translateY(-100%);
23170
- }
23171
- .v-window-y-reverse-transition-enter-from {
23172
- transform: translateY(-100%);
23173
- }
23174
- .v-window-y-reverse-transition-leave-to {
23175
- transform: translateY(100%);
23176
- }.v-timeline .v-timeline-divider__dot {
23177
- background: rgb(var(--v-theme-on-surface-variant));
23178
- }
23179
- .v-timeline .v-timeline-divider__inner-dot {
23180
- background: rgb(var(--v-theme-on-surface));
23181
- }
23182
-
23183
- .v-timeline {
23184
- display: grid;
23185
- grid-auto-flow: dense;
23186
- position: relative;
23187
- }
23188
- .v-timeline--horizontal.v-timeline {
23189
- grid-column-gap: 24px;
23190
- width: 100%;
23191
- }
23192
- .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
23193
- padding-inline-start: 24px;
23194
- }
23195
- .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
23196
- padding-inline-end: 24px;
23197
- }
23198
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
23199
- grid-row: 3;
23200
- padding-block-start: 24px;
23201
- }
23202
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
23203
- grid-row: 1;
23204
- padding-block-end: 24px;
23205
- align-self: flex-end;
23206
- }
23207
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
23208
- grid-row: 1;
23209
- padding-block-end: 24px;
23210
- align-self: flex-end;
23211
- }
23212
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
23213
- grid-row: 3;
23214
- padding-block-start: 24px;
23215
- }
23216
-
23217
- .v-timeline--vertical.v-timeline {
23218
- grid-row-gap: 24px;
23219
- height: 100%;
23220
- }
23221
- .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:first-child .v-timeline-item__opposite {
23222
- padding-block-start: 24px;
23223
- }
23224
- .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline .v-timeline-item:last-child .v-timeline-item__opposite {
23225
- padding-block-end: 24px;
23226
- }
23227
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
23228
- grid-column: 1;
23229
- justify-self: flex-end;
23230
- padding-inline-end: 24px;
23231
- }
23232
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
23233
- grid-column: 3;
23234
- padding-inline-start: 24px;
23235
- }
23236
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
23237
- grid-column: 3;
23238
- padding-inline-start: 24px;
23239
- }
23240
- .v-timeline--vertical.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__opposite {
23241
- grid-column: 1;
23242
- justify-self: flex-end;
23243
- padding-inline-end: 24px;
23244
- }
23245
-
23246
- .v-timeline-item {
23247
- display: contents;
23248
- }
23249
-
23250
- .v-timeline-divider {
23251
- position: relative;
23252
- display: flex;
23253
- align-items: center;
23254
- }
23255
- .v-timeline--horizontal .v-timeline-divider {
23256
- flex-direction: row;
23257
- grid-row: 2;
23258
- width: 100%;
23259
- }
23260
-
23261
- .v-timeline--vertical .v-timeline-divider {
23262
- height: 100%;
23263
- flex-direction: column;
23264
- grid-column: 2;
23265
- }
23266
-
23267
- .v-timeline-divider__before {
23268
- background: rgba(var(--v-border-color), var(--v-border-opacity));
23269
- }
23270
- .v-timeline--horizontal .v-timeline-divider__before {
23271
- height: var(--v-timeline-line-thickness);
23272
- width: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
23273
- }
23274
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-ltr, .v-locale--is-ltr .v-timeline--horizontal .v-timeline-divider__before {
23275
- left: -12px;
23276
- right: initial;
23277
- }
23278
- .v-timeline--horizontal .v-timeline-divider__before.v-locale--is-rtl, .v-locale--is-rtl .v-timeline--horizontal .v-timeline-divider__before {
23279
- right: -12px;
23280
- left: initial;
23281
- }
23282
-
23283
- .v-timeline--vertical .v-timeline-divider__before {
23284
- position: absolute;
23285
- height: calc(var(--v-timeline-line-size-base) + 12px - var(--v-timeline-line-inset));
23286
- width: var(--v-timeline-line-thickness);
23287
- top: -12px;
23288
- }
23289
-
23290
- .v-timeline-divider__after {
23291
- background: rgba(var(--v-border-color), var(--v-border-opacity));
23085
+ .v-timeline-divider__after {
23086
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
23292
23087
  }
23293
23088
  .v-timeline--horizontal .v-timeline-divider__after {
23294
23089
  height: var(--v-timeline-line-thickness);
@@ -23618,6 +23413,239 @@ html.v-overlay-scroll-blocked {
23618
23413
 
23619
23414
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
23620
23415
  padding-inline-end: 0;
23416
+ }.v-toolbar {
23417
+ align-items: flex-start;
23418
+ display: flex;
23419
+ flex: none;
23420
+ flex-direction: column;
23421
+ justify-content: space-between;
23422
+ max-width: 100%;
23423
+ overflow: hidden;
23424
+ position: relative;
23425
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23426
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23427
+ width: 100%;
23428
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23429
+ border-style: solid;
23430
+ border-width: 0;
23431
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23432
+ border-radius: 0;
23433
+ background: rgb(var(--v-theme-on-surface-variant));
23434
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23435
+ }
23436
+ .v-toolbar--border {
23437
+ border-width: thin;
23438
+ box-shadow: none;
23439
+ }
23440
+ .v-toolbar--absolute {
23441
+ position: absolute;
23442
+ }
23443
+ .v-toolbar--collapse {
23444
+ max-width: 112px;
23445
+ overflow: hidden;
23446
+ }
23447
+ .v-toolbar--collapse .v-toolbar-title {
23448
+ display: none;
23449
+ }
23450
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
23451
+ border-bottom-right-radius: 24px;
23452
+ }
23453
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
23454
+ border-bottom-left-radius: 24px;
23455
+ }
23456
+ .v-toolbar--flat {
23457
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
23458
+ }
23459
+ .v-toolbar--floating {
23460
+ display: inline-flex;
23461
+ }
23462
+ .v-toolbar--rounded {
23463
+ border-radius: 4px;
23464
+ }
23465
+
23466
+ .v-toolbar__content,
23467
+ .v-toolbar__extension {
23468
+ align-items: center;
23469
+ display: flex;
23470
+ flex: 0 0 auto;
23471
+ position: relative;
23472
+ transition: inherit;
23473
+ width: 100%;
23474
+ }
23475
+
23476
+ .v-toolbar__content > .v-btn:first-child {
23477
+ margin-inline-start: 10px;
23478
+ }
23479
+ .v-toolbar__content > .v-btn:last-child {
23480
+ margin-inline-end: 10px;
23481
+ }
23482
+ .v-toolbar__content > .v-toolbar-title {
23483
+ margin-inline-start: 16px;
23484
+ }
23485
+ .v-toolbar--density-prominent .v-toolbar__content {
23486
+ align-items: flex-start;
23487
+ }
23488
+
23489
+ .v-toolbar__image {
23490
+ position: absolute;
23491
+ top: 0;
23492
+ left: 0;
23493
+ width: 100%;
23494
+ height: 100%;
23495
+ display: flex;
23496
+ opacity: var(--v-toolbar-image-opacity, 1);
23497
+ transition-property: opacity;
23498
+ }
23499
+
23500
+ .v-toolbar__prepend,
23501
+ .v-toolbar__append {
23502
+ align-items: center;
23503
+ align-self: stretch;
23504
+ display: flex;
23505
+ }
23506
+
23507
+ .v-toolbar__prepend {
23508
+ margin-inline-start: 10px;
23509
+ margin-inline-end: auto;
23510
+ }
23511
+
23512
+ .v-toolbar__append {
23513
+ margin-inline-start: auto;
23514
+ margin-inline-end: 10px;
23515
+ }
23516
+
23517
+ .v-toolbar-title {
23518
+ flex: 1 1;
23519
+ font-size: 1.25rem;
23520
+ min-width: 0;
23521
+ font-size: 1.25rem;
23522
+ font-weight: 400;
23523
+ letter-spacing: 0;
23524
+ line-height: 1.75rem;
23525
+ text-transform: none;
23526
+ }
23527
+ .v-toolbar--density-prominent .v-toolbar-title {
23528
+ align-self: flex-end;
23529
+ padding-bottom: 6px;
23530
+ font-size: 1.5rem;
23531
+ font-weight: 400;
23532
+ letter-spacing: 0;
23533
+ line-height: 2.25rem;
23534
+ text-transform: none;
23535
+ }
23536
+
23537
+ .v-toolbar-title__placeholder {
23538
+ overflow: hidden;
23539
+ text-overflow: ellipsis;
23540
+ white-space: nowrap;
23541
+ }
23542
+
23543
+ .v-toolbar-items {
23544
+ display: flex;
23545
+ height: inherit;
23546
+ align-self: stretch;
23547
+ }
23548
+ .v-toolbar-items > .v-btn {
23549
+ border-radius: 0;
23550
+ }.v-tooltip > .v-overlay__content {
23551
+ background: rgb(var(--v-theme-surface-variant));
23552
+ color: rgb(var(--v-theme-on-surface-variant));
23553
+ border-radius: 4px;
23554
+ font-size: 0.875rem;
23555
+ line-height: 1.6;
23556
+ display: inline-block;
23557
+ padding: 5px 16px;
23558
+ text-transform: initial;
23559
+ width: auto;
23560
+ opacity: 1;
23561
+ pointer-events: none;
23562
+ transition-property: opacity, transform;
23563
+ }
23564
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
23565
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23566
+ transition-duration: 150ms;
23567
+ }
23568
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
23569
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
23570
+ transition-duration: 75ms;
23571
+ }.v-virtual-scroll {
23572
+ display: block;
23573
+ flex: 1 1 auto;
23574
+ max-width: 100%;
23575
+ overflow: auto;
23576
+ position: relative;
23577
+ }
23578
+ .v-virtual-scroll__container {
23579
+ display: block;
23580
+ }.v-window {
23581
+ overflow: hidden;
23582
+ }
23583
+ .v-window__container {
23584
+ display: flex;
23585
+ flex-direction: column;
23586
+ height: inherit;
23587
+ position: relative;
23588
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23589
+ }
23590
+ .v-window__controls {
23591
+ position: absolute;
23592
+ left: 0;
23593
+ top: 0;
23594
+ width: 100%;
23595
+ height: 100%;
23596
+ display: flex;
23597
+ align-items: center;
23598
+ justify-content: space-between;
23599
+ padding: 0 16px;
23600
+ pointer-events: none;
23601
+ }
23602
+ .v-window__controls * {
23603
+ pointer-events: auto;
23604
+ }
23605
+ .v-window--show-arrows-on-hover {
23606
+ overflow: hidden;
23607
+ }
23608
+ .v-window--show-arrows-on-hover .v-window__left {
23609
+ transform: translateX(-200%);
23610
+ }
23611
+ .v-window--show-arrows-on-hover .v-window__right {
23612
+ transform: translateX(200%);
23613
+ }
23614
+ .v-window--show-arrows-on-hover:hover .v-window__left,
23615
+ .v-window--show-arrows-on-hover:hover .v-window__right {
23616
+ transform: translateX(0);
23617
+ }
23618
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
23619
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23620
+ }
23621
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
23622
+ position: absolute !important;
23623
+ top: 0;
23624
+ width: 100%;
23625
+ }
23626
+ .v-window-x-transition-enter-from {
23627
+ transform: translateX(100%);
23628
+ }
23629
+ .v-window-x-transition-leave-to {
23630
+ transform: translateX(-100%);
23631
+ }
23632
+ .v-window-x-reverse-transition-enter-from {
23633
+ transform: translateX(-100%);
23634
+ }
23635
+ .v-window-x-reverse-transition-leave-to {
23636
+ transform: translateX(100%);
23637
+ }
23638
+ .v-window-y-transition-enter-from {
23639
+ transform: translateY(100%);
23640
+ }
23641
+ .v-window-y-transition-leave-to {
23642
+ transform: translateY(-100%);
23643
+ }
23644
+ .v-window-y-reverse-transition-enter-from {
23645
+ transform: translateY(-100%);
23646
+ }
23647
+ .v-window-y-reverse-transition-leave-to {
23648
+ transform: translateY(100%);
23621
23649
  }.v-color-picker-canvas {
23622
23650
  display: flex;
23623
23651
  position: relative;