vuetify 3.5.12 → 3.5.14

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 (78) hide show
  1. package/dist/json/attributes.json +160 -160
  2. package/dist/json/importMap-labs.json +10 -10
  3. package/dist/json/importMap.json +124 -124
  4. package/dist/json/web-types.json +161 -161
  5. package/dist/vuetify-labs.css +2164 -2150
  6. package/dist/vuetify-labs.d.ts +993 -845
  7. package/dist/vuetify-labs.esm.js +91 -23
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +91 -23
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +745 -736
  12. package/dist/vuetify.d.ts +789 -669
  13. package/dist/vuetify.esm.js +86 -18
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +86 -18
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +122 -120
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.mts +2 -0
  21. package/lib/blueprints/md1.d.mts +2 -0
  22. package/lib/blueprints/md2.d.mts +2 -0
  23. package/lib/blueprints/md3.d.mts +2 -0
  24. package/lib/components/VAutocomplete/VAutocomplete.mjs +6 -0
  25. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  26. package/lib/components/VAutocomplete/index.d.mts +34 -28
  27. package/lib/components/VBtn/VBtn.mjs +2 -0
  28. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  29. package/lib/components/VChip/VChip.mjs +1 -0
  30. package/lib/components/VChip/VChip.mjs.map +1 -1
  31. package/lib/components/VCombobox/VCombobox.mjs +6 -0
  32. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  33. package/lib/components/VCombobox/index.d.mts +34 -28
  34. package/lib/components/VDataTable/VDataTableServer.mjs +3 -2
  35. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  36. package/lib/components/VDatePicker/VDatePicker.mjs +9 -2
  37. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  38. package/lib/components/VField/VField.mjs +29 -3
  39. package/lib/components/VField/VField.mjs.map +1 -1
  40. package/lib/components/VField/index.d.mts +9 -3
  41. package/lib/components/VFileInput/VFileInput.mjs +2 -2
  42. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  43. package/lib/components/VFileInput/index.d.mts +51 -23
  44. package/lib/components/VList/VListItem.css +3 -0
  45. package/lib/components/VList/VListItem.sass +4 -0
  46. package/lib/components/VOtpInput/VOtpInput.mjs +1 -1
  47. package/lib/components/VOtpInput/VOtpInput.mjs.map +1 -1
  48. package/lib/components/VRangeSlider/VRangeSlider.mjs +4 -3
  49. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  50. package/lib/components/VSelect/VSelect.mjs +6 -0
  51. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  52. package/lib/components/VSelect/index.d.mts +34 -28
  53. package/lib/components/VSwitch/VSwitch.css +6 -0
  54. package/lib/components/VSwitch/VSwitch.sass +7 -0
  55. package/lib/components/VSwitch/_variables.scss +1 -0
  56. package/lib/components/VTextField/index.d.mts +88 -46
  57. package/lib/components/VTextarea/index.d.mts +54 -26
  58. package/lib/components/index.d.mts +764 -650
  59. package/lib/composables/date/DateAdapter.mjs.map +1 -1
  60. package/lib/composables/date/adapters/vuetify.mjs +14 -0
  61. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  62. package/lib/composables/router.mjs +2 -2
  63. package/lib/composables/router.mjs.map +1 -1
  64. package/lib/entry-bundler.mjs +1 -1
  65. package/lib/framework.mjs +1 -1
  66. package/lib/index.d.mts +44 -38
  67. package/lib/labs/VEmptyState/VEmptyState.css +4 -0
  68. package/lib/labs/VEmptyState/VEmptyState.mjs +6 -1
  69. package/lib/labs/VEmptyState/VEmptyState.mjs.map +1 -1
  70. package/lib/labs/VEmptyState/VEmptyState.sass +4 -0
  71. package/lib/labs/VEmptyState/_variables.scss +1 -0
  72. package/lib/labs/VNumberInput/VNumberInput.css +1 -0
  73. package/lib/labs/VNumberInput/VNumberInput.mjs +0 -4
  74. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  75. package/lib/labs/VNumberInput/VNumberInput.sass +1 -0
  76. package/lib/labs/VNumberInput/index.d.mts +51 -23
  77. package/lib/labs/components.d.mts +50 -22
  78. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.12
2
+ * Vuetify v3.5.14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,64 +17029,38 @@ html.overflow-y-hidden {
17029
17029
  font-weight: normal;
17030
17030
  padding: 0.2em 0.4rem;
17031
17031
  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));
17032
- }.v-empty-state {
17033
- align-items: center;
17032
+ }.v-calendar-day {
17033
+ position: relative;
17034
17034
  display: flex;
17035
17035
  flex-direction: column;
17036
- justify-content: center;
17037
- min-height: 100%;
17038
- padding: 16px;
17039
- }
17040
- .v-empty-state--start {
17041
- align-items: flex-start;
17042
17036
  }
