@vuetify/nightly 3.6.3-dev.2024-05-06 → 3.6.3-dev.2024-05-29

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 (42) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +40 -0
  3. package/dist/json/importMap-labs.json +20 -20
  4. package/dist/json/importMap.json +144 -144
  5. package/dist/json/tags.json +11 -1
  6. package/dist/json/web-types.json +91 -1
  7. package/dist/vuetify-labs.css +1766 -1766
  8. package/dist/vuetify-labs.d.ts +147 -75
  9. package/dist/vuetify-labs.esm.js +11 -5
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +11 -5
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1119 -1119
  14. package/dist/vuetify.d.ts +183 -111
  15. package/dist/vuetify.esm.js +11 -5
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +11 -5
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +10 -10
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAppBar/index.d.mts +6 -0
  23. package/lib/components/VAutocomplete/index.d.mts +12 -12
  24. package/lib/components/VBreadcrumbs/index.d.mts +8 -8
  25. package/lib/components/VBtn/VBtn.mjs +3 -1
  26. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  27. package/lib/components/VBtn/index.d.mts +6 -0
  28. package/lib/components/VCombobox/index.d.mts +12 -12
  29. package/lib/components/VFab/index.d.mts +6 -0
  30. package/lib/components/VGrid/VContainer.mjs +6 -1
  31. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  32. package/lib/components/VGrid/index.d.mts +36 -0
  33. package/lib/components/VList/index.d.mts +12 -12
  34. package/lib/components/VSelect/index.d.mts +12 -12
  35. package/lib/components/VTabs/index.d.mts +21 -3
  36. package/lib/components/index.d.mts +131 -59
  37. package/lib/entry-bundler.mjs +1 -1
  38. package/lib/framework.mjs +1 -1
  39. package/lib/index.d.mts +52 -52
  40. package/lib/labs/VTreeview/index.d.mts +16 -16
  41. package/lib/labs/components.d.mts +16 -16
  42. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-dev.2024-05-06
2
+ * Vuetify v3.6.3-dev.2024-05-29
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17408,6 +17408,87 @@ html.overflow-y-hidden {
17408
17408
  }
17409
17409
  .v-app-bar:not(.v-toolbar--absolute) {
17410
17410
  padding-inline-end: var(--v-scrollbar-offset);
17411
+ }.v-autocomplete .v-field .v-text-field__prefix,
17412
+ .v-autocomplete .v-field .v-text-field__suffix,
17413
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17414
+ cursor: text;
17415
+ }
17416
+ .v-autocomplete .v-field .v-field__input > input {
17417
+ flex: 1 1;
17418
+ }
17419
+ .v-autocomplete .v-field input {
17420
+ min-width: 64px;
17421
+ }
17422
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17423
+ min-width: 0;
17424
+ }
17425
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17426
+ margin-inline-end: 2px;
17427
+ }
17428
+ .v-autocomplete .v-autocomplete__selection-text {
17429
+ overflow: hidden;
17430
+ text-overflow: ellipsis;
17431
+ white-space: nowrap;
17432
+ }
17433
+
17434
+ .v-autocomplete__content {
17435
+ overflow: hidden;
17436
+ 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));
17437
+ border-radius: 4px;
17438
+ }
17439
+ .v-autocomplete__mask {
17440
+ background: rgb(var(--v-theme-surface-light));
17441
+ }
17442
+ .v-autocomplete__selection {
17443
+ display: inline-flex;
17444
+ align-items: center;
17445
+ height: 1.5rem;
17446
+ letter-spacing: inherit;
17447
+ line-height: inherit;
17448
+ max-width: calc(100% - 2px - 2px);
17449
+ }
17450
+ .v-autocomplete__selection:first-child {
17451
+ margin-inline-start: 0;
17452
+ }
17453
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17454
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17455
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17456
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17457
+ top: 0px;
17458
+ }
17459
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17460
+ opacity: var(--v-medium-emphasis-opacity);
17461
+ }
17462
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17463
+ opacity: 1;
17464
+ }
17465
+ .v-autocomplete--selecting-index .v-field__input > input {
17466
+ caret-color: transparent;
17467
+ }
17468
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17469
+ flex: 1 1;
17470
+ position: absolute;
17471
+ left: 0;
17472
+ right: 0;
17473
+ width: 100%;
17474
+ padding-inline: inherit;
17475
+ }
17476
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17477
+ transition: none;
17478
+ }
17479
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17480
+ opacity: 0;
17481
+ }
17482
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17483
+ opacity: 0;
17484
+ }
17485
+ .v-autocomplete__menu-icon {
17486
+ margin-inline-start: 4px;
17487
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17488
+ }
17489
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17490
+ opacity: var(--v-high-emphasis-opacity);
17491
+ transform: rotate(180deg);
17411
17492
  }.v-alert {
17412
17493
  display: grid;
17413
17494
  flex: 1 1;
@@ -17620,158 +17701,6 @@ html.overflow-y-hidden {
17620
17701
  text-transform: none;
17621
17702
  word-break: normal;
17622
17703
  word-wrap: break-word;
17623
- }.v-autocomplete .v-field .v-text-field__prefix,
17624
- .v-autocomplete .v-field .v-text-field__suffix,
17625
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17626
- cursor: text;
17627
- }
17628
- .v-autocomplete .v-field .v-field__input > input {
17629
- flex: 1 1;
17630
- }
17631
- .v-autocomplete .v-field input {
17632
- min-width: 64px;
17633
- }
17634
- .v-autocomplete .v-field:not(.v-field--focused) input {
17635
- min-width: 0;
17636
- }
17637
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17638
- margin-inline-end: 2px;
17639
- }
17640
- .v-autocomplete .v-autocomplete__selection-text {
17641
- overflow: hidden;
17642
- text-overflow: ellipsis;
17643
- white-space: nowrap;
17644
- }
17645
-
17646
- .v-autocomplete__content {
17647
- overflow: hidden;
17648
- 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));
17649
- border-radius: 4px;
17650
- }
17651
- .v-autocomplete__mask {
17652
- background: rgb(var(--v-theme-surface-light));
17653
- }
17654
- .v-autocomplete__selection {
17655
- display: inline-flex;
17656
- align-items: center;
17657
- height: 1.5rem;
17658
- letter-spacing: inherit;
17659
- line-height: inherit;
17660
- max-width: calc(100% - 2px - 2px);
17661
- }
17662
- .v-autocomplete__selection:first-child {
17663
- margin-inline-start: 0;
17664
- }
17665
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17666
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17667
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17668
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17669
- top: 0px;
17670
- }
17671
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17672
- opacity: var(--v-medium-emphasis-opacity);
17673
- }
17674
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17675
- opacity: 1;
17676
- }
17677
- .v-autocomplete--selecting-index .v-field__input > input {
17678
- caret-color: transparent;
17679
- }
17680
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17681
- flex: 1 1;
17682
- position: absolute;
17683
- left: 0;
17684
- right: 0;
17685
- width: 100%;
17686
- padding-inline: inherit;
17687
- }
17688
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17689
- transition: none;
17690
- }
17691
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17692
- opacity: 0;
17693
- }
17694
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17695
- opacity: 0;
17696
- }
17697
- .v-autocomplete__menu-icon {
17698
- margin-inline-start: 4px;
17699
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17700
- }
17701
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
- opacity: var(--v-high-emphasis-opacity);
17703
- transform: rotate(180deg);
17704
- }.v-badge {
17705
- display: inline-block;
17706
- line-height: 1;
17707
- }
17708
-
17709
- .v-badge__badge {
17710
- align-items: center;
17711
- display: inline-flex;
17712
- border-radius: 10px;
17713
- font-size: 0.75rem;
17714
- font-weight: 500;
17715
- height: 1.25rem;
17716
- justify-content: center;
17717
- min-width: 20px;
17718
- padding: 4px 6px;
17719
- pointer-events: auto;
17720
- position: absolute;
17721
- text-align: center;
17722
- text-indent: 0;
17723
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17724
- white-space: nowrap;
17725
- background: rgb(var(--v-theme-surface-variant));
17726
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17727
- }
17728
- .v-badge--bordered .v-badge__badge::after {
17729
- border-radius: inherit;
17730
- border-style: solid;
17731
- border-width: 2px;
17732
- bottom: 0;
17733
- color: rgb(var(--v-theme-background));
17734
- content: "";
17735
- left: 0;
17736
- position: absolute;
17737
- right: 0;
17738
- top: 0;
17739
- transform: scale(1.05);
17740
- }
17741
- .v-badge--dot .v-badge__badge {
17742
- border-radius: 4.5px;
17743
- height: 9px;
17744
- min-width: 0;
17745
- padding: 0;
17746
- width: 9px;
17747
- }
17748
- .v-badge--dot .v-badge__badge::after {
17749
- border-width: 1.5px;
17750
- }
17751
- .v-badge--inline .v-badge__badge {
17752
- position: relative;
17753
- vertical-align: middle;
17754
- }
17755
- .v-badge__badge .v-icon {
17756
- color: inherit;
17757
- font-size: 0.75rem;
17758
- margin: 0 -2px;
17759
- }
17760
- .v-badge__badge img,
17761
- .v-badge__badge .v-img {
17762
- height: 100%;
17763
- width: 100%;
17764
- }
17765
-
17766
- .v-badge__wrapper {
17767
- display: flex;
17768
- position: relative;
17769
- }
17770
- .v-badge--inline .v-badge__wrapper {
17771
- align-items: center;
17772
- display: inline-flex;
17773
- justify-content: center;
17774
- margin: 0 4px;
17775
17704
  }.v-avatar {
17776
17705
  flex: none;
17777
17706
  align-items: center;
@@ -18031,28 +17960,99 @@ html.overflow-y-hidden {
18031
17960
  }
18032
17961
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18033
17962
  align-self: flex-start;
18034
- }.v-bottom-navigation {
18035
- display: flex;
18036
- max-width: 100%;
18037
- overflow: hidden;
18038
- position: absolute;
18039
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18040
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18041
- border-style: solid;
18042
- border-width: 0;
18043
- border-radius: 0;
18044
- background: rgb(var(--v-theme-surface));
18045
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18046
- }
18047
- .v-bottom-navigation--border {
18048
- border-width: thin;
18049
- box-shadow: none;
18050
- }
18051
- .v-bottom-navigation--active {
18052
- 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));
17963
+ }.v-badge {
17964
+ display: inline-block;
17965
+ line-height: 1;
18053
17966
  }