17043
- .v-empty-state--center {
17044
- align-items: center;
17037
+
17038
+ .v-calendar-weekly .v-calendar__container {
17039
+ display: grid;
17045
17040
  }
17046
- .v-empty-state--end {
17047
- align-items: flex-end;
17041
+ .v-calendar-weekly .v-calendar__container.days__7 {
17042
+ grid-template-columns: repeat(7, 1fr);
17048
17043
  }
17049
-
17050
- .v-empty-state__media {
17051
- text-align: center;
17052
- width: 100%;
17044
+ .v-calendar-weekly .v-calendar__container.days__6 {
17045
+ grid-template-columns: repeat(6, 1fr);
17053
17046
  }
17054
-
17055
- .v-empty-state__headline {
17056
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17057
- font-size: 3.75rem;
17058
- font-weight: 300;
17059
- line-height: 3.75rem;
17047
+ .v-calendar-weekly .v-calendar__container.days__5 {
17048
+ grid-template-columns: repeat(5, 1fr);
17060
17049
  }
17061
-
17062
- .v-empty-state__title {
17063
- font-size: 1.25rem;
17064
- font-weight: 500;
17065
- line-height: 2rem;
17066
- text-align: center;
17050
+ .v-calendar-weekly .v-calendar__container.days__4 {
17051
+ grid-template-columns: repeat(4, 1fr);
17067
17052
  }
17068
-
17069
- .v-empty-state__text {
17070
- font-size: 1rem;
17071
- font-weight: 400;
17072
- line-height: 1.5rem;
17073
- padding: 0 16px;
17074
- text-align: center;
17053
+ .v-calendar-weekly .v-calendar__container.days__3 {
17054
+ grid-template-columns: repeat(3, 1fr);
17075
17055
  }
17076
-
17077
- .v-empty-state__content {
17078
- padding: 24px 0;
17056
+ .v-calendar-weekly .v-calendar__container.days__2 {
17057
+ grid-template-columns: repeat(2, 1fr);
17079
17058
  }
17080
-
17081
- .v-empty-state__actions {
17082
- display: flex;
17083
- gap: 8px;
17084
- padding: 16px;
17059
+ .v-calendar-weekly .v-calendar__container.days__1 {
17060
+ grid-template-columns: repeat(1, 1fr);
17085
17061
  }
17086
-
17087
- .v-empty-state__action-btn.v-btn {
17088
- background-color: rgb(var(--v-theme-surface-variant));
17089
- color: rgb(var(--v-theme-on-surface-variant));
17062
+ .v-calendar-weekly .v-calendar__container.days__0 {
17063
+ grid-template-columns: repeat(1, 1fr);
17090
17064
  }.v-calendar-weekly {
17091
17065
  width: 100%;
17092
17066
  height: 100%;
@@ -17310,38 +17284,6 @@ html.overflow-y-hidden {
17310
17284
  }
17311
17285
  .v-calendar-month__days.days-with-weeknumbers__7 > .v-calendar-month__day:nth-child(8n) {
17312
17286
  border-right: none;
17313
- }.v-calendar-day {
17314
- position: relative;
17315
- display: flex;
17316
- flex-direction: column;
17317
- }
17318
-
17319
- .v-calendar-weekly .v-calendar__container {
17320
- display: grid;
17321
- }
17322
- .v-calendar-weekly .v-calendar__container.days__7 {
17323
- grid-template-columns: repeat(7, 1fr);
17324
- }
17325
- .v-calendar-weekly .v-calendar__container.days__6 {
17326
- grid-template-columns: repeat(6, 1fr);
17327
- }
17328
- .v-calendar-weekly .v-calendar__container.days__5 {
17329
- grid-template-columns: repeat(5, 1fr);
17330
- }
17331
- .v-calendar-weekly .v-calendar__container.days__4 {
17332
- grid-template-columns: repeat(4, 1fr);
17333
- }
17334
- .v-calendar-weekly .v-calendar__container.days__3 {
17335
- grid-template-columns: repeat(3, 1fr);
17336
- }
17337
- .v-calendar-weekly .v-calendar__container.days__2 {
17338
- grid-template-columns: repeat(2, 1fr);
17339
- }
17340
- .v-calendar-weekly .v-calendar__container.days__1 {
17341
- grid-template-columns: repeat(1, 1fr);
17342
- }
17343
- .v-calendar-weekly .v-calendar__container.days__0 {
17344
- grid-template-columns: repeat(1, 1fr);
17345
17287
  }.v-calendar-day__row-with-label {
17346
17288
  display: grid;
17347
17289
  grid-template-columns: 48px 8px 1fr;
@@ -17397,11 +17339,6 @@ html.overflow-y-hidden {
17397
17339
  .v-calendar-header__title {
17398
17340
  font-size: 1.5rem;
17399
17341
  margin-inline-start: 24px;
17400
- }.v-calendar-internal-event {
17401
- overflow: hidden;
17402
- padding: 4px;
17403
- text-overflow: ellipsis;
17404
- white-space: nowrap;
17405
17342
  }.v-calendar-month__day {
17406
17343
  position: relative;
17407
17344
  display: flex;
@@ -17465,74 +17402,6 @@ html.overflow-y-hidden {
17465
17402
 
17466
17403
  .v-calendar-weekly__day-alldayevents-container {
17467
17404
  min-height: 24px;
17468
- }.v-fab {
17469
- align-items: center;
17470
- display: inline-flex;
17471
- flex: 1 1 auto;
17472
- pointer-events: none;
17473
- position: relative;
17474
- transition-duration: 0.2s;
17475
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17476
- vertical-align: middle;
17477
- }
17478
- .v-fab .v-btn {
17479
- pointer-events: auto;
17480
- }
17481
- .v-fab .v-btn--variant-elevated {
17482
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17483
- }
17484
- .v-fab--app, .v-fab--absolute {
17485
- display: flex;
17486
- }
17487
- .v-fab--start, .v-fab--left {
17488
- justify-content: flex-start;
17489
- }
17490
- .v-fab--center {
17491
- align-items: center;
17492
- justify-content: center;
17493
- }
17494
- .v-fab--end, .v-fab--right {
17495
- justify-content: flex-end;
17496
- }
17497
- .v-fab--bottom {
17498
- align-items: flex-end;
17499
- }
17500
- .v-fab--top {
17501
- align-items: flex-start;
17502
- }
17503
- .v-fab--extended .v-btn {
17504
- border-radius: 9999px !important;
17505
- }
17506
-
17507
- .v-fab__container {
17508
- align-self: center;
17509
- display: inline-flex;
17510
- vertical-align: middle;
17511
- }
17512
- .v-fab--app .v-fab__container {
17513
- margin: 12px;
17514
- }
17515
- .v-fab--absolute .v-fab__container {
17516
- position: absolute;
17517
- z-index: 4;
17518
- }
17519
- .v-fab--offset.v-fab--top .v-fab__container {
17520
- transform: translateY(-50%);
17521
- }
17522
- .v-fab--offset.v-fab--bottom .v-fab__container {
17523
- transform: translateY(50%);
17524
- }
17525
- .v-fab--top .v-fab__container {
17526
- top: 0;
17527
- }
17528
- .v-fab--bottom .v-fab__container {
17529
- bottom: 0;
17530
- }
17531
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
17532
- left: 0;
17533
- }
17534
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
17535
- right: 0;
17536
17405
  }.v-number-input input[type=number] {
17537
17406
  -moz-appearance: textfield;
17538
17407
  }
@@ -17570,6 +17439,74 @@ html.overflow-y-hidden {
17570
17439
  }
17571
17440
  .v-number-input__control .v-btn {
17572
17441
  background-color: transparent;
17442
+ border-radius: 0;
17443
+ }.v-calendar-internal-event {
17444
+ overflow: hidden;
17445
+ padding: 4px;
17446
+ text-overflow: ellipsis;
17447
+ white-space: nowrap;
17448
+ }.v-empty-state {
17449
+ align-items: center;
17450
+ display: flex;
17451
+ flex-direction: column;
17452
+ justify-content: center;
17453
+ min-height: 100%;
17454
+ padding: 16px;
17455
+ }
17456
+ .v-empty-state--start {
17457
+ align-items: flex-start;
17458
+ }
17459
+ .v-empty-state--center {
17460
+ align-items: center;
17461
+ }
17462
+ .v-empty-state--end {
17463
+ align-items: flex-end;
17464
+ }
17465
+
17466
+ .v-empty-state__media {
17467
+ text-align: center;
17468
+ width: 100%;
17469
+ }
17470
+
17471
+ .v-empty-state__headline {
17472
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17473
+ font-size: 3.75rem;
17474
+ font-weight: 300;
17475
+ line-height: 3.75rem;
17476
+ text-align: center;
17477
+ }
17478
+ .v-empty-state--mobile .v-empty-state__headline {
17479
+ font-size: 2.125rem;
17480
+ }
17481
+
17482
+ .v-empty-state__title {
17483
+ font-size: 1.25rem;
17484
+ font-weight: 500;
17485
+ line-height: 2rem;
17486
+ text-align: center;
17487
+ }
17488
+
17489
+ .v-empty-state__text {
17490
+ font-size: 1rem;
17491
+ font-weight: 400;
17492
+ line-height: 1.5rem;
17493
+ padding: 0 16px;
17494
+ text-align: center;
17495
+ }
17496
+
17497
+ .v-empty-state__content {
17498
+ padding: 24px 0;
17499
+ }
17500
+
17501
+ .v-empty-state__actions {
17502
+ display: flex;
17503
+ gap: 8px;
17504
+ padding: 16px;
17505
+ }
17506
+
17507
+ .v-empty-state__action-btn.v-btn {
17508
+ background-color: rgb(var(--v-theme-surface-variant));
17509
+ color: rgb(var(--v-theme-on-surface-variant));
17573
17510
  }.v-picker.v-sheet {
17574
17511
  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));
17575
17512
  border-radius: 4px;
@@ -17621,132 +17558,74 @@ html.overflow-y-hidden {
17621
17558
  padding-bottom: 16px;
17622
17559
  font-weight: 400;
17623
17560
  letter-spacing: 0.1666666667em;
17624
- }.v-time-picker-controls {
17625
- display: flex;
17561
+ }.v-fab {
17626
17562
  align-items: center;
17627
- justify-content: center;
17628
- font-size: 0.875rem;
17629
- padding-top: 4px;
17630
- padding-bottom: 4px;
17631
- margin-bottom: 36px;
17563
+ display: inline-flex;
17564
+ flex: 1 1 auto;
17565
+ pointer-events: none;
17566
+ position: relative;
17567
+ transition-duration: 0.2s;
17568
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17569
+ vertical-align: middle;
17632
17570
  }
17633
- .v-time-picker-controls__text {
17634
- padding-bottom: 12px;
17635
- }
17636
- .v-time-picker-controls__time {
17637
- display: flex;
17638
- white-space: nowrap;
17639
- direction: ltr;
17640
- justify-content: center;
17641
- }
17642
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
17643
- width: 96px;
17644
- height: 80px;
17645
- font-size: 56px;
17646
- }
17647
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
17648
- background: rgb(var(--v-theme-primary));
17649
- }
17650
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
17651
- width: 96px;
17652
- height: 80px;
17653
- }
17654
- .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
17655
- width: 64px;
17656
- height: 80px;
17657
- font-size: 40px;
17658
- }
17659
- .v-time-picker-controls__time__separator {
17660
- font-size: 56px;
17661
- height: 80px;
17662
- width: 24px;
17663
- text-align: center;
17571
+ .v-fab .v-btn {
17572
+ pointer-events: auto;
17664
17573
  }
17665
- .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
17666
- height: 80px;
17667
- font-size: 56px;
17574
+ .v-fab .v-btn--variant-elevated {
17575
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17668
17576
  }
17669
-
17670
- .v-time-picker-controls__ampm {
17671
- margin-left: 12px;
17672
- align-self: flex-end;
17577
+ .v-fab--app, .v-fab--absolute {
17673
17578
  display: flex;
17674
- flex-direction: column;
17675
- font-size: 18px;
17676
- text-transform: uppercase;
17677
17579
  }
17678
- .v-time-picker-controls__ampm--readonly {
17679
- pointer-events: none;
17580
+ .v-fab--start, .v-fab--left {
17581
+ justify-content: flex-start;
17680
17582
  }
17681
- .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
17682
- opacity: 0.6;
17583
+ .v-fab--center {
17584
+ align-items: center;
17585
+ justify-content: center;
17683
17586
  }
17684
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
17685
- font-size: 18px;
17686
- padding: 0 8px;
17687
- min-width: 52px;
17688
- height: 40px;
17587
+ .v-fab--end, .v-fab--right {
17588
+ justify-content: flex-end;
17689
17589
  }
17690
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
17691
- border-radius: 4px 4px 0 0;
17692
- border: 1px solid;
17590
+ .v-fab--bottom {
17591
+ align-items: flex-end;
17693
17592
  }
17694
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
17695
- border-radius: 0 0 4px 4px;
17696
- border: 1px solid;
17697
- border-top: none;
17593
+ .v-fab--top {
17594
+ align-items: flex-start;
17698
17595
  }
17699
- .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
17700
- background: rgb(var(--v-theme-primary));
17596
+ .v-fab--extended .v-btn {
17597
+ border-radius: 9999px !important;
17701
17598
  }
17702
17599
 
17703
- .v-picker__title--landscape .v-time-picker-controls {
17704
- flex-direction: column;
17705
- justify-content: center;
17706
- height: 100%;
17707
- }
17708
- .v-picker__title--landscape .v-time-picker-controls__time {
17709
- text-align: right;
17710
- }
17711
- .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
17712
- .v-picker__title--landscape .v-time-picker-controls__time span {
17713
- height: 55px;
17714
- font-size: 55px;
17600
+ .v-fab__container {
17601
+ align-self: center;
17602
+ display: inline-flex;
17603
+ vertical-align: middle;
17715
17604
  }
17716
- .v-picker__title--landscape .v-time-picker-controls__ampm {
17717
- margin: 16px 0 0;
17718
- align-self: initial;
17719
- text-align: center;
17605
+ .v-fab--app .v-fab__container {
17606
+ margin: 12px;
17720
17607
  }
17721
-
17722
- .v-picker--time .v-picker__title--landscape {
17723
- padding: 0;
17608
+ .v-fab--absolute .v-fab__container {
17609
+ position: absolute;
17610
+ z-index: 4;
17724
17611
  }
17725
- .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
17726
- text-align: center;
17727
- }.v-time-picker.v-picker {
17728
- padding: 24px;
17729
- width: 328px;
17612
+ .v-fab--offset.v-fab--top .v-fab__container {
17613
+ transform: translateY(-50%);
17730
17614
  }
17731
- .v-time-picker.v-picker .v-picker-title {
17732
- padding: 0;
17733
- margin-bottom: 20px;
17734
- }.v-treeview-item--filtered {
17735
- display: none;
17615
+ .v-fab--offset.v-fab--bottom .v-fab__container {
17616
+ transform: translateY(50%);
17736
17617
  }
17737
-
17738
- .v-treeview {
17739
- --indent-padding: 0px;
17618
+ .v-fab--top .v-fab__container {
17619
+ top: 0;
17740
17620
  }
17741
-
17742
- .v-treeview-group.v-list-group {
17743
- --list-indent-size: 16px;
17621
+ .v-fab--bottom .v-fab__container {
17622
+ bottom: 0;
17744
17623
  }
17745
- .v-list--slim .v-treeview-group.v-list-group {
17746
- --prepend-width: 16px;
17624
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
17625
+ left: 0;
17747
17626
  }
17748
- .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17749
- padding-inline-start: calc(12px + var(--indent-padding)) !important;
17627
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
17628
+ right: 0;
17750
17629
  }.v-time-picker-clock {
17751
17630
  background: rgb(var(--v-theme-background));
17752
17631
  color: rgb(var(--v-theme-on-background));
@@ -17878,84 +17757,263 @@ html.overflow-y-hidden {
17878
17757
 
17879
17758
  .v-picker--landscape .v-time-picker-clock__container {
17880
17759
  flex-direction: row;
17881
- }.v-speed-dial__content {
17882
- gap: 8px;
17883
- }.v-app-bar {
17760
+ }.v-time-picker-controls {
17884
17761
  display: flex;
17762
+ align-items: center;
17763
+ justify-content: center;
17764
+ font-size: 0.875rem;
17765
+ padding-top: 4px;
17766
+ padding-bottom: 4px;
17767
+ margin-bottom: 36px;
17885
17768
  }
17886
- .v-app-bar.v-toolbar {
17887
- background: rgb(var(--v-theme-surface));
17888
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17889
- }
17890
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17891
- 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));
17769
+ .v-time-picker-controls__text {
17770
+ padding-bottom: 12px;
17892
17771
  }
17893
- .v-app-bar:not(.v-toolbar--absolute) {
17894
- padding-inline-end: var(--v-scrollbar-offset);
17895
- }.v-application {
17772
+ .v-time-picker-controls__time {
17896
17773
  display: flex;
17897
- background: rgb(var(--v-theme-background));
17898
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17774
+ white-space: nowrap;
17775
+ direction: ltr;
17776
+ justify-content: center;
17899
17777
  }
17900
-
17901
- .v-application__wrap {
17902
- -webkit-backface-visibility: hidden;
17903
- backface-visibility: hidden;
17904
- display: flex;
17905
- flex-direction: column;
17906
- flex: 1 1 auto;
17907
- max-width: 100%;
17908
- min-height: 100vh;
17909
- min-height: 100dvh;
17910
- position: relative;
17911
- }.v-alert {
17912
- display: grid;
17913
- flex: 1 1;
17914
- grid-template-areas: "prepend content append close" ". content . .";
17915
- grid-template-columns: max-content auto max-content max-content;
17916
- position: relative;
17917
- padding: 16px;
17918
- overflow: hidden;
17919
- --v-border-color: currentColor;
17920
- border-radius: 4px;
17778
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn {
17779
+ width: 96px;
17780
+ height: 80px;
17781
+ font-size: 56px;
17921
17782
  }
17922
- .v-alert--absolute {
17923
- position: absolute;
17783
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn__active {
17784
+ background: rgb(var(--v-theme-primary));
17924
17785
  }
17925
- .v-alert--fixed {
17926
- position: fixed;
17786
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-ampm__btn {
17787
+ width: 96px;
17788
+ height: 80px;
17927
17789
  }
17928
- .v-alert--sticky {
17929
- position: sticky;
17790
+ .v-time-picker-controls__time__btn.v-btn--density-default.v-btn.v-time-picker-controls__time--with-seconds__btn {
17791
+ width: 64px;
17792
+ height: 80px;
17793
+ font-size: 40px;
17930
17794
  }
17931
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17932
- background: transparent;
17933
- color: inherit;
17795
+ .v-time-picker-controls__time__separator {
17796
+ font-size: 56px;
17797
+ height: 80px;
17798
+ width: 24px;
17799
+ text-align: center;
17934
17800
  }
17935
- .v-alert--variant-plain {
17936
- opacity: 0.62;
17801
+ .v-time-picker-controls__time__separator.v-time-picker-controls--with-seconds__time__separator {
17802
+ height: 80px;
17803
+ font-size: 56px;
17937
17804
  }
17938
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17939
- opacity: 1;
17805
+
17806
+ .v-time-picker-controls__ampm {
17807
+ margin-left: 12px;
17808
+ align-self: flex-end;
17809
+ display: flex;
17810
+ flex-direction: column;
17811
+ font-size: 18px;
17812
+ text-transform: uppercase;
17940
17813
  }
17941
- .v-alert--variant-plain .v-alert__overlay {
17942
- display: none;
17814
+ .v-time-picker-controls__ampm--readonly {
17815
+ pointer-events: none;
17943
17816
  }
17944
- .v-alert--variant-elevated, .v-alert--variant-flat {
17945
- background: rgb(var(--v-theme-surface-light));
17946
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17817
+ .v-time-picker-controls__ampm--readonly .v-picker__title__btn.v-picker__title__btn--active {
17818
+ opacity: 0.6;
17947
17819
  }
17948
- .v-alert--variant-elevated {
17949
- 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));
17820
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default {
17821
+ font-size: 18px;
17822
+ padding: 0 8px;
17823
+ min-width: 52px;
17824
+ height: 40px;
17950
17825
  }
17951
- .v-alert--variant-flat {
17952
- 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));
17826
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__am {
17827
+ border-radius: 4px 4px 0 0;
17828
+ border: 1px solid;
17953
17829
  }
17954
- .v-alert--variant-outlined {
17955
- border: thin solid currentColor;
17830
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default.v-time-picker-controls__ampm__pm {
17831
+ border-radius: 0 0 4px 4px;
17832
+ border: 1px solid;
17833
+ border-top: none;
17956
17834
  }
17957
- .v-alert--variant-text .v-alert__overlay {
17958
- background: currentColor;
17835
+ .v-time-picker-controls__ampm__btn.v-btn.v-btn--density-default__active {
17836
+ background: rgb(var(--v-theme-primary));
17837
+ }
17838
+
17839
+ .v-picker__title--landscape .v-time-picker-controls {
17840
+ flex-direction: column;
17841
+ justify-content: center;
17842
+ height: 100%;
17843
+ }
17844
+ .v-picker__title--landscape .v-time-picker-controls__time {
17845
+ text-align: right;
17846
+ }
17847
+ .v-picker__title--landscape .v-time-picker-controls__time .v-picker__title__btn,
17848
+ .v-picker__title--landscape .v-time-picker-controls__time span {
17849
+ height: 55px;
17850
+ font-size: 55px;
17851
+ }
17852
+ .v-picker__title--landscape .v-time-picker-controls__ampm {
17853
+ margin: 16px 0 0;
17854
+ align-self: initial;
17855
+ text-align: center;
17856
+ }
17857
+
17858
+ .v-picker--time .v-picker__title--landscape {
17859
+ padding: 0;
17860
+ }
17861
+ .v-picker--time .v-picker__title--landscape .v-time-picker-controls__time {
17862
+ text-align: center;
17863
+ }.v-time-picker.v-picker {
17864
+ padding: 24px;
17865
+ width: 328px;
17866
+ }
17867
+ .v-time-picker.v-picker .v-picker-title {
17868
+ padding: 0;
17869
+ margin-bottom: 20px;
17870
+ }.v-speed-dial__content {
17871
+ gap: 8px;
17872
+ }.v-treeview-item--filtered {
17873
+ display: none;
17874
+ }
17875
+
17876
+ .v-treeview {
17877
+ --indent-padding: 0px;
17878
+ }
17879
+
17880
+ .v-treeview-group.v-list-group {
17881
+ --list-indent-size: 16px;
17882
+ }
17883
+ .v-list--slim .v-treeview-group.v-list-group {
17884
+ --prepend-width: 16px;
17885
+ }
17886
+ .v-treeview-group.v-list-group .v-list-group__items .v-list-item {
17887
+ padding-inline-start: calc(12px + var(--indent-padding)) !important;
17888
+ }.v-autocomplete .v-field .v-text-field__prefix,
17889
+ .v-autocomplete .v-field .v-text-field__suffix,
17890
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17891
+ cursor: text;
17892
+ }
17893
+ .v-autocomplete .v-field .v-field__input > input {
17894
+ flex: 1 1;
17895
+ }
17896
+ .v-autocomplete .v-field input {
17897
+ min-width: 64px;
17898
+ }
17899
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17900
+ min-width: 0;
17901
+ }
17902
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17903
+ margin-inline-end: 2px;
17904
+ }
17905
+ .v-autocomplete .v-autocomplete__selection-text {
17906
+ overflow: hidden;
17907
+ text-overflow: ellipsis;
17908
+ white-space: nowrap;
17909
+ }
17910
+
17911
+ .v-autocomplete__content {
17912
+ overflow: hidden;
17913
+ 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));
17914
+ border-radius: 4px;
17915
+ }
17916
+ .v-autocomplete__mask {
17917
+ background: rgb(var(--v-theme-surface-light));
17918
+ }
17919
+ .v-autocomplete__selection {
17920
+ display: inline-flex;
17921
+ align-items: center;
17922
+ height: 1.5rem;
17923
+ letter-spacing: inherit;
17924
+ line-height: inherit;
17925
+ max-width: calc(100% - 2px - 2px);
17926
+ }
17927
+ .v-autocomplete__selection:first-child {
17928
+ margin-inline-start: 0;
17929
+ }
17930
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17931
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17932
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17933
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17934
+ top: 0px;
17935
+ }
17936
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17937
+ opacity: var(--v-medium-emphasis-opacity);
17938
+ }
17939
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17940
+ opacity: 1;
17941
+ }
17942
+ .v-autocomplete--selecting-index .v-field__input > input {
17943
+ caret-color: transparent;
17944
+ }
17945
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17946
+ flex: 1 1;
17947
+ position: absolute;
17948
+ left: 0;
17949
+ right: 0;
17950
+ width: 100%;
17951
+ padding-inline: inherit;
17952
+ }
17953
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17954
+ transition: none;
17955
+ }
17956
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17957
+ opacity: 0;
17958
+ }
17959
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17960
+ opacity: 0;
17961
+ }
17962
+ .v-autocomplete__menu-icon {
17963
+ margin-inline-start: 4px;
17964
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17965
+ }
17966
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17967
+ opacity: var(--v-high-emphasis-opacity);
17968
+ transform: rotate(180deg);
17969
+ }.v-alert {
17970
+ display: grid;
17971
+ flex: 1 1;
17972
+ grid-template-areas: "prepend content append close" ". content . .";
17973
+ grid-template-columns: max-content auto max-content max-content;
17974
+ position: relative;
17975
+ padding: 16px;
17976
+ overflow: hidden;
17977
+ --v-border-color: currentColor;
17978
+ border-radius: 4px;
17979
+ }
17980
+ .v-alert--absolute {
17981
+ position: absolute;
17982
+ }
17983
+ .v-alert--fixed {
17984
+ position: fixed;
17985
+ }
17986
+ .v-alert--sticky {
17987
+ position: sticky;
17988
+ }
17989
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17990
+ background: transparent;
17991
+ color: inherit;
17992
+ }
17993
+ .v-alert--variant-plain {
17994
+ opacity: 0.62;
17995
+ }
17996
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17997
+ opacity: 1;
17998
+ }
17999
+ .v-alert--variant-plain .v-alert__overlay {
18000
+ display: none;
18001
+ }
18002
+ .v-alert--variant-elevated, .v-alert--variant-flat {
18003
+ background: rgb(var(--v-theme-surface-light));
18004
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
18005
+ }
18006
+ .v-alert--variant-elevated {
18007
+ 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));
18008
+ }
18009
+ .v-alert--variant-flat {
18010
+ 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));
18011
+ }
18012
+ .v-alert--variant-outlined {
18013
+ border: thin solid currentColor;
18014
+ }
18015
+ .v-alert--variant-text .v-alert__overlay {
18016
+ background: currentColor;
17959
18017
  }
17960
18018
  .v-alert--variant-tonal .v-alert__underlay {
17961
18019
  background: currentColor;
@@ -18118,87 +18176,127 @@ html.overflow-y-hidden {
18118
18176
  text-transform: none;
18119
18177
  word-break: normal;
18120
18178
  word-wrap: break-word;
18121
- }.v-autocomplete .v-field .v-text-field__prefix,
18122
- .v-autocomplete .v-field .v-text-field__suffix,
18123
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18124
- cursor: text;
18125
- }
18126
- .v-autocomplete .v-field .v-field__input > input {
18127
- flex: 1 1;
18128
- }
18129
- .v-autocomplete .v-field input {
18130
- min-width: 64px;
18131
- }
18132
- .v-autocomplete .v-field:not(.v-field--focused) input {
18133
- min-width: 0;
18134
- }
18135
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18136
- margin-inline-end: 2px;
18179
+ }.v-app-bar {
18180
+ display: flex;
18137
18181
  }
18138
- .v-autocomplete .v-autocomplete__selection-text {
18139
- overflow: hidden;
18140
- text-overflow: ellipsis;
18141
- white-space: nowrap;
18182
+ .v-app-bar.v-toolbar {
18183
+ background: rgb(var(--v-theme-surface));
18184
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
18185
  }
18143
-
18144
- .v-autocomplete__content {
18145
- overflow: hidden;
18186
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18146
18187
  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));
18147
- border-radius: 4px;
18148
- }
18149
- .v-autocomplete__mask {
18150
- background: rgb(var(--v-theme-surface-light));
18151
18188
  }
18152
- .v-autocomplete__selection {
18153
- display: inline-flex;
18189
+ .v-app-bar:not(.v-toolbar--absolute) {
18190
+ padding-inline-end: var(--v-scrollbar-offset);
18191
+ }.v-avatar {
18192
+ flex: none;
18154
18193
  align-items: center;
18155
- height: 1.5rem;
18156
- letter-spacing: inherit;
18157
- line-height: inherit;
18158
- max-width: calc(100% - 2px - 2px);
18194
+ display: inline-flex;
18195
+ justify-content: center;
18196
+ line-height: normal;
18197
+ overflow: hidden;
18198
+ position: relative;
18199
+ text-align: center;
18200
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18201
+ transition-property: width, height;
18202
+ vertical-align: middle;
18203
+ border-radius: 50%;
18159
18204
  }
18160
- .v-autocomplete__selection:first-child {
18161
- margin-inline-start: 0;
18205
+ .v-avatar.v-avatar--size-x-small {
18206
+ --v-avatar-height: 24px;
18162
18207
  }
18163
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18164
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18165
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18166
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18167
- top: 0px;
18208
+ .v-avatar.v-avatar--size-small {
18209
+ --v-avatar-height: 32px;
18168
18210
  }
18169
- .v-autocomplete--selecting-index .v-autocomplete__selection {
18170
- opacity: var(--v-medium-emphasis-opacity);
18211
+ .v-avatar.v-avatar--size-default {
18212
+ --v-avatar-height: 40px;
18171
18213
  }
18172
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18173
- opacity: 1;
18214
+ .v-avatar.v-avatar--size-large {
18215
+ --v-avatar-height: 48px;
18174
18216
  }
18175
- .v-autocomplete--selecting-index .v-field__input > input {
18176
- caret-color: transparent;
18217
+ .v-avatar.v-avatar--size-x-large {
18218
+ --v-avatar-height: 56px;
18177
18219
  }
18178
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18179
- flex: 1 1;
18220
+ .v-avatar.v-avatar--density-default {
18221
+ height: calc(var(--v-avatar-height) + 0px);
18222
+ width: calc(var(--v-avatar-height) + 0px);
18223
+ }
18224
+ .v-avatar.v-avatar--density-comfortable {
18225
+ height: calc(var(--v-avatar-height) + -4px);
18226
+ width: calc(var(--v-avatar-height) + -4px);
18227
+ }
18228
+ .v-avatar.v-avatar--density-compact {
18229
+ height: calc(var(--v-avatar-height) + -8px);
18230
+ width: calc(var(--v-avatar-height) + -8px);
18231
+ }
18232
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18233
+ background: transparent;
18234
+ color: inherit;
18235
+ }
18236
+ .v-avatar--variant-plain {
18237
+ opacity: 0.62;
18238
+ }
18239
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18240
+ opacity: 1;
18241
+ }
18242
+ .v-avatar--variant-plain .v-avatar__overlay {
18243
+ display: none;
18244
+ }
18245
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
18246
+ background: var(--v-theme-surface);
18247
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18248
+ }
18249
+ .v-avatar--variant-elevated {
18250
+ 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));
18251
+ }
18252
+ .v-avatar--variant-flat {
18253
+ 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));
18254
+ }
18255
+ .v-avatar--variant-outlined {
18256
+ border: thin solid currentColor;
18257
+ }
18258
+ .v-avatar--variant-text .v-avatar__overlay {
18259
+ background: currentColor;
18260
+ }
18261
+ .v-avatar--variant-tonal .v-avatar__underlay {
18262
+ background: currentColor;
18263
+ opacity: var(--v-activated-opacity);
18264
+ border-radius: inherit;
18180
18265
  position: absolute;
18181
- left: 0;
18266
+ top: 0;
18182
18267
  right: 0;
18183
- width: 100%;
18184
- padding-inline: inherit;
18268
+ bottom: 0;
18269
+ left: 0;
18270
+ pointer-events: none;
18185
18271
  }
18186
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18187
- transition: none;
18272
+ .v-avatar--rounded {
18273
+ border-radius: 4px;
18188
18274
  }
18189
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18190
- opacity: 0;
18275
+ .v-avatar--start {
18276
+ margin-inline-end: 8px;
18191
18277
  }
18192
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18193
- opacity: 0;
18278
+ .v-avatar--end {
18279
+ margin-inline-start: 8px;
18194
18280
  }
18195
- .v-autocomplete__menu-icon {
18196
- margin-inline-start: 4px;
18197
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18281
+ .v-avatar .v-img {
18282
+ height: 100%;
18283
+ width: 100%;
18284
+ }.v-application {
18285
+ display: flex;
18286
+ background: rgb(var(--v-theme-background));
18287
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
18198
18288
  }
18199
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18200
- opacity: var(--v-high-emphasis-opacity);
18201
- transform: rotate(180deg);
18289
+
18290
+ .v-application__wrap {
18291
+ -webkit-backface-visibility: hidden;
18292
+ backface-visibility: hidden;
18293
+ display: flex;
18294
+ flex-direction: column;
18295
+ flex: 1 1 auto;
18296
+ max-width: 100%;
18297
+ min-height: 100vh;
18298
+ min-height: 100dvh;
18299
+ position: relative;
18202
18300
  }.v-badge {
18203
18301
  display: inline-block;
18204
18302
  line-height: 1;
@@ -18270,99 +18368,118 @@ html.overflow-y-hidden {
18270
18368
  display: inline-flex;
18271
18369
  justify-content: center;
18272
18370
  margin: 0 4px;
18273
- }.v-avatar {
18274
- flex: none;
18371
+ }.v-breadcrumbs {
18372
+ display: flex;
18275
18373
  align-items: center;
18276
- display: inline-flex;
18277
- justify-content: center;
18278
- line-height: normal;
18279
- overflow: hidden;
18280
- position: relative;
18281
- text-align: center;
18282
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18283
- transition-property: width, height;
18284
- vertical-align: middle;
18285
- border-radius: 50%;
18286
- }
18287
- .v-avatar.v-avatar--size-x-small {
18288
- --v-avatar-height: 24px;
18374
+ line-height: 1.375rem;
18375
+ padding: 16px 12px;
18289
18376
  }
18290
- .v-avatar.v-avatar--size-small {
18291
- --v-avatar-height: 32px;
18377
+ .v-breadcrumbs--rounded {
18378
+ border-radius: 4px;
18292
18379
  }
18293
- .v-avatar.v-avatar--size-default {
18294
- --v-avatar-height: 40px;
18380
+ .v-breadcrumbs--density-default {
18381
+ padding-top: 16px;
18382
+ padding-bottom: 16px;
18295
18383
  }
18296
- .v-avatar.v-avatar--size-large {
18297
- --v-avatar-height: 48px;
18384
+
18385
+ .v-breadcrumbs--density-comfortable {
18386
+ padding-top: 12px;
18387
+ padding-bottom: 12px;
18298
18388
  }
18299
- .v-avatar.v-avatar--size-x-large {
18300
- --v-avatar-height: 56px;
18389
+
18390
+ .v-breadcrumbs--density-compact {
18391
+ padding-top: 8px;
18392
+ padding-bottom: 8px;
18301
18393
  }
18302
- .v-avatar.v-avatar--density-default {
18303
- height: calc(var(--v-avatar-height) + 0px);
18304
- width: calc(var(--v-avatar-height) + 0px);
18394
+
18395
+ .v-breadcrumbs__prepend {
18396
+ align-items: center;
18397
+ display: inline-flex;
18305
18398
  }
18306
- .v-avatar.v-avatar--density-comfortable {
18307
- height: calc(var(--v-avatar-height) + -4px);
18308
- width: calc(var(--v-avatar-height) + -4px);
18399
+
18400
+ .v-breadcrumbs-item {
18401
+ align-items: center;
18402
+ color: inherit;
18403
+ display: inline-flex;
18404
+ padding: 0 4px;
18405
+ text-decoration: none;
18406
+ vertical-align: middle;
18309
18407
  }
18310
- .v-avatar.v-avatar--density-compact {
18311
- height: calc(var(--v-avatar-height) + -8px);
18312
- width: calc(var(--v-avatar-height) + -8px);
18408
+ .v-breadcrumbs-item--disabled {
18409
+ opacity: var(--v-disabled-opacity);
18410
+ pointer-events: none;
18313
18411
  }
18314
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18315
- background: transparent;
18412
+ .v-breadcrumbs-item--link {
18316
18413
  color: inherit;
18414
+ text-decoration: none;
18317
18415
  }
18318
- .v-avatar--variant-plain {
18319
- opacity: 0.62;
18320
- }
18321
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18322
- opacity: 1;
18416
+ .v-breadcrumbs-item--link:hover {
18417
+ text-decoration: underline;
18323
18418
  }
18324
- .v-avatar--variant-plain .v-avatar__overlay {
18325
- display: none;
18419
+ .v-breadcrumbs-item .v-icon {
18420
+ font-size: 1rem;
18421
+ margin-inline: -4px 2px;
18326
18422
  }
18327
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18328
- background: var(--v-theme-surface);
18329
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18423
+
18424
+ .v-breadcrumbs-divider {
18425
+ display: inline-block;
18426
+ padding: 0 8px;
18427
+ vertical-align: middle;
18428
+ }.v-bottom-navigation {
18429
+ display: flex;
18430
+ max-width: 100%;
18431
+ overflow: hidden;
18432
+ position: absolute;
18433
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18434
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18435
+ border-style: solid;
18436
+ border-width: 0;
18437
+ border-radius: 0;
18438
+ background: rgb(var(--v-theme-surface));
18439
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18330
18440
  }
18331
- .v-avatar--variant-elevated {
18332
- 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));
18441
+ .v-bottom-navigation--border {
18442
+ border-width: thin;
18443
+ box-shadow: none;
18333
18444
  }
18334
- .v-avatar--variant-flat {
18335
- 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));
18445
+ .v-bottom-navigation--active {
18446
+ 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));
18336
18447
  }
18337
- .v-avatar--variant-outlined {
18338
- border: thin solid currentColor;
18448
+
18449
+ .v-bottom-navigation__content {
18450
+ display: flex;
18451
+ flex: none;
18452
+ font-size: 0.75rem;
18453
+ justify-content: center;
18454
+ transition: inherit;
18455
+ width: 100%;
18339
18456
  }
18340
- .v-avatar--variant-text .v-avatar__overlay {
18341
- background: currentColor;
18457
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18458
+ font-size: inherit;
18459
+ height: 100%;
18460
+ max-width: 168px;
18461
+ min-width: 80px;
18462
+ text-transform: none;
18463
+ transition: inherit;
18464
+ width: auto;
18465
+ border-radius: 0;
18342
18466
  }
18343
- .v-avatar--variant-tonal .v-avatar__underlay {
18344
- background: currentColor;
18345
- opacity: var(--v-activated-opacity);
18346
- border-radius: inherit;
18347
- position: absolute;
18348
- top: 0;
18349
- right: 0;
18350
- bottom: 0;
18351
- left: 0;
18352
- pointer-events: none;
18467
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18468
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18469
+ transition: inherit;
18353
18470
  }
18354
- .v-avatar--rounded {
18355
- border-radius: 4px;
18471
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18472
+ font-size: 1.5rem;
18356
18473
  }
18357
- .v-avatar--start {
18358
- margin-inline-end: 8px;
18474
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18475
+ flex-grow: 1;
18359
18476
  }
18360
- .v-avatar--end {
18361
- margin-inline-start: 8px;
18477
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18478
+ transition: inherit;
18479
+ opacity: 0;
18362
18480
  }
18363
- .v-avatar .v-img {
18364
- height: 100%;
18365
- width: 100%;
18481
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18482
+ transform: translateY(0.5rem);
18366
18483
  }.v-banner {
18367
18484
  display: grid;
18368
18485
  flex: 1 1;
@@ -18520,63 +18637,6 @@ html.overflow-y-hidden {
18520
18637
  }
18521
18638
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18522
18639
  align-self: flex-start;
18523
- }.v-breadcrumbs {
18524
- display: flex;
18525
- align-items: center;
18526
- line-height: 1.375rem;
18527
- padding: 16px 12px;
18528
- }
18529
- .v-breadcrumbs--rounded {
18530
- border-radius: 4px;
18531
- }
18532
- .v-breadcrumbs--density-default {
18533
- padding-top: 16px;
18534
- padding-bottom: 16px;
18535
- }
18536
-
18537
- .v-breadcrumbs--density-comfortable {
18538
- padding-top: 12px;
18539
- padding-bottom: 12px;
18540
- }
18541
-
18542
- .v-breadcrumbs--density-compact {
18543
- padding-top: 8px;
18544
- padding-bottom: 8px;
18545
- }
18546
-
18547
- .v-breadcrumbs__prepend {
18548
- align-items: center;
18549
- display: inline-flex;
18550
- }
18551
-
18552
- .v-breadcrumbs-item {
18553
- align-items: center;
18554
- color: inherit;
18555
- display: inline-flex;
18556
- padding: 0 4px;
18557
- text-decoration: none;
18558
- vertical-align: middle;
18559
- }
18560
- .v-breadcrumbs-item--disabled {
18561
- opacity: var(--v-disabled-opacity);
18562
- pointer-events: none;
18563
- }
18564
- .v-breadcrumbs-item--link {
18565
- color: inherit;
18566
- text-decoration: none;
18567
- }
18568
- .v-breadcrumbs-item--link:hover {
18569
- text-decoration: underline;
18570
- }
18571
- .v-breadcrumbs-item .v-icon {
18572
- font-size: 1rem;
18573
- margin-inline: -4px 2px;
18574
- }
18575
-
18576
- .v-breadcrumbs-divider {
18577
- display: inline-block;
18578
- padding: 0 8px;
18579
- vertical-align: middle;
18580
18640
  }.bottom-sheet-transition-enter-from {
18581
18641
  transform: translateY(100%);
18582
18642
  }
@@ -18609,61 +18669,6 @@ html.overflow-y-hidden {
18609
18669
  .v-bottom-sheet.v-bottom-sheet--inset {
18610
18670
  max-width: 70%;
18611
18671
  }
18612
- }.v-bottom-navigation {
18613
- display: flex;
18614
- max-width: 100%;
18615
- overflow: hidden;
18616
- position: absolute;
18617
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18618
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18619
- border-style: solid;
18620
- border-width: 0;
18621
- border-radius: 0;
18622
- background: rgb(var(--v-theme-surface));
18623
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18624
- }
18625
- .v-bottom-navigation--border {
18626
- border-width: thin;
18627
- box-shadow: none;
18628
- }
18629
- .v-bottom-navigation--active {
18630
- 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));
18631
- }
18632
-
18633
- .v-bottom-navigation__content {
18634
- display: flex;
18635
- flex: none;
18636
- font-size: 0.75rem;
18637
- justify-content: center;
18638
- transition: inherit;
18639
- width: 100%;
18640
- }
18641
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18642
- font-size: inherit;
18643
- height: 100%;
18644
- max-width: 168px;
18645
- min-width: 80px;
18646
- text-transform: none;
18647
- transition: inherit;
18648
- width: auto;
18649
- border-radius: 0;
18650
- }
18651
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18652
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18653
- transition: inherit;
18654
- }
18655
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18656
- font-size: 1.5rem;
18657
- }
18658
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18659
- flex-grow: 1;
18660
- }
18661
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18662
- transition: inherit;
18663
- opacity: 0;
18664
- }
18665
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18666
- transform: translateY(0.5rem);
18667
18672
  }.v-btn-group {
18668
18673
  display: inline-flex;
18669
18674
  flex-wrap: nowrap;
@@ -19123,19 +19128,6 @@ html.overflow-y-hidden {
19123
19128
  }
19124
19129
  .v-pagination__item--is-active .v-btn__overlay {
19125
19130
  opacity: var(--v-border-opacity);
19126
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19127
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19128
- }
19129
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19130
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19131
- }
19132
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19133
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19134
- }
19135
- @supports not selector(:focus-visible) {
19136
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19137
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19138
- }
19139
19131
  }.v-card {
19140
19132
  display: block;
19141
19133
  overflow: hidden;
@@ -19432,6 +19424,24 @@ html.overflow-y-hidden {
19432
19424
  pointer-events: none;
19433
19425
  opacity: 0;
19434
19426
  transition: opacity 0.2s ease-in-out;
19427
+ }.v-checkbox.v-input {
19428
+ flex: 0 1 auto;
19429
+ }
19430
+ .v-checkbox .v-selection-control {
19431
+ min-height: var(--v-input-control-height);
19432
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19433
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19434
+ }
19435
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19436
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19437
+ }
19438
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19439
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19440
+ }
19441
+ @supports not selector(:focus-visible) {
19442
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19443
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19444
+ }
19435
19445
  }.v-carousel {
19436
19446
  overflow: hidden;
19437
19447
  position: relative;
@@ -19495,29 +19505,6 @@ html.overflow-y-hidden {
19495
19505
  flex-direction: column;
19496
19506
  height: 100% !important;
19497
19507
  width: 50px;
19498
- }.v-checkbox.v-input {
19499
- flex: 0 1 auto;
19500
- }
19501
- .v-checkbox .v-selection-control {
19502
- min-height: var(--v-input-control-height);
19503
- }.v-chip-group {
19504
- display: flex;
19505
- max-width: 100%;
19506
- min-width: 0;
19507
- overflow-x: auto;
19508
- padding: 4px 0;
19509
- }
19510
- .v-chip-group .v-chip {
19511
- margin: 4px 8px 4px 0;
19512
- }
19513
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19514
- opacity: var(--v-activated-opacity);
19515
- }
19516
-
19517
- .v-chip-group--column .v-slide-group__content {
19518
- white-space: normal;
19519
- flex-wrap: wrap;
19520
- max-width: 100%;
19521
19508
  }.v-chip {
19522
19509
  align-items: center;
19523
19510
  display: inline-flex;
@@ -19928,87 +19915,24 @@ html.overflow-y-hidden {
19928
19915
 
19929
19916
  .v-chip--label {
19930
19917
  border-radius: 4px;
19931
- }.v-combobox .v-field .v-text-field__prefix,
19932
- .v-combobox .v-field .v-text-field__suffix,
19933
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19934
- cursor: text;
19935
- }
19936
- .v-combobox .v-field .v-field__input > input {
19937
- flex: 1 1;
19938
- }
19939
- .v-combobox .v-field input {
19940
- min-width: 64px;
19941
- }
19942
- .v-combobox .v-field:not(.v-field--focused) input {
19918
+ }.v-chip-group {
19919
+ display: flex;
19920
+ max-width: 100%;
19943
19921
  min-width: 0;
19922
+ overflow-x: auto;
19923
+ padding: 4px 0;
19944
19924
  }
19945
- .v-combobox .v-field--dirty .v-combobox__selection {
19946
- margin-inline-end: 2px;
19925
+ .v-chip-group .v-chip {
19926
+ margin: 4px 8px 4px 0;
19947
19927
  }
19948
- .v-combobox .v-combobox__selection-text {
19949
- overflow: hidden;
19950
- text-overflow: ellipsis;
19951
- white-space: nowrap;
19928
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19929
+ opacity: var(--v-activated-opacity);
19952
19930
  }
19953
19931
 
19954
- .v-combobox__content {
19955
- overflow: hidden;
19956
- 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));
19957
- border-radius: 4px;
19958
- }
19959
- .v-combobox__mask {
19960
- background: rgb(var(--v-theme-surface-light));
19961
- }
19962
- .v-combobox__selection {
19963
- display: inline-flex;
19964
- align-items: center;
19965
- height: 1.5rem;
19966
- letter-spacing: inherit;
19967
- line-height: inherit;
19968
- max-width: calc(100% - 2px - 2px);
19969
- }
19970
- .v-combobox__selection:first-child {
19971
- margin-inline-start: 0;
19972
- }
19973
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19974
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19975
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19976
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19977
- top: 0px;
19978
- }
19979
- .v-combobox--selecting-index .v-combobox__selection {
19980
- opacity: var(--v-medium-emphasis-opacity);
19981
- }
19982
- .v-combobox--selecting-index .v-combobox__selection--selected {
19983
- opacity: 1;
19984
- }
19985
- .v-combobox--selecting-index .v-field__input > input {
19986
- caret-color: transparent;
19987
- }
19988
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19989
- flex: 1 1;
19990
- position: absolute;
19991
- left: 0;
19992
- right: 0;
19993
- width: 100%;
19994
- padding-inline: inherit;
19995
- }
19996
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19997
- transition: none;
19998
- }
19999
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20000
- opacity: 0;
20001
- }
20002
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20003
- opacity: 0;
20004
- }
20005
- .v-combobox__menu-icon {
20006
- margin-inline-start: 4px;
20007
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20008
- }
20009
- .v-combobox--active-menu .v-combobox__menu-icon {
20010
- opacity: var(--v-high-emphasis-opacity);
20011
- transform: rotate(180deg);
19932
+ .v-chip-group--column .v-slide-group__content {
19933
+ white-space: normal;
19934
+ flex-wrap: wrap;
19935
+ max-width: 100%;
20012
19936
  }.v-container {
20013
19937
  width: 100%;
20014
19938
  padding: 16px;
@@ -20681,68 +20605,8 @@ html.overflow-y-hidden {
20681
20605
  .offset-xxl-11 {
20682
20606
  margin-inline-start: 91.6666666667%;
20683
20607
  }
20684
- }.v-color-picker {
20685
- align-self: flex-start;
20686
- contain: content;
20687
- }
20688
- .v-color-picker.v-sheet {
20689
- 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));
20690
- border-radius: 4px;
20691
- }
20692
-
20693
- .v-color-picker__controls {
20694
- display: flex;
20695
- flex-direction: column;
20696
- padding: 16px;
20697
- }
20698
-
20699
- .v-color-picker--flat {
20700
- 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));
20701
- }
20702
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20703
- 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));
20704
- }.v-counter {
20705
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20706
- flex: 0 1 auto;
20707
- font-size: 12px;
20708
- transition-duration: 150ms;
20709
- }.v-data-table-footer {
20710
- display: flex;
20711
- align-items: center;
20712
- flex-wrap: wrap;
20713
- padding: 4px;
20714
- justify-content: flex-end;
20715
- }
20716
-
20717
- .v-data-table-footer__items-per-page {
20718
- display: flex;
20719
- align-items: center;
20720
- justify-content: center;
20721
- }
20722
- .v-data-table-footer__items-per-page > span {
20723
- padding-inline-end: 8px;
20724
- }
20725
- .v-data-table-footer__items-per-page > .v-select {
20726
- width: 90px;
20727
- }
20728
-
20729
- .v-data-table-footer__info {
20730
- display: flex;
20731
- justify-content: flex-end;
20732
- min-width: 116px;
20733
- padding: 0 16px;
20734
- }
20735
-
20736
- .v-data-table-footer__pagination {
20737
- display: flex;
20738
- align-items: center;
20739
- margin-inline-start: 16px;
20740
- }
20741
-
20742
- .v-data-table-footer__page {
20743
- padding: 0 8px;
20744
- }.v-data-table {
20745
- width: 100%;
20608
+ }.v-data-table {
20609
+ width: 100%;
20746
20610
  }
20747
20611
 
20748
20612
  .v-data-table__table {
@@ -20874,158 +20738,178 @@ html.overflow-y-hidden {
20874
20738
  .v-data-table-rows-loading,
20875
20739
  .v-data-table-rows-no-data {
20876
20740
  text-align: center;
20877
- }.v-date-picker {
20878
- overflow: hidden;
20879
- width: 328px;
20741
+ }.v-color-picker {
20742
+ align-self: flex-start;
20743
+ contain: content;
20880
20744
  }
20881
- .v-date-picker--show-week {
20882
- width: 368px;
20883
- }.v-date-picker-header {
20884
- align-items: flex-end;
20885
- height: 70px;
20886
- display: grid;
20887
- grid-template-areas: "prepend content append";
20888
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20889
- overflow: hidden;
20890
- padding-inline: 24px 12px;
20891
- padding-bottom: 12px;
20745
+ .v-color-picker.v-sheet {
20746
+ 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));
20747
+ border-radius: 4px;
20892
20748
  }
20893
20749
 
20894
- .v-date-picker-header__append {
20895
- grid-area: append;
20750
+ .v-color-picker__controls {
20751
+ display: flex;
20752
+ flex-direction: column;
20753
+ padding: 16px;
20896
20754
  }
20897
20755
 
20898
- .v-date-picker-header__prepend {
20899
- grid-area: prepend;
20900
- padding-inline-start: 8px;
20756
+ .v-color-picker--flat {
20757
+ 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));
20901
20758
  }
20902
-
20903
- .v-date-picker-header__content {
20759
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20760
+ 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));
20761
+ }.v-data-table-footer {
20762
+ display: flex;
20904
20763
  align-items: center;
20905
- display: inline-flex;
20906
- font-size: 32px;
20907
- line-height: 40px;
20908
- grid-area: content;
20909
- justify-content: space-between;
20910
- }
20911
- .v-date-picker-header--clickable .v-date-picker-header__content {
20912
- cursor: pointer;
20913
- }
20914
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20915
- opacity: 0.7;
20764
+ flex-wrap: wrap;
20765
+ padding: 4px;
20766
+ justify-content: flex-end;
20916
20767
  }
20917
20768
 