18054
17967
 
18055
- .v-bottom-navigation__content {
17968
+ .v-badge__badge {
17969
+ align-items: center;
17970
+ display: inline-flex;
17971
+ border-radius: 10px;
17972
+ font-size: 0.75rem;
17973
+ font-weight: 500;
17974
+ height: 1.25rem;
17975
+ justify-content: center;
17976
+ min-width: 20px;
17977
+ padding: 4px 6px;
17978
+ pointer-events: auto;
17979
+ position: absolute;
17980
+ text-align: center;
17981
+ text-indent: 0;
17982
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17983
+ white-space: nowrap;
17984
+ background: rgb(var(--v-theme-surface-variant));
17985
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17986
+ }
17987
+ .v-badge--bordered .v-badge__badge::after {
17988
+ border-radius: inherit;
17989
+ border-style: solid;
17990
+ border-width: 2px;
17991
+ bottom: 0;
17992
+ color: rgb(var(--v-theme-background));
17993
+ content: "";
17994
+ left: 0;
17995
+ position: absolute;
17996
+ right: 0;
17997
+ top: 0;
17998
+ transform: scale(1.05);
17999
+ }
18000
+ .v-badge--dot .v-badge__badge {
18001
+ border-radius: 4.5px;
18002
+ height: 9px;
18003
+ min-width: 0;
18004
+ padding: 0;
18005
+ width: 9px;
18006
+ }
18007
+ .v-badge--dot .v-badge__badge::after {
18008
+ border-width: 1.5px;
18009
+ }
18010
+ .v-badge--inline .v-badge__badge {
18011
+ position: relative;
18012
+ vertical-align: middle;
18013
+ }
18014
+ .v-badge__badge .v-icon {
18015
+ color: inherit;
18016
+ font-size: 0.75rem;
18017
+ margin: 0 -2px;
18018
+ }
18019
+ .v-badge__badge img,
18020
+ .v-badge__badge .v-img {
18021
+ height: 100%;
18022
+ width: 100%;
18023
+ }
18024
+
18025
+ .v-badge__wrapper {
18026
+ display: flex;
18027
+ position: relative;
18028
+ }
18029
+ .v-badge--inline .v-badge__wrapper {
18030
+ align-items: center;
18031
+ display: inline-flex;
18032
+ justify-content: center;
18033
+ margin: 0 4px;
18034
+ }.v-bottom-navigation {
18035
+ display: flex;
18036
+ max-width: 100%;
18037
+ overflow: hidden;
18038
+ position: absolute;
18039
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18040
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18041
+ border-style: solid;
18042
+ border-width: 0;
18043
+ border-radius: 0;
18044
+ background: rgb(var(--v-theme-surface));
18045
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18046
+ }
18047
+ .v-bottom-navigation--border {
18048
+ border-width: thin;
18049
+ box-shadow: none;
18050
+ }
18051
+ .v-bottom-navigation--active {
18052
+ 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));
18053
+ }
18054
+
18055
+ .v-bottom-navigation__content {
18056
18056
  display: flex;
18057
18057
  flex: none;
18058
18058
  font-size: 0.75rem;
@@ -18086,6 +18086,38 @@ html.overflow-y-hidden {
18086
18086
  }
18087
18087
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18088
18088
  transform: translateY(0.5rem);
18089
+ }.bottom-sheet-transition-enter-from {
18090
+ transform: translateY(100%);
18091
+ }
18092
+ .bottom-sheet-transition-leave-to {
18093
+ transform: translateY(100%);
18094
+ }
18095
+
18096
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18097
+ align-self: flex-end;
18098
+ border-radius: 0;
18099
+ flex: 0 1 auto;
18100
+ left: 0;
18101
+ right: 0;
18102
+ margin-inline: 0;
18103
+ margin-bottom: 0;
18104
+ transition-duration: 0.2s;
18105
+ width: 100%;
18106
+ max-width: 100%;
18107
+ overflow: visible;
18108
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18109
+ }
18110
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18111
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18112
+ border-radius: 0;
18113
+ }
18114
+ .v-bottom-sheet.v-bottom-sheet--inset {
18115
+ max-width: none;
18116
+ }
18117
+ @media (min-width: 600px) {
18118
+ .v-bottom-sheet.v-bottom-sheet--inset {
18119
+ max-width: 70%;
18120
+ }
18089
18121
  }.v-breadcrumbs {
18090
18122
  display: flex;
18091
18123
  align-items: center;
@@ -18143,38 +18175,6 @@ html.overflow-y-hidden {
18143
18175
  display: inline-block;
18144
18176
  padding: 0 8px;
18145
18177
  vertical-align: middle;
18146
- }.bottom-sheet-transition-enter-from {
18147
- transform: translateY(100%);
18148
- }
18149
- .bottom-sheet-transition-leave-to {
18150
- transform: translateY(100%);
18151
- }
18152
-
18153
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18154
- align-self: flex-end;
18155
- border-radius: 0;
18156
- flex: 0 1 auto;
18157
- left: 0;
18158
- right: 0;
18159
- margin-inline: 0;
18160
- margin-bottom: 0;
18161
- transition-duration: 0.2s;
18162
- width: 100%;
18163
- max-width: 100%;
18164
- overflow: visible;
18165
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18166
- }
18167
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18168
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18169
- border-radius: 0;
18170
- }
18171
- .v-bottom-sheet.v-bottom-sheet--inset {
18172
- max-width: none;
18173
- }
18174
- @media (min-width: 600px) {
18175
- .v-bottom-sheet.v-bottom-sheet--inset {
18176
- max-width: 70%;
18177
- }
18178
18178
  }.v-btn {
18179
18179
  align-items: center;
18180
18180
  border-radius: 4px;
@@ -18643,19 +18643,6 @@ html.overflow-y-hidden {
18643
18643
  }
18644
18644
  .v-btn-group--tile {
18645
18645
  border-radius: 0;
18646
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18647
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18648
- }
18649
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18650
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18651
- }
18652
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18653
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18654
- }
18655
- @supports not selector(:focus-visible) {
18656
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18657
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18658
- }
18659
18646
  }.v-card {
18660
18647
  display: block;
18661
18648
  overflow: hidden;
@@ -18955,6 +18942,19 @@ html.overflow-y-hidden {
18955
18942
  pointer-events: none;
18956
18943
  opacity: 0;
18957
18944
  transition: opacity 0.2s ease-in-out;
18945
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18946
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18947
+ }
18948
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18949
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18950
+ }
18951
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18952
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18953
+ }
18954
+ @supports not selector(:focus-visible) {
18955
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18956
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18957
+ }
18958
18958
  }.v-carousel {
18959
18959
  overflow: hidden;
18960
18960
  position: relative;
@@ -20231,251 +20231,40 @@ html.overflow-y-hidden {
20231
20231
  flex: 0 1 auto;
20232
20232
  font-size: 12px;
20233
20233
  transition-duration: 150ms;
20234
- }.v-date-picker {
20235
- overflow: hidden;
20236
- width: 328px;
20237
- }
20238
- .v-date-picker--show-week {
20239
- width: 368px;
20240
- }.v-date-picker-controls {
20241
- display: flex;
20242
- align-items: center;
20243
- justify-content: space-between;
20244
- font-size: 0.875rem;
20245
- padding-top: 4px;
20246
- padding-bottom: 4px;
20247
- padding-inline-start: 6px;
20248
- padding-inline-end: 12px;
20249
- }
20250
- .v-date-picker-controls > .v-btn:first-child {
20251
- text-transform: none;
20252
- font-weight: 400;
20253
- line-height: initial;
20254
- letter-spacing: initial;
20255
- }
20256
- .v-date-picker-controls--variant-classic {
20257
- padding-inline-start: 12px;
20258
- }
20259
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20260
- opacity: 0.7;
20261
- }
20262
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20263
- cursor: pointer;
20264
- }
20265
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20266
- opacity: 1;
20267
- }
20268
- .v-date-picker-controls .v-btn:last-child {
20269
- margin-inline-start: 4px;
20234
+ }.v-data-table {
20235
+ width: 100%;
20270
20236
  }
20271
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20272
- transform: rotate(180deg);
20237
+
20238
+ .v-data-table__table {
20239
+ width: 100%;
20240
+ border-collapse: separate;
20241
+ border-spacing: 0;
20273
20242
  }
20274
20243
 
20275
- .v-date-picker-controls__date {
20276
- margin-inline-end: 4px;
20244
+ .v-data-table__tr--focus {
20245
+ border: 1px dotted black;
20277
20246
  }
20278
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20279
- margin: auto;
20280
- text-align: center;
20247
+ .v-data-table__tr--clickable {
20248
+ cursor: pointer;
20281
20249
  }
20282
20250
 
20283
- .v-date-picker-controls__month {
20284
- display: flex;
20251
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20252
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20253
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20254
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20255
+ text-align: end;
20285
20256
  }
20286
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20257
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20258
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20259
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20260
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20287
20261
  flex-direction: row-reverse;
20288
20262
  }