20918
- .date-picker-header-transition-enter-active,
20919
- .date-picker-header-reverse-transition-enter-active {
20920
- transition-duration: 0.3s;
20921
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20922
- }
20923
- .date-picker-header-transition-leave-active,
20924
- .date-picker-header-reverse-transition-leave-active {
20925
- transition-duration: 0.3s;
20926
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20769
+ .v-data-table-footer__items-per-page {
20770
+ display: flex;
20771
+ align-items: center;
20772
+ justify-content: center;
20927
20773
  }
20928
-
20929
- .date-picker-header-transition-enter-from {
20930
- transform: translate(0, 100%);
20774
+ .v-data-table-footer__items-per-page > span {
20775
+ padding-inline-end: 8px;
20931
20776
  }
20932
- .date-picker-header-transition-leave-to {
20933
- opacity: 0;
20934
- transform: translate(0, -100%);
20777
+ .v-data-table-footer__items-per-page > .v-select {
20778
+ width: 90px;
20935
20779
  }
20936
20780
 
20937
- .date-picker-header-reverse-transition-enter-from {
20938
- transform: translate(0, -100%);
20939
- }
20940
- .date-picker-header-reverse-transition-leave-to {
20941
- opacity: 0;
20942
- transform: translate(0, 100%);
20943
- }.v-date-picker-month {
20781
+ .v-data-table-footer__info {
20944
20782
  display: flex;
20945
- justify-content: center;
20946
- padding: 0 12px 8px;
20947
- --v-date-picker-month-day-diff: 4px;
20783
+ justify-content: flex-end;
20784
+ min-width: 116px;
20785
+ padding: 0 16px;
20948
20786
  }
20949
20787
 
20950
- .v-date-picker-month__weeks {
20951
- display: grid;
20952
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20953
- column-gap: 4px;
20954
- font-size: 0.85rem;
20955
- }
20956
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20957
- grid-row-gap: 0;
20788
+ .v-data-table-footer__pagination {
20789
+ display: flex;
20790
+ align-items: center;
20791
+ margin-inline-start: 16px;
20958
20792
  }
20959
20793
 
20960
- .v-date-picker-month__weekday {
20961
- font-size: 0.85rem;
20794
+ .v-data-table-footer__page {
20795
+ padding: 0 8px;
20796
+ }.v-counter {
20797
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20798
+ flex: 0 1 auto;
20799
+ font-size: 12px;
20800
+ transition-duration: 150ms;
20801
+ }.v-combobox .v-field .v-text-field__prefix,
20802
+ .v-combobox .v-field .v-text-field__suffix,
20803
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20804
+ cursor: text;
20962
20805
  }
20963
-
20964
- .v-date-picker-month__days {
20965
- display: grid;
20966
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20967
- column-gap: 4px;
20806
+ .v-combobox .v-field .v-field__input > input {
20968
20807
  flex: 1 1;
20969
- justify-content: space-around;
20970
20808
  }
20971
-
20972
- .v-date-picker-month__day {
20973
- align-items: center;
20974
- display: flex;
20975
- justify-content: center;
20976
- position: relative;
20977
- height: 40px;
20978
- width: 40px;
20809
+ .v-combobox .v-field input {
20810
+ min-width: 64px;
20979
20811
  }
20980
- .v-date-picker-month__day--selected .v-btn {
20981
- background-color: rgb(var(--v-theme-surface-variant));
20982
- color: rgb(var(--v-theme-on-surface-variant));
20812
+ .v-combobox .v-field:not(.v-field--focused) input {
20813
+ min-width: 0;
20983
20814
  }
20984
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20985
- --v-btn-height: 24px;
20986
- --v-btn-size: 0.85rem;
20815
+ .v-combobox .v-field--dirty .v-combobox__selection {
20816
+ margin-inline-end: 2px;
20987
20817
  }
20988
- .v-date-picker-month__day--week {
20989
- font-size: var(--v-btn-size);
20818
+ .v-combobox .v-combobox__selection-text {
20819
+ overflow: hidden;
20820
+ text-overflow: ellipsis;
20821
+ white-space: nowrap;
20990
20822
  }
20991
20823
 
20992
- .v-date-picker-month__day--adjacent {
20993
- opacity: 0.5;
20824
+ .v-combobox__content {
20825
+ overflow: hidden;
20826
+ 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));
20827
+ border-radius: 4px;
20994
20828
  }
20995
-
20996
- .v-date-picker-month__day--hide-adjacent {
20997
- opacity: 0;
20998
- }.v-date-picker-controls {
20999
- display: flex;
21000
- align-items: center;
21001
- justify-content: space-between;
21002
- font-size: 0.875rem;
21003
- padding-top: 4px;
21004
- padding-bottom: 4px;
21005
- padding-inline-start: 6px;
21006
- padding-inline-end: 12px;
20829
+ .v-combobox__mask {
20830
+ background: rgb(var(--v-theme-surface-light));
21007
20831
  }
21008
- .v-date-picker-controls > .v-btn:first-child {
21009
- text-transform: none;
21010
- font-weight: 400;
21011
- line-height: initial;
21012
- letter-spacing: initial;
20832
+ .v-combobox__selection {
20833
+ display: inline-flex;
20834
+ align-items: center;
20835
+ height: 1.5rem;
20836
+ letter-spacing: inherit;
20837
+ line-height: inherit;
20838
+ max-width: calc(100% - 2px - 2px);
21013
20839
  }
21014
- .v-date-picker-controls--variant-classic {
21015
- padding-inline-start: 12px;
20840
+ .v-combobox__selection:first-child {
20841
+ margin-inline-start: 0;
21016
20842
  }
21017
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
21018
- opacity: 0.7;
20843
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20844
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20845
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20846
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20847
+ top: 0px;
21019
20848
  }
21020
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
21021
- cursor: pointer;
20849
+ .v-combobox--selecting-index .v-combobox__selection {
20850
+ opacity: var(--v-medium-emphasis-opacity);
21022
20851
  }
21023
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20852
+ .v-combobox--selecting-index .v-combobox__selection--selected {
21024
20853
  opacity: 1;
21025
20854
  }
21026
- .v-date-picker-controls .v-btn:last-child {
21027
- margin-inline-start: 4px;
21028
- }
20855
+ .v-combobox--selecting-index .v-field__input > input {
20856
+ caret-color: transparent;
20857
+ }
20858
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20859
+ flex: 1 1;
20860
+ position: absolute;
20861
+ left: 0;
20862
+ right: 0;
20863
+ width: 100%;
20864
+ padding-inline: inherit;
20865
+ }
20866
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20867
+ transition: none;
20868
+ }
20869
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20870
+ opacity: 0;
20871
+ }
20872
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20873
+ opacity: 0;
20874
+ }
20875
+ .v-combobox__menu-icon {
20876
+ margin-inline-start: 4px;
20877
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20878
+ }
20879
+ .v-combobox--active-menu .v-combobox__menu-icon {
20880
+ opacity: var(--v-high-emphasis-opacity);
20881
+ transform: rotate(180deg);
20882
+ }.v-date-picker-controls {
20883
+ display: flex;
20884
+ align-items: center;
20885
+ justify-content: space-between;
20886
+ font-size: 0.875rem;
20887
+ padding-top: 4px;
20888
+ padding-bottom: 4px;
20889
+ padding-inline-start: 6px;
20890
+ padding-inline-end: 12px;
20891
+ }
20892
+ .v-date-picker-controls > .v-btn:first-child {
20893
+ text-transform: none;
20894
+ font-weight: 400;
20895
+ line-height: initial;
20896
+ letter-spacing: initial;
20897
+ }
20898
+ .v-date-picker-controls--variant-classic {
20899
+ padding-inline-start: 12px;
20900
+ }
20901
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20902
+ opacity: 0.7;
20903
+ }
20904
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20905
+ cursor: pointer;
20906
+ }
20907
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20908
+ opacity: 1;
20909
+ }
20910
+ .v-date-picker-controls .v-btn:last-child {
20911
+ margin-inline-start: 4px;
20912
+ }
21029
20913
  .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
21030
20914
  transform: rotate(180deg);
21031
20915
  }
@@ -21051,6 +20935,82 @@ html.overflow-y-hidden {
21051
20935
 
21052
20936
  .v-date-picker__title {
21053
20937
  display: inline-block;
20938
+ }.v-date-picker {
20939
+ overflow: hidden;
20940
+ width: 328px;
20941
+ }
20942
+ .v-date-picker--show-week {
20943
+ width: 368px;
20944
+ }.v-date-picker-years {
20945
+ height: 288px;
20946
+ overflow-y: scroll;
20947
+ }
20948
+
20949
+ .v-date-picker-years__content {
20950
+ display: grid;
20951
+ flex: 1 1;
20952
+ justify-content: space-around;
20953
+ grid-template-columns: repeat(3, 1fr);
20954
+ gap: 8px 24px;
20955
+ padding-inline: 32px;
20956
+ }
20957
+ .v-date-picker-years__content .v-btn {
20958
+ padding-inline: 8px;
20959
+ }.v-date-picker-month {
20960
+ display: flex;
20961
+ justify-content: center;
20962
+ padding: 0 12px 8px;
20963
+ --v-date-picker-month-day-diff: 4px;
20964
+ }
20965
+
20966
+ .v-date-picker-month__weeks {
20967
+ display: grid;
20968
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20969
+ column-gap: 4px;
20970
+ font-size: 0.85rem;
20971
+ }
20972
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20973
+ grid-row-gap: 0;
20974
+ }
20975
+
20976
+ .v-date-picker-month__weekday {
20977
+ font-size: 0.85rem;
20978
+ }
20979
+
20980
+ .v-date-picker-month__days {
20981
+ display: grid;
20982
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20983
+ column-gap: 4px;
20984
+ flex: 1 1;
20985
+ justify-content: space-around;
20986
+ }
20987
+
20988
+ .v-date-picker-month__day {
20989
+ align-items: center;
20990
+ display: flex;
20991
+ justify-content: center;
20992
+ position: relative;
20993
+ height: 40px;
20994
+ width: 40px;
20995
+ }
20996
+ .v-date-picker-month__day--selected .v-btn {
20997
+ background-color: rgb(var(--v-theme-surface-variant));
20998
+ color: rgb(var(--v-theme-on-surface-variant));
20999
+ }
21000
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
21001
+ --v-btn-height: 24px;
21002
+ --v-btn-size: 0.85rem;
21003
+ }
21004
+ .v-date-picker-month__day--week {
21005
+ font-size: var(--v-btn-size);
21006
+ }
21007
+
21008
+ .v-date-picker-month__day--adjacent {
21009
+ opacity: 0.5;
21010
+ }
21011
+
21012
+ .v-date-picker-month__day--hide-adjacent {
21013
+ opacity: 0;
21054
21014
  }.v-date-picker-months {
21055
21015
  height: 288px;
21056
21016
  }
@@ -21070,21 +21030,66 @@ html.overflow-y-hidden {
21070
21030
  text-transform: none;
21071
21031
  padding-inline-start: 8px;
21072
21032
  padding-inline-end: 8px;
21073
- }.v-date-picker-years {
21074
- height: 288px;
21075
- overflow-y: scroll;
21033
+ }.v-date-picker-header {
21034
+ align-items: flex-end;
21035
+ height: 70px;
21036
+ display: grid;
21037
+ grid-template-areas: "prepend content append";
21038
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
21039
+ overflow: hidden;
21040
+ padding-inline: 24px 12px;
21041
+ padding-bottom: 12px;
21076
21042
  }
21077
21043
 
21078
- .v-date-picker-years__content {
21079
- display: grid;
21080
- flex: 1 1;
21081
- justify-content: space-around;
21082
- grid-template-columns: repeat(3, 1fr);
21083
- gap: 8px 24px;
21084
- padding-inline: 32px;
21044
+ .v-date-picker-header__append {
21045
+ grid-area: append;
21085
21046
  }
21086
- .v-date-picker-years__content .v-btn {
21087
- padding-inline: 8px;
21047
+
21048
+ .v-date-picker-header__prepend {
21049
+ grid-area: prepend;
21050
+ padding-inline-start: 8px;
21051
+ }
21052
+
21053
+ .v-date-picker-header__content {
21054
+ align-items: center;
21055
+ display: inline-flex;
21056
+ font-size: 32px;
21057
+ line-height: 40px;
21058
+ grid-area: content;
21059
+ justify-content: space-between;
21060
+ }
21061
+ .v-date-picker-header--clickable .v-date-picker-header__content {
21062
+ cursor: pointer;
21063
+ }
21064
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
21065
+ opacity: 0.7;
21066
+ }
21067
+
21068
+ .date-picker-header-transition-enter-active,
21069
+ .date-picker-header-reverse-transition-enter-active {
21070
+ transition-duration: 0.3s;
21071
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21072
+ }
21073
+ .date-picker-header-transition-leave-active,
21074
+ .date-picker-header-reverse-transition-leave-active {
21075
+ transition-duration: 0.3s;
21076
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21077
+ }
21078
+
21079
+ .date-picker-header-transition-enter-from {
21080
+ transform: translate(0, 100%);
21081
+ }
21082
+ .date-picker-header-transition-leave-to {
21083
+ opacity: 0;
21084
+ transform: translate(0, -100%);
21085
+ }
21086
+
21087
+ .date-picker-header-reverse-transition-enter-from {
21088
+ transform: translate(0, -100%);
21089
+ }
21090
+ .date-picker-header-reverse-transition-leave-to {
21091
+ opacity: 0;
21092
+ transform: translate(0, 100%);
21088
21093
  }.v-dialog {
21089
21094
  align-items: center;
21090
21095
  justify-content: center;
@@ -21202,251 +21207,41 @@ html.overflow-y-hidden {
21202
21207
  margin-bottom: 8px;
21203
21208
  margin-top: 8px;
21204
21209
  max-height: calc(100% - 16px);
21205
- }.v-expansion-panel {
21206
- background-color: rgb(var(--v-theme-surface));
21207
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21208
- }
21209
- .v-expansion-panel:not(:first-child)::after {
21210
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21210
+ }/* region INPUT */
21211
+ .v-field {
21212
+ display: grid;
21213
+ grid-template-areas: "prepend-inner field clear append-inner";
21214
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21215
+ font-size: 16px;
21216
+ letter-spacing: 0.009375em;
21217
+ max-width: 100%;
21218
+ border-radius: 4px;
21219
+ contain: layout;
21220
+ flex: 1 0;
21221
+ grid-area: control;
21222
+ position: relative;
21223
+ --v-field-padding-start: 16px;
21224
+ --v-field-padding-end: 16px;
21225
+ --v-field-padding-top: 8px;
21226
+ --v-field-padding-bottom: 4px;
21227
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21228
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21211
21229
  }
21212
- .v-expansion-panel--disabled .v-expansion-panel-title {
21213
- color: rgba(var(--v-theme-on-surface), 0.26);
21230
+ .v-field--disabled {
21231
+ opacity: var(--v-disabled-opacity);
21232
+ pointer-events: none;
21214
21233
  }
21215
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21216
- opacity: 0.4615384615;
21234
+ .v-field .v-chip {
21235
+ --v-chip-height: 24px;
21217
21236
  }
21218
21237
 
21219
- .v-expansion-panels {
21220
- display: flex;
21221
- flex-wrap: wrap;
21222
- justify-content: center;
21223
- list-style-type: none;
21224
- padding: 0;
21225
- width: 100%;
21226
- position: relative;
21227
- z-index: 1;
21238
+ /* endregion */
21239
+ /* region MODIFIERS */
21240
+ .v-field--prepended {
21241
+ padding-inline-start: 12px;
21228
21242
  }
21229
- .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) {
21230
- border-bottom-left-radius: 0 !important;
21231
- border-bottom-right-radius: 0 !important;
21232
- }
21233
- .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) {
21234
- border-top-left-radius: 0 !important;
21235
- border-top-right-radius: 0 !important;
21236
- }
21237
- .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) {
21238
- border-bottom-left-radius: 0 !important;
21239
- border-bottom-right-radius: 0 !important;
21240
- }
21241
- .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) {
21242
- border-top-left-radius: 0 !important;
21243
- border-top-right-radius: 0 !important;
21244
- }
21245
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21246
- border-bottom-left-radius: 0 !important;
21247
- border-bottom-right-radius: 0 !important;
21248
- }
21249
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21250
- border-top-left-radius: 0 !important;
21251
- border-top-right-radius: 0 !important;
21252
- }
21253
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21254
- border-bottom-left-radius: initial;
21255
- border-bottom-right-radius: initial;
21256
- }
21257
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21258
- border-radius: 0 !important;
21259
- }
21260
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21261
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21262
- }
21263
-
21264
- .v-expansion-panel {
21265
- flex: 1 0 100%;
21266
- max-width: 100%;
21267
- position: relative;
21268
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21269
- transition-property: margin-top, border-radius, border, max-width;
21270
- border-radius: 4px;
21271
- }
21272
- .v-expansion-panel:not(:first-child)::after {
21273
- border-top-style: solid;
21274
- border-top-width: thin;
21275
- content: "";
21276
- left: 0;
21277
- position: absolute;
21278
- right: 0;
21279
- top: 0;
21280
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21281
- }
21282
- .v-expansion-panel--disabled .v-expansion-panel-title {
21283
- pointer-events: none;
21284
- }
21285
- .v-expansion-panel--active:not(:first-child),
21286
- .v-expansion-panel--active + .v-expansion-panel {
21287
- margin-top: 16px;
21288
- }
21289
- .v-expansion-panel--active:not(:first-child)::after,
21290
- .v-expansion-panel--active + .v-expansion-panel::after {
21291
- opacity: 0;
21292
- }
21293
- .v-expansion-panel--active > .v-expansion-panel-title {
21294
- border-bottom-left-radius: 0;
21295
- border-bottom-right-radius: 0;
21296
- }
21297
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21298
- min-height: 64px;
21299
- }
21300
-
21301
- .v-expansion-panel__shadow {
21302
- position: absolute;
21303
- top: 0;
21304
- left: 0;
21305
- width: 100%;
21306
- height: 100%;
21307
- 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));
21308
- border-radius: inherit;
21309
- z-index: -1;
21310
- }
21311
-
21312
- .v-expansion-panel-title {
21313
- align-items: center;
21314
- text-align: start;
21315
- border-radius: inherit;
21316
- display: flex;
21317
- font-size: 0.9375rem;
21318
- line-height: 1;
21319
- min-height: 48px;
21320
- outline: none;
21321
- padding: 16px 24px;
21322
- position: relative;
21323
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21324
- width: 100%;
21325
- justify-content: space-between;
21326
- }
21327
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21328
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21329
- }
21330
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21331
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21332
- }
21333
- @supports not selector(:focus-visible) {
21334
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21335
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21336
- }
21337
- }
21338
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21339
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21340
- }
21341
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21342
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21343
- }
21344
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21345
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21346
- }
21347
- @supports not selector(:focus-visible) {
21348
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21349
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21350
- }
21351
- }
21352
-
21353
- .v-expansion-panel-title__overlay {
21354
- position: absolute;
21355
- top: 0;
21356
- left: 0;
21357
- width: 100%;
21358
- height: 100%;
21359
- background-color: currentColor;
21360
- border-radius: inherit;
21361
- opacity: 0;
21362
- }
21363
-
21364
- .v-expansion-panel-title__icon {
21365
- display: inline-flex;
21366
- margin-bottom: -4px;
21367
- margin-top: -4px;
21368
- -webkit-user-select: none;
21369
- user-select: none;
21370
- margin-inline-start: auto;
21371
- }
21372
-
21373
- .v-expansion-panel-text {
21374
- display: flex;
21375
- }
21376
- .v-expansion-panel-text__wrapper {
21377
- padding: 8px 24px 16px;
21378
- flex: 1 1 auto;
21379
- max-width: 100%;
21380
- }
21381
-
21382
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21383
- margin-top: 0;
21384
- }
21385
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21386
- opacity: 1;
21387
- }
21388
-
21389
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21390
- max-width: calc(100% - 32px);
21391
- }
21392
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21393
- max-width: calc(100% + 16px);
21394
- }
21395
-
21396
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21397
- max-width: 100%;
21398
- }
21399
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21400
- max-width: calc(100% - 32px);
21401
- }
21402
-
21403
- .v-expansion-panels--flat > .v-expansion-panel::after {
21404
- border-top: none;
21405
- }
21406
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21407
- display: none;
21408
- }
21409
-
21410
- .v-expansion-panels--tile {
21411
- border-radius: 0;
21412
- }
21413
- .v-expansion-panels--tile > .v-expansion-panel {
21414
- border-radius: 0;
21415
- }/* region INPUT */
21416
- .v-field {
21417
- display: grid;
21418
- grid-template-areas: "prepend-inner field clear append-inner";
21419
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21420
- font-size: 16px;
21421
- letter-spacing: 0.009375em;
21422
- max-width: 100%;
21423
- border-radius: 4px;
21424
- contain: layout;
21425
- flex: 1 0;
21426
- grid-area: control;
21427
- position: relative;
21428
- --v-field-padding-start: 16px;
21429
- --v-field-padding-end: 16px;
21430
- --v-field-padding-top: 8px;
21431
- --v-field-padding-bottom: 4px;
21432
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21433
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21434
- }
21435
- .v-field--disabled {
21436
- opacity: var(--v-disabled-opacity);
21437
- pointer-events: none;
21438
- }
21439
- .v-field .v-chip {
21440
- --v-chip-height: 24px;
21441
- }
21442
-
21443
- /* endregion */
21444
- /* region MODIFIERS */
21445
- .v-field--prepended {
21446
- padding-inline-start: 12px;
21447
- }
21448
- .v-field--appended {
21449
- padding-inline-end: 12px;
21243
+ .v-field--appended {
21244
+ padding-inline-end: 12px;
21450
21245
  }
21451
21246
  .v-field--variant-solo, .v-field--variant-solo-filled {
21452
21247
  background: rgb(var(--v-theme-surface));
@@ -21982,7 +21777,27 @@ textarea.v-field__input::placeholder {
21982
21777
  opacity: 0;
21983
21778
  }
21984
21779
 
21985
- /* endregion */.v-footer {
21780
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21781
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21782
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21783
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21784
+ top: 0px;
21785
+ }
21786
+ .v-file-input input[type=file] {
21787
+ height: 100%;
21788
+ left: 0;
21789
+ opacity: 0;
21790
+ position: absolute;
21791
+ top: 0;
21792
+ width: 100%;
21793
+ z-index: 1;
21794
+ }
21795
+ .v-file-input .v-input__details {
21796
+ padding-inline: 16px;
21797
+ }
21798
+ .v-input--plain-underlined.v-file-input .v-input__details {
21799
+ padding-inline: 0;
21800
+ }.v-footer {
21986
21801
  align-items: center;
21987
21802
  display: flex;
21988
21803
  flex: 1 1 auto;
@@ -22010,26 +21825,6 @@ textarea.v-field__input::placeholder {
22010
21825
  }
22011
21826
  .v-footer--rounded {
22012
21827
  border-radius: 4px;
22013
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
22014
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
22015
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
22016
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22017
- top: 0px;
22018
- }
22019
- .v-file-input input[type=file] {
22020
- height: 100%;
22021
- left: 0;
22022
- opacity: 0;
22023
- position: absolute;
22024
- top: 0;
22025
- width: 100%;
22026
- z-index: 1;
22027
- }
22028
- .v-file-input .v-input__details {
22029
- padding-inline: 16px;
22030
- }
22031
- .v-input--plain-underlined.v-file-input .v-input__details {
22032
- padding-inline: 0;
22033
21828
  }.v-icon {
22034
21829
  --v-icon-size-multiplier: 1;
22035
21830
  align-items: center;
@@ -22083,11 +21878,277 @@ textarea.v-field__input::placeholder {
22083
21878
 
22084
21879
  .v-icon--end {
22085
21880
  margin-inline-start: 8px;
22086
- }.v-item-group {
22087
- flex: 0 1 auto;
21881
+ }.v-expansion-panel {
21882
+ background-color: rgb(var(--v-theme-surface));
21883
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21884
+ }
21885
+ .v-expansion-panel:not(:first-child)::after {
21886
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21887
+ }
21888
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21889
+ color: rgba(var(--v-theme-on-surface), 0.26);
21890
+ }
21891
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21892
+ opacity: 0.4615384615;
21893
+ }
21894
+
21895
+ .v-expansion-panels {
21896
+ display: flex;
21897
+ flex-wrap: wrap;
21898
+ justify-content: center;
21899
+ list-style-type: none;
21900
+ padding: 0;
21901
+ width: 100%;
21902
+ position: relative;
21903
+ z-index: 1;
21904
+ }
21905
+ .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) {
21906
+ border-bottom-left-radius: 0 !important;
21907
+ border-bottom-right-radius: 0 !important;
21908
+ }
21909
+ .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) {
21910
+ border-top-left-radius: 0 !important;
21911
+ border-top-right-radius: 0 !important;
21912
+ }
21913
+ .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) {
21914
+ border-bottom-left-radius: 0 !important;
21915
+ border-bottom-right-radius: 0 !important;
21916
+ }
21917
+ .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) {
21918
+ border-top-left-radius: 0 !important;
21919
+ border-top-right-radius: 0 !important;
21920
+ }
21921
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21922
+ border-bottom-left-radius: 0 !important;
21923
+ border-bottom-right-radius: 0 !important;
21924
+ }
21925
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21926
+ border-top-left-radius: 0 !important;
21927
+ border-top-right-radius: 0 !important;
21928
+ }
21929
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21930
+ border-bottom-left-radius: initial;
21931
+ border-bottom-right-radius: initial;
21932
+ }
21933
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21934
+ border-radius: 0 !important;
21935
+ }
21936
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21937
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21938
+ }
21939
+
21940
+ .v-expansion-panel {
21941
+ flex: 1 0 100%;
22088
21942
  max-width: 100%;
22089
21943
  position: relative;
22090
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21944
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21945
+ transition-property: margin-top, border-radius, border, max-width;
21946
+ border-radius: 4px;
21947
+ }
21948
+ .v-expansion-panel:not(:first-child)::after {
21949
+ border-top-style: solid;
21950
+ border-top-width: thin;
21951
+ content: "";
21952
+ left: 0;
21953
+ position: absolute;
21954
+ right: 0;
21955
+ top: 0;
21956
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21957
+ }
21958
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21959
+ pointer-events: none;
21960
+ }
21961
+ .v-expansion-panel--active:not(:first-child),
21962
+ .v-expansion-panel--active + .v-expansion-panel {
21963
+ margin-top: 16px;
21964
+ }
21965
+ .v-expansion-panel--active:not(:first-child)::after,
21966
+ .v-expansion-panel--active + .v-expansion-panel::after {
21967
+ opacity: 0;
21968
+ }
21969
+ .v-expansion-panel--active > .v-expansion-panel-title {
21970
+ border-bottom-left-radius: 0;
21971
+ border-bottom-right-radius: 0;
21972
+ }
21973
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21974
+ min-height: 64px;
21975
+ }
21976
+
21977
+ .v-expansion-panel__shadow {
21978
+ position: absolute;
21979
+ top: 0;
21980
+ left: 0;
21981
+ width: 100%;
21982
+ height: 100%;
21983
+ 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));
21984
+ border-radius: inherit;
21985
+ z-index: -1;
21986
+ }
21987
+
21988
+ .v-expansion-panel-title {
21989
+ align-items: center;
21990
+ text-align: start;
21991
+ border-radius: inherit;
21992
+ display: flex;
21993
+ font-size: 0.9375rem;
21994
+ line-height: 1;
21995
+ min-height: 48px;
21996
+ outline: none;
21997
+ padding: 16px 24px;
21998
+ position: relative;
21999
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
22000
+ width: 100%;
22001
+ justify-content: space-between;
22002
+ }
22003
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
22004
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22005
+ }
22006
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
22007
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22008
+ }
22009
+ @supports not selector(:focus-visible) {
22010
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
22011
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22012
+ }
22013
+ }
22014
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
22015
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22016
+ }
22017
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
22018
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22019
+ }
22020
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
22021
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22022
+ }
22023
+ @supports not selector(:focus-visible) {
22024
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
22025
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22026
+ }
22027
+ }
22028
+
22029
+ .v-expansion-panel-title__overlay {
22030
+ position: absolute;
22031
+ top: 0;
22032
+ left: 0;
22033
+ width: 100%;
22034
+ height: 100%;
22035
+ background-color: currentColor;
22036
+ border-radius: inherit;
22037
+ opacity: 0;
22038
+ }
22039
+
22040
+ .v-expansion-panel-title__icon {
22041
+ display: inline-flex;
22042
+ margin-bottom: -4px;
22043
+ margin-top: -4px;
22044
+ -webkit-user-select: none;
22045
+ user-select: none;
22046
+ margin-inline-start: auto;
22047
+ }
22048
+
22049
+ .v-expansion-panel-text {
22050
+ display: flex;
22051
+ }
22052
+ .v-expansion-panel-text__wrapper {
22053
+ padding: 8px 24px 16px;
22054
+ flex: 1 1 auto;
22055
+ max-width: 100%;
22056
+ }
22057
+
22058
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
22059
+ margin-top: 0;
22060
+ }
22061
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
22062
+ opacity: 1;
22063
+ }
22064
+
22065
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
22066
+ max-width: calc(100% - 32px);
22067
+ }
22068
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
22069
+ max-width: calc(100% + 16px);
22070
+ }
22071
+
22072
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
22073
+ max-width: 100%;
22074
+ }
22075
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
22076
+ max-width: calc(100% - 32px);
22077
+ }
22078
+
22079
+ .v-expansion-panels--flat > .v-expansion-panel::after {
22080
+ border-top: none;
22081
+ }
22082
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
22083
+ display: none;
22084
+ }
22085
+
22086
+ .v-expansion-panels--tile {
22087
+ border-radius: 0;
22088
+ }
22089
+ .v-expansion-panels--tile > .v-expansion-panel {
22090
+ border-radius: 0;
22091
+ }.v-img {
22092
+ --v-theme-overlay-multiplier: 3;
22093
+ z-index: 0;
22094
+ }
22095
+ .v-img--booting .v-responsive__sizer {
22096
+ transition: none;
22097
+ }
22098
+ .v-img--rounded {
22099
+ border-radius: 4px;
22100
+ }
22101
+
22102
+ .v-img__img,
22103
+ .v-img__picture,
22104
+ .v-img__gradient,
22105
+ .v-img__placeholder,
22106
+ .v-img__error {
22107
+ z-index: -1;
22108
+ position: absolute;
22109
+ top: 0;
22110
+ left: 0;
22111
+ width: 100%;
22112
+ height: 100%;
22113
+ }
22114
+
22115
+ .v-img__img--preload {
22116
+ filter: blur(4px);
22117
+ }
22118
+ .v-img__img--contain {
22119
+ object-fit: contain;
22120
+ }
22121
+ .v-img__img--cover {
22122
+ object-fit: cover;
22123
+ }
22124
+
22125
+ .v-img__gradient {
22126
+ background-repeat: no-repeat;
22127
+ }.v-infinite-scroll--horizontal {
22128
+ display: flex;
22129
+ flex-direction: row;
22130
+ overflow-x: auto;
22131
+ }
22132
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22133
+ height: 100%;
22134
+ width: 1px;
22135
+ }
22136
+
22137
+ .v-infinite-scroll--vertical {
22138
+ display: flex;
22139
+ flex-direction: column;
22140
+ overflow-y: auto;
22141
+ }
22142
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22143
+ height: 1px;
22144
+ width: 100%;
22145
+ }
22146
+
22147
+ .v-infinite-scroll__side {
22148
+ align-items: center;
22149
+ display: flex;
22150
+ justify-content: center;
22151
+ padding: 8px;
22091
22152
  }.v-input {
22092
22153
  display: grid;
22093
22154
  flex: 1 1 auto;
@@ -22224,204 +22285,32 @@ textarea.v-field__input::placeholder {
22224
22285
  padding-top: calc(var(--v-input-padding-top) + 4px);
22225
22286
  }
22226
22287
 
22227
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22228
- padding-top: calc(var(--v-input-padding-top) + 2px);
22229
- }
22230
-
22231
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22232
- padding-top: calc(var(--v-input-padding-top) + 0px);
22233
- }.v-img {
22234
- --v-theme-overlay-multiplier: 3;
22235
- z-index: 0;
22236
- }
22237
- .v-img--booting .v-responsive__sizer {
22238
- transition: none;
22239
- }
22240
- .v-img--rounded {
22241
- border-radius: 4px;
22242
- }
22243
-
22244
- .v-img__img,
22245
- .v-img__picture,
22246
- .v-img__gradient,
22247
- .v-img__placeholder,
22248
- .v-img__error {
22249
- z-index: -1;
22250
- position: absolute;
22251
- top: 0;
22252
- left: 0;
22253
- width: 100%;
22254
- height: 100%;
22255
- }
22256
-
22257
- .v-img__img--preload {
22258
- filter: blur(4px);
22259
- }
22260
- .v-img__img--contain {
22261
- object-fit: contain;
22262
- }
22263
- .v-img__img--cover {
22264
- object-fit: cover;
22265
- }
22266
-
22267
- .v-img__gradient {
22268
- background-repeat: no-repeat;
22269
- }.v-infinite-scroll--horizontal {
22270
- display: flex;
22271
- flex-direction: row;
22272
- overflow-x: auto;
22273
- }
22274
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22275
- height: 100%;
22276
- width: 1px;
22277
- }
22278
-
22279
- .v-infinite-scroll--vertical {
22280
- display: flex;
22281
- flex-direction: column;
22282
- overflow-y: auto;
22283
- }
22284
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22285
- height: 1px;
22286
- width: 100%;
22287
- }
22288
-
22289
- .v-infinite-scroll__side {
22290
- align-items: center;
22291
- display: flex;
22292
- justify-content: center;
22293
- padding: 8px;
22294
- }.v-layout-item {
22295
- position: absolute;
22296
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22297
- }
22298
-
22299
- .v-layout-item--absolute {
22300
- position: absolute;
22301
- }.v-layout {
22302
- --v-scrollbar-offset: 0px;
22303
- display: flex;
22304
- flex: 1 1 auto;
22305
- }
22306
- .v-layout--full-height {
22307
- --v-scrollbar-offset: inherit;
22308
- height: 100%;
22309
- }.v-label {
22310
- align-items: center;
22311
- color: inherit;
22312
- display: inline-flex;
22313
- font-size: 1rem;
22314
- letter-spacing: 0.009375em;
22315
- min-width: 0;
22316
- opacity: var(--v-medium-emphasis-opacity);
22317
- overflow: hidden;
22318
- text-overflow: ellipsis;
22319
- white-space: nowrap;
22320
- }
22321
-
22322
- .v-label--clickable {
22323
- cursor: pointer;
22324
- }.v-list {
22325
- overflow: auto;
22326
- padding: 8px 0;
22327
- position: relative;
22328
- outline: none;
22329
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22330
- border-style: solid;
22331
- border-width: 0;
22332
- 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));
22333
- border-radius: 0;
22334
- background: rgba(var(--v-theme-surface));
22335
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22336
- }
22337
- .v-list--border {
22338
- border-width: thin;
22339
- box-shadow: none;
22340
- }
22341
- .v-list--disabled {
22342
- pointer-events: none;
22343
- -webkit-user-select: none;
22344
- user-select: none;
22345
- }
22346
- .v-list--nav {
22347
- padding-inline: 8px;
22348
- }
22349
- .v-list--rounded {
22350
- border-radius: 4px;
22351
- }
22352
- .v-list--subheader {
22353
- padding-top: 0;
22354
- }
22355
-
22356
- .v-list-img {
22357
- border-radius: inherit;
22358
- display: flex;
22359
- height: 100%;
22360
- left: 0;
22361
- overflow: hidden;
22362
- position: absolute;
22363
- top: 0;
22364
- width: 100%;
22365
- z-index: -1;
22366
- }
22367
-
22368
- .v-list-subheader {
22369
- align-items: center;
22370
- background: inherit;
22371
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22372
- display: flex;
22373
- font-size: 0.875rem;
22374
- font-weight: 400;
22375
- line-height: 1.375rem;
22376
- padding-inline-end: 16px;
22377
- min-height: 40px;
22378
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22379
- }
22380
- .v-list-subheader__text {
22381
- overflow: hidden;
22382
- text-overflow: ellipsis;
22383
- white-space: nowrap;
22384
- }
22385
- .v-list--density-default .v-list-subheader {
22386
- min-height: 40px;
22387
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22388
- }
22389
-
22390
- .v-list--density-comfortable .v-list-subheader {
22391
- min-height: 36px;
22392
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22393
- }
22394
-
22395
- .v-list--density-compact .v-list-subheader {
22396
- min-height: 32px;
22397
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22398
- }
22399
-
22400
- .v-list-subheader--inset {
22401
- --indent-padding: 56px;
22402
- }
22403
- .v-list--nav .v-list-subheader {
22404
- font-size: 0.75rem;
22405
- }
22406
- .v-list-subheader--sticky {
22407
- background: inherit;
22408
- left: 0;
22409
- position: sticky;
22410
- top: 0;
22411
- z-index: 1;
22412
- }
22413
-
22414
- .v-list__overlay {
22415
- background-color: currentColor;
22416
- border-radius: inherit;
22417
- bottom: 0;
22418
- left: 0;
22419
- opacity: 0;
22420
- pointer-events: none;
22421
- position: absolute;
22422
- right: 0;
22423
- top: 0;
22424
- transition: opacity 0.2s ease-in-out;
22288
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22289
+ padding-top: calc(var(--v-input-padding-top) + 2px);
22290
+ }
22291
+
22292
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22293
+ padding-top: calc(var(--v-input-padding-top) + 0px);
22294
+ }.v-item-group {
22295
+ flex: 0 1 auto;
22296
+ max-width: 100%;
22297
+ position: relative;
22298
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22299
+ }.v-label {
22300
+ align-items: center;
22301
+ color: inherit;
22302
+ display: inline-flex;
22303
+ font-size: 1rem;
22304
+ letter-spacing: 0.009375em;
22305
+ min-width: 0;
22306
+ opacity: var(--v-medium-emphasis-opacity);
22307
+ overflow: hidden;
22308
+ text-overflow: ellipsis;
22309
+ white-space: nowrap;
22310
+ }
22311
+
22312
+ .v-label--clickable {
22313
+ cursor: pointer;
22425
22314
  }.v-list-item {
22426
22315
  align-items: center;
22427
22316
  display: grid;
@@ -22536,6 +22425,9 @@ textarea.v-field__input::placeholder {
22536
22425
  .v-list-item--active .v-list-item__append > .v-icon {
22537
22426
  opacity: 1;
22538
22427
  }
22428
+ .v-list-item--active:not(.v-list-item--link) .v-list-item__overlay {
22429
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
22430
+ }
22539
22431
  .v-list-item--rounded {
22540
22432
  border-radius: 4px;
22541
22433
  }
@@ -22873,128 +22765,124 @@ textarea.v-field__input::placeholder {
22873
22765
  }
22874
22766
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22875
22767
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22876
- }.v-main {
22877
- flex: 1 0 auto;
22878
- max-width: 100%;
22879
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22880
- padding-left: var(--v-layout-left);
22881
- padding-right: var(--v-layout-right);
22882
- padding-top: var(--v-layout-top);
22883
- padding-bottom: var(--v-layout-bottom);
22884
- }
22885
- .v-main__scroller {
22886
- max-width: 100%;
22768
+ }.v-list {
22769
+ overflow: auto;
22770
+ padding: 8px 0;
22887
22771
  position: relative;
22772
+ outline: none;
22773
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22774
+ border-style: solid;
22775
+ border-width: 0;
22776
+ 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));
22777
+ border-radius: 0;
22778
+ background: rgba(var(--v-theme-surface));
22779
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22888
22780
  }