20289
-
20290
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20291
- flex: 1 0 auto;
20292
- }
20293
-
20294
- .v-date-picker__title {
20295
- display: inline-block;
20296
- }.v-date-picker-months {
20297
- height: 288px;
20298
- }
20299
-
20300
- .v-date-picker-months__content {
20301
- align-items: center;
20302
- display: grid;
20303
- flex: 1 1;
20304
- height: inherit;
20305
- justify-content: space-around;
20306
- grid-template-columns: repeat(2, 1fr);
20307
- grid-gap: 0px 24px;
20308
- padding-inline-start: 36px;
20309
- padding-inline-end: 36px;
20310
- }
20311
- .v-date-picker-months__content .v-btn {
20312
- text-transform: none;
20313
- padding-inline-start: 8px;
20314
- padding-inline-end: 8px;
20315
- }.v-date-picker-month {
20316
- display: flex;
20317
- justify-content: center;
20318
- padding: 0 12px 8px;
20319
- --v-date-picker-month-day-diff: 4px;
20320
- }
20321
-
20322
- .v-date-picker-month__weeks {
20323
- display: grid;
20324
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20325
- column-gap: 4px;
20326
- font-size: 0.85rem;
20327
- }
20328
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20329
- grid-row-gap: 0;
20330
- }
20331
-
20332
- .v-date-picker-month__weekday {
20333
- font-size: 0.85rem;
20334
- }
20335
-
20336
- .v-date-picker-month__days {
20337
- display: grid;
20338
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20339
- column-gap: 4px;
20340
- flex: 1 1;
20341
- justify-content: space-around;
20342
- }
20343
-
20344
- .v-date-picker-month__day {
20345
- align-items: center;
20346
- display: flex;
20347
- justify-content: center;
20348
- position: relative;
20349
- height: 40px;
20350
- width: 40px;
20351
- }
20352
- .v-date-picker-month__day--selected .v-btn {
20353
- background-color: rgb(var(--v-theme-surface-variant));
20354
- color: rgb(var(--v-theme-on-surface-variant));
20355
- }
20356
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20357
- --v-btn-height: 24px;
20358
- --v-btn-size: 0.85rem;
20359
- }
20360
- .v-date-picker-month__day--week {
20361
- font-size: var(--v-btn-size);
20362
- }
20363
-
20364
- .v-date-picker-month__day--adjacent {
20365
- opacity: 0.5;
20366
- }
20367
-
20368
- .v-date-picker-month__day--hide-adjacent {
20369
- opacity: 0;
20370
- }.v-date-picker-header {
20371
- align-items: flex-end;
20372
- height: 70px;
20373
- display: grid;
20374
- grid-template-areas: "prepend content append";
20375
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20376
- overflow: hidden;
20377
- padding-inline: 24px 12px;
20378
- padding-bottom: 12px;
20379
- }
20380
-
20381
- .v-date-picker-header__append {
20382
- grid-area: append;
20383
- }
20384
-
20385
- .v-date-picker-header__prepend {
20386
- grid-area: prepend;
20387
- padding-inline-start: 8px;
20388
- }
20389
-
20390
- .v-date-picker-header__content {
20391
- align-items: center;
20392
- display: inline-flex;
20393
- font-size: 32px;
20394
- line-height: 40px;
20395
- grid-area: content;
20396
- justify-content: space-between;
20397
- }
20398
- .v-date-picker-header--clickable .v-date-picker-header__content {
20399
- cursor: pointer;
20400
- }
20401
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20402
- opacity: 0.7;
20403
- }
20404
-
20405
- .date-picker-header-transition-enter-active,
20406
- .date-picker-header-reverse-transition-enter-active {
20407
- transition-duration: 0.3s;
20408
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20409
- }
20410
- .date-picker-header-transition-leave-active,
20411
- .date-picker-header-reverse-transition-leave-active {
20412
- transition-duration: 0.3s;
20413
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20414
- }
20415
-
20416
- .date-picker-header-transition-enter-from {
20417
- transform: translate(0, 100%);
20418
- }
20419
- .date-picker-header-transition-leave-to {
20420
- opacity: 0;
20421
- transform: translate(0, -100%);
20422
- }
20423
-
20424
- .date-picker-header-reverse-transition-enter-from {
20425
- transform: translate(0, -100%);
20426
- }
20427
- .date-picker-header-reverse-transition-leave-to {
20428
- opacity: 0;
20429
- transform: translate(0, 100%);
20430
- }.v-date-picker-years {
20431
- height: 288px;
20432
- overflow-y: scroll;
20433
- }
20434
-
20435
- .v-date-picker-years__content {
20436
- display: grid;
20437
- flex: 1 1;
20438
- justify-content: space-around;
20439
- grid-template-columns: repeat(3, 1fr);
20440
- gap: 8px 24px;
20441
- padding-inline: 32px;
20442
- }
20443
- .v-date-picker-years__content .v-btn {
20444
- padding-inline: 8px;
20445
- }.v-data-table {
20446
- width: 100%;
20447
- }
20448
-
20449
- .v-data-table__table {
20450
- width: 100%;
20451
- border-collapse: separate;
20452
- border-spacing: 0;
20453
- }
20454
-
20455
- .v-data-table__tr--focus {
20456
- border: 1px dotted black;
20457
- }
20458
- .v-data-table__tr--clickable {
20459
- cursor: pointer;
20460
- }
20461
-
20462
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20463
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20464
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20465
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20466
- text-align: end;
20467
- }
20468
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20469
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20470
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20471
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20472
- flex-direction: row-reverse;
20473
- }
20474
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20475
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20476
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20477
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20478
- text-align: center;
20263
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20264
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20265
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20266
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20267
+ text-align: center;
20479
20268
  }
20480
20269
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20481
20270
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
@@ -20655,63 +20444,274 @@ html.overflow-y-hidden {
20655
20444
  }
20656
20445
  .v-data-table-footer__page {
20657
20446
  padding: 0 8px;
20658
- }.v-dialog {
20447
+ }.v-date-picker-controls {
20448
+ display: flex;
20659
20449
  align-items: center;
20660
- justify-content: center;
20661
- margin: auto;
20662
- }
20663
- .v-dialog > .v-overlay__content {
20664
- max-height: calc(100% - 48px);
20665
- width: calc(100% - 48px);
20666
- max-width: calc(100% - 48px);
20667
- margin: 24px;
20450
+ justify-content: space-between;
20451
+ font-size: 0.875rem;
20452
+ padding-top: 4px;
20453
+ padding-bottom: 4px;
20454
+ padding-inline-start: 6px;
20455
+ padding-inline-end: 12px;
20668
20456
  }
20669
- .v-dialog > .v-overlay__content,
20670
- .v-dialog > .v-overlay__content > form {
20671
- display: flex;
20672
- flex-direction: column;
20673
- min-height: 0;
20457
+ .v-date-picker-controls > .v-btn:first-child {
20458
+ text-transform: none;
20459
+ font-weight: 400;
20460
+ line-height: initial;
20461
+ letter-spacing: initial;
20674
20462
  }
20675
- .v-dialog > .v-overlay__content > .v-card,
20676
- .v-dialog > .v-overlay__content > .v-sheet,
20677
- .v-dialog > .v-overlay__content > form > .v-card,
20678
- .v-dialog > .v-overlay__content > form > .v-sheet {
20679
- --v-scrollbar-offset: 0px;
20680
- border-radius: 4px;
20681
- overflow-y: auto;
20682
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20463
+ .v-date-picker-controls--variant-classic {
20464
+ padding-inline-start: 12px;
20683
20465
  }
20684
- .v-dialog > .v-overlay__content > .v-card,
20685
- .v-dialog > .v-overlay__content > form > .v-card {
20686
- display: flex;
20687
- flex-direction: column;
20466
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20467
+ opacity: 0.7;
20688
20468
  }
20689
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20690
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20691
- padding: 16px 24px;
20469
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20470
+ cursor: pointer;
20692
20471
  }
20693
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20694
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20695
- padding-top: 0;
20472
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20473
+ opacity: 1;
20696
20474
  }
20697
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20698
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20699
- font-size: inherit;
20700
- letter-spacing: 0.03125em;
20701
- line-height: inherit;
20702
- padding: 16px 24px 24px;
20475
+ .v-date-picker-controls .v-btn:last-child {
20476
+ margin-inline-start: 4px;
20703
20477
  }
20704
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20705
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20706
- justify-content: flex-end;
20478
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20479
+ transform: rotate(180deg);
20707
20480
  }
20708
20481
 
20709
- .v-dialog--fullscreen {
20710
- --v-scrollbar-offset: 0px;
20482
+ .v-date-picker-controls__date {
20483
+ margin-inline-end: 4px;
20711
20484
  }
20712
- .v-dialog--fullscreen > .v-overlay__content {
20713
- border-radius: 0;
20714
- margin: 0;
20485
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20486
+ margin: auto;
20487
+ text-align: center;
20488
+ }
20489
+
20490
+ .v-date-picker-controls__month {
20491
+ display: flex;
20492
+ }
20493
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20494
+ flex-direction: row-reverse;
20495
+ }
20496
+
20497
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20498
+ flex: 1 0 auto;
20499
+ }
20500
+
20501
+ .v-date-picker__title {
20502
+ display: inline-block;
20503
+ }.v-date-picker-header {
20504
+ align-items: flex-end;
20505
+ height: 70px;
20506
+ display: grid;
20507
+ grid-template-areas: "prepend content append";
20508
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20509
+ overflow: hidden;
20510
+ padding-inline: 24px 12px;
20511
+ padding-bottom: 12px;
20512
+ }
20513
+
20514
+ .v-date-picker-header__append {
20515
+ grid-area: append;
20516
+ }
20517
+
20518
+ .v-date-picker-header__prepend {
20519
+ grid-area: prepend;
20520
+ padding-inline-start: 8px;
20521
+ }
20522
+
20523
+ .v-date-picker-header__content {
20524
+ align-items: center;
20525
+ display: inline-flex;
20526
+ font-size: 32px;
20527
+ line-height: 40px;
20528
+ grid-area: content;
20529
+ justify-content: space-between;
20530
+ }
20531
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20532
+ cursor: pointer;
20533
+ }
20534
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20535
+ opacity: 0.7;
20536
+ }
20537
+
20538
+ .date-picker-header-transition-enter-active,
20539
+ .date-picker-header-reverse-transition-enter-active {
20540
+ transition-duration: 0.3s;
20541
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20542
+ }
20543
+ .date-picker-header-transition-leave-active,
20544
+ .date-picker-header-reverse-transition-leave-active {
20545
+ transition-duration: 0.3s;
20546
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20547
+ }
20548
+
20549
+ .date-picker-header-transition-enter-from {
20550
+ transform: translate(0, 100%);
20551
+ }
20552
+ .date-picker-header-transition-leave-to {
20553
+ opacity: 0;
20554
+ transform: translate(0, -100%);
20555
+ }
20556
+
20557
+ .date-picker-header-reverse-transition-enter-from {
20558
+ transform: translate(0, -100%);
20559
+ }
20560
+ .date-picker-header-reverse-transition-leave-to {
20561
+ opacity: 0;
20562
+ transform: translate(0, 100%);
20563
+ }.v-date-picker {
20564
+ overflow: hidden;
20565
+ width: 328px;
20566
+ }
20567
+ .v-date-picker--show-week {
20568
+ width: 368px;
20569
+ }.v-date-picker-month {
20570
+ display: flex;
20571
+ justify-content: center;
20572
+ padding: 0 12px 8px;
20573
+ --v-date-picker-month-day-diff: 4px;
20574
+ }
20575
+
20576
+ .v-date-picker-month__weeks {
20577
+ display: grid;
20578
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20579
+ column-gap: 4px;
20580
+ font-size: 0.85rem;
20581
+ }
20582
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20583
+ grid-row-gap: 0;
20584
+ }
20585
+
20586
+ .v-date-picker-month__weekday {
20587
+ font-size: 0.85rem;
20588
+ }
20589
+
20590
+ .v-date-picker-month__days {
20591
+ display: grid;
20592
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20593
+ column-gap: 4px;
20594
+ flex: 1 1;
20595
+ justify-content: space-around;
20596
+ }
20597
+
20598
+ .v-date-picker-month__day {
20599
+ align-items: center;
20600
+ display: flex;
20601
+ justify-content: center;
20602
+ position: relative;
20603
+ height: 40px;
20604
+ width: 40px;
20605
+ }
20606
+ .v-date-picker-month__day--selected .v-btn {
20607
+ background-color: rgb(var(--v-theme-surface-variant));
20608
+ color: rgb(var(--v-theme-on-surface-variant));
20609
+ }
20610
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20611
+ --v-btn-height: 24px;
20612
+ --v-btn-size: 0.85rem;
20613
+ }
20614
+ .v-date-picker-month__day--week {
20615
+ font-size: var(--v-btn-size);
20616
+ }
20617
+
20618
+ .v-date-picker-month__day--adjacent {
20619
+ opacity: 0.5;
20620
+ }
20621
+
20622
+ .v-date-picker-month__day--hide-adjacent {
20623
+ opacity: 0;
20624
+ }.v-date-picker-months {
20625
+ height: 288px;
20626
+ }
20627
+
20628
+ .v-date-picker-months__content {
20629
+ align-items: center;
20630
+ display: grid;
20631
+ flex: 1 1;
20632
+ height: inherit;
20633
+ justify-content: space-around;
20634
+ grid-template-columns: repeat(2, 1fr);
20635
+ grid-gap: 0px 24px;
20636
+ padding-inline-start: 36px;
20637
+ padding-inline-end: 36px;
20638
+ }
20639
+ .v-date-picker-months__content .v-btn {
20640
+ text-transform: none;
20641
+ padding-inline-start: 8px;
20642
+ padding-inline-end: 8px;
20643
+ }.v-date-picker-years {
20644
+ height: 288px;
20645
+ overflow-y: scroll;
20646
+ }
20647
+
20648
+ .v-date-picker-years__content {
20649
+ display: grid;
20650
+ flex: 1 1;
20651
+ justify-content: space-around;
20652
+ grid-template-columns: repeat(3, 1fr);
20653
+ gap: 8px 24px;
20654
+ padding-inline: 32px;
20655
+ }
20656
+ .v-date-picker-years__content .v-btn {
20657
+ padding-inline: 8px;
20658
+ }.v-dialog {
20659
+ align-items: center;
20660
+ justify-content: center;
20661
+ margin: auto;
20662
+ }
20663
+ .v-dialog > .v-overlay__content {
20664
+ max-height: calc(100% - 48px);
20665
+ width: calc(100% - 48px);
20666
+ max-width: calc(100% - 48px);
20667
+ margin: 24px;
20668
+ }
20669
+ .v-dialog > .v-overlay__content,
20670
+ .v-dialog > .v-overlay__content > form {
20671
+ display: flex;
20672
+ flex-direction: column;
20673
+ min-height: 0;
20674
+ }
20675
+ .v-dialog > .v-overlay__content > .v-card,
20676
+ .v-dialog > .v-overlay__content > .v-sheet,
20677
+ .v-dialog > .v-overlay__content > form > .v-card,
20678
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20679
+ --v-scrollbar-offset: 0px;
20680
+ border-radius: 4px;
20681
+ overflow-y: auto;
20682
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20683
+ }
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-card {
20686
+ display: flex;
20687
+ flex-direction: column;
20688
+ }
20689
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20690
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20691
+ padding: 16px 24px;
20692
+ }
20693
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20694
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20695
+ padding-top: 0;
20696
+ }
20697
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20698
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20699
+ font-size: inherit;
20700
+ letter-spacing: 0.03125em;
20701
+ line-height: inherit;
20702
+ padding: 16px 24px 24px;
20703
+ }
20704
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20705
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20706
+ justify-content: flex-end;
20707
+ }
20708
+
20709
+ .v-dialog--fullscreen {
20710
+ --v-scrollbar-offset: 0px;
20711
+ }
20712
+ .v-dialog--fullscreen > .v-overlay__content {
20713
+ border-radius: 0;
20714
+ margin: 0;
20715
20715
  padding: 0;
20716
20716
  width: 100%;
20717
20717
  height: 100%;
@@ -20747,6 +20747,55 @@ html.overflow-y-hidden {
20747
20747
  -webkit-backface-visibility: hidden;
20748
20748
  backface-visibility: hidden;
20749
20749
  overflow-y: auto;
20750
+ }.v-divider {
20751
+ display: block;
20752
+ flex: 1 1 100%;
20753
+ height: 0px;
20754
+ max-height: 0px;
20755
+ opacity: var(--v-border-opacity);
20756
+ transition: inherit;
20757
+ border-style: solid;
20758
+ border-width: thin 0 0 0;
20759
+ }
20760
+ .v-divider--vertical {
20761
+ align-self: stretch;
20762
+ border-width: 0 thin 0 0;
20763
+ display: inline-flex;
20764
+ height: 100%;
20765
+ margin-left: -1px;
20766
+ max-height: 100%;
20767
+ max-width: 0px;
20768
+ vertical-align: text-bottom;
20769
+ width: 0px;
20770
+ }
20771
+ .v-divider--inset:not(.v-divider--vertical) {
20772
+ max-width: calc(100% - 72px);
20773
+ margin-inline-start: 72px;
20774
+ }
20775
+ .v-divider--inset.v-divider--vertical {
20776
+ margin-bottom: 8px;
20777
+ margin-top: 8px;
20778
+ max-height: calc(100% - 16px);
20779
+ }
20780
+
20781
+ .v-divider__content {
20782
+ padding: 0 16px;
20783
+ }
20784
+ .v-divider__wrapper--vertical .v-divider__content {
20785
+ padding: 4px 0;
20786
+ }
20787
+
20788
+ .v-divider__wrapper {
20789
+ display: flex;
20790
+ align-items: center;
20791
+ justify-content: center;
20792
+ }
20793
+ .v-divider__wrapper--vertical {
20794
+ flex-direction: column;
20795
+ height: 100%;
20796
+ }
20797
+ .v-divider__wrapper--vertical .v-divider {
20798
+ margin: 0 auto;
20750
20799
  }.v-empty-state {
20751
20800
  align-items: center;
20752
20801
  display: flex;
@@ -20793,76 +20842,237 @@ html.overflow-y-hidden {
20793
20842
  text-align: center;
20794
20843
  }
20795
20844
 
20796
- .v-empty-state__text {
20797
- font-size: 0.875rem;
20798
- font-weight: 400;
20799
- line-height: 1.425;
20800
- padding: 0 16px;
20801
- text-align: center;
20845
+ .v-empty-state__text {
20846
+ font-size: 0.875rem;
20847
+ font-weight: 400;
20848
+ line-height: 1.425;
20849
+ padding: 0 16px;
20850
+ text-align: center;
20851
+ }
20852
+
20853
+ .v-empty-state__content {
20854
+ padding: 24px 0;
20855
+ }
20856
+
20857
+ .v-empty-state__actions {
20858
+ display: flex;
20859
+ gap: 8px;
20860
+ padding: 16px;
20861
+ }
20862
+
20863
+ .v-empty-state__action-btn.v-btn {
20864
+ background-color: rgb(var(--v-theme-surface-variant));
20865
+ color: rgb(var(--v-theme-on-surface-variant));
20866
+ }.v-expansion-panel {
20867
+ background-color: rgb(var(--v-theme-surface));
20868
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20869
+ }
20870
+ .v-expansion-panel:not(:first-child)::after {
20871
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20872
+ }
20873
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20874
+ color: rgba(var(--v-theme-on-surface), 0.26);
20875
+ }
20876
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20877
+ opacity: 0.4615384615;
20878
+ }
20879
+
20880
+ .v-expansion-panels {
20881
+ display: flex;
20882
+ flex-wrap: wrap;
20883
+ justify-content: center;
20884
+ list-style-type: none;
20885
+ padding: 0;
20886
+ width: 100%;
20887
+ position: relative;
20888
+ z-index: 1;
20889
+ }
20890
+ .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) {
20891
+ border-bottom-left-radius: 0 !important;
20892
+ border-bottom-right-radius: 0 !important;
20893
+ }
20894
+ .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) {
20895
+ border-top-left-radius: 0 !important;
20896
+ border-top-right-radius: 0 !important;
20897
+ }
20898
+ .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) {
20899
+ border-bottom-left-radius: 0 !important;
20900
+ border-bottom-right-radius: 0 !important;
20901
+ }
20902
+ .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) {
20903
+ border-top-left-radius: 0 !important;
20904
+ border-top-right-radius: 0 !important;
20905
+ }
20906
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20907
+ border-bottom-left-radius: 0 !important;
20908
+ border-bottom-right-radius: 0 !important;
20909
+ }
20910
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20911
+ border-top-left-radius: 0 !important;
20912
+ border-top-right-radius: 0 !important;
20913
+ }
20914
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20915
+ border-bottom-left-radius: initial;
20916
+ border-bottom-right-radius: initial;
20917
+ }
20918
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20919
+ border-radius: 0 !important;
20920
+ }
20921
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20922
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20923
+ }
20924
+
20925
+ .v-expansion-panel {
20926
+ flex: 1 0 100%;
20927
+ max-width: 100%;
20928
+ position: relative;
20929
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20930
+ transition-property: margin-top, border-radius, border, max-width;
20931
+ border-radius: 4px;
20932
+ }
20933
+ .v-expansion-panel:not(:first-child)::after {
20934
+ border-top-style: solid;
20935
+ border-top-width: thin;
20936
+ content: "";
20937
+ left: 0;
20938
+ position: absolute;
20939
+ right: 0;
20940
+ top: 0;
20941
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20942
+ }
20943
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20944
+ pointer-events: none;
20945
+ }
20946
+ .v-expansion-panel--active:not(:first-child),
20947
+ .v-expansion-panel--active + .v-expansion-panel {
20948
+ margin-top: 16px;
20949
+ }
20950
+ .v-expansion-panel--active:not(:first-child)::after,
20951
+ .v-expansion-panel--active + .v-expansion-panel::after {
20952
+ opacity: 0;
20953
+ }
20954
+ .v-expansion-panel--active > .v-expansion-panel-title {
20955
+ border-bottom-left-radius: 0;
20956
+ border-bottom-right-radius: 0;
20957
+ }
20958
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20959
+ min-height: 64px;
20960
+ }
20961
+
20962
+ .v-expansion-panel__shadow {
20963
+ position: absolute;
20964
+ top: 0;
20965
+ left: 0;
20966
+ width: 100%;
20967
+ height: 100%;
20968
+ 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));
20969
+ border-radius: inherit;
20970
+ z-index: -1;
20971
+ }
20972
+
20973
+ .v-expansion-panel-title {
20974
+ align-items: center;
20975
+ text-align: start;
20976
+ border-radius: inherit;
20977
+ display: flex;
20978
+ font-size: 0.9375rem;
20979
+ line-height: 1;
20980
+ min-height: 48px;
20981
+ outline: none;
20982
+ padding: 16px 24px;
20983
+ position: relative;
20984
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20985
+ width: 100%;
20986
+ justify-content: space-between;
20987
+ }
20988
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20989
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20990
+ }
20991
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20992
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20993
+ }
20994
+ @supports not selector(:focus-visible) {
20995
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20996
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20997
+ }
20998
+ }
20999
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21000
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21001
+ }
21002
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21003
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21004
+ }
21005
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21006
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21007
+ }
21008
+ @supports not selector(:focus-visible) {
21009
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21010
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21011
+ }
21012
+ }
21013
+
21014
+ .v-expansion-panel-title__overlay {
21015
+ position: absolute;
21016
+ top: 0;
21017
+ left: 0;
21018
+ width: 100%;
21019
+ height: 100%;
21020
+ background-color: currentColor;
21021
+ border-radius: inherit;
21022
+ opacity: 0;
20802
21023
  }