22889
- .v-main--scrollable {
22890
- display: flex;
22891
- position: absolute;
22892
- top: 0;
22893
- left: 0;
22894
- width: 100%;
22895
- height: 100%;
22781
+ .v-list--border {
22782
+ border-width: thin;
22783
+ box-shadow: none;
22896
22784
  }
22897
- .v-main--scrollable > .v-main__scroller {
22898
- flex: 1 1 auto;
22899
- overflow-y: auto;
22900
- --v-layout-left: 0px;
22901
- --v-layout-right: 0px;
22902
- --v-layout-top: 0px;
22903
- --v-layout-bottom: 0px;
22904
- }.v-locale-provider {
22905
- display: contents;
22906
- }.v-menu > .v-overlay__content {
22907
- display: flex;
22908
- flex-direction: column;
22785
+ .v-list--disabled {
22786
+ pointer-events: none;
22787
+ -webkit-user-select: none;
22788
+ user-select: none;
22789
+ }
22790
+ .v-list--nav {
22791
+ padding-inline: 8px;
22792
+ }
22793
+ .v-list--rounded {
22909
22794
  border-radius: 4px;
22910
22795
  }
22911
- .v-menu > .v-overlay__content > .v-card,
22912
- .v-menu > .v-overlay__content > .v-sheet,
22913
- .v-menu > .v-overlay__content > .v-list {
22914
- background: rgb(var(--v-theme-surface));
22796
+ .v-list--subheader {
22797
+ padding-top: 0;
22798
+ }
22799
+
22800
+ .v-list-img {
22915
22801
  border-radius: inherit;
22916
- overflow: auto;
22802
+ display: flex;
22917
22803
  height: 100%;
22918
- 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));
22919
- }.v-messages {
22920
- flex: 1 1 auto;
22921
- font-size: 12px;
22922
- min-height: 14px;
22923
- min-width: 1px;
22924
- opacity: var(--v-medium-emphasis-opacity);
22925
- position: relative;
22926
- }
22927
- .v-messages__message {
22928
- line-height: 12px;
22929
- word-break: break-word;
22930
- overflow-wrap: break-word;
22931
- word-wrap: break-word;
22932
- -webkit-hyphens: auto;
22933
- hyphens: auto;
22934
- transition-duration: 150ms;
22935
- }.v-overlay-container {
22936
- contain: layout;
22937
22804
  left: 0;
22938
- pointer-events: none;
22805
+ overflow: hidden;
22939
22806
  position: absolute;
22940
22807
  top: 0;
22941
- display: contents;
22808
+ width: 100%;
22809
+ z-index: -1;
22942
22810
  }
22943
22811
 
22944
- .v-overlay-scroll-blocked {
22945
- padding-inline-end: var(--v-scrollbar-offset);
22812
+ .v-list-subheader {
22813
+ align-items: center;
22814
+ background: inherit;
22815
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22816
+ display: flex;
22817
+ font-size: 0.875rem;
22818
+ font-weight: 400;
22819
+ line-height: 1.375rem;
22820
+ padding-inline-end: 16px;
22821
+ min-height: 40px;
22822
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22946
22823
  }
22947
- .v-overlay-scroll-blocked:not(html) {
22948
- overflow-y: hidden !important;
22824
+ .v-list-subheader__text {
22825
+ overflow: hidden;
22826
+ text-overflow: ellipsis;
22827
+ white-space: nowrap;
22949
22828
  }
22950
- html.v-overlay-scroll-blocked {
22951
- position: fixed;
22952
- top: var(--v-body-scroll-y);
22953
- left: var(--v-body-scroll-x);
22954
- width: 100%;
22955
- height: 100%;
22829
+ .v-list--density-default .v-list-subheader {
22830
+ min-height: 40px;
22831
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22956
22832
  }
22957
22833
 
22958
- .v-overlay {
22959
- border-radius: inherit;
22960
- display: flex;
22961
- left: 0;
22962
- pointer-events: none;
22963
- position: fixed;
22964
- top: 0;
22965
- bottom: 0;
22966
- right: 0;
22834
+ .v-list--density-comfortable .v-list-subheader {
22835
+ min-height: 36px;
22836
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22967
22837
  }
22968
22838
 
22969
- .v-overlay__content {
22970
- outline: none;
22971
- position: absolute;
22972
- pointer-events: auto;
22973
- contain: layout;
22839
+ .v-list--density-compact .v-list-subheader {
22840
+ min-height: 32px;
22841
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22974
22842
  }
22975
22843
 
22976
- .v-overlay__scrim {
22977
- pointer-events: auto;
22978
- background: rgb(var(--v-theme-on-surface));
22844
+ .v-list-subheader--inset {
22845
+ --indent-padding: 56px;
22846
+ }
22847
+ .v-list--nav .v-list-subheader {
22848
+ font-size: 0.75rem;
22849
+ }
22850
+ .v-list-subheader--sticky {
22851
+ background: inherit;
22852
+ left: 0;
22853
+ position: sticky;
22854
+ top: 0;
22855
+ z-index: 1;
22856
+ }
22857
+
22858
+ .v-list__overlay {
22859
+ background-color: currentColor;
22979
22860
  border-radius: inherit;
22980
22861
  bottom: 0;
22981
22862
  left: 0;
22982
- opacity: var(--v-overlay-opacity, 0.32);
22983
- position: fixed;
22863
+ opacity: 0;
22864
+ pointer-events: none;
22865
+ position: absolute;
22984
22866
  right: 0;
22985
22867
  top: 0;
22868
+ transition: opacity 0.2s ease-in-out;
22869
+ }.v-layout {
22870
+ --v-scrollbar-offset: 0px;
22871
+ display: flex;
22872
+ flex: 1 1 auto;
22986
22873
  }
22987
-
22988
- .v-overlay--absolute {
22874
+ .v-layout--full-height {
22875
+ --v-scrollbar-offset: inherit;
22876
+ height: 100%;
22877
+ }.v-layout-item {
22989
22878
  position: absolute;
22879
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22990
22880
  }
22991
22881
 
22992
- .v-overlay--contained .v-overlay__scrim {
22882
+ .v-layout-item--absolute {
22993
22883
  position: absolute;
22994
- }
22995
-
22996
- .v-overlay--scroll-blocked {
22997
- padding-inline-end: var(--v-scrollbar-offset);
22884
+ }.v-locale-provider {
22885
+ display: contents;
22998
22886
  }.v-navigation-drawer {
22999
22887
  -webkit-overflow-scrolling: touch;
23000
22888
  background: rgb(var(--v-theme-surface));
@@ -23093,6 +22981,50 @@ html.v-overlay-scroll-blocked {
23093
22981
  .v-navigation-drawer__append {
23094
22982
  flex: none;
23095
22983
  overflow: hidden;
22984
+ }.v-messages {
22985
+ flex: 1 1 auto;
22986
+ font-size: 12px;
22987
+ min-height: 14px;
22988
+ min-width: 1px;
22989
+ opacity: var(--v-medium-emphasis-opacity);
22990
+ position: relative;
22991
+ }
22992
+ .v-messages__message {
22993
+ line-height: 12px;
22994
+ word-break: break-word;
22995
+ overflow-wrap: break-word;
22996
+ word-wrap: break-word;
22997
+ -webkit-hyphens: auto;
22998
+ hyphens: auto;
22999
+ transition-duration: 150ms;
23000
+ }.v-main {
23001
+ flex: 1 0 auto;
23002
+ max-width: 100%;
23003
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23004
+ padding-left: var(--v-layout-left);
23005
+ padding-right: var(--v-layout-right);
23006
+ padding-top: var(--v-layout-top);
23007
+ padding-bottom: var(--v-layout-bottom);
23008
+ }
23009
+ .v-main__scroller {
23010
+ max-width: 100%;
23011
+ position: relative;
23012
+ }
23013
+ .v-main--scrollable {
23014
+ display: flex;
23015
+ position: absolute;
23016
+ top: 0;
23017
+ left: 0;
23018
+ width: 100%;
23019
+ height: 100%;
23020
+ }
23021
+ .v-main--scrollable > .v-main__scroller {
23022
+ flex: 1 1 auto;
23023
+ overflow-y: auto;
23024
+ --v-layout-left: 0px;
23025
+ --v-layout-right: 0px;
23026
+ --v-layout-top: 0px;
23027
+ --v-layout-bottom: 0px;
23096
23028
  }.v-otp-input {
23097
23029
  border-radius: 4px;
23098
23030
  align-items: center;
@@ -23149,116 +23081,82 @@ html.v-overlay-scroll-blocked {
23149
23081
  }
23150
23082
  .v-otp-input__loader .v-progress-linear {
23151
23083
  position: absolute;
23152
- }.v-pagination__list {
23153
- display: inline-flex;
23154
- list-style-type: none;
23155
- justify-content: center;
23156
- width: 100%;
23157
- }
23158
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23159
- margin: 0.3rem;
23160
- }.v-progress-circular {
23161
- align-items: center;
23162
- display: inline-flex;
23163
- justify-content: center;
23164
- position: relative;
23165
- vertical-align: middle;
23084
+ }.v-menu > .v-overlay__content {
23085
+ display: flex;
23086
+ flex-direction: column;
23087
+ border-radius: 4px;
23166
23088
  }
23167
- .v-progress-circular > svg {
23168
- width: 100%;
23089
+ .v-menu > .v-overlay__content > .v-card,
23090
+ .v-menu > .v-overlay__content > .v-sheet,
23091
+ .v-menu > .v-overlay__content > .v-list {
23092
+ background: rgb(var(--v-theme-surface));
23093
+ border-radius: inherit;
23094
+ overflow: auto;
23169
23095
  height: 100%;
23170
- margin: auto;
23096
+ 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));
23097
+ }.v-overlay-container {
23098
+ contain: layout;
23099
+ left: 0;
23100
+ pointer-events: none;
23171
23101
  position: absolute;
23172
23102
  top: 0;
23173
- bottom: 0;
23174
- left: 0;
23175
- right: 0;
23176
- z-index: 0;
23103
+ display: contents;
23177
23104
  }
23178
23105
 
23179
- .v-progress-circular__content {
23180
- align-items: center;
23181
- display: flex;
23182
- justify-content: center;
23106
+ .v-overlay-scroll-blocked {
23107
+ padding-inline-end: var(--v-scrollbar-offset);
23183
23108
  }
23184
-
23185
- .v-progress-circular__underlay {
23186
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23187
- stroke: currentColor;
23188
- z-index: 1;
23109
+ .v-overlay-scroll-blocked:not(html) {
23110
+ overflow-y: hidden !important;
23189
23111
  }
23190
-
23191
- .v-progress-circular__overlay {
23192
- stroke: currentColor;
23193
- transition: all 0.2s ease-in-out, stroke-width 0s;
23194
- z-index: 2;
23112
+ html.v-overlay-scroll-blocked {
23113
+ position: fixed;
23114
+ top: var(--v-body-scroll-y);
23115
+ left: var(--v-body-scroll-x);
23116
+ width: 100%;
23117
+ height: 100%;
23195
23118
  }
23196
23119
 
23197
- .v-progress-circular--size-x-small {
23198
- height: 16px;
23199
- width: 16px;
23200
- }
23201
- .v-progress-circular--size-small {
23202
- height: 24px;
23203
- width: 24px;
23204
- }
23205
- .v-progress-circular--size-default {
23206
- height: 32px;
23207
- width: 32px;
23208
- }
23209
- .v-progress-circular--size-large {
23210
- height: 48px;
23211
- width: 48px;
23212
- }
23213
- .v-progress-circular--size-x-large {
23214
- height: 64px;
23215
- width: 64px;
23120
+ .v-overlay {
23121
+ border-radius: inherit;
23122
+ display: flex;
23123
+ left: 0;
23124
+ pointer-events: none;
23125
+ position: fixed;
23126
+ top: 0;
23127
+ bottom: 0;
23128
+ right: 0;
23216
23129
  }
23217
23130
 
23218
- .v-progress-circular--indeterminate > svg {
23219
- animation: progress-circular-rotate 1.4s linear infinite;
23220
- transform-origin: center center;
23221
- transition: all 0.2s ease-in-out;
23222
- }
23223
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23224
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23225
- stroke-dasharray: 25, 200;
23226
- stroke-dashoffset: 0;
23227
- stroke-linecap: round;
23228
- transform-origin: center center;
23229
- transform: rotate(-90deg);
23131
+ .v-overlay__content {
23132
+ outline: none;
23133
+ position: absolute;
23134
+ pointer-events: auto;
23135
+ contain: layout;
23230
23136
  }
23231
23137
 
23232
- .v-progress-circular--disable-shrink > svg {
23233
- animation-duration: 0.7s;
23234
- }
23235
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23236
- animation: none;
23138
+ .v-overlay__scrim {
23139
+ pointer-events: auto;
23140
+ background: rgb(var(--v-theme-on-surface));
23141
+ border-radius: inherit;
23142
+ bottom: 0;
23143
+ left: 0;
23144
+ opacity: var(--v-overlay-opacity, 0.32);
23145
+ position: fixed;
23146
+ right: 0;
23147
+ top: 0;
23237
23148
  }
23238
23149
 
23239
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23240
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23241
- animation-play-state: paused !important;
23150
+ .v-overlay--absolute {
23151
+ position: absolute;
23242
23152
  }
23243
23153
 
23244
- @keyframes progress-circular-dash {
23245
- 0% {
23246
- stroke-dasharray: 1, 200;
23247
- stroke-dashoffset: 0px;
23248
- }
23249
- 50% {
23250
- stroke-dasharray: 100, 200;
23251
- stroke-dashoffset: -15px;
23252
- }
23253
- 100% {
23254
- stroke-dasharray: 100, 200;
23255
- stroke-dashoffset: -124px;
23256
- }
23154
+ .v-overlay--contained .v-overlay__scrim {
23155
+ position: absolute;
23257
23156
  }
23258
- @keyframes progress-circular-rotate {
23259
- 100% {
23260
- transform: rotate(270deg);
23261
- }
23157
+
23158
+ .v-overlay--scroll-blocked {
23159
+ padding-inline-end: var(--v-scrollbar-offset);
23262
23160
  }.v-progress-linear {
23263
23161
  background: transparent;
23264
23162
  overflow: hidden;
@@ -23445,29 +23343,139 @@ html.v-overlay-scroll-blocked {
23445
23343
  right: -8%;
23446
23344
  }
23447
23345
  }
23448
- @keyframes indeterminate-short-rtl {
23346
+ @keyframes indeterminate-short-rtl {
23347
+ 0% {
23348
+ left: 100%;
23349
+ right: -200%;
23350
+ }
23351
+ 60% {
23352
+ left: -8%;
23353
+ right: 107%;
23354
+ }
23355
+ 100% {
23356
+ left: -8%;
23357
+ right: 107%;
23358
+ }
23359
+ }
23360
+ @keyframes stream {
23361
+ to {
23362
+ transform: translateX(var(--v-progress-linear-stream-to));
23363
+ }
23364
+ }
23365
+ @keyframes progress-linear-stripes {
23366
+ 0% {
23367
+ background-position-x: var(--v-progress-linear-height);
23368
+ }
23369
+ }.v-progress-circular {
23370
+ align-items: center;
23371
+ display: inline-flex;
23372
+ justify-content: center;
23373
+ position: relative;
23374
+ vertical-align: middle;
23375
+ }
23376
+ .v-progress-circular > svg {
23377
+ width: 100%;
23378
+ height: 100%;
23379
+ margin: auto;
23380
+ position: absolute;
23381
+ top: 0;
23382
+ bottom: 0;
23383
+ left: 0;
23384
+ right: 0;
23385
+ z-index: 0;
23386
+ }
23387
+
23388
+ .v-progress-circular__content {
23389
+ align-items: center;
23390
+ display: flex;
23391
+ justify-content: center;
23392
+ }
23393
+
23394
+ .v-progress-circular__underlay {
23395
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23396
+ stroke: currentColor;
23397
+ z-index: 1;
23398
+ }
23399
+
23400
+ .v-progress-circular__overlay {
23401
+ stroke: currentColor;
23402
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23403
+ z-index: 2;
23404
+ }
23405
+
23406
+ .v-progress-circular--size-x-small {
23407
+ height: 16px;
23408
+ width: 16px;
23409
+ }
23410
+ .v-progress-circular--size-small {
23411
+ height: 24px;
23412
+ width: 24px;
23413
+ }
23414
+ .v-progress-circular--size-default {
23415
+ height: 32px;
23416
+ width: 32px;
23417
+ }
23418
+ .v-progress-circular--size-large {
23419
+ height: 48px;
23420
+ width: 48px;
23421
+ }
23422
+ .v-progress-circular--size-x-large {
23423
+ height: 64px;
23424
+ width: 64px;
23425
+ }
23426
+
23427
+ .v-progress-circular--indeterminate > svg {
23428
+ animation: progress-circular-rotate 1.4s linear infinite;
23429
+ transform-origin: center center;
23430
+ transition: all 0.2s ease-in-out;
23431
+ }
23432
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23433
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23434
+ stroke-dasharray: 25, 200;
23435
+ stroke-dashoffset: 0;
23436
+ stroke-linecap: round;
23437
+ transform-origin: center center;
23438
+ transform: rotate(-90deg);
23439
+ }
23440
+
23441
+ .v-progress-circular--disable-shrink > svg {
23442
+ animation-duration: 0.7s;
23443
+ }
23444
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23445
+ animation: none;
23446
+ }
23447
+
23448
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23449
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23450
+ animation-play-state: paused !important;
23451
+ }
23452
+
23453
+ @keyframes progress-circular-dash {
23449
23454
  0% {
23450
- left: 100%;
23451
- right: -200%;
23455
+ stroke-dasharray: 1, 200;
23456
+ stroke-dashoffset: 0px;
23452
23457
  }
23453
- 60% {
23454
- left: -8%;
23455
- right: 107%;
23458
+ 50% {
23459
+ stroke-dasharray: 100, 200;
23460
+ stroke-dashoffset: -15px;
23456
23461
  }
23457
23462
  100% {
23458
- left: -8%;
23459
- right: 107%;
23463
+ stroke-dasharray: 100, 200;
23464
+ stroke-dashoffset: -124px;
23460
23465
  }
23461
23466
  }
23462
- @keyframes stream {
23463
- to {
23464
- transform: translateX(var(--v-progress-linear-stream-to));
23467
+ @keyframes progress-circular-rotate {
23468
+ 100% {
23469
+ transform: rotate(270deg);
23465
23470
  }
23471
+ }.v-pagination__list {
23472
+ display: inline-flex;
23473
+ list-style-type: none;
23474
+ justify-content: center;
23475
+ width: 100%;
23466
23476
  }
23467
- @keyframes progress-linear-stripes {
23468
- 0% {
23469
- background-position-x: var(--v-progress-linear-height);
23470
- }
23477
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23478
+ margin: 0.3rem;
23471
23479
  }.v-parallax {
23472
23480
  position: relative;
23473
23481
  overflow: hidden;
@@ -23543,6 +23551,32 @@ html.v-overlay-scroll-blocked {
23543
23551
  }
23544
23552
  .v-radio-group .v-input__details {
23545
23553
  padding-inline: 16px;
23554
+ }.v-responsive {
23555
+ display: flex;
23556
+ flex: 1 0 auto;
23557
+ max-height: 100%;
23558
+ max-width: 100%;
23559
+ overflow: hidden;
23560
+ position: relative;
23561
+ }
23562
+ .v-responsive--inline {
23563
+ display: inline-flex;
23564
+ flex: 0 0 auto;
23565
+ }
23566
+
23567
+ .v-responsive__content {
23568
+ flex: 1 0 0px;
23569
+ max-width: 100%;
23570
+ }
23571
+
23572
+ .v-responsive__sizer ~ .v-responsive__content {
23573
+ margin-inline-start: -100%;
23574
+ }
23575
+
23576
+ .v-responsive__sizer {
23577
+ flex: 1 0 0px;
23578
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23579
+ pointer-events: none;
23546
23580
  }.v-rating {
23547
23581
  max-width: 100%;
23548
23582
  display: inline-flex;
@@ -23597,32 +23631,6 @@ html.v-overlay-scroll-blocked {
23597
23631
  opacity: 0;
23598
23632
  position: absolute;
23599
23633
  width: 0;
23600
- }.v-responsive {
23601
- display: flex;
23602
- flex: 1 0 auto;
23603
- max-height: 100%;
23604
- max-width: 100%;
23605
- overflow: hidden;
23606
- position: relative;
23607
- }
23608
- .v-responsive--inline {
23609
- display: inline-flex;
23610
- flex: 0 0 auto;
23611
- }
23612
-
23613
- .v-responsive__content {
23614
- flex: 1 0 0px;
23615
- max-width: 100%;
23616
- }
23617
-
23618
- .v-responsive__sizer ~ .v-responsive__content {
23619
- margin-inline-start: -100%;
23620
- }
23621
-
23622
- .v-responsive__sizer {
23623
- flex: 1 0 0px;
23624
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23625
- pointer-events: none;
23626
23634
  }.v-select .v-field .v-text-field__prefix,
23627
23635
  .v-select .v-field .v-text-field__suffix,
23628
23636
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23671,14 +23679,6 @@ html.v-overlay-scroll-blocked {
23671
23679
  .v-select--active-menu .v-select__menu-icon {
23672
23680
  opacity: var(--v-high-emphasis-opacity);
23673
23681
  transform: rotate(180deg);
23674
- }.v-selection-control-group {
23675
- grid-area: control;
23676
- display: flex;
23677
- flex-direction: column;
23678
- }
23679
- .v-selection-control-group--inline {
23680
- flex-direction: row;
23681
- flex-wrap: wrap;
23682
23682
  }.v-selection-control {
23683
23683
  align-items: center;
23684
23684
  contain: layout;
@@ -24031,48 +24031,14 @@ html.v-overlay-scroll-blocked {
24031
24031
  100% {
24032
24032
  transform: translateX(100%);
24033
24033
  }
24034
- }.v-slide-group {
24035
- display: flex;
24036
- overflow: hidden;
24037
- }
24038
-
24039
- .v-slide-group__next,
24040
- .v-slide-group__prev {
24041
- align-items: center;
24042
- display: flex;
24043
- flex: 0 1 52px;
24044
- justify-content: center;
24045
- min-width: 52px;
24046
- cursor: pointer;
24047
- }
24048
- .v-slide-group__next--disabled,
24049
- .v-slide-group__prev--disabled {
24050
- pointer-events: none;
24051
- opacity: var(--v-disabled-opacity);
24052
- }
24053
-
24054
- .v-slide-group__content {
24055
- display: flex;
24056
- flex: 1 0 auto;
24057
- position: relative;
24058
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24059
- white-space: nowrap;
24060
- }
24061
- .v-slide-group__content > * {
24062
- white-space: initial;
24063
- }
24064
-
24065
- .v-slide-group__container {
24066
- contain: content;
24034
+ }.v-selection-control-group {
24035
+ grid-area: control;
24067
24036
  display: flex;
24068
- flex: 1 1 auto;
24069
- overflow: hidden;
24070
- }
24071
-
24072
- .v-slide-group--vertical,
24073
- .v-slide-group--vertical .v-slide-group__container,
24074
- .v-slide-group--vertical .v-slide-group__content {
24075
24037
  flex-direction: column;
24038
+ }
24039
+ .v-selection-control-group--inline {
24040
+ flex-direction: row;
24041
+ flex-wrap: wrap;
24076
24042
  }.v-snackbar {
24077
24043
  justify-content: center;
24078
24044
  z-index: 10000;
@@ -24192,6 +24158,85 @@ html.v-overlay-scroll-blocked {
24192
24158
  }
24193
24159
  .v-snackbar-transition-leave-to {
24194
24160
  opacity: 0;
24161
+ }.v-slide-group {
24162
+ display: flex;
24163
+ overflow: hidden;
24164
+ }
24165
+
24166
+ .v-slide-group__next,
24167
+ .v-slide-group__prev {
24168
+ align-items: center;
24169
+ display: flex;
24170
+ flex: 0 1 52px;
24171
+ justify-content: center;
24172
+ min-width: 52px;
24173
+ cursor: pointer;
24174
+ }
24175
+ .v-slide-group__next--disabled,
24176
+ .v-slide-group__prev--disabled {
24177
+ pointer-events: none;
24178
+ opacity: var(--v-disabled-opacity);
24179
+ }
24180
+
24181
+ .v-slide-group__content {
24182
+ display: flex;
24183
+ flex: 1 0 auto;
24184
+ position: relative;
24185
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24186
+ white-space: nowrap;
24187
+ }
24188
+ .v-slide-group__content > * {
24189
+ white-space: initial;
24190
+ }
24191
+
24192
+ .v-slide-group__container {
24193
+ contain: content;
24194
+ display: flex;
24195
+ flex: 1 1 auto;
24196
+ overflow: hidden;
24197
+ }
24198
+
24199
+ .v-slide-group--vertical,
24200
+ .v-slide-group--vertical .v-slide-group__container,
24201
+ .v-slide-group--vertical .v-slide-group__content {
24202
+ flex-direction: column;
24203
+ }.v-system-bar {
24204
+ align-items: center;
24205
+ display: flex;
24206
+ flex: 1 1 auto;
24207
+ height: 24px;
24208
+ justify-content: flex-end;
24209
+ max-width: 100%;
24210
+ padding-inline: 8px;
24211
+ position: relative;
24212
+ text-align: end;
24213
+ width: 100%;
24214
+ 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));
24215
+ background: rgba(var(--v-theme-surface-light));
24216
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24217
+ font-size: 0.75rem;
24218
+ font-weight: 400;
24219
+ letter-spacing: 0.0333333333em;
24220
+ line-height: 1.25rem;
24221
+ text-transform: none;
24222
+ }
24223
+ .v-system-bar .v-icon {
24224
+ opacity: var(--v-medium-emphasis-opacity);
24225
+ }
24226
+ .v-system-bar--absolute {
24227
+ position: absolute;
24228
+ }
24229
+ .v-system-bar--fixed {
24230
+ position: fixed;
24231
+ }
24232
+ .v-system-bar--rounded {
24233
+ border-radius: 0;
24234
+ }
24235
+ .v-system-bar--window {
24236
+ height: 32px;
24237
+ }
24238
+ .v-system-bar:not(.v-system-bar--absolute) {
24239
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24195
24240
  }.v-switch .v-label {
24196
24241
  padding-inline-start: 10px;
24197
24242
  }
@@ -24310,57 +24355,80 @@ html.v-overlay-scroll-blocked {
24310
24355
  }
24311
24356
  .v-switch.v-switch--inset .v-selection-control__wrapper {
24312
24357
  width: auto;
24313
- }.v-stepper.v-sheet {
24314
- 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));
24315
- border-radius: 4px;
24316
- overflow: hidden;
24317
24358
  }
24318
- .v-stepper.v-sheet.v-stepper--flat {
24319
- 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));
24359
+ .v-switch.v-input--vertical .v-label {
24360
+ min-width: max-content;
24320
24361
  }
24321
-
24322
- .v-stepper-header {
24323
- 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));
24324
- align-items: center;
24325
- display: flex;
24326
- position: relative;
24327
- overflow-x: auto;
24328
- justify-content: space-between;
24329
- z-index: 1;
24362
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24363
+ transform: rotate(-90deg);
24364
+ }/* region BLOCK */
24365
+ .v-text-field input {
24366
+ color: inherit;
24367
+ opacity: 0;
24368
+ flex: 1;
24369
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24370
+ min-width: 0;
24330
24371
  }
24331
- .v-stepper-header .v-divider {
24332
- margin: 0 -16px;
24372
+ .v-text-field input:focus, .v-text-field input:active {
24373
+ outline: none;
24374
+ }
24375
+ .v-text-field input:invalid {
24376
+ box-shadow: none;
24377
+ }
24378
+ .v-text-field .v-field {
24379
+ cursor: text;
24333
24380
  }
24334
- .v-stepper-header .v-divider:last-child {
24335
- margin-inline-end: 0;
24381
+ .v-text-field--prefixed.v-text-field .v-field__input {
24382
+ --v-field-padding-start: 6px;
24336
24383
  }
24337
- .v-stepper-header .v-divider:first-child {
24338
- margin-inline-start: 0;
24384
+
24385
+ .v-text-field--suffixed.v-text-field .v-field__input {
24386
+ --v-field-padding-end: 0;
24339
24387
  }
24340
- .v-stepper--alt-labels .v-stepper-header {
24341
- height: auto;
24388
+
24389
+ .v-text-field .v-input__details {
24390
+ padding-inline: 16px;
24342
24391
  }
24343
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24344
- align-self: flex-start;
24345
- margin: 35px -67px 0;
24392
+ .v-input--plain-underlined.v-text-field .v-input__details {
24393
+ padding-inline: 0;
24346
24394
  }
24347
24395
 
24348
- .v-stepper-window {
24349
- margin: 1.5rem;
24396
+ .v-text-field .v-field--no-label input,
24397
+ .v-text-field .v-field--active input {
24398
+ opacity: 1;
24399
+ }
24400
+ .v-text-field .v-field--single-line input {
24401
+ transition: none;
24350
24402
  }
24351
24403
 
24352
- .v-stepper-actions {
24353
- display: flex;
24404
+ /* endregion */
24405
+ /* region ELEMENTS */
24406
+ .v-text-field__prefix, .v-text-field__suffix {
24354
24407
  align-items: center;
24355
- justify-content: space-between;
24356
- padding: 1rem;
24408
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24409
+ cursor: default;
24410
+ display: flex;
24411
+ opacity: 0;
24412
+ transition: inherit;
24413
+ white-space: nowrap;
24414
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24415
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24416
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24357
24417
  }
24358
- .v-stepper .v-stepper-actions {
24359
- padding: 0 1.5rem 1rem;
24418
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24419
+ opacity: 1;
24360
24420
  }
24361
- .v-stepper-window-item .v-stepper-actions {
24362
- padding: 1.5rem 0 0;
24363
- }.v-stepper-item {
24421
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24422
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24423
+ }
24424
+ .v-text-field__prefix {
24425
+ padding-inline-start: var(--v-field-padding-start);
24426
+ }
24427
+ .v-text-field__suffix {
24428
+ padding-inline-end: var(--v-field-padding-end);
24429
+ }
24430
+
24431
+ /* endregion */.v-stepper-item {
24364
24432
  align-items: center;
24365
24433
  align-self: stretch;
24366
24434
  display: inline-flex;
@@ -24426,6 +24494,56 @@ html.v-overlay-scroll-blocked {
24426
24494
  }
24427
24495
  .v-stepper--mobile .v-stepper-item__subtitle {
24428
24496
  display: none;
24497
+ }.v-stepper.v-sheet {
24498
+ 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));
24499
+ border-radius: 4px;
24500
+ overflow: hidden;
24501
+ }
24502
+ .v-stepper.v-sheet.v-stepper--flat {
24503
+ 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));
24504
+ }
24505
+
24506
+ .v-stepper-header {
24507
+ 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));
24508
+ align-items: center;
24509
+ display: flex;
24510
+ position: relative;
24511
+ overflow-x: auto;
24512
+ justify-content: space-between;
24513
+ z-index: 1;
24514
+ }
24515
+ .v-stepper-header .v-divider {
24516
+ margin: 0 -16px;
24517
+ }
24518
+ .v-stepper-header .v-divider:last-child {
24519
+ margin-inline-end: 0;
24520
+ }
24521
+ .v-stepper-header .v-divider:first-child {
24522
+ margin-inline-start: 0;
24523
+ }
24524
+ .v-stepper--alt-labels .v-stepper-header {
24525
+ height: auto;
24526
+ }
24527
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24528
+ align-self: flex-start;
24529
+ margin: 35px -67px 0;
24530
+ }
24531
+
24532
+ .v-stepper-window {
24533
+ margin: 1.5rem;
24534
+ }
24535
+
24536
+ .v-stepper-actions {
24537
+ display: flex;
24538
+ align-items: center;
24539
+ justify-content: space-between;
24540
+ padding: 1rem;
24541
+ }
24542
+ .v-stepper .v-stepper-actions {
24543
+ padding: 0 1.5rem 1rem;
24544
+ }
24545
+ .v-stepper-window-item .v-stepper-actions {
24546
+ padding: 1.5rem 0 0;
24429
24547
  }.v-tabs {
24430
24548
  display: flex;
24431
24549
  height: var(--v-tabs-height);
@@ -24461,103 +24579,207 @@ html.v-overlay-scroll-blocked {
24461
24579
  margin-inline-start: 42px;
24462
24580
  }
24463
24581
 
24464
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24465
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24466
- margin-inline-end: auto;
24467
- }
24468
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24469
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24470
- margin-inline-start: auto;
24582
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24583
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24584
+ margin-inline-end: auto;
24585
+ }
24586
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24587
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24588
+ margin-inline-start: auto;
24589
+ }
24590
+
24591
+ .v-tabs--grow {
24592
+ flex-grow: 1;
24593
+ }
24594
+ .v-tabs--grow .v-tab {
24595
+ flex: 1 0 auto;
24596
+ max-width: none;
24597
+ }
24598
+
24599
+ .v-tabs--align-tabs-end .v-tab:first-child {
24600
+ margin-inline-start: auto;
24601
+ }
24602
+ .v-tabs--align-tabs-end .v-tab:last-child {
24603
+ margin-inline-end: 0;
24604
+ }
24605
+
24606
+ @media (max-width: 1279.98px) {
24607
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24608
+ margin-inline-start: 52px;
24609
+ }
24610
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24611
+ margin-inline-end: 52px;
24612
+ }
24613
+ }.v-tab.v-tab.v-btn {
24614
+ height: var(--v-tabs-height);
24615
+ border-radius: 0;
24616
+ min-width: 90px;
24617
+ }
24618
+ .v-slide-group--horizontal .v-tab {
24619
+ max-width: 360px;
24620
+ }
24621
+ .v-slide-group--vertical .v-tab {
24622
+ justify-content: start;
24623
+ }
24624
+
24625
+ .v-tab__slider {
24626
+ position: absolute;
24627
+ bottom: 0;
24628
+ left: 0;
24629
+ height: 2px;
24630
+ width: 100%;
24631
+ background: currentColor;
24632
+ pointer-events: none;
24633
+ opacity: 0;
24634
+ }
24635
+ .v-tab--selected .v-tab__slider {
24636
+ opacity: 1;
24637
+ }
24638
+ .v-slide-group--vertical .v-tab__slider {
24639
+ top: 0;
24640
+ height: 100%;
24641
+ width: 2px;
24642
+ }.v-table {
24643
+ background: rgb(var(--v-theme-surface));
24644
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24645
+ font-size: 0.875rem;
24646
+ transition-duration: 0.28s;
24647
+ transition-property: box-shadow, opacity, background, height;
24648
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24649
+ }
24650
+ .v-table .v-table-divider {
24651
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24652
+ }
24653
+ .v-table .v-table__wrapper > table > thead > tr > th {
24654
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24655
+ }
24656
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24657
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24658
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24659
+ }
24660
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24661
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24662
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24663
+ }
24664
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24665
+ position: relative;
24666
+ }
24667
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24668
+ content: "";
24669
+ position: absolute;
24670
+ top: 0;
24671
+ left: 0;
24672
+ width: 100%;
24673
+ height: 100%;
24674
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24675
+ pointer-events: none;
24676
+ }
24677
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24678
+ background: rgb(var(--v-theme-surface));
24679
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24680
+ z-index: 1;
24681
+ }
24682
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24683
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24684
+ background: rgb(var(--v-theme-surface));
24685
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24686
+ }
24687
+
24688
+ .v-table {
24689
+ border-radius: inherit;
24690
+ line-height: 1.5;
24691
+ max-width: 100%;
24692
+ display: flex;
24693
+ flex-direction: column;
24694
+ }
24695
+ .v-table > .v-table__wrapper > table {
24696
+ width: 100%;
24697
+ border-spacing: 0;
24698
+ }
24699
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24700
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24701
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24702
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24703
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24704
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24705
+ padding: 0 16px;
24706
+ transition-duration: 0.28s;
24707
+ transition-property: box-shadow, opacity, background, height;
24708
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24709
+ }
24710
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24711
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24712
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
24713
+ height: var(--v-table-row-height);
24714
+ }
24715
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24716
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24717
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24718
+ height: var(--v-table-header-height);
24719
+ font-weight: 500;
24720
+ -webkit-user-select: none;
24721
+ user-select: none;
24722
+ text-align: start;
24723
+ }
24724
+ .v-table--density-default {
24725
+ --v-table-header-height: 56px;
24726
+ --v-table-row-height: 52px;
24727
+ }
24728
+
24729
+ .v-table--density-comfortable {
24730
+ --v-table-header-height: 48px;
24731
+ --v-table-row-height: 44px;
24471
24732
  }
24472
24733
 
24473
- .v-tabs--grow {
24474
- flex-grow: 1;
24734
+ .v-table--density-compact {
24735
+ --v-table-header-height: 40px;
24736
+ --v-table-row-height: 36px;
24475
24737
  }
24476
- .v-tabs--grow .v-tab {
24477
- flex: 1 0 auto;
24478
- max-width: none;
24738
+
24739
+ .v-table__wrapper {
24740
+ border-radius: inherit;
24741
+ overflow: auto;
24742
+ flex: 1 1 auto;
24479
24743
  }
24480
24744
 
24481
- .v-tabs--align-tabs-end .v-tab:first-child {
24482
- margin-inline-start: auto;
24745
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24746
+ border-top-left-radius: 0;
24483
24747
  }
24484
- .v-tabs--align-tabs-end .v-tab:last-child {
24485
- margin-inline-end: 0;
24748
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24749
+ border-top-right-radius: 0;
24486
24750
  }
24487
24751
 
24488
- @media (max-width: 1279.98px) {
24489
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24490
- margin-inline-start: 52px;
24491
- }
24492
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24493
- margin-inline-end: 52px;
24494
- }
24495
- }.v-tab.v-tab.v-btn {
24496
- height: var(--v-tabs-height);
24497
- border-radius: 0;
24498
- min-width: 90px;
24499
- }
24500
- .v-slide-group--horizontal .v-tab {
24501
- max-width: 360px;
24752
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24753
+ border-bottom-left-radius: 0;
24502
24754
  }
24503
- .v-slide-group--vertical .v-tab {
24504
- justify-content: start;
24755
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24756
+ border-bottom-right-radius: 0;
24505
24757
  }
24506
24758
 
24507
- .v-tab__slider {
24508
- position: absolute;
24509
- bottom: 0;
24510
- left: 0;
24511
- height: 2px;
24512
- width: 100%;
24513
- background: currentColor;
24514
- pointer-events: none;
24515
- opacity: 0;
24516
- }
24517
- .v-tab--selected .v-tab__slider {
24518
- opacity: 1;
24759
+ .v-table--fixed-height > .v-table__wrapper {
24760
+ overflow-y: auto;
24519
24761
  }
24520
- .v-slide-group--vertical .v-tab__slider {
24762
+
24763
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24764
+ position: sticky;
24521
24765
  top: 0;
24522
- height: 100%;
24523
- width: 2px;
24524
- }.v-system-bar {
24525
- align-items: center;
24526
- display: flex;
24527
- flex: 1 1 auto;
24528
- height: 24px;
24529
- justify-content: flex-end;
24530
- max-width: 100%;
24531
- padding-inline: 8px;
24532
- position: relative;
24533
- text-align: end;
24534
- width: 100%;
24535
- 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));
24536
- background: rgba(var(--v-theme-surface-light));
24537
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24538
- font-size: 0.75rem;
24539
- font-weight: 400;
24540
- letter-spacing: 0.0333333333em;
24541
- line-height: 1.25rem;
24542
- text-transform: none;
24543
- }
24544
- .v-system-bar .v-icon {
24545
- opacity: var(--v-medium-emphasis-opacity);
24546
- }
24547
- .v-system-bar--absolute {
24548
- position: absolute;
24549
- }
24550
- .v-system-bar--fixed {
24551
- position: fixed;
24766
+ z-index: 2;
24552
24767
  }
24553
- .v-system-bar--rounded {
24554
- border-radius: 0;
24768
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24769
+ border-bottom: 0px !important;
24555
24770
  }
24556
- .v-system-bar--window {
24557
- height: 32px;
24771
+
24772
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24773
+ position: sticky;
24774
+ bottom: 0;
24775
+ z-index: 1;
24558
24776
  }
24559
- .v-system-bar:not(.v-system-bar--absolute) {
24560
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24777
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24778
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24779
+ border-top: 0px !important;
24780
+ }.v-theme-provider {
24781
+ background: rgb(var(--v-theme-background));
24782
+ color: rgb(var(--v-theme-on-background));
24561
24783
  }.v-textarea .v-field {
24562
24784
  --v-textarea-control-height: var(--v-input-control-height);
24563
24785
  }
@@ -24597,211 +24819,157 @@ html.v-overlay-scroll-blocked {
24597
24819
  }
24598
24820
  .v-textarea textarea:invalid {
24599
24821
  box-shadow: none;
24600
- }/* region BLOCK */
24601
- .v-text-field input {
24602
- color: inherit;
24603
- opacity: 0;
24604
- flex: 1;
24605
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24606
- min-width: 0;
24607
- }
24608
- .v-text-field input:focus, .v-text-field input:active {
24609
- outline: none;
24610
- }
24611
- .v-text-field input:invalid {
24612
- box-shadow: none;
24613
- }
24614
- .v-text-field .v-field {
24615
- cursor: text;
24616
- }
24617
- .v-text-field--prefixed.v-text-field .v-field__input {
24618
- --v-field-padding-start: 6px;
24619
- }
24620
-
24621
- .v-text-field--suffixed.v-text-field .v-field__input {
24622
- --v-field-padding-end: 0;
24623
- }
24624
-
24625
- .v-text-field .v-input__details {
24626
- padding-inline: 16px;
24627
- }
24628
- .v-input--plain-underlined.v-text-field .v-input__details {
24629
- padding-inline: 0;
24630
- }
24631
-
24632
- .v-text-field .v-field--no-label input,
24633
- .v-text-field .v-field--active input {
24822
+ }.v-tooltip > .v-overlay__content {
24823
+ background: rgb(var(--v-theme-surface-variant));
24824
+ color: rgb(var(--v-theme-on-surface-variant));
24825
+ border-radius: 4px;
24826
+ font-size: 0.875rem;
24827
+ line-height: 1.6;
24828
+ display: inline-block;
24829
+ padding: 5px 16px;
24830
+ text-transform: initial;
24831
+ width: auto;
24634
24832
  opacity: 1;
24833
+ pointer-events: none;
24834
+ transition-property: opacity, transform;
24835
+ overflow-wrap: break-word;
24635
24836
  }
24636
- .v-text-field .v-field--single-line input {
24637
- transition: none;
24837
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24838
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24839
+ transition-duration: 150ms;
24638
24840
  }
24639
-
24640
- /* endregion */
24641
- /* region ELEMENTS */
24642
- .v-text-field__prefix, .v-text-field__suffix {
24643
- align-items: center;
24644
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24645
- cursor: default;
24841
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24842
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24843
+ transition-duration: 75ms;
24844
+ }.v-toolbar {
24845
+ align-items: flex-start;
24646
24846
  display: flex;
24647
- opacity: 0;
24648
- transition: inherit;
24649
- white-space: nowrap;
24650
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24651
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24652
- padding-bottom: var(--v-field-padding-bottom, 6px);
24653
- }
24654
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24655
- opacity: 1;
24656
- }
24657
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24658
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24659
- }
24660
- .v-text-field__prefix {
24661
- padding-inline-start: var(--v-field-padding-start);
24662
- }
24663
- .v-text-field__suffix {
24664
- padding-inline-end: var(--v-field-padding-end);
24665
- }
24666
-
24667
- /* endregion */.v-table {
24668
- background: rgb(var(--v-theme-surface));
24669
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24670
- font-size: 0.875rem;
24671
- transition-duration: 0.28s;
24672
- transition-property: box-shadow, opacity, background, height;
24673
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24674
- }
24675
- .v-table .v-table-divider {
24676
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24677
- }
24678
- .v-table .v-table__wrapper > table > thead > tr > th {
24679
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24847
+ flex: none;
24848
+ flex-direction: column;
24849
+ justify-content: space-between;
24850
+ max-width: 100%;
24851
+ position: relative;
24852
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24853
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24854
+ width: 100%;
24855
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24856
+ border-style: solid;
24857
+ border-width: 0;
24858
+ 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));
24859
+ border-radius: 0;
24860
+ background: rgb(var(--v-theme-surface-light));
24861
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24680
24862
  }