20803
21024
 
20804
- .v-empty-state__content {
20805
- padding: 24px 0;
21025
+ .v-expansion-panel-title__icon {
21026
+ display: inline-flex;
21027
+ margin-bottom: -4px;
21028
+ margin-top: -4px;
21029
+ -webkit-user-select: none;
21030
+ user-select: none;
21031
+ margin-inline-start: auto;
20806
21032
  }
20807
21033
 
20808
- .v-empty-state__actions {
21034
+ .v-expansion-panel-text {
20809
21035
  display: flex;
20810
- gap: 8px;
20811
- padding: 16px;
21036
+ }
21037
+ .v-expansion-panel-text__wrapper {
21038
+ padding: 8px 24px 16px;
21039
+ flex: 1 1 auto;
21040
+ max-width: 100%;
20812
21041
  }
20813
21042
 
20814
- .v-empty-state__action-btn.v-btn {
20815
- background-color: rgb(var(--v-theme-surface-variant));
20816
- color: rgb(var(--v-theme-on-surface-variant));
20817
- }.v-divider {
20818
- display: block;
20819
- flex: 1 1 100%;
20820
- height: 0px;
20821
- max-height: 0px;
20822
- opacity: var(--v-border-opacity);
20823
- transition: inherit;
20824
- border-style: solid;
20825
- border-width: thin 0 0 0;
21043
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21044
+ margin-top: 0;
20826
21045
  }
20827
- .v-divider--vertical {
20828
- align-self: stretch;
20829
- border-width: 0 thin 0 0;
20830
- display: inline-flex;
20831
- height: 100%;
20832
- margin-left: -1px;
20833
- max-height: 100%;
20834
- max-width: 0px;
20835
- vertical-align: text-bottom;
20836
- width: 0px;
21046
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21047
+ opacity: 1;
20837
21048
  }
20838
- .v-divider--inset:not(.v-divider--vertical) {
20839
- max-width: calc(100% - 72px);
20840
- margin-inline-start: 72px;
21049
+
21050
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21051
+ max-width: calc(100% - 32px);
20841
21052
  }
20842
- .v-divider--inset.v-divider--vertical {
20843
- margin-bottom: 8px;
20844
- margin-top: 8px;
20845
- max-height: calc(100% - 16px);
21053
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21054
+ max-width: calc(100% + 16px);
20846
21055
  }
20847
21056
 
20848
- .v-divider__content {
20849
- padding: 0 16px;
21057
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21058
+ max-width: 100%;
20850
21059
  }
20851
- .v-divider__wrapper--vertical .v-divider__content {
20852
- padding: 4px 0;
21060
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21061
+ max-width: calc(100% - 32px);
20853
21062
  }
20854
21063
 
20855
- .v-divider__wrapper {
20856
- display: flex;
20857
- align-items: center;
20858
- justify-content: center;
21064
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21065
+ border-top: none;
20859
21066
  }
20860
- .v-divider__wrapper--vertical {
20861
- flex-direction: column;
20862
- height: 100%;
21067
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21068
+ display: none;
20863
21069
  }
20864
- .v-divider__wrapper--vertical .v-divider {
20865
- margin: 0 auto;
21070
+
21071
+ .v-expansion-panels--tile {
21072
+ border-radius: 0;
21073
+ }
21074
+ .v-expansion-panels--tile > .v-expansion-panel {
21075
+ border-radius: 0;
20866
21076
  }.v-fab {
20867
21077
  align-items: center;
20868
21078
  display: inline-flex;
@@ -20932,35 +21142,6 @@ html.overflow-y-hidden {
20932
21142
  }
20933
21143
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20934
21144
  right: 0;
20935
- }.v-file-input--hide.v-input .v-field,
20936
- .v-file-input--hide.v-input .v-input__control,
20937
- .v-file-input--hide.v-input .v-input__details {
20938
- display: none;
20939
- }
20940
- .v-file-input--hide.v-input .v-input__prepend {
20941
- grid-area: control;
20942
- margin: 0 auto;
20943
- }
20944
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20945
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20946
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20947
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20948
- top: 0px;
20949
- }
20950
- .v-file-input input[type=file] {
20951
- height: 100%;
20952
- left: 0;
20953
- opacity: 0;
20954
- position: absolute;
20955
- top: 0;
20956
- width: 100%;
20957
- z-index: 1;
20958
- }
20959
- .v-file-input .v-input__details {
20960
- padding-inline: 16px;
20961
- }
20962
- .v-input--plain-underlined.v-file-input .v-input__details {
20963
- padding-inline: 0;
20964
21145
  }/* region INPUT */
20965
21146
  .v-field {
20966
21147
  display: grid;
@@ -21531,7 +21712,36 @@ textarea.v-field__input::placeholder {
21531
21712
  opacity: 0;
21532
21713
  }
21533
21714
 
21534
- /* endregion */.v-footer {
21715
+ /* endregion */.v-file-input--hide.v-input .v-field,
21716
+ .v-file-input--hide.v-input .v-input__control,
21717
+ .v-file-input--hide.v-input .v-input__details {
21718
+ display: none;
21719
+ }
21720
+ .v-file-input--hide.v-input .v-input__prepend {
21721
+ grid-area: control;
21722
+ margin: 0 auto;
21723
+ }
21724
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21725
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21726
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21727
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21728
+ top: 0px;
21729
+ }
21730
+ .v-file-input input[type=file] {
21731
+ height: 100%;
21732
+ left: 0;
21733
+ opacity: 0;
21734
+ position: absolute;
21735
+ top: 0;
21736
+ width: 100%;
21737
+ z-index: 1;
21738
+ }
21739
+ .v-file-input .v-input__details {
21740
+ padding-inline: 16px;
21741
+ }
21742
+ .v-input--plain-underlined.v-file-input .v-input__details {
21743
+ padding-inline: 0;
21744
+ }.v-footer {
21535
21745
  align-items: center;
21536
21746
  display: flex;
21537
21747
  flex: 1 1 auto;
@@ -21559,42 +21769,6 @@ textarea.v-field__input::placeholder {
21559
21769
  }
21560
21770
  .v-footer--rounded {
21561
21771
  border-radius: 4px;
21562
- }.v-img {
21563
- --v-theme-overlay-multiplier: 3;
21564
- z-index: 0;
21565
- }
21566
- .v-img--booting .v-responsive__sizer {
21567
- transition: none;
21568
- }
21569
- .v-img--rounded {
21570
- border-radius: 4px;
21571
- }
21572
-
21573
- .v-img__img,
21574
- .v-img__picture,
21575
- .v-img__gradient,
21576
- .v-img__placeholder,
21577
- .v-img__error {
21578
- z-index: -1;
21579
- position: absolute;
21580
- top: 0;
21581
- left: 0;
21582
- width: 100%;
21583
- height: 100%;
21584
- }
21585
-
21586
- .v-img__img--preload {
21587
- filter: blur(4px);
21588
- }
21589
- .v-img__img--contain {
21590
- object-fit: contain;
21591
- }
21592
- .v-img__img--cover {
21593
- object-fit: cover;
21594
- }
21595
-
21596
- .v-img__gradient {
21597
- background-repeat: no-repeat;
21598
21772
  }.v-icon {
21599
21773
  --v-icon-size-multiplier: 1;
21600
21774
  align-items: center;
@@ -21648,6 +21822,67 @@ textarea.v-field__input::placeholder {
21648
21822
 
21649
21823
  .v-icon--end {
21650
21824
  margin-inline-start: 8px;
21825
+ }.v-img {
21826
+ --v-theme-overlay-multiplier: 3;
21827
+ z-index: 0;
21828
+ }
21829
+ .v-img--booting .v-responsive__sizer {
21830
+ transition: none;
21831
+ }
21832
+ .v-img--rounded {
21833
+ border-radius: 4px;
21834
+ }
21835
+
21836
+ .v-img__img,
21837
+ .v-img__picture,
21838
+ .v-img__gradient,
21839
+ .v-img__placeholder,
21840
+ .v-img__error {
21841
+ z-index: -1;
21842
+ position: absolute;
21843
+ top: 0;
21844
+ left: 0;
21845
+ width: 100%;
21846
+ height: 100%;
21847
+ }
21848
+
21849
+ .v-img__img--preload {
21850
+ filter: blur(4px);
21851
+ }
21852
+ .v-img__img--contain {
21853
+ object-fit: contain;
21854
+ }
21855
+ .v-img__img--cover {
21856
+ object-fit: cover;
21857
+ }
21858
+
21859
+ .v-img__gradient {
21860
+ background-repeat: no-repeat;
21861
+ }.v-infinite-scroll--horizontal {
21862
+ display: flex;
21863
+ flex-direction: row;
21864
+ overflow-x: auto;
21865
+ }
21866
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21867
+ height: 100%;
21868
+ width: 1px;
21869
+ }
21870
+
21871
+ .v-infinite-scroll--vertical {
21872
+ display: flex;
21873
+ flex-direction: column;
21874
+ overflow-y: auto;
21875
+ }
21876
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21877
+ height: 1px;
21878
+ width: 100%;
21879
+ }
21880
+
21881
+ .v-infinite-scroll__side {
21882
+ align-items: center;
21883
+ display: flex;
21884
+ justify-content: center;
21885
+ padding: 8px;
21651
21886
  }.v-input {
21652
21887
  display: grid;
21653
21888
  flex: 1 1 auto;
@@ -21790,51 +22025,11 @@ textarea.v-field__input::placeholder {
21790
22025
 
21791
22026
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21792
22027
  padding-top: calc(var(--v-input-padding-top) + 0px);
21793
- }.v-infinite-scroll--horizontal {
21794
- display: flex;
21795
- flex-direction: row;
21796
- overflow-x: auto;
21797
- }
21798
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21799
- height: 100%;
21800
- width: 1px;
21801
- }
21802
-
21803
- .v-infinite-scroll--vertical {
21804
- display: flex;
21805
- flex-direction: column;
21806
- overflow-y: auto;
21807
- }
21808
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21809
- height: 1px;
21810
- width: 100%;
21811
- }
21812
-
21813
- .v-infinite-scroll__side {
21814
- align-items: center;
21815
- display: flex;
21816
- justify-content: center;
21817
- padding: 8px;
21818
22028
  }.v-item-group {
21819
22029
  flex: 0 1 auto;
21820
22030
  max-width: 100%;
21821
22031
  position: relative;
21822
22032
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21823
- }.v-layout {
21824
- --v-scrollbar-offset: 0px;
21825
- display: flex;
21826
- flex: 1 1 auto;
21827
- }
21828
- .v-layout--full-height {
21829
- --v-scrollbar-offset: inherit;
21830
- height: 100%;
21831
- }.v-layout-item {
21832
- position: absolute;
21833
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21834
- }
21835
-
21836
- .v-layout-item--absolute {
21837
- position: absolute;
21838
22033
  }.v-label {
21839
22034
  align-items: center;
21840
22035
  color: inherit;
@@ -21850,6 +22045,21 @@ textarea.v-field__input::placeholder {
21850
22045
 
21851
22046
  .v-label--clickable {
21852
22047
  cursor: pointer;
22048
+ }.v-layout {
22049
+ --v-scrollbar-offset: 0px;
22050
+ display: flex;
22051
+ flex: 1 1 auto;
22052
+ }
22053
+ .v-layout--full-height {
22054
+ --v-scrollbar-offset: inherit;
22055
+ height: 100%;
22056
+ }.v-layout-item {
22057
+ position: absolute;
22058
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22059
+ }
22060
+
22061
+ .v-layout-item--absolute {
22062
+ position: absolute;
21853
22063
  }.v-list {
21854
22064
  overflow: auto;
21855
22065
  padding: 8px 0;
@@ -22407,6 +22617,8 @@ textarea.v-field__input::placeholder {
22407
22617
  }
22408
22618
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22409
22619
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22620
+ }.v-locale-provider {
22621
+ display: contents;
22410
22622
  }.v-main {
22411
22623
  flex: 1 0 auto;
22412
22624
  max-width: 100%;
@@ -22435,8 +22647,6 @@ textarea.v-field__input::placeholder {
22435
22647
  --v-layout-right: 0px;
22436
22648
  --v-layout-top: 0px;
22437
22649
  --v-layout-bottom: 0px;
22438
- }.v-locale-provider {
22439
- display: contents;
22440
22650
  }.v-menu > .v-overlay__content {
22441
22651
  display: flex;
22442
22652
  flex-direction: column;
@@ -23026,60 +23236,6 @@ html.v-overlay-scroll-blocked {
23026
23236
  }
23027
23237
  .v-radio-group .v-input__details {
23028
23238
  padding-inline: 16px;
23029
- }.v-rating {
23030
- max-width: 100%;
23031
- display: inline-flex;
23032
- white-space: nowrap;
23033
- }
23034
- .v-rating--readonly {
23035
- pointer-events: none;
23036
- }
23037
-
23038
- .v-rating__wrapper {
23039
- align-items: center;
23040
- display: inline-flex;
23041
- flex-direction: column;
23042
- }
23043
- .v-rating__wrapper--bottom {
23044
- flex-direction: column-reverse;
23045
- }
23046
-
23047
- .v-rating__item {
23048
- display: inline-flex;
23049
- position: relative;
23050
- }
23051
- .v-rating__item label {
23052
- cursor: pointer;
23053
- }
23054
- .v-rating__item .v-btn--variant-plain {
23055
- opacity: 1;
23056
- }
23057
- .v-rating__item .v-btn {
23058
- transition-property: transform;
23059
- }
23060
- .v-rating__item .v-btn .v-icon {
23061
- transition: inherit;
23062
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23063
- }
23064
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23065
- transform: scale(1.25);
23066
- }
23067
- .v-rating__item--half {
23068
- overflow: hidden;
23069
- position: absolute;
23070
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23071
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23072
- z-index: 1;
23073
- }
23074
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23075
- opacity: 0;
23076
- }
23077
-
23078
- .v-rating__hidden {
23079
- height: 0;
23080
- opacity: 0;
23081
- position: absolute;
23082
- width: 0;
23083
23239
  }.v-slider .v-slider__container input {
23084
23240
  cursor: default;
23085
23241
  padding: 0;
@@ -23137,6 +23293,60 @@ html.v-overlay-scroll-blocked {
23137
23293
 
23138
23294
  .v-slider__label {
23139
23295
  margin-inline-end: 12px;
23296
+ }.v-rating {
23297
+ max-width: 100%;
23298
+ display: inline-flex;
23299
+ white-space: nowrap;
23300
+ }
23301
+ .v-rating--readonly {
23302
+ pointer-events: none;
23303
+ }
23304
+
23305
+ .v-rating__wrapper {
23306
+ align-items: center;
23307
+ display: inline-flex;
23308
+ flex-direction: column;
23309
+ }
23310
+ .v-rating__wrapper--bottom {
23311
+ flex-direction: column-reverse;
23312
+ }
23313
+
23314
+ .v-rating__item {
23315
+ display: inline-flex;
23316
+ position: relative;
23317
+ }
23318
+ .v-rating__item label {
23319
+ cursor: pointer;
23320
+ }
23321
+ .v-rating__item .v-btn--variant-plain {
23322
+ opacity: 1;
23323
+ }
23324
+ .v-rating__item .v-btn {
23325
+ transition-property: transform;
23326
+ }
23327
+ .v-rating__item .v-btn .v-icon {
23328
+ transition: inherit;
23329
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23330
+ }
23331
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23332
+ transform: scale(1.25);
23333
+ }
23334
+ .v-rating__item--half {
23335
+ overflow: hidden;
23336
+ position: absolute;
23337
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23338
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23339
+ z-index: 1;
23340
+ }
23341
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23342
+ opacity: 0;
23343
+ }
23344
+
23345
+ .v-rating__hidden {
23346
+ height: 0;
23347
+ opacity: 0;
23348
+ position: absolute;
23349
+ width: 0;
23140
23350
  }.v-responsive {
23141
23351
  display: flex;
23142
23352
  flex: 1 0 auto;
@@ -23211,6 +23421,42 @@ html.v-overlay-scroll-blocked {
23211
23421
  .v-select--active-menu .v-select__menu-icon {
23212
23422
  opacity: var(--v-high-emphasis-opacity);
23213
23423
  transform: rotate(180deg);
23424
+ }.v-selection-control-group {
23425
+ grid-area: control;
23426
+ display: flex;
23427
+ flex-direction: column;
23428
+ }
23429
+ .v-selection-control-group--inline {
23430
+ flex-direction: row;
23431
+ flex-wrap: wrap;
23432
+ }.v-sheet {
23433
+ display: block;
23434
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23435
+ border-style: solid;
23436
+ border-width: 0;
23437
+ 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));
23438
+ border-radius: 0;
23439
+ background: rgb(var(--v-theme-surface));
23440
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23441
+ }
23442
+ .v-sheet--border {
23443
+ border-width: thin;
23444
+ box-shadow: none;
23445
+ }
23446
+ .v-sheet--absolute {
23447
+ position: absolute;
23448
+ }
23449
+ .v-sheet--fixed {
23450
+ position: fixed;
23451
+ }
23452
+ .v-sheet--relative {
23453
+ position: relative;
23454
+ }
23455
+ .v-sheet--sticky {
23456
+ position: sticky;
23457
+ }
23458
+ .v-sheet--rounded {
23459
+ border-radius: 4px;
23214
23460
  }.v-selection-control {
23215
23461
  align-items: center;
23216
23462
  contain: layout;
@@ -23283,71 +23529,35 @@ html.v-overlay-scroll-blocked {
23283
23529
  left: 0;
23284
23530
  top: 0;
23285
23531
  width: 100%;
23286
- height: 100%;
23287
- opacity: 0;
23288
- }
23289
- .v-selection-control__input::before {
23290
- content: "";
23291
- position: absolute;
23292
- top: 0;
23293
- left: 0;
23294
- width: 100%;
23295
- height: 100%;
23296
- border-radius: 100%;
23297
- background-color: currentColor;
23298
- opacity: 0;
23299
- pointer-events: none;
23300
- }
23301
- .v-selection-control__input:hover::before {
23302
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23303
- }
23304
- .v-selection-control__input > .v-icon {
23305
- opacity: var(--v-medium-emphasis-opacity);
23306
- }
23307
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23308
- opacity: 1;
23309
- }
23310
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23311
- color: rgb(var(--v-theme-error));
23312
- }
23313
- .v-selection-control--focus-visible .v-selection-control__input::before {
23314
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23315
- }.v-selection-control-group {
23316
- grid-area: control;
23317
- display: flex;
23318
- flex-direction: column;
23319
- }
23320
- .v-selection-control-group--inline {
23321
- flex-direction: row;
23322
- flex-wrap: wrap;
23323
- }.v-sheet {
23324
- display: block;
23325
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23326
- border-style: solid;
23327
- border-width: 0;
23328
- 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));
23329
- border-radius: 0;
23330
- background: rgb(var(--v-theme-surface));
23331
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23332
- }
23333
- .v-sheet--border {
23334
- border-width: thin;
23335
- box-shadow: none;
23532
+ height: 100%;
23533
+ opacity: 0;
23336
23534
  }
23337
- .v-sheet--absolute {
23535
+ .v-selection-control__input::before {
23536
+ content: "";
23338
23537
  position: absolute;
23538
+ top: 0;
23539
+ left: 0;
23540
+ width: 100%;
23541
+ height: 100%;
23542
+ border-radius: 100%;
23543
+ background-color: currentColor;
23544
+ opacity: 0;
23545
+ pointer-events: none;
23339
23546
  }
23340
- .v-sheet--fixed {
23341
- position: fixed;
23547
+ .v-selection-control__input:hover::before {
23548
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23342
23549
  }
23343
- .v-sheet--relative {
23344
- position: relative;
23550
+ .v-selection-control__input > .v-icon {
23551
+ opacity: var(--v-medium-emphasis-opacity);
23345
23552
  }
23346
- .v-sheet--sticky {
23347
- position: sticky;
23553
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23554
+ opacity: 1;
23348
23555
  }
23349
- .v-sheet--rounded {
23350
- border-radius: 4px;
23556
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23557
+ color: rgb(var(--v-theme-error));
23558
+ }
23559
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23560
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23351
23561
  }.v-skeleton-loader {
23352
23562
  align-items: center;
23353
23563
  background: rgb(var(--v-theme-surface));
@@ -24094,35 +24304,6 @@ html.v-overlay-scroll-blocked {
24094
24304
  }
24095
24305
  .v-system-bar:not(.v-system-bar--absolute) {
24096
24306
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24097
- }.v-tab.v-tab.v-btn {
24098
- height: var(--v-tabs-height);
24099
- border-radius: 0;
24100
- min-width: 90px;
24101
- }
24102
- .v-slide-group--horizontal .v-tab {
24103
- max-width: 360px;
24104
- }
24105
- .v-slide-group--vertical .v-tab {
24106
- justify-content: start;
24107
- }
24108
-
24109
- .v-tab__slider {
24110
- position: absolute;
24111
- bottom: 0;
24112
- left: 0;
24113
- height: 2px;
24114
- width: 100%;
24115
- background: currentColor;
24116
- pointer-events: none;
24117
- opacity: 0;
24118
- }
24119
- .v-tab--selected .v-tab__slider {
24120
- opacity: 1;
24121
- }
24122
- .v-slide-group--vertical .v-tab__slider {
24123
- top: 0;
24124
- height: 100%;
24125
- width: 2px;
24126
24307
  }.v-tabs {
24127
24308
  display: flex;
24128
24309
  height: var(--v-tabs-height);
@@ -24189,6 +24370,35 @@ html.v-overlay-scroll-blocked {
24189
24370
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24190
24371
  margin-inline-end: 52px;
24191
24372
  }
24373
+ }.v-tab.v-tab.v-btn {
24374
+ height: var(--v-tabs-height);
24375
+ border-radius: 0;
24376
+ min-width: 90px;
24377
+ }
24378
+ .v-slide-group--horizontal .v-tab {
24379
+ max-width: 360px;
24380
+ }
24381
+ .v-slide-group--vertical .v-tab {
24382
+ justify-content: start;
24383
+ }
24384
+
24385
+ .v-tab__slider {
24386
+ position: absolute;
24387
+ bottom: 0;
24388
+ left: 0;
24389
+ height: 2px;
24390
+ width: 100%;
24391
+ background: currentColor;
24392
+ pointer-events: none;
24393
+ opacity: 0;
24394
+ }
24395
+ .v-tab--selected .v-tab__slider {
24396
+ opacity: 1;
24397
+ }
24398
+ .v-slide-group--vertical .v-tab__slider {
24399
+ top: 0;
24400
+ height: 100%;
24401
+ width: 2px;
24192
24402
  }.v-table {
24193
24403
  background: rgb(var(--v-theme-surface));
24194
24404
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25003,76 +25213,6 @@ html.v-overlay-scroll-blocked {
25003
25213
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25004
25214
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25005
25215
  transition-duration: 75ms;
25006
- }.v-window {
25007
- overflow: hidden;
25008
- }
25009
- .v-window__container {
25010
- display: flex;
25011
- flex-direction: column;
25012
- height: inherit;
25013
- position: relative;
25014
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25015
- }
25016
- .v-window__controls {
25017
- position: absolute;
25018
- left: 0;
25019
- top: 0;
25020
- width: 100%;
25021
- height: 100%;
25022
- display: flex;
25023
- align-items: center;
25024
- justify-content: space-between;
25025
- padding: 0 16px;
25026
- pointer-events: none;
25027
- }
25028
- .v-window__controls > * {
25029
- pointer-events: auto;
25030
- }
25031
- .v-window--show-arrows-on-hover {
25032
- overflow: hidden;
25033
- }
25034
- .v-window--show-arrows-on-hover .v-window__left {
25035
- transform: translateX(-200%);
25036
- }
25037
- .v-window--show-arrows-on-hover .v-window__right {
25038
- transform: translateX(200%);
25039
- }
25040
- .v-window--show-arrows-on-hover:hover .v-window__left,
25041
- .v-window--show-arrows-on-hover:hover .v-window__right {
25042
- transform: translateX(0);
25043
- }
25044
-
25045
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25046
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25047
- }
25048
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25049
- position: absolute !important;
25050
- top: 0;
25051
- width: 100%;
25052
- }
25053
- .v-window-x-transition-enter-from {
25054
- transform: translateX(100%);
25055
- }
25056
- .v-window-x-transition-leave-to {
25057
- transform: translateX(-100%);
25058
- }
25059
- .v-window-x-reverse-transition-enter-from {
25060
- transform: translateX(-100%);
25061
- }
25062
- .v-window-x-reverse-transition-leave-to {
25063
- transform: translateX(100%);
25064
- }
25065
- .v-window-y-transition-enter-from {
25066
- transform: translateY(100%);
25067
- }
25068
- .v-window-y-transition-leave-to {
25069
- transform: translateY(-100%);
25070
- }
25071
- .v-window-y-reverse-transition-enter-from {
25072
- transform: translateY(-100%);
25073
- }
25074
- .v-window-y-reverse-transition-leave-to {
25075
- transform: translateY(100%);
25076
25216
  }.v-virtual-scroll {
25077
25217
  display: block;
25078
25218
  flex: 1 1 auto;
@@ -25082,216 +25222,76 @@ html.v-overlay-scroll-blocked {
25082
25222
  }
25083
25223
  .v-virtual-scroll__container {
25084
25224
  display: block;
25085
- }.v-expansion-panel {
25086
- background-color: rgb(var(--v-theme-surface));
25087
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25088
- }
25089
- .v-expansion-panel:not(:first-child)::after {
25090
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25091
- }
25092
- .v-expansion-panel--disabled .v-expansion-panel-title {
25093
- color: rgba(var(--v-theme-on-surface), 0.26);
25094
- }
25095
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
25096
- opacity: 0.4615384615;
25225
+ }.v-window {
25226
+ overflow: hidden;
25097
25227
  }
25098
-
25099
- .v-expansion-panels {
25228
+ .v-window__container {
25100
25229
  display: flex;
25101
- flex-wrap: wrap;
25102
- justify-content: center;
25103
- list-style-type: none;
25104
- padding: 0;
25105
- width: 100%;
25106
- position: relative;
25107
- z-index: 1;
25108
- }
25109
- .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) {
25110
- border-bottom-left-radius: 0 !important;
25111
- border-bottom-right-radius: 0 !important;
25112
- }
25113
- .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) {
25114
- border-top-left-radius: 0 !important;
25115
- border-top-right-radius: 0 !important;
25116
- }
25117
- .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) {
25118
- border-bottom-left-radius: 0 !important;
25119
- border-bottom-right-radius: 0 !important;
25120
- }
25121
- .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) {
25122
- border-top-left-radius: 0 !important;
25123
- border-top-right-radius: 0 !important;
25124
- }
25125
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
25126
- border-bottom-left-radius: 0 !important;
25127
- border-bottom-right-radius: 0 !important;
25128
- }
25129
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
25130
- border-top-left-radius: 0 !important;
25131
- border-top-right-radius: 0 !important;
25132
- }
25133
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
25134
- border-bottom-left-radius: initial;
25135
- border-bottom-right-radius: initial;
25136
- }
25137
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
25138
- border-radius: 0 !important;
25139
- }
25140
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
25141
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
25142
- }
25143
-
25144
- .v-expansion-panel {
25145
- flex: 1 0 100%;
25146
- max-width: 100%;
25230
+ flex-direction: column;
25231
+ height: inherit;
25147
25232
  position: relative;
25148
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
25149
- transition-property: margin-top, border-radius, border, max-width;
25150
- border-radius: 4px;
25151
- }
25152
- .v-expansion-panel:not(:first-child)::after {
25153
- border-top-style: solid;
25154
- border-top-width: thin;
25155
- content: "";
25156
- left: 0;
25157
- position: absolute;
25158
- right: 0;
25159
- top: 0;
25160
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
25161
- }
25162
- .v-expansion-panel--disabled .v-expansion-panel-title {
25163
- pointer-events: none;
25164
- }
25165
- .v-expansion-panel--active:not(:first-child),
25166
- .v-expansion-panel--active + .v-expansion-panel {
25167
- margin-top: 16px;
25168
- }
25169
- .v-expansion-panel--active:not(:first-child)::after,
25170
- .v-expansion-panel--active + .v-expansion-panel::after {
25171
- opacity: 0;
25172
- }
25173
- .v-expansion-panel--active > .v-expansion-panel-title {
25174
- border-bottom-left-radius: 0;
25175
- border-bottom-right-radius: 0;
25176
- }
25177
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
25178
- min-height: 64px;
25233
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25179
25234
  }
25180
-
25181
- .v-expansion-panel__shadow {
25235
+ .v-window__controls {
25182
25236
  position: absolute;
25183
- top: 0;
25184
25237
  left: 0;
25238
+ top: 0;
25185
25239
  width: 100%;
25186
25240
  height: 100%;
25187
- 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));
25188
- border-radius: inherit;
25189
- z-index: -1;
25190
- }
25191
-
25192
- .v-expansion-panel-title {
25193
- align-items: center;
25194
- text-align: start;
25195
- border-radius: inherit;
25196
25241
  display: flex;
25197
- font-size: 0.9375rem;
25198
- line-height: 1;
25199
- min-height: 48px;
25200
- outline: none;
25201
- padding: 16px 24px;
25202
- position: relative;
25203
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
25204
- width: 100%;
25242
+ align-items: center;
25205
25243
  justify-content: space-between;
25244
+ padding: 0 16px;
25245
+ pointer-events: none;
25206
25246
  }
25207
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
25208
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25209
- }
25210
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
25211
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25212
- }
25213
- @supports not selector(:focus-visible) {
25214
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
25215
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25216
- }
25247
+ .v-window__controls > * {
25248
+ pointer-events: auto;
25217
25249
  }
25218
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
25219
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25250
+ .v-window--show-arrows-on-hover {
25251
+ overflow: hidden;
25220
25252
  }