24681
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24682
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24683
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24863
+ .v-toolbar--border {
24864
+ border-width: thin;
24865
+ box-shadow: none;
24684
24866
  }
24685
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24686
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24687
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24867
+ .v-toolbar--absolute {
24868
+ position: absolute;
24688
24869
  }
24689
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24690
- position: relative;
24870
+ .v-toolbar--collapse {
24871
+ max-width: 112px;
24872
+ overflow: hidden;
24873
+ border-end-end-radius: 24px;
24691
24874
  }
24692
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24693
- content: "";
24694
- position: absolute;
24695
- top: 0;
24696
- left: 0;
24697
- width: 100%;
24698
- height: 100%;
24699
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24700
- pointer-events: none;
24875
+ .v-toolbar--collapse .v-toolbar-title {
24876
+ display: none;
24701
24877
  }
24702
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24703
- background: rgb(var(--v-theme-surface));
24704
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24705
- z-index: 1;
24878
+ .v-toolbar--flat {
24879
+ 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));
24706
24880
  }
24707
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24708
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24709
- background: rgb(var(--v-theme-surface));
24710
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24881
+ .v-toolbar--floating {
24882
+ display: inline-flex;
24883
+ }
24884
+ .v-toolbar--rounded {
24885
+ border-radius: 4px;
24711
24886
  }
24712
24887
 
24713
- .v-table {
24714
- border-radius: inherit;
24715
- line-height: 1.5;
24716
- max-width: 100%;
24888
+ .v-toolbar__content,
24889
+ .v-toolbar__extension {
24890
+ align-items: center;
24717
24891
  display: flex;
24718
- flex-direction: column;
24719
- }
24720
- .v-table > .v-table__wrapper > table {
24892
+ flex: 0 0 auto;
24893
+ position: relative;
24894
+ transition: inherit;
24721
24895
  width: 100%;
24722
- border-spacing: 0;
24723
24896
  }
24724
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24725
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24726
- .v-table > .v-table__wrapper > table > thead > tr > td,
24727
- .v-table > .v-table__wrapper > table > thead > tr > th,
24728
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24729
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24730
- padding: 0 16px;
24731
- transition-duration: 0.28s;
24732
- transition-property: box-shadow, opacity, background, height;
24733
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24897
+
24898
+ .v-toolbar__content {
24899
+ overflow: hidden;
24734
24900
  }
24735
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24736
- .v-table > .v-table__wrapper > table > thead > tr > td,
24737
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24738
- height: var(--v-table-row-height);
24901
+ .v-toolbar__content > .v-btn:first-child {
24902
+ margin-inline-start: 10px;
24739
24903
  }
24740
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24741
- .v-table > .v-table__wrapper > table > thead > tr > th,
24742
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24743
- height: var(--v-table-header-height);
24744
- font-weight: 500;
24745
- -webkit-user-select: none;
24746
- user-select: none;
24747
- text-align: start;
24904
+ .v-toolbar__content > .v-btn:last-child {
24905
+ margin-inline-end: 10px;
24748
24906
  }
24749
- .v-table--density-default {
24750
- --v-table-header-height: 56px;
24751
- --v-table-row-height: 52px;
24907
+ .v-toolbar__content > .v-toolbar-title {
24908
+ margin-inline-start: 16px;
24752
24909
  }
24753
-
24754
- .v-table--density-comfortable {
24755
- --v-table-header-height: 48px;
24756
- --v-table-row-height: 44px;
24910
+ .v-toolbar--density-prominent .v-toolbar__content {
24911
+ align-items: flex-start;
24757
24912
  }
24758
24913
 
24759
- .v-table--density-compact {
24760
- --v-table-header-height: 40px;
24761
- --v-table-row-height: 36px;
24914
+ .v-toolbar__image {
24915
+ position: absolute;
24916
+ top: 0;
24917
+ left: 0;
24918
+ width: 100%;
24919
+ height: 100%;
24920
+ display: flex;
24921
+ opacity: var(--v-toolbar-image-opacity, 1);
24922
+ transition-property: opacity;
24762
24923
  }
24763
24924
 
24764
- .v-table__wrapper {
24765
- border-radius: inherit;
24766
- overflow: auto;
24767
- flex: 1 1 auto;
24925
+ .v-toolbar__prepend,
24926
+ .v-toolbar__append {
24927
+ align-items: center;
24928
+ align-self: stretch;
24929
+ display: flex;
24768
24930
  }
24769
24931
 
24770
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24771
- border-top-left-radius: 0;
24772
- }
24773
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24774
- border-top-right-radius: 0;
24932
+ .v-toolbar__prepend {
24933
+ margin-inline: 10px auto;
24775
24934
  }
24776
24935
 
24777
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24778
- border-bottom-left-radius: 0;
24779
- }
24780
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24781
- border-bottom-right-radius: 0;
24936
+ .v-toolbar__append {
24937
+ margin-inline: auto 10px;
24782
24938
  }
24783
24939
 
24784
- .v-table--fixed-height > .v-table__wrapper {
24785
- overflow-y: auto;
24940
+ .v-toolbar-title {
24941
+ flex: 1 1;
24942
+ font-size: 1.25rem;
24943
+ min-width: 0;
24944
+ font-size: 1.25rem;
24945
+ font-weight: 400;
24946
+ letter-spacing: 0;
24947
+ line-height: 1.75rem;
24948
+ text-transform: none;
24786
24949
  }
24787
-
24788
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24789
- position: sticky;
24790
- top: 0;
24791
- z-index: 2;
24950
+ .v-toolbar--density-prominent .v-toolbar-title {
24951
+ align-self: flex-end;
24952
+ padding-bottom: 6px;
24953
+ font-size: 1.5rem;
24954
+ font-weight: 400;
24955
+ letter-spacing: 0;
24956
+ line-height: 2.25rem;
24957
+ text-transform: none;
24792
24958
  }
24793
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24794
- border-bottom: 0px !important;
24959
+
24960
+ .v-toolbar-title__placeholder {
24961
+ overflow: hidden;
24962
+ text-overflow: ellipsis;
24963
+ white-space: nowrap;
24795
24964
  }
24796
24965
 
24797
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24798
- position: sticky;
24799
- bottom: 0;
24800
- z-index: 1;
24966
+ .v-toolbar-items {
24967
+ display: flex;
24968
+ height: inherit;
24969
+ align-self: stretch;
24801
24970
  }
24802
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24803
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24804
- border-top: 0px !important;
24971
+ .v-toolbar-items > .v-btn {
24972
+ border-radius: 0;
24805
24973
  }.v-timeline .v-timeline-divider__dot {
24806
24974
  background: rgb(var(--v-theme-surface-light));
24807
24975
  }
@@ -25164,211 +25332,60 @@ html.v-overlay-scroll-blocked {
25164
25332
  --v-timeline-line-size-offset: -12px;
25165
25333
  }
25166
25334
  .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
25167
- --v-timeline-line-size-offset: 0px;
25168
- }
25169
- .v-timeline--horizontal.v-timeline--align-start {
25170
- justify-items: flex-start;
25171
- }
25172
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25173
- justify-content: flex-start;
25174
- }
25175
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25176
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25177
- }
25178
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25179
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25180
- }
25181
-
25182
- .v-timeline--vertical.v-timeline--align-start {
25183
- align-items: flex-start;
25184
- }
25185
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25186
- justify-content: flex-start;
25187
- }
25188
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25189
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25190
- }
25191
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25192
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25193
- }
25194
-
25195
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25196
- display: none;
25197
- }
25198
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25199
- --v-timeline-line-size-offset: 12px;
25200
- }
25201
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25202
- padding-block-start: 0;
25203
- }
25204
-
25205
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25206
- padding-inline-start: 0;
25207
- }
25208
-
25209
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25210
- display: none;
25211
- }
25212
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25213
- --v-timeline-line-size-offset: 12px;
25214
- }
25215
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25216
- padding-block-end: 0;
25217
- }
25218
-
25219
- .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 {
25220
- padding-inline-end: 0;
25221
- }.v-toolbar {
25222
- align-items: flex-start;
25223
- display: flex;
25224
- flex: none;
25225
- flex-direction: column;
25226
- justify-content: space-between;
25227
- max-width: 100%;
25228
- position: relative;
25229
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25230
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25231
- width: 100%;
25232
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25233
- border-style: solid;
25234
- border-width: 0;
25235
- 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));
25236
- border-radius: 0;
25237
- background: rgb(var(--v-theme-surface-light));
25238
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25239
- }
25240
- .v-toolbar--border {
25241
- border-width: thin;
25242
- box-shadow: none;
25243
- }
25244
- .v-toolbar--absolute {
25245
- position: absolute;
25246
- }
25247
- .v-toolbar--collapse {
25248
- max-width: 112px;
25249
- overflow: hidden;
25250
- border-end-end-radius: 24px;
25251
- }
25252
- .v-toolbar--collapse .v-toolbar-title {
25253
- display: none;
25254
- }
25255
- .v-toolbar--flat {
25256
- 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));
25257
- }
25258
- .v-toolbar--floating {
25259
- display: inline-flex;
25260
- }
25261
- .v-toolbar--rounded {
25262
- border-radius: 4px;
25263
- }
25264
-
25265
- .v-toolbar__content,
25266
- .v-toolbar__extension {
25267
- align-items: center;
25268
- display: flex;
25269
- flex: 0 0 auto;
25270
- position: relative;
25271
- transition: inherit;
25272
- width: 100%;
25335
+ --v-timeline-line-size-offset: 0px;
25273
25336
  }
25274
-
25275
- .v-toolbar__content {
25276
- overflow: hidden;
25337
+ .v-timeline--horizontal.v-timeline--align-start {
25338
+ justify-items: flex-start;
25277
25339
  }
25278
- .v-toolbar__content > .v-btn:first-child {
25279
- margin-inline-start: 10px;
25340
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
25341
+ justify-content: flex-start;
25280
25342
  }
25281
- .v-toolbar__content > .v-btn:last-child {
25282
- margin-inline-end: 10px;
25343
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25344
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25283
25345
  }
25284
- .v-toolbar__content > .v-toolbar-title {
25285
- margin-inline-start: 16px;
25346
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25347
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25286
25348
  }
25287
- .v-toolbar--density-prominent .v-toolbar__content {
25349
+
25350
+ .v-timeline--vertical.v-timeline--align-start {
25288
25351
  align-items: flex-start;
25289
25352
  }
25290
-
25291
- .v-toolbar__image {
25292
- position: absolute;
25293
- top: 0;
25294
- left: 0;
25295
- width: 100%;
25296
- height: 100%;
25297
- display: flex;
25298
- opacity: var(--v-toolbar-image-opacity, 1);
25299
- transition-property: opacity;
25353
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
25354
+ justify-content: flex-start;
25300
25355
  }
25301
-
25302
- .v-toolbar__prepend,
25303
- .v-toolbar__append {
25304
- align-items: center;
25305
- align-self: stretch;
25306
- display: flex;
25356
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
25357
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
25307
25358
  }
25308
-
25309
- .v-toolbar__prepend {
25310
- margin-inline: 10px auto;
25359
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
25360
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
25311
25361
  }
25312
25362
 
25313
- .v-toolbar__append {
25314
- margin-inline: auto 10px;
25363
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__before {
25364
+ display: none;
25315
25365
  }
25316
-
25317
- .v-toolbar-title {
25318
- flex: 1 1;
25319
- font-size: 1.25rem;
25320
- min-width: 0;
25321
- font-size: 1.25rem;
25322
- font-weight: 400;
25323
- letter-spacing: 0;
25324
- line-height: 1.75rem;
25325
- text-transform: none;
25366
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
25367
+ --v-timeline-line-size-offset: 12px;
25326
25368
  }
25327
- .v-toolbar--density-prominent .v-toolbar-title {
25328
- align-self: flex-end;
25329
- padding-bottom: 6px;
25330
- font-size: 1.5rem;
25331
- font-weight: 400;
25332
- letter-spacing: 0;
25333
- line-height: 2.25rem;
25334
- text-transform: none;
25369
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25370
+ padding-block-start: 0;
25335
25371
  }
25336
25372
 
25337
- .v-toolbar-title__placeholder {
25338
- overflow: hidden;
25339
- text-overflow: ellipsis;
25340
- white-space: nowrap;
25373
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25374
+ padding-inline-start: 0;
25341
25375
  }
25342
25376
 
25343
- .v-toolbar-items {
25344
- display: flex;
25345
- height: inherit;
25346
- align-self: stretch;
25377
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25378
+ display: none;
25347
25379
  }
25348
- .v-toolbar-items > .v-btn {
25349
- border-radius: 0;
25350
- }.v-tooltip > .v-overlay__content {
25351
- background: rgb(var(--v-theme-surface-variant));
25352
- color: rgb(var(--v-theme-on-surface-variant));
25353
- border-radius: 4px;
25354
- font-size: 0.875rem;
25355
- line-height: 1.6;
25356
- display: inline-block;
25357
- padding: 5px 16px;
25358
- text-transform: initial;
25359
- width: auto;
25360
- opacity: 1;
25361
- pointer-events: none;
25362
- transition-property: opacity, transform;
25363
- overflow-wrap: break-word;
25380
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25381
+ --v-timeline-line-size-offset: 12px;
25364
25382
  }
25365
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25366
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25367
- transition-duration: 150ms;
25383
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25384
+ padding-block-end: 0;
25368
25385
  }
25369
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25370
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25371
- transition-duration: 75ms;
25386
+
25387
+ .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 {
25388
+ padding-inline-end: 0;
25372
25389
  }.v-virtual-scroll {
25373
25390
  display: block;
25374
25391
  flex: 1 1 auto;
@@ -25378,9 +25395,6 @@ html.v-overlay-scroll-blocked {
25378
25395
  }
25379
25396
  .v-virtual-scroll__container {
25380
25397
  display: block;
25381
- }.v-theme-provider {
25382
- background: rgb(var(--v-theme-background));
25383
- color: rgb(var(--v-theme-on-background));
25384
25398
  }.v-window {
25385
25399
  overflow: hidden;
25386
25400
  }
@@ -25450,76 +25464,6 @@ html.v-overlay-scroll-blocked {
25450
25464
  }
25451
25465
  .v-window-y-reverse-transition-leave-to {
25452
25466
  transform: translateY(100%);
25453
- }.v-color-picker-preview__alpha .v-slider-track__background {
25454
- background-color: transparent !important;
25455
- }
25456
- .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25457
- background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25458
- }
25459
-
25460
- .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25461
- background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25462
- }
25463
-
25464
- .v-color-picker-preview__alpha .v-slider-track__background::after {
25465
- content: "";
25466
- z-index: -1;
25467
- left: 0;
25468
- top: 0;
25469
- width: 100%;
25470
- height: 100%;
25471
- position: absolute;
25472
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25473
- border-radius: inherit;
25474
- }
25475
-
25476
- .v-color-picker-preview__sliders {
25477
- display: flex;
25478
- flex: 1 0 auto;
25479
- flex-direction: column;
25480
- padding-inline-end: 16px;
25481
- }
25482
-
25483
- .v-color-picker-preview__dot {
25484
- position: relative;
25485
- height: 30px;
25486
- width: 30px;
25487
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25488
- border-radius: 50%;
25489
- overflow: hidden;
25490
- margin-inline-end: 24px;
25491
- }
25492
- .v-color-picker-preview__dot > div {
25493
- width: 100%;
25494
- height: 100%;
25495
- }
25496
-
25497
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25498
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25499
- }
25500
-
25501
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25502
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25503
- }
25504
-
25505
- .v-color-picker-preview__track {
25506
- position: relative;
25507
- width: 100%;
25508
- margin: 0 !important;
25509
- }
25510
- .v-color-picker-preview__track .v-slider-track__fill {
25511
- display: none;
25512
- }
25513
-
25514
- .v-color-picker-preview {
25515
- align-items: center;
25516
- display: flex;
25517
- margin-bottom: 0;
25518
- }
25519
-
25520
- .v-color-picker-preview__eye-dropper {
25521
- position: relative;
25522
- margin-right: 12px;
25523
25467
  }.v-color-picker-canvas {
25524
25468
  display: flex;
25525
25469
  position: relative;
@@ -25605,6 +25549,76 @@ html.v-overlay-scroll-blocked {
25605
25549
  }
25606
25550
  .v-color-picker-edit__input span {
25607
25551
  font-size: 0.75rem;
25552
+ }.v-color-picker-preview__alpha .v-slider-track__background {
25553
+ background-color: transparent !important;
25554
+ }
25555
+ .v-locale--is-ltr.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__alpha .v-slider-track__background {
25556
+ background-image: linear-gradient(to right, transparent, var(--v-color-picker-color-hsv));
25557
+ }
25558
+
25559
+ .v-locale--is-rtl.v-color-picker-preview__alpha .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__alpha .v-slider-track__background {
25560
+ background-image: linear-gradient(to left, transparent, var(--v-color-picker-color-hsv));
25561
+ }
25562
+
25563
+ .v-color-picker-preview__alpha .v-slider-track__background::after {
25564
+ content: "";
25565
+ z-index: -1;
25566
+ left: 0;
25567
+ top: 0;
25568
+ width: 100%;
25569
+ height: 100%;
25570
+ position: absolute;
25571
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25572
+ border-radius: inherit;
25573
+ }
25574
+
25575
+ .v-color-picker-preview__sliders {
25576
+ display: flex;
25577
+ flex: 1 0 auto;
25578
+ flex-direction: column;
25579
+ padding-inline-end: 16px;
25580
+ }
25581
+
25582
+ .v-color-picker-preview__dot {
25583
+ position: relative;
25584
+ height: 30px;
25585
+ width: 30px;
25586
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25587
+ border-radius: 50%;
25588
+ overflow: hidden;
25589
+ margin-inline-end: 24px;
25590
+ }
25591
+ .v-color-picker-preview__dot > div {
25592
+ width: 100%;
25593
+ height: 100%;
25594
+ }
25595
+
25596
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25597
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25598
+ }
25599
+
25600
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
25601
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
25602
+ }
25603
+
25604
+ .v-color-picker-preview__track {
25605
+ position: relative;
25606
+ width: 100%;
25607
+ margin: 0 !important;
25608
+ }
25609
+ .v-color-picker-preview__track .v-slider-track__fill {
25610
+ display: none;
25611
+ }
25612
+
25613
+ .v-color-picker-preview {
25614
+ align-items: center;
25615
+ display: flex;
25616
+ margin-bottom: 0;
25617
+ }
25618
+
25619
+ .v-color-picker-preview__eye-dropper {
25620
+ position: relative;
25621
+ margin-right: 12px;
25608
25622
  }.v-slider-thumb {
25609
25623
  touch-action: none;
25610
25624
  color: rgb(var(--v-theme-surface-variant));