25221
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
25222
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25253
+ .v-window--show-arrows-on-hover .v-window__left {
25254
+ transform: translateX(-200%);
25223
25255
  }
25224
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
25225
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25256
+ .v-window--show-arrows-on-hover .v-window__right {
25257
+ transform: translateX(200%);
25226
25258
  }
25227
- @supports not selector(:focus-visible) {
25228
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
25229
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25230
- }
25259
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25260
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25261
+ transform: translateX(0);
25231
25262
  }
25232
25263
 
25233
- .v-expansion-panel-title__overlay {
25234
- position: absolute;
25264
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25265
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25266
+ }
25267
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25268
+ position: absolute !important;
25235
25269
  top: 0;
25236
- left: 0;
25237
25270
  width: 100%;
25238
- height: 100%;
25239
- background-color: currentColor;
25240
- border-radius: inherit;
25241
- opacity: 0;
25242
- }
25243
-
25244
- .v-expansion-panel-title__icon {
25245
- display: inline-flex;
25246
- margin-bottom: -4px;
25247
- margin-top: -4px;
25248
- -webkit-user-select: none;
25249
- user-select: none;
25250
- margin-inline-start: auto;
25251
- }
25252
-
25253
- .v-expansion-panel-text {
25254
- display: flex;
25255
- }
25256
- .v-expansion-panel-text__wrapper {
25257
- padding: 8px 24px 16px;
25258
- flex: 1 1 auto;
25259
- max-width: 100%;
25260
- }
25261
-
25262
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
25263
- margin-top: 0;
25264
- }
25265
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
25266
- opacity: 1;
25267
25271
  }
25268
-
25269
- .v-expansion-panels--variant-popout > .v-expansion-panel {
25270
- max-width: calc(100% - 32px);
25272
+ .v-window-x-transition-enter-from {
25273
+ transform: translateX(100%);
25271
25274
  }
25272
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
25273
- max-width: calc(100% + 16px);
25275
+ .v-window-x-transition-leave-to {
25276
+ transform: translateX(-100%);
25274
25277
  }
25275
-
25276
- .v-expansion-panels--variant-inset > .v-expansion-panel {
25277
- max-width: 100%;
25278
+ .v-window-x-reverse-transition-enter-from {
25279
+ transform: translateX(-100%);
25278
25280
  }
25279
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
25280
- max-width: calc(100% - 32px);
25281
+ .v-window-x-reverse-transition-leave-to {
25282
+ transform: translateX(100%);
25281
25283
  }
25282
-
25283
- .v-expansion-panels--flat > .v-expansion-panel::after {
25284
- border-top: none;
25284
+ .v-window-y-transition-enter-from {
25285
+ transform: translateY(100%);
25285
25286
  }
25286
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
25287
- display: none;
25287
+ .v-window-y-transition-leave-to {
25288
+ transform: translateY(-100%);
25288
25289
  }
25289
-
25290
- .v-expansion-panels--tile {
25291
- border-radius: 0;
25290
+ .v-window-y-reverse-transition-enter-from {
25291
+ transform: translateY(-100%);
25292
25292
  }
25293
- .v-expansion-panels--tile > .v-expansion-panel {
25294
- border-radius: 0;
25293
+ .v-window-y-reverse-transition-leave-to {
25294
+ transform: translateY(100%);
25295
25295
  }.v-color-picker-canvas {
25296
25296
  display: flex;
25297
25297
  position: relative;
@@ -25314,6 +25314,69 @@ html.v-overlay-scroll-blocked {
25314
25314
  }
25315
25315
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25316
25316
  will-change: transform;
25317
+ }.v-color-picker-swatches {
25318
+ overflow-y: auto;
25319
+ }
25320
+ .v-color-picker-swatches > div {
25321
+ display: flex;
25322
+ flex-wrap: wrap;
25323
+ justify-content: center;
25324
+ padding: 8px;
25325
+ }
25326
+
25327
+ .v-color-picker-swatches__swatch {
25328
+ display: flex;
25329
+ flex-direction: column;
25330
+ margin-bottom: 10px;
25331
+ }
25332
+
25333
+ .v-color-picker-swatches__color {
25334
+ position: relative;
25335
+ height: 18px;
25336
+ max-height: 18px;
25337
+ width: 45px;
25338
+ margin: 2px 4px;
25339
+ border-radius: 2px;
25340
+ -webkit-user-select: none;
25341
+ user-select: none;
25342
+ overflow: hidden;
25343
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25344
+ cursor: pointer;
25345
+ }
25346
+ .v-color-picker-swatches__color > div {
25347
+ display: flex;
25348
+ align-items: center;
25349
+ justify-content: center;
25350
+ width: 100%;
25351
+ height: 100%;
25352
+ }.v-color-picker-edit {
25353
+ display: flex;
25354
+ margin-top: 24px;
25355
+ }
25356
+
25357
+ .v-color-picker-edit__input {
25358
+ width: 100%;
25359
+ display: flex;
25360
+ flex-wrap: wrap;
25361
+ justify-content: center;
25362
+ text-align: center;
25363
+ }
25364
+ .v-color-picker-edit__input:not(:last-child) {
25365
+ margin-inline-end: 8px;
25366
+ }
25367
+ .v-color-picker-edit__input input {
25368
+ border-radius: 4px;
25369
+ margin-bottom: 8px;
25370
+ min-width: 0;
25371
+ outline: none;
25372
+ text-align: center;
25373
+ width: 100%;
25374
+ height: 32px;
25375
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25376
+ color: rgba(var(--v-theme-on-surface));
25377
+ }
25378
+ .v-color-picker-edit__input span {
25379
+ font-size: 0.75rem;
25317
25380
  }.v-color-picker-preview__alpha .v-slider-track__background {
25318
25381
  background-color: transparent !important;
25319
25382
  }
@@ -25384,69 +25447,6 @@ html.v-overlay-scroll-blocked {
25384
25447
  .v-color-picker-preview__eye-dropper {
25385
25448
  position: relative;
25386
25449
  margin-right: 12px;
25387
- }.v-color-picker-swatches {
25388
- overflow-y: auto;
25389
- }
25390
- .v-color-picker-swatches > div {
25391
- display: flex;
25392
- flex-wrap: wrap;
25393
- justify-content: center;
25394
- padding: 8px;
25395
- }
25396
-
25397
- .v-color-picker-swatches__swatch {
25398
- display: flex;
25399
- flex-direction: column;
25400
- margin-bottom: 10px;
25401
- }
25402
-
25403
- .v-color-picker-swatches__color {
25404
- position: relative;
25405
- height: 18px;
25406
- max-height: 18px;
25407
- width: 45px;
25408
- margin: 2px 4px;
25409
- border-radius: 2px;
25410
- -webkit-user-select: none;
25411
- user-select: none;
25412
- overflow: hidden;
25413
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25414
- cursor: pointer;
25415
- }
25416
- .v-color-picker-swatches__color > div {
25417
- display: flex;
25418
- align-items: center;
25419
- justify-content: center;
25420
- width: 100%;
25421
- height: 100%;
25422
- }.v-color-picker-edit {
25423
- display: flex;
25424
- margin-top: 24px;
25425
- }
25426
-
25427
- .v-color-picker-edit__input {
25428
- width: 100%;
25429
- display: flex;
25430
- flex-wrap: wrap;
25431
- justify-content: center;
25432
- text-align: center;
25433
- }
25434
- .v-color-picker-edit__input:not(:last-child) {
25435
- margin-inline-end: 8px;
25436
- }
25437
- .v-color-picker-edit__input input {
25438
- border-radius: 4px;
25439
- margin-bottom: 8px;
25440
- min-width: 0;
25441
- outline: none;
25442
- text-align: center;
25443
- width: 100%;
25444
- height: 32px;
25445
- background: rgba(var(--v-theme-surface-variant), 0.2);
25446
- color: rgba(var(--v-theme-on-surface));
25447
- }
25448
- .v-color-picker-edit__input span {
25449
- font-size: 0.75rem;
25450
25450
  }.v-picker.v-sheet {
25451
25451
  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));
25452
25452
  border-radius: 4px;