vuetify 3.6.12 → 3.6.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/json/attributes.json +30 -22
  2. package/dist/json/importMap-labs.json +16 -16
  3. package/dist/json/importMap.json +140 -140
  4. package/dist/json/tags.json +2 -0
  5. package/dist/json/web-types.json +53 -42
  6. package/dist/vuetify-labs.css +1513 -1515
  7. package/dist/vuetify-labs.d.ts +287 -178
  8. package/dist/vuetify-labs.esm.js +59 -28
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +59 -28
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +858 -860
  13. package/dist/vuetify.d.ts +322 -233
  14. package/dist/vuetify.esm.js +51 -24
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +51 -24
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +40 -40
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  22. package/lib/components/VAppBar/index.d.mts +6 -6
  23. package/lib/components/VAutocomplete/index.d.mts +12 -6
  24. package/lib/components/VBtn/VBtn.css +3 -0
  25. package/lib/components/VBtn/VBtn.sass +3 -0
  26. package/lib/components/VCheckbox/index.d.mts +8 -2
  27. package/lib/components/VCombobox/index.d.mts +12 -6
  28. package/lib/components/VDataIterator/index.d.mts +1 -0
  29. package/lib/components/VDataTable/VDataTable.mjs +10 -3
  30. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  31. package/lib/components/VDataTable/VDataTableServer.mjs +6 -2
  32. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  33. package/lib/components/VDataTable/VDataTableVirtual.mjs +10 -3
  34. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  35. package/lib/components/VDataTable/composables/group.mjs +2 -1
  36. package/lib/components/VDataTable/composables/group.mjs.map +1 -1
  37. package/lib/components/VDataTable/composables/sort.mjs +4 -4
  38. package/lib/components/VDataTable/composables/sort.mjs.map +1 -1
  39. package/lib/components/VDataTable/index.d.mts +22 -21
  40. package/lib/components/VDatePicker/VDatePickerMonth.mjs +3 -0
  41. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  42. package/lib/components/VField/VField.css +6 -11
  43. package/lib/components/VField/VField.mjs +7 -5
  44. package/lib/components/VField/VField.mjs.map +1 -1
  45. package/lib/components/VField/VField.sass +2 -6
  46. package/lib/components/VField/index.d.mts +12 -6
  47. package/lib/components/VFileInput/index.d.mts +12 -6
  48. package/lib/components/VInput/VInput.css +5 -5
  49. package/lib/components/VInput/VInput.mjs +4 -1
  50. package/lib/components/VInput/VInput.mjs.map +1 -1
  51. package/lib/components/VInput/VInput.sass +1 -1
  52. package/lib/components/VInput/index.d.mts +8 -2
  53. package/lib/components/VOtpInput/VOtpInput.mjs +1 -1
  54. package/lib/components/VOtpInput/VOtpInput.mjs.map +1 -1
  55. package/lib/components/VRadioGroup/index.d.mts +8 -2
  56. package/lib/components/VRangeSlider/index.d.mts +8 -2
  57. package/lib/components/VSelect/index.d.mts +12 -6
  58. package/lib/components/VSlider/index.d.mts +8 -2
  59. package/lib/components/VSwitch/index.d.mts +8 -2
  60. package/lib/components/VTextField/VTextField.mjs +1 -1
  61. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  62. package/lib/components/VTextField/index.d.mts +24 -18
  63. package/lib/components/VTextarea/VTextarea.mjs +5 -5
  64. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  65. package/lib/components/VTextarea/index.d.mts +87 -72
  66. package/lib/components/index.d.mts +247 -159
  67. package/lib/entry-bundler.mjs +1 -1
  68. package/lib/framework.mjs +1 -1
  69. package/lib/index.d.mts +75 -74
  70. package/lib/labs/VDateInput/VDateInput.mjs +6 -3
  71. package/lib/labs/VDateInput/VDateInput.mjs.map +1 -1
  72. package/lib/labs/VDateInput/index.d.mts +12 -6
  73. package/lib/labs/VNumberInput/index.d.mts +12 -6
  74. package/lib/labs/VTimePicker/VTimePickerControls.mjs +2 -1
  75. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  76. package/lib/labs/VTimePicker/index.d.mts +16 -7
  77. package/lib/labs/components.d.mts +40 -19
  78. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.12
2
+ * Vuetify v3.6.13
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17696,87 +17696,6 @@ html.overflow-y-hidden {
17696
17696
  text-transform: none;
17697
17697
  word-break: normal;
17698
17698
  word-wrap: break-word;
17699
- }.v-autocomplete .v-field .v-text-field__prefix,
17700
- .v-autocomplete .v-field .v-text-field__suffix,
17701
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17702
- cursor: text;
17703
- }
17704
- .v-autocomplete .v-field .v-field__input > input {
17705
- flex: 1 1;
17706
- }
17707
- .v-autocomplete .v-field input {
17708
- min-width: 64px;
17709
- }
17710
- .v-autocomplete .v-field:not(.v-field--focused) input {
17711
- min-width: 0;
17712
- }
17713
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17714
- margin-inline-end: 2px;
17715
- }
17716
- .v-autocomplete .v-autocomplete__selection-text {
17717
- overflow: hidden;
17718
- text-overflow: ellipsis;
17719
- white-space: nowrap;
17720
- }
17721
-
17722
- .v-autocomplete__content {
17723
- overflow: hidden;
17724
- 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));
17725
- border-radius: 4px;
17726
- }
17727
- .v-autocomplete__mask {
17728
- background: rgb(var(--v-theme-surface-light));
17729
- }
17730
- .v-autocomplete__selection {
17731
- display: inline-flex;
17732
- align-items: center;
17733
- height: 1.5rem;
17734
- letter-spacing: inherit;
17735
- line-height: inherit;
17736
- max-width: calc(100% - 2px - 2px);
17737
- }
17738
- .v-autocomplete__selection:first-child {
17739
- margin-inline-start: 0;
17740
- }
17741
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17742
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17743
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17744
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17745
- top: 0px;
17746
- }
17747
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17748
- opacity: var(--v-medium-emphasis-opacity);
17749
- }
17750
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17751
- opacity: 1;
17752
- }
17753
- .v-autocomplete--selecting-index .v-field__input > input {
17754
- caret-color: transparent;
17755
- }
17756
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17757
- flex: 1 1;
17758
- position: absolute;
17759
- left: 0;
17760
- right: 0;
17761
- width: 100%;
17762
- padding-inline: inherit;
17763
- }
17764
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17765
- transition: none;
17766
- }
17767
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17768
- opacity: 0;
17769
- }
17770
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17771
- opacity: 0;
17772
- }
17773
- .v-autocomplete__menu-icon {
17774
- margin-inline-start: 4px;
17775
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17776
- }
17777
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
- opacity: var(--v-high-emphasis-opacity);
17779
- transform: rotate(180deg);
17780
17699
  }.v-avatar {
17781
17700
  flex: none;
17782
17701
  align-items: center;
@@ -17872,6 +17791,87 @@ html.overflow-y-hidden {
17872
17791
  .v-avatar .v-img {
17873
17792
  height: 100%;
17874
17793
  width: 100%;
17794
+ }.v-autocomplete .v-field .v-text-field__prefix,
17795
+ .v-autocomplete .v-field .v-text-field__suffix,
17796
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17797
+ cursor: text;
17798
+ }
17799
+ .v-autocomplete .v-field .v-field__input > input {
17800
+ flex: 1 1;
17801
+ }
17802
+ .v-autocomplete .v-field input {
17803
+ min-width: 64px;
17804
+ }
17805
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17806
+ min-width: 0;
17807
+ }
17808
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17809
+ margin-inline-end: 2px;
17810
+ }
17811
+ .v-autocomplete .v-autocomplete__selection-text {
17812
+ overflow: hidden;
17813
+ text-overflow: ellipsis;
17814
+ white-space: nowrap;
17815
+ }
17816
+
17817
+ .v-autocomplete__content {
17818
+ overflow: hidden;
17819
+ 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));
17820
+ border-radius: 4px;
17821
+ }
17822
+ .v-autocomplete__mask {
17823
+ background: rgb(var(--v-theme-surface-light));
17824
+ }
17825
+ .v-autocomplete__selection {
17826
+ display: inline-flex;
17827
+ align-items: center;
17828
+ height: 1.5rem;
17829
+ letter-spacing: inherit;
17830
+ line-height: inherit;
17831
+ max-width: calc(100% - 2px - 2px);
17832
+ }
17833
+ .v-autocomplete__selection:first-child {
17834
+ margin-inline-start: 0;
17835
+ }
17836
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17837
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17838
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17839
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17840
+ top: 0px;
17841
+ }
17842
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17843
+ opacity: var(--v-medium-emphasis-opacity);
17844
+ }
17845
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17846
+ opacity: 1;
17847
+ }
17848
+ .v-autocomplete--selecting-index .v-field__input > input {
17849
+ caret-color: transparent;
17850
+ }
17851
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17852
+ flex: 1 1;
17853
+ position: absolute;
17854
+ left: 0;
17855
+ right: 0;
17856
+ width: 100%;
17857
+ padding-inline: inherit;
17858
+ }
17859
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17860
+ transition: none;
17861
+ }
17862
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17863
+ opacity: 0;
17864
+ }
17865
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17866
+ opacity: 0;
17867
+ }
17868
+ .v-autocomplete__menu-icon {
17869
+ margin-inline-start: 4px;
17870
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17871
+ }
17872
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17873
+ opacity: var(--v-high-emphasis-opacity);
17874
+ transform: rotate(180deg);
17875
17875
  }.v-badge {
17876
17876
  display: inline-block;
17877
17877
  line-height: 1;
@@ -18156,38 +18156,6 @@ html.overflow-y-hidden {
18156
18156
  }
18157
18157
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18158
18158
  transform: translateY(0.5rem);
18159
- }.bottom-sheet-transition-enter-from {
18160
- transform: translateY(100%);
18161
- }
18162
- .bottom-sheet-transition-leave-to {
18163
- transform: translateY(100%);
18164
- }
18165
-
18166
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18167
- align-self: flex-end;
18168
- border-radius: 0;
18169
- flex: 0 1 auto;
18170
- left: 0;
18171
- right: 0;
18172
- margin-inline: 0;
18173
- margin-bottom: 0;
18174
- transition-duration: 0.2s;
18175
- width: 100%;
18176
- max-width: 100%;
18177
- overflow: visible;
18178
- 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));
18179
- }
18180
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18181
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18182
- border-radius: 0;
18183
- }
18184
- .v-bottom-sheet.v-bottom-sheet--inset {
18185
- max-width: none;
18186
- }
18187
- @media (min-width: 600px) {
18188
- .v-bottom-sheet.v-bottom-sheet--inset {
18189
- max-width: 70%;
18190
- }
18191
18159
  }.v-breadcrumbs {
18192
18160
  display: flex;
18193
18161
  align-items: center;
@@ -18245,6 +18213,38 @@ html.overflow-y-hidden {
18245
18213
  display: inline-block;
18246
18214
  padding: 0 8px;
18247
18215
  vertical-align: middle;
18216
+ }.bottom-sheet-transition-enter-from {
18217
+ transform: translateY(100%);
18218
+ }
18219
+ .bottom-sheet-transition-leave-to {
18220
+ transform: translateY(100%);
18221
+ }
18222
+
18223
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18224
+ align-self: flex-end;
18225
+ border-radius: 0;
18226
+ flex: 0 1 auto;
18227
+ left: 0;
18228
+ right: 0;
18229
+ margin-inline: 0;
18230
+ margin-bottom: 0;
18231
+ transition-duration: 0.2s;
18232
+ width: 100%;
18233
+ max-width: 100%;
18234
+ overflow: visible;
18235
+ 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));
18236
+ }
18237
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18238
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18239
+ border-radius: 0;
18240
+ }
18241
+ .v-bottom-sheet.v-bottom-sheet--inset {
18242
+ max-width: none;
18243
+ }
18244
+ @media (min-width: 600px) {
18245
+ .v-bottom-sheet.v-bottom-sheet--inset {
18246
+ max-width: 70%;
18247
+ }
18248
18248
  }.v-btn {
18249
18249
  align-items: center;
18250
18250
  border-radius: 4px;
@@ -18576,6 +18576,9 @@ html.overflow-y-hidden {
18576
18576
  .v-btn--stacked .v-icon {
18577
18577
  --v-icon-size-multiplier: 1.1428571429;
18578
18578
  }
18579
+ .v-btn--stacked.v-btn--block {
18580
+ min-width: 100%;
18581
+ }
18579
18582
 
18580
18583
  .v-btn__loader {
18581
18584
  align-items: center;
@@ -19529,26 +19532,6 @@ html.overflow-y-hidden {
19529
19532
  white-space: normal;
19530
19533
  flex-wrap: wrap;
19531
19534
  max-width: 100%;
19532
- }.v-color-picker {
19533
- align-self: flex-start;
19534
- contain: content;
19535
- }
19536
- .v-color-picker.v-sheet {
19537
- 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));
19538
- border-radius: 4px;
19539
- }
19540
-
19541
- .v-color-picker__controls {
19542
- display: flex;
19543
- flex-direction: column;
19544
- padding: 16px;
19545
- }
19546
-
19547
- .v-color-picker--flat {
19548
- 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));
19549
- }
19550
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19551
- 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));
19552
19535
  }.v-combobox .v-field .v-text-field__prefix,
19553
19536
  .v-combobox .v-field .v-text-field__suffix,
19554
19537
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19630,14 +19613,34 @@ html.overflow-y-hidden {
19630
19613
  .v-combobox--active-menu .v-combobox__menu-icon {
19631
19614
  opacity: var(--v-high-emphasis-opacity);
19632
19615
  transform: rotate(180deg);
19633
- }.v-counter {
19634
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19635
- flex: 0 1 auto;
19636
- font-size: 12px;
19637
- transition-duration: 150ms;
19638
- }.v-data-table {
19639
- width: 100%;
19640
- }
19616
+ }.v-color-picker {
19617
+ align-self: flex-start;
19618
+ contain: content;
19619
+ }
19620
+ .v-color-picker.v-sheet {
19621
+ 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));
19622
+ border-radius: 4px;
19623
+ }
19624
+
19625
+ .v-color-picker__controls {
19626
+ display: flex;
19627
+ flex-direction: column;
19628
+ padding: 16px;
19629
+ }
19630
+
19631
+ .v-color-picker--flat {
19632
+ 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));
19633
+ }
19634
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19635
+ 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));
19636
+ }.v-counter {
19637
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19638
+ flex: 0 1 auto;
19639
+ font-size: 12px;
19640
+ transition-duration: 150ms;
19641
+ }.v-data-table {
19642
+ width: 100%;
19643
+ }
19641
19644
 
19642
19645
  .v-data-table__table {
19643
19646
  width: 100%;
@@ -19853,6 +19856,66 @@ html.overflow-y-hidden {
19853
19856
  }
19854
19857
  .v-data-table-footer__page {
19855
19858
  padding: 0 8px;
19859
+ }.v-date-picker-header {
19860
+ align-items: flex-end;
19861
+ height: 70px;
19862
+ display: grid;
19863
+ grid-template-areas: "prepend content append";
19864
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19865
+ overflow: hidden;
19866
+ padding-inline: 24px 12px;
19867
+ padding-bottom: 12px;
19868
+ }
19869
+
19870
+ .v-date-picker-header__append {
19871
+ grid-area: append;
19872
+ }
19873
+
19874
+ .v-date-picker-header__prepend {
19875
+ grid-area: prepend;
19876
+ padding-inline-start: 8px;
19877
+ }
19878
+
19879
+ .v-date-picker-header__content {
19880
+ align-items: center;
19881
+ display: inline-flex;
19882
+ font-size: 32px;
19883
+ line-height: 40px;
19884
+ grid-area: content;
19885
+ justify-content: space-between;
19886
+ }
19887
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19888
+ cursor: pointer;
19889
+ }
19890
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19891
+ opacity: 0.7;
19892
+ }
19893
+
19894
+ .date-picker-header-transition-enter-active,
19895
+ .date-picker-header-reverse-transition-enter-active {
19896
+ transition-duration: 0.3s;
19897
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19898
+ }
19899
+ .date-picker-header-transition-leave-active,
19900
+ .date-picker-header-reverse-transition-leave-active {
19901
+ transition-duration: 0.3s;
19902
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19903
+ }
19904
+
19905
+ .date-picker-header-transition-enter-from {
19906
+ transform: translate(0, 100%);
19907
+ }
19908
+ .date-picker-header-transition-leave-to {
19909
+ opacity: 0;
19910
+ transform: translate(0, -100%);
19911
+ }
19912
+
19913
+ .date-picker-header-reverse-transition-enter-from {
19914
+ transform: translate(0, -100%);
19915
+ }
19916
+ .date-picker-header-reverse-transition-leave-to {
19917
+ opacity: 0;
19918
+ transform: translate(0, 100%);
19856
19919
  }.v-date-picker {
19857
19920
  overflow: hidden;
19858
19921
  width: 328px;
@@ -19915,66 +19978,6 @@ html.overflow-y-hidden {
19915
19978
 
19916
19979
  .v-date-picker__title {
19917
19980
  display: inline-block;
19918
- }.v-date-picker-header {
19919
- align-items: flex-end;
19920
- height: 70px;
19921
- display: grid;
19922
- grid-template-areas: "prepend content append";
19923
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19924
- overflow: hidden;
19925
- padding-inline: 24px 12px;
19926
- padding-bottom: 12px;
19927
- }
19928
-
19929
- .v-date-picker-header__append {
19930
- grid-area: append;
19931
- }
19932
-
19933
- .v-date-picker-header__prepend {
19934
- grid-area: prepend;
19935
- padding-inline-start: 8px;
19936
- }
19937
-
19938
- .v-date-picker-header__content {
19939
- align-items: center;
19940
- display: inline-flex;
19941
- font-size: 32px;
19942
- line-height: 40px;
19943
- grid-area: content;
19944
- justify-content: space-between;
19945
- }
19946
- .v-date-picker-header--clickable .v-date-picker-header__content {
19947
- cursor: pointer;
19948
- }
19949
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19950
- opacity: 0.7;
19951
- }
19952
-
19953
- .date-picker-header-transition-enter-active,
19954
- .date-picker-header-reverse-transition-enter-active {
19955
- transition-duration: 0.3s;
19956
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19957
- }
19958
- .date-picker-header-transition-leave-active,
19959
- .date-picker-header-reverse-transition-leave-active {
19960
- transition-duration: 0.3s;
19961
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19962
- }
19963
-
19964
- .date-picker-header-transition-enter-from {
19965
- transform: translate(0, 100%);
19966
- }
19967
- .date-picker-header-transition-leave-to {
19968
- opacity: 0;
19969
- transform: translate(0, -100%);
19970
- }
19971
-
19972
- .date-picker-header-reverse-transition-enter-from {
19973
- transform: translate(0, -100%);
19974
- }
19975
- .date-picker-header-reverse-transition-leave-to {
19976
- opacity: 0;
19977
- transform: translate(0, 100%);
19978
19981
  }.v-date-picker-month {
19979
19982
  display: flex;
19980
19983
  justify-content: center;
@@ -20049,6 +20052,71 @@ html.overflow-y-hidden {
20049
20052
  text-transform: none;
20050
20053
  padding-inline-start: 8px;
20051
20054
  padding-inline-end: 8px;
20055
+ }.v-date-picker-years {
20056
+ height: 288px;
20057
+ overflow-y: scroll;
20058
+ }
20059
+
20060
+ .v-date-picker-years__content {
20061
+ display: grid;
20062
+ flex: 1 1;
20063
+ justify-content: space-around;
20064
+ grid-template-columns: repeat(3, 1fr);
20065
+ gap: 8px 24px;
20066
+ padding-inline: 32px;
20067
+ }
20068
+ .v-date-picker-years__content .v-btn {
20069
+ padding-inline: 8px;
20070
+ }.v-divider {
20071
+ display: block;
20072
+ flex: 1 1 100%;
20073
+ height: 0px;
20074
+ max-height: 0px;
20075
+ opacity: var(--v-border-opacity);
20076
+ transition: inherit;
20077
+ border-style: solid;
20078
+ border-width: thin 0 0 0;
20079
+ }
20080
+ .v-divider--vertical {
20081
+ align-self: stretch;
20082
+ border-width: 0 thin 0 0;
20083
+ display: inline-flex;
20084
+ height: auto;
20085
+ margin-left: -1px;
20086
+ max-height: 100%;
20087
+ max-width: 0px;
20088
+ vertical-align: text-bottom;
20089
+ width: 0px;
20090
+ }
20091
+ .v-divider--inset:not(.v-divider--vertical) {
20092
+ max-width: calc(100% - 72px);
20093
+ margin-inline-start: 72px;
20094
+ }
20095
+ .v-divider--inset.v-divider--vertical {
20096
+ margin-bottom: 8px;
20097
+ margin-top: 8px;
20098
+ max-height: calc(100% - 16px);
20099
+ }
20100
+
20101
+ .v-divider__content {
20102
+ padding: 0 16px;
20103
+ text-wrap: nowrap;
20104
+ }
20105
+ .v-divider__wrapper--vertical .v-divider__content {
20106
+ padding: 4px 0;
20107
+ }
20108
+
20109
+ .v-divider__wrapper {
20110
+ display: flex;
20111
+ align-items: center;
20112
+ justify-content: center;
20113
+ }
20114
+ .v-divider__wrapper--vertical {
20115
+ flex-direction: column;
20116
+ height: 100%;
20117
+ }
20118
+ .v-divider__wrapper--vertical .v-divider {
20119
+ margin: 0 auto;
20052
20120
  }.v-dialog {
20053
20121
  align-items: center;
20054
20122
  justify-content: center;
@@ -20141,95 +20209,30 @@ html.overflow-y-hidden {
20141
20209
  -webkit-backface-visibility: hidden;
20142
20210
  backface-visibility: hidden;
20143
20211
  overflow-y: auto;
20144
- }.v-date-picker-years {
20145
- height: 288px;
20146
- overflow-y: scroll;
20212
+ }.v-empty-state {
20213
+ align-items: center;
20214
+ display: flex;
20215
+ flex-direction: column;
20216
+ justify-content: center;
20217
+ min-height: 100%;
20218
+ padding: 16px;
20219
+ }
20220
+ .v-empty-state--start {
20221
+ align-items: flex-start;
20222
+ }
20223
+ .v-empty-state--center {
20224
+ align-items: center;
20225
+ }
20226
+ .v-empty-state--end {
20227
+ align-items: flex-end;
20147
20228
  }
20148
20229
 
20149
- .v-date-picker-years__content {
20150
- display: grid;
20151
- flex: 1 1;
20152
- justify-content: space-around;
20153
- grid-template-columns: repeat(3, 1fr);
20154
- gap: 8px 24px;
20155
- padding-inline: 32px;
20230
+ .v-empty-state__media {
20231
+ text-align: center;
20232
+ width: 100%;
20156
20233
  }
20157
- .v-date-picker-years__content .v-btn {
20158
- padding-inline: 8px;
20159
- }.v-divider {
20160
- display: block;
20161
- flex: 1 1 100%;
20162
- height: 0px;
20163
- max-height: 0px;
20164
- opacity: var(--v-border-opacity);
20165
- transition: inherit;
20166
- border-style: solid;
20167
- border-width: thin 0 0 0;
20168
- }
20169
- .v-divider--vertical {
20170
- align-self: stretch;
20171
- border-width: 0 thin 0 0;
20172
- display: inline-flex;
20173
- height: auto;
20174
- margin-left: -1px;
20175
- max-height: 100%;
20176
- max-width: 0px;
20177
- vertical-align: text-bottom;
20178
- width: 0px;
20179
- }
20180
- .v-divider--inset:not(.v-divider--vertical) {
20181
- max-width: calc(100% - 72px);
20182
- margin-inline-start: 72px;
20183
- }
20184
- .v-divider--inset.v-divider--vertical {
20185
- margin-bottom: 8px;
20186
- margin-top: 8px;
20187
- max-height: calc(100% - 16px);
20188
- }
20189
-
20190
- .v-divider__content {
20191
- padding: 0 16px;
20192
- text-wrap: nowrap;
20193
- }
20194
- .v-divider__wrapper--vertical .v-divider__content {
20195
- padding: 4px 0;
20196
- }
20197
-
20198
- .v-divider__wrapper {
20199
- display: flex;
20200
- align-items: center;
20201
- justify-content: center;
20202
- }
20203
- .v-divider__wrapper--vertical {
20204
- flex-direction: column;
20205
- height: 100%;
20206
- }
20207
- .v-divider__wrapper--vertical .v-divider {
20208
- margin: 0 auto;
20209
- }.v-empty-state {
20210
- align-items: center;
20211
- display: flex;
20212
- flex-direction: column;
20213
- justify-content: center;
20214
- min-height: 100%;
20215
- padding: 16px;
20216
- }
20217
- .v-empty-state--start {
20218
- align-items: flex-start;
20219
- }
20220
- .v-empty-state--center {
20221
- align-items: center;
20222
- }
20223
- .v-empty-state--end {
20224
- align-items: flex-end;
20225
- }
20226
-
20227
- .v-empty-state__media {
20228
- text-align: center;
20229
- width: 100%;
20230
- }
20231
- .v-empty-state__media .v-icon {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20234
+ .v-empty-state__media .v-icon {
20235
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
20236
  }
20234
20237
 
20235
20238
  .v-empty-state__headline {
@@ -20552,35 +20555,6 @@ html.overflow-y-hidden {
20552
20555
  }
20553
20556
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
20557
  right: 0;
20555
- }.v-file-input--hide.v-input .v-field,
20556
- .v-file-input--hide.v-input .v-input__control,
20557
- .v-file-input--hide.v-input .v-input__details {
20558
- display: none;
20559
- }
20560
- .v-file-input--hide.v-input .v-input__prepend {
20561
- grid-area: control;
20562
- margin: 0 auto;
20563
- }
20564
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
- top: 0px;
20569
- }
20570
- .v-file-input input[type=file] {
20571
- height: 100%;
20572
- left: 0;
20573
- opacity: 0;
20574
- position: absolute;
20575
- top: 0;
20576
- width: 100%;
20577
- z-index: 1;
20578
- }
20579
- .v-file-input .v-input__details {
20580
- padding-inline: 16px;
20581
- }
20582
- .v-input--plain-underlined.v-file-input .v-input__details {
20583
- padding-inline: 0;
20584
20558
  }/* region INPUT */
20585
20559
  .v-field {
20586
20560
  --v-theme-overlay-multiplier: 1;
@@ -20724,11 +20698,6 @@ html.overflow-y-hidden {
20724
20698
  position: relative;
20725
20699
  width: 100%;
20726
20700
  }
20727
- .v-field.v-field--center-affix.v-field--variant-underlined .v-field__input, .v-field.v-field--center-affix.v-field--variant-plain .v-field__input {
20728
- padding-top: unset;
20729
- padding-bottom: unset;
20730
- }
20731
-
20732
20701
  .v-input--density-default .v-field__input {
20733
20702
  row-gap: 8px;
20734
20703
  }
@@ -20796,12 +20765,12 @@ textarea.v-field__input::placeholder {
20796
20765
  padding-top: 0;
20797
20766
  }
20798
20767
 
20799
- .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__append-inner,
20800
- .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__clearable,
20801
- .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__prepend-inner,
20802
- .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__append-inner,
20803
- .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__clearable,
20804
- .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__prepend-inner {
20768
+ .v-field.v-field--variant-underlined .v-field__append-inner,
20769
+ .v-field.v-field--variant-underlined .v-field__clearable,
20770
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
20771
+ .v-field.v-field--variant-plain .v-field__append-inner,
20772
+ .v-field.v-field--variant-plain .v-field__clearable,
20773
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
20805
20774
  align-items: flex-start;
20806
20775
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20807
20776
  padding-bottom: var(--v-field-padding-bottom, 4px);
@@ -21157,34 +21126,35 @@ textarea.v-field__input::placeholder {
21157
21126
  opacity: 0;
21158
21127
  }
21159
21128
 
21160
- /* endregion */.v-footer {
21161
- align-items: center;
21162
- display: flex;
21163
- flex: 1 1 auto;
21164
- padding: 8px 16px;
21165
- position: relative;
21166
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21167
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21168
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21169
- border-style: solid;
21170
- border-width: 0;
21171
- 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));
21172
- border-radius: 0;
21173
- background: rgb(var(--v-theme-surface));
21174
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21129
+ /* endregion */.v-file-input--hide.v-input .v-field,
21130
+ .v-file-input--hide.v-input .v-input__control,
21131
+ .v-file-input--hide.v-input .v-input__details {
21132
+ display: none;
21175
21133
  }
21176
- .v-footer--border {
21177
- border-width: thin;
21178
- box-shadow: none;
21134
+ .v-file-input--hide.v-input .v-input__prepend {
21135
+ grid-area: control;
21136
+ margin: 0 auto;
21179
21137
  }
21180
- .v-footer--absolute {
21138
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21139
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21140
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21141
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21142
+ top: 0px;
21143
+ }
21144
+ .v-file-input input[type=file] {
21145
+ height: 100%;
21146
+ left: 0;
21147
+ opacity: 0;
21181
21148
  position: absolute;
21149
+ top: 0;
21150
+ width: 100%;
21151
+ z-index: 1;
21182
21152
  }
21183
- .v-footer--fixed {
21184
- position: fixed;
21153
+ .v-file-input .v-input__details {
21154
+ padding-inline: 16px;
21185
21155
  }
21186
- .v-footer--rounded {
21187
- border-radius: 4px;
21156
+ .v-input--plain-underlined.v-file-input .v-input__details {
21157
+ padding-inline: 0;
21188
21158
  }.v-container {
21189
21159
  width: 100%;
21190
21160
  padding: 16px;
@@ -21857,6 +21827,34 @@ textarea.v-field__input::placeholder {
21857
21827
  .offset-xxl-11 {
21858
21828
  margin-inline-start: 91.6666666667%;
21859
21829
  }
21830
+ }.v-footer {
21831
+ align-items: center;
21832
+ display: flex;
21833
+ flex: 1 1 auto;
21834
+ padding: 8px 16px;
21835
+ position: relative;
21836
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21837
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21838
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21839
+ border-style: solid;
21840
+ border-width: 0;
21841
+ 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));
21842
+ border-radius: 0;
21843
+ background: rgb(var(--v-theme-surface));
21844
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21845
+ }
21846
+ .v-footer--border {
21847
+ border-width: thin;
21848
+ box-shadow: none;
21849
+ }
21850
+ .v-footer--absolute {
21851
+ position: absolute;
21852
+ }
21853
+ .v-footer--fixed {
21854
+ position: fixed;
21855
+ }
21856
+ .v-footer--rounded {
21857
+ border-radius: 4px;
21860
21858
  }.v-icon {
21861
21859
  --v-icon-size-multiplier: 1;
21862
21860
  align-items: center;
@@ -21910,31 +21908,6 @@ textarea.v-field__input::placeholder {
21910
21908
 
21911
21909
  .v-icon--end {
21912
21910
  margin-inline-start: 8px;
21913
- }.v-infinite-scroll--horizontal {
21914
- display: flex;
21915
- flex-direction: row;
21916
- overflow-x: auto;
21917
- }
21918
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21919
- height: 100%;
21920
- width: 1px;
21921
- }
21922
-
21923
- .v-infinite-scroll--vertical {
21924
- display: flex;
21925
- flex-direction: column;
21926
- overflow-y: auto;
21927
- }
21928
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21929
- height: 1px;
21930
- width: 100%;
21931
- }
21932
-
21933
- .v-infinite-scroll__side {
21934
- align-items: center;
21935
- display: flex;
21936
- justify-content: center;
21937
- padding: 8px;
21938
21911
  }.v-img {
21939
21912
  --v-theme-overlay-multiplier: 3;
21940
21913
  z-index: 0;
@@ -21971,6 +21944,31 @@ textarea.v-field__input::placeholder {
21971
21944
 
21972
21945
  .v-img__gradient {
21973
21946
  background-repeat: no-repeat;
21947
+ }.v-infinite-scroll--horizontal {
21948
+ display: flex;
21949
+ flex-direction: row;
21950
+ overflow-x: auto;
21951
+ }
21952
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21953
+ height: 100%;
21954
+ width: 1px;
21955
+ }
21956
+
21957
+ .v-infinite-scroll--vertical {
21958
+ display: flex;
21959
+ flex-direction: column;
21960
+ overflow-y: auto;
21961
+ }
21962
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21963
+ height: 1px;
21964
+ width: 100%;
21965
+ }
21966
+
21967
+ .v-infinite-scroll__side {
21968
+ align-items: center;
21969
+ display: flex;
21970
+ justify-content: center;
21971
+ padding: 8px;
21974
21972
  }.v-input {
21975
21973
  display: grid;
21976
21974
  flex: 1 1 auto;
@@ -22099,19 +22097,19 @@ textarea.v-field__input::placeholder {
22099
22097
  .v-input--hide-spin-buttons input[type=number] {
22100
22098
  -moz-appearance: textfield;
22101
22099
  }
22102
- .v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend,
22103
- .v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22100
+ .v-input--plain-underlined .v-input__prepend,
22101
+ .v-input--plain-underlined .v-input__append {
22104
22102
  align-items: flex-start;
22105
22103
  }
22106
- .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22104
+ .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22107
22105
  padding-top: calc(var(--v-input-padding-top) + 4px);
22108
22106
  }
22109
22107
 
22110
- .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22108
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22111
22109
  padding-top: calc(var(--v-input-padding-top) + 2px);
22112
22110
  }
22113
22111
 
22114
- .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22112
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22115
22113
  padding-top: calc(var(--v-input-padding-top) + 0px);
22116
22114
  }.v-item-group {
22117
22115
  flex: 0 1 auto;
@@ -22748,22 +22746,6 @@ textarea.v-field__input::placeholder {
22748
22746
  overflow: auto;
22749
22747
  height: 100%;
22750
22748
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22751
- }.v-messages {
22752
- flex: 1 1 auto;
22753
- font-size: 12px;
22754
- min-height: 14px;
22755
- min-width: 1px;
22756
- opacity: var(--v-medium-emphasis-opacity);
22757
- position: relative;
22758
- }
22759
- .v-messages__message {
22760
- line-height: 12px;
22761
- word-break: break-word;
22762
- overflow-wrap: break-word;
22763
- word-wrap: break-word;
22764
- -webkit-hyphens: auto;
22765
- hyphens: auto;
22766
- transition-duration: 150ms;
22767
22749
  }.v-navigation-drawer {
22768
22750
  -webkit-overflow-scrolling: touch;
22769
22751
  background: rgb(var(--v-theme-surface));
@@ -22866,6 +22848,22 @@ textarea.v-field__input::placeholder {
22866
22848
  .v-navigation-drawer__append {
22867
22849
  flex: none;
22868
22850
  overflow: hidden;
22851
+ }.v-messages {
22852
+ flex: 1 1 auto;
22853
+ font-size: 12px;
22854
+ min-height: 14px;
22855
+ min-width: 1px;
22856
+ opacity: var(--v-medium-emphasis-opacity);
22857
+ position: relative;
22858
+ }
22859
+ .v-messages__message {
22860
+ line-height: 12px;
22861
+ word-break: break-word;
22862
+ overflow-wrap: break-word;
22863
+ word-wrap: break-word;
22864
+ -webkit-hyphens: auto;
22865
+ hyphens: auto;
22866
+ transition-duration: 150ms;
22869
22867
  }.v-otp-input {
22870
22868
  border-radius: 4px;
22871
22869
  align-items: center;
@@ -23663,14 +23661,207 @@ html.v-overlay-scroll-blocked {
23663
23661
  }
23664
23662
  .v-sheet--rounded {
23665
23663
  border-radius: 4px;
23666
- }.v-skeleton-loader {
23667
- align-items: center;
23668
- background: rgb(var(--v-theme-surface));
23669
- border-radius: 4px;
23664
+ }.v-slide-group {
23670
23665
  display: flex;
23671
- flex-wrap: wrap;
23672
- position: relative;
23673
- vertical-align: top;
23666
+ overflow: hidden;
23667
+ }
23668
+
23669
+ .v-slide-group__next,
23670
+ .v-slide-group__prev {
23671
+ align-items: center;
23672
+ display: flex;
23673
+ flex: 0 1 52px;
23674
+ justify-content: center;
23675
+ min-width: 52px;
23676
+ cursor: pointer;
23677
+ }
23678
+ .v-slide-group__next--disabled,
23679
+ .v-slide-group__prev--disabled {
23680
+ pointer-events: none;
23681
+ opacity: var(--v-disabled-opacity);
23682
+ }
23683
+
23684
+ .v-slide-group__content {
23685
+ display: flex;
23686
+ flex: 1 0 auto;
23687
+ position: relative;
23688
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23689
+ white-space: nowrap;
23690
+ }
23691
+ .v-slide-group__content > * {
23692
+ white-space: initial;
23693
+ }
23694
+
23695
+ .v-slide-group__container {
23696
+ contain: content;
23697
+ display: flex;
23698
+ flex: 1 1 auto;
23699
+ overflow-x: auto;
23700
+ overflow-y: hidden;
23701
+ scrollbar-width: none;
23702
+ scrollbar-color: rgba(0, 0, 0, 0);
23703
+ }
23704
+ .v-slide-group__container::-webkit-scrollbar {
23705
+ display: none;
23706
+ }
23707
+
23708
+ .v-slide-group--vertical {
23709
+ max-height: inherit;
23710
+ }
23711
+ .v-slide-group--vertical,
23712
+ .v-slide-group--vertical .v-slide-group__container,
23713
+ .v-slide-group--vertical .v-slide-group__content {
23714
+ flex-direction: column;
23715
+ }
23716
+ .v-slide-group--vertical .v-slide-group__container {
23717
+ overflow-x: hidden;
23718
+ overflow-y: auto;
23719
+ }.v-snackbar {
23720
+ justify-content: center;
23721
+ z-index: 10000;
23722
+ margin: 8px;
23723
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23724
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23725
+ }
23726
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
23727
+ align-items: flex-end;
23728
+ }
23729
+ .v-snackbar__wrapper {
23730
+ align-items: center;
23731
+ display: flex;
23732
+ max-width: 672px;
23733
+ min-height: 48px;
23734
+ min-width: 344px;
23735
+ overflow: hidden;
23736
+ padding: 0;
23737
+ border-radius: 4px;
23738
+ }
23739
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23740
+ background: transparent;
23741
+ color: inherit;
23742
+ }
23743
+ .v-snackbar--variant-plain {
23744
+ opacity: 0.62;
23745
+ }
23746
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23747
+ opacity: 1;
23748
+ }
23749
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23750
+ display: none;
23751
+ }
23752
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23753
+ background: rgb(var(--v-theme-surface-variant));
23754
+ color: rgb(var(--v-theme-on-surface-variant));
23755
+ }
23756
+ .v-snackbar--variant-elevated {
23757
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23758
+ }
23759
+ .v-snackbar--variant-flat {
23760
+ 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));
23761
+ }
23762
+ .v-snackbar--variant-outlined {
23763
+ border: thin solid currentColor;
23764
+ }
23765
+ .v-snackbar--variant-text .v-snackbar__overlay {
23766
+ background: currentColor;
23767
+ }
23768
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23769
+ background: currentColor;
23770
+ opacity: var(--v-activated-opacity);
23771
+ border-radius: inherit;
23772
+ top: 0;
23773
+ right: 0;
23774
+ bottom: 0;
23775
+ left: 0;
23776
+ pointer-events: none;
23777
+ }
23778
+ .v-snackbar .v-snackbar__underlay {
23779
+ position: absolute;
23780
+ }
23781
+
23782
+ .v-snackbar__content {
23783
+ flex-grow: 1;
23784
+ font-size: 0.875rem;
23785
+ font-weight: 400;
23786
+ letter-spacing: 0.0178571429em;
23787
+ line-height: 1.425;
23788
+ margin-right: auto;
23789
+ padding: 14px 16px;
23790
+ text-align: initial;
23791
+ }
23792
+ .v-snackbar__actions {
23793
+ align-items: center;
23794
+ align-self: center;
23795
+ display: flex;
23796
+ margin-inline-end: 8px;
23797
+ }
23798
+ .v-snackbar__actions > .v-btn {
23799
+ padding: 0 8px;
23800
+ min-width: auto;
23801
+ }
23802
+ .v-snackbar__timer {
23803
+ width: 100%;
23804
+ position: absolute;
23805
+ top: 0;
23806
+ }
23807
+ .v-snackbar__timer .v-progress-linear {
23808
+ transition: 0.2s linear;
23809
+ }
23810
+ .v-snackbar--absolute {
23811
+ position: absolute;
23812
+ z-index: 1;
23813
+ }
23814
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23815
+ min-height: 68px;
23816
+ }
23817
+ .v-snackbar--vertical .v-snackbar__wrapper {
23818
+ flex-direction: column;
23819
+ }
23820
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23821
+ align-self: flex-end;
23822
+ margin-bottom: 8px;
23823
+ }
23824
+ .v-snackbar--center {
23825
+ align-items: center;
23826
+ justify-content: center;
23827
+ }
23828
+ .v-snackbar--top {
23829
+ align-items: flex-start;
23830
+ }
23831
+ .v-snackbar--bottom {
23832
+ align-items: flex-end;
23833
+ }
23834
+ .v-snackbar--left, .v-snackbar--start {
23835
+ justify-content: flex-start;
23836
+ }
23837
+ .v-snackbar--right, .v-snackbar--end {
23838
+ justify-content: flex-end;
23839
+ }
23840
+
23841
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23842
+ transition-duration: 0.15s;
23843
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23844
+ }
23845
+ .v-snackbar-transition-enter-active {
23846
+ transition-property: opacity, transform;
23847
+ }
23848
+ .v-snackbar-transition-enter-from {
23849
+ opacity: 0;
23850
+ transform: scale(0.8);
23851
+ }
23852
+ .v-snackbar-transition-leave-active {
23853
+ transition-property: opacity;
23854
+ }
23855
+ .v-snackbar-transition-leave-to {
23856
+ opacity: 0;
23857
+ }.v-skeleton-loader {
23858
+ align-items: center;
23859
+ background: rgb(var(--v-theme-surface));
23860
+ border-radius: 4px;
23861
+ display: flex;
23862
+ flex-wrap: wrap;
23863
+ position: relative;
23864
+ vertical-align: top;
23674
23865
  }
23675
23866
  .v-skeleton-loader__actions {
23676
23867
  justify-content: end;
@@ -23886,222 +24077,29 @@ html.v-overlay-scroll-blocked {
23886
24077
  100% {
23887
24078
  transform: translateX(100%);
23888
24079
  }
23889
- }.v-slide-group {
23890
- display: flex;
23891
- overflow: hidden;
24080
+ }.v-speed-dial__content {
24081
+ gap: 8px;
23892
24082
  }
23893
-
23894
- .v-slide-group__next,
23895
- .v-slide-group__prev {
23896
- align-items: center;
23897
- display: flex;
23898
- flex: 0 1 52px;
23899
- justify-content: center;
23900
- min-width: 52px;
23901
- cursor: pointer;
24083
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24084
+ flex-direction: row;
23902
24085
  }
23903
- .v-slide-group__next--disabled,
23904
- .v-slide-group__prev--disabled {
23905
- pointer-events: none;
23906
- opacity: var(--v-disabled-opacity);
24086
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24087
+ flex-direction: row-reverse;
23907
24088
  }
23908
-
23909
- .v-slide-group__content {
23910
- display: flex;
23911
- flex: 1 0 auto;
23912
- position: relative;
23913
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23914
- white-space: nowrap;
24089
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24090
+ flex-direction: column-reverse;
23915
24091
  }
23916
- .v-slide-group__content > * {
23917
- white-space: initial;
24092
+ .v-speed-dial__content > *:nth-child(1) {
24093
+ transition-delay: 0s;
23918
24094
  }
23919
-
23920
- .v-slide-group__container {
23921
- contain: content;
23922
- display: flex;
23923
- flex: 1 1 auto;
23924
- overflow-x: auto;
23925
- overflow-y: hidden;
23926
- scrollbar-width: none;
23927
- scrollbar-color: rgba(0, 0, 0, 0);
24095
+ .v-speed-dial__content > *:nth-child(2) {
24096
+ transition-delay: 0.05s;
23928
24097
  }
23929
- .v-slide-group__container::-webkit-scrollbar {
23930
- display: none;
24098
+ .v-speed-dial__content > *:nth-child(3) {
24099
+ transition-delay: 0.1s;
23931
24100
  }
23932
-
23933
- .v-slide-group--vertical {
23934
- max-height: inherit;
23935
- }
23936
- .v-slide-group--vertical,
23937
- .v-slide-group--vertical .v-slide-group__container,
23938
- .v-slide-group--vertical .v-slide-group__content {
23939
- flex-direction: column;
23940
- }
23941
- .v-slide-group--vertical .v-slide-group__container {
23942
- overflow-x: hidden;
23943
- overflow-y: auto;
23944
- }.v-snackbar {
23945
- justify-content: center;
23946
- z-index: 10000;
23947
- margin: 8px;
23948
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23949
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23950
- }
23951
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
23952
- align-items: flex-end;
23953
- }
23954
- .v-snackbar__wrapper {
23955
- align-items: center;
23956
- display: flex;
23957
- max-width: 672px;
23958
- min-height: 48px;
23959
- min-width: 344px;
23960
- overflow: hidden;
23961
- padding: 0;
23962
- border-radius: 4px;
23963
- }
23964
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23965
- background: transparent;
23966
- color: inherit;
23967
- }
23968
- .v-snackbar--variant-plain {
23969
- opacity: 0.62;
23970
- }
23971
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23972
- opacity: 1;
23973
- }
23974
- .v-snackbar--variant-plain .v-snackbar__overlay {
23975
- display: none;
23976
- }
23977
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23978
- background: rgb(var(--v-theme-surface-variant));
23979
- color: rgb(var(--v-theme-on-surface-variant));
23980
- }
23981
- .v-snackbar--variant-elevated {
23982
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23983
- }
23984
- .v-snackbar--variant-flat {
23985
- 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));
23986
- }
23987
- .v-snackbar--variant-outlined {
23988
- border: thin solid currentColor;
23989
- }
23990
- .v-snackbar--variant-text .v-snackbar__overlay {
23991
- background: currentColor;
23992
- }
23993
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23994
- background: currentColor;
23995
- opacity: var(--v-activated-opacity);
23996
- border-radius: inherit;
23997
- top: 0;
23998
- right: 0;
23999
- bottom: 0;
24000
- left: 0;
24001
- pointer-events: none;
24002
- }
24003
- .v-snackbar .v-snackbar__underlay {
24004
- position: absolute;
24005
- }
24006
-
24007
- .v-snackbar__content {
24008
- flex-grow: 1;
24009
- font-size: 0.875rem;
24010
- font-weight: 400;
24011
- letter-spacing: 0.0178571429em;
24012
- line-height: 1.425;
24013
- margin-right: auto;
24014
- padding: 14px 16px;
24015
- text-align: initial;
24016
- }
24017
- .v-snackbar__actions {
24018
- align-items: center;
24019
- align-self: center;
24020
- display: flex;
24021
- margin-inline-end: 8px;
24022
- }
24023
- .v-snackbar__actions > .v-btn {
24024
- padding: 0 8px;
24025
- min-width: auto;
24026
- }
24027
- .v-snackbar__timer {
24028
- width: 100%;
24029
- position: absolute;
24030
- top: 0;
24031
- }
24032
- .v-snackbar__timer .v-progress-linear {
24033
- transition: 0.2s linear;
24034
- }
24035
- .v-snackbar--absolute {
24036
- position: absolute;
24037
- z-index: 1;
24038
- }
24039
- .v-snackbar--multi-line .v-snackbar__wrapper {
24040
- min-height: 68px;
24041
- }
24042
- .v-snackbar--vertical .v-snackbar__wrapper {
24043
- flex-direction: column;
24044
- }
24045
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
24046
- align-self: flex-end;
24047
- margin-bottom: 8px;
24048
- }
24049
- .v-snackbar--center {
24050
- align-items: center;
24051
- justify-content: center;
24052
- }
24053
- .v-snackbar--top {
24054
- align-items: flex-start;
24055
- }
24056
- .v-snackbar--bottom {
24057
- align-items: flex-end;
24058
- }
24059
- .v-snackbar--left, .v-snackbar--start {
24060
- justify-content: flex-start;
24061
- }
24062
- .v-snackbar--right, .v-snackbar--end {
24063
- justify-content: flex-end;
24064
- }
24065
-
24066
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
24067
- transition-duration: 0.15s;
24068
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24069
- }
24070
- .v-snackbar-transition-enter-active {
24071
- transition-property: opacity, transform;
24072
- }
24073
- .v-snackbar-transition-enter-from {
24074
- opacity: 0;
24075
- transform: scale(0.8);
24076
- }
24077
- .v-snackbar-transition-leave-active {
24078
- transition-property: opacity;
24079
- }
24080
- .v-snackbar-transition-leave-to {
24081
- opacity: 0;
24082
- }.v-speed-dial__content {
24083
- gap: 8px;
24084
- }
24085
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
24086
- flex-direction: row;
24087
- }
24088
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
24089
- flex-direction: row-reverse;
24090
- }
24091
- .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
24092
- flex-direction: column-reverse;
24093
- }
24094
- .v-speed-dial__content > *:nth-child(1) {
24095
- transition-delay: 0s;
24096
- }
24097
- .v-speed-dial__content > *:nth-child(2) {
24098
- transition-delay: 0.05s;
24099
- }
24100
- .v-speed-dial__content > *:nth-child(3) {
24101
- transition-delay: 0.1s;
24102
- }
24103
- .v-speed-dial__content > *:nth-child(4) {
24104
- transition-delay: 0.15s;
24101
+ .v-speed-dial__content > *:nth-child(4) {
24102
+ transition-delay: 0.15s;
24105
24103
  }
24106
24104
  .v-speed-dial__content > *:nth-child(5) {
24107
24105
  transition-delay: 0.2s;
@@ -24503,35 +24501,6 @@ html.v-overlay-scroll-blocked {
24503
24501
  }
24504
24502
  .v-system-bar:not(.v-system-bar--absolute) {
24505
24503
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24506
- }.v-tab.v-tab.v-btn {
24507
- height: var(--v-tabs-height);
24508
- border-radius: 0;
24509
- min-width: 90px;
24510
- }
24511
- .v-slide-group--horizontal .v-tab {
24512
- max-width: 360px;
24513
- }
24514
- .v-slide-group--vertical .v-tab {
24515
- justify-content: start;
24516
- }
24517
-
24518
- .v-tab__slider {
24519
- position: absolute;
24520
- bottom: 0;
24521
- left: 0;
24522
- height: 2px;
24523
- width: 100%;
24524
- background: currentColor;
24525
- pointer-events: none;
24526
- opacity: 0;
24527
- }
24528
- .v-tab--selected .v-tab__slider {
24529
- opacity: 1;
24530
- }
24531
- .v-slide-group--vertical .v-tab__slider {
24532
- top: 0;
24533
- height: 100%;
24534
- width: 2px;
24535
24504
  }.v-tabs {
24536
24505
  display: flex;
24537
24506
  height: var(--v-tabs-height);
@@ -24598,6 +24567,35 @@ html.v-overlay-scroll-blocked {
24598
24567
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24599
24568
  margin-inline-end: 52px;
24600
24569
  }
24570
+ }.v-tab.v-tab.v-btn {
24571
+ height: var(--v-tabs-height);
24572
+ border-radius: 0;
24573
+ min-width: 90px;
24574
+ }
24575
+ .v-slide-group--horizontal .v-tab {
24576
+ max-width: 360px;
24577
+ }
24578
+ .v-slide-group--vertical .v-tab {
24579
+ justify-content: start;
24580
+ }
24581
+
24582
+ .v-tab__slider {
24583
+ position: absolute;
24584
+ bottom: 0;
24585
+ left: 0;
24586
+ height: 2px;
24587
+ width: 100%;
24588
+ background: currentColor;
24589
+ pointer-events: none;
24590
+ opacity: 0;
24591
+ }
24592
+ .v-tab--selected .v-tab__slider {
24593
+ opacity: 1;
24594
+ }
24595
+ .v-slide-group--vertical .v-tab__slider {
24596
+ top: 0;
24597
+ height: 100%;
24598
+ width: 2px;
24601
24599
  }.v-table {
24602
24600
  background: rgb(var(--v-theme-surface));
24603
24601
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25491,34 +25489,47 @@ html.v-overlay-scroll-blocked {
25491
25489
  }
25492
25490
  .v-window-y-reverse-transition-leave-to {
25493
25491
  transform: translateY(100%);
25494
- }.v-color-picker-canvas {
25495
- display: flex;
25496
- position: relative;
25497
- overflow: hidden;
25498
- contain: content;
25499
- touch-action: none;
25500
- }
25501
- .v-color-picker-canvas__dot {
25502
- position: absolute;
25503
- top: 0;
25504
- left: 0;
25505
- width: 15px;
25506
- height: 15px;
25507
- background: transparent;
25508
- border-radius: 50%;
25509
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25510
- }
25511
- .v-color-picker-canvas__dot--disabled {
25512
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25492
+ }.v-color-picker-swatches {
25493
+ overflow-y: auto;
25513
25494
  }
25514
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25515
- will-change: transform;
25516
- }.v-color-picker-edit {
25495
+ .v-color-picker-swatches > div {
25517
25496
  display: flex;
25518
- margin-top: 24px;
25497
+ flex-wrap: wrap;
25498
+ justify-content: center;
25499
+ padding: 8px;
25519
25500
  }
25520
25501
 
25521
- .v-color-picker-edit__input {
25502
+ .v-color-picker-swatches__swatch {
25503
+ display: flex;
25504
+ flex-direction: column;
25505
+ margin-bottom: 10px;
25506
+ }
25507
+
25508
+ .v-color-picker-swatches__color {
25509
+ position: relative;
25510
+ height: 18px;
25511
+ max-height: 18px;
25512
+ width: 45px;
25513
+ margin: 2px 4px;
25514
+ border-radius: 2px;
25515
+ -webkit-user-select: none;
25516
+ user-select: none;
25517
+ overflow: hidden;
25518
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25519
+ cursor: pointer;
25520
+ }
25521
+ .v-color-picker-swatches__color > div {
25522
+ display: flex;
25523
+ align-items: center;
25524
+ justify-content: center;
25525
+ width: 100%;
25526
+ height: 100%;
25527
+ }.v-color-picker-edit {
25528
+ display: flex;
25529
+ margin-top: 24px;
25530
+ }
25531
+
25532
+ .v-color-picker-edit__input {
25522
25533
  width: 100%;
25523
25534
  display: flex;
25524
25535
  flex-wrap: wrap;
@@ -25541,6 +25552,28 @@ html.v-overlay-scroll-blocked {
25541
25552
  }
25542
25553
  .v-color-picker-edit__input span {
25543
25554
  font-size: 0.75rem;
25555
+ }.v-color-picker-canvas {
25556
+ display: flex;
25557
+ position: relative;
25558
+ overflow: hidden;
25559
+ contain: content;
25560
+ touch-action: none;
25561
+ }
25562
+ .v-color-picker-canvas__dot {
25563
+ position: absolute;
25564
+ top: 0;
25565
+ left: 0;
25566
+ width: 15px;
25567
+ height: 15px;
25568
+ background: transparent;
25569
+ border-radius: 50%;
25570
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25571
+ }
25572
+ .v-color-picker-canvas__dot--disabled {
25573
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25574
+ }
25575
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25576
+ will-change: transform;
25544
25577
  }.v-color-picker-preview__alpha .v-slider-track__background {
25545
25578
  background-color: transparent !important;
25546
25579
  }
@@ -25611,41 +25644,6 @@ html.v-overlay-scroll-blocked {
25611
25644
  .v-color-picker-preview__eye-dropper {
25612
25645
  position: relative;
25613
25646
  margin-right: 12px;
25614
- }.v-color-picker-swatches {
25615
- overflow-y: auto;
25616
- }
25617
- .v-color-picker-swatches > div {
25618
- display: flex;
25619
- flex-wrap: wrap;
25620
- justify-content: center;
25621
- padding: 8px;
25622
- }
25623
-
25624
- .v-color-picker-swatches__swatch {
25625
- display: flex;
25626
- flex-direction: column;
25627
- margin-bottom: 10px;
25628
- }
25629
-
25630
- .v-color-picker-swatches__color {
25631
- position: relative;
25632
- height: 18px;
25633
- max-height: 18px;
25634
- width: 45px;
25635
- margin: 2px 4px;
25636
- border-radius: 2px;
25637
- -webkit-user-select: none;
25638
- user-select: none;
25639
- overflow: hidden;
25640
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25641
- cursor: pointer;
25642
- }
25643
- .v-color-picker-swatches__color > div {
25644
- display: flex;
25645
- align-items: center;
25646
- justify-content: center;
25647
- width: 100%;
25648
- height: 100%;
25649
25647
  }.v-picker.v-sheet {
25650
25648
  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));
25651
25649
  border-radius: 4px;
@@ -25699,6 +25697,165 @@ html.v-overlay-scroll-blocked {
25699
25697
  padding-bottom: 16px;
25700
25698
  font-weight: 400;
25701
25699
  letter-spacing: 0.1666666667em;
25700
+ }.v-slider-thumb {
25701
+ touch-action: none;
25702
+ color: rgb(var(--v-theme-surface-variant));
25703
+ }
25704
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25705
+ color: inherit;
25706
+ }
25707
+
25708
+ .v-slider-thumb__label {
25709
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25710
+ color: rgb(var(--v-theme-on-surface-variant));
25711
+ }
25712
+ .v-slider-thumb__label::before {
25713
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25714
+ }
25715
+
25716
+ .v-slider-thumb {
25717
+ outline: none;
25718
+ position: absolute;
25719
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25720
+ }
25721
+
25722
+ .v-slider-thumb__surface {
25723
+ cursor: pointer;
25724
+ width: var(--v-slider-thumb-size);
25725
+ height: var(--v-slider-thumb-size);
25726
+ border-radius: 50%;
25727
+ -webkit-user-select: none;
25728
+ user-select: none;
25729
+ background-color: currentColor;
25730
+ }
25731
+ @media (forced-colors: active) {
25732
+ .v-slider-thumb__surface {
25733
+ background-color: highlight;
25734
+ }
25735
+ }
25736
+ .v-slider-thumb__surface::before {
25737
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25738
+ content: "";
25739
+ color: inherit;
25740
+ top: 0;
25741
+ left: 0;
25742
+ width: 100%;
25743
+ height: 100%;
25744
+ border-radius: 50%;
25745
+ background: currentColor;
25746
+ position: absolute;
25747
+ pointer-events: none;
25748
+ opacity: 0;
25749
+ }
25750
+ .v-slider-thumb__surface::after {
25751
+ content: "";
25752
+ width: 42px;
25753
+ height: 42px;
25754
+ position: absolute;
25755
+ top: 50%;
25756
+ left: 50%;
25757
+ transform: translate(-50%, -50%);
25758
+ }
25759
+
25760
+ .v-slider-thumb__label-container {
25761
+ position: absolute;
25762
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25763
+ }
25764
+
25765
+ .v-slider-thumb__label {
25766
+ display: flex;
25767
+ align-items: center;
25768
+ justify-content: center;
25769
+ font-size: 0.75rem;
25770
+ min-width: 35px;
25771
+ height: 25px;
25772
+ border-radius: 4px;
25773
+ padding: 6px;
25774
+ position: absolute;
25775
+ -webkit-user-select: none;
25776
+ user-select: none;
25777
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25778
+ }
25779
+ .v-slider-thumb__label::before {
25780
+ content: "";
25781
+ width: 0;
25782
+ height: 0;
25783
+ position: absolute;
25784
+ }
25785
+
25786
+ .v-slider-thumb__ripple {
25787
+ position: absolute;
25788
+ left: calc(var(--v-slider-thumb-size) / -2);
25789
+ top: calc(var(--v-slider-thumb-size) / -2);
25790
+ width: calc(var(--v-slider-thumb-size) * 2);
25791
+ height: calc(var(--v-slider-thumb-size) * 2);
25792
+ background: inherit;
25793
+ }
25794
+
25795
+ .v-slider.v-input--horizontal .v-slider-thumb {
25796
+ top: 50%;
25797
+ transform: translateY(-50%);
25798
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25799
+ }
25800
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25801
+ left: calc(var(--v-slider-thumb-size) / 2);
25802
+ top: 0;
25803
+ }
25804
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25805
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25806
+ }
25807
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25808
+ transform: translateX(-50%);
25809
+ }
25810
+
25811
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25812
+ transform: translateX(50%);
25813
+ }
25814
+
25815
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25816
+ border-left: 6px solid transparent;
25817
+ border-right: 6px solid transparent;
25818
+ border-top: 6px solid currentColor;
25819
+ bottom: -6px;
25820
+ }
25821
+
25822
+ .v-slider.v-input--vertical .v-slider-thumb {
25823
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25824
+ }
25825
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25826
+ top: calc(var(--v-slider-thumb-size) / 2);
25827
+ right: 0;
25828
+ }
25829
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25830
+ top: -12.5px;
25831
+ left: calc(var(--v-slider-thumb-size) / 2);
25832
+ }
25833
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25834
+ border-right: 6px solid currentColor;
25835
+ border-top: 6px solid transparent;
25836
+ border-bottom: 6px solid transparent;
25837
+ left: -6px;
25838
+ }
25839
+
25840
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25841
+ transform: scale(2);
25842
+ opacity: var(--v-focus-opacity);
25843
+ }
25844
+
25845
+ .v-slider-thumb--pressed {
25846
+ transition: none;
25847
+ }
25848
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25849
+ opacity: var(--v-pressed-opacity);
25850
+ }
25851
+
25852
+ @media (hover: hover) {
25853
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25854
+ transform: scale(2);
25855
+ }
25856
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25857
+ opacity: var(--v-hover-opacity);
25858
+ }
25702
25859
  }.v-slider-track__background {
25703
25860
  background-color: rgb(var(--v-theme-surface-variant));
25704
25861
  }
@@ -25877,163 +26034,4 @@ html.v-overlay-scroll-blocked {
25877
26034
 
25878
26035
  .v-slider-track__background--opacity {
25879
26036
  opacity: 0.38;
25880
- }.v-slider-thumb {
25881
- touch-action: none;
25882
- color: rgb(var(--v-theme-surface-variant));
25883
- }
25884
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25885
- color: inherit;
25886
- }
25887
-
25888
- .v-slider-thumb__label {
25889
- background: rgba(var(--v-theme-surface-variant), 0.7);
25890
- color: rgb(var(--v-theme-on-surface-variant));
25891
- }
25892
- .v-slider-thumb__label::before {
25893
- color: rgba(var(--v-theme-surface-variant), 0.7);
25894
- }
25895
-
25896
- .v-slider-thumb {
25897
- outline: none;
25898
- position: absolute;
25899
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25900
- }
25901
-
25902
- .v-slider-thumb__surface {
25903
- cursor: pointer;
25904
- width: var(--v-slider-thumb-size);
25905
- height: var(--v-slider-thumb-size);
25906
- border-radius: 50%;
25907
- -webkit-user-select: none;
25908
- user-select: none;
25909
- background-color: currentColor;
25910
- }
25911
- @media (forced-colors: active) {
25912
- .v-slider-thumb__surface {
25913
- background-color: highlight;
25914
- }
25915
- }
25916
- .v-slider-thumb__surface::before {
25917
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25918
- content: "";
25919
- color: inherit;
25920
- top: 0;
25921
- left: 0;
25922
- width: 100%;
25923
- height: 100%;
25924
- border-radius: 50%;
25925
- background: currentColor;
25926
- position: absolute;
25927
- pointer-events: none;
25928
- opacity: 0;
25929
- }
25930
- .v-slider-thumb__surface::after {
25931
- content: "";
25932
- width: 42px;
25933
- height: 42px;
25934
- position: absolute;
25935
- top: 50%;
25936
- left: 50%;
25937
- transform: translate(-50%, -50%);
25938
- }
25939
-
25940
- .v-slider-thumb__label-container {
25941
- position: absolute;
25942
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25943
- }
25944
-
25945
- .v-slider-thumb__label {
25946
- display: flex;
25947
- align-items: center;
25948
- justify-content: center;
25949
- font-size: 0.75rem;
25950
- min-width: 35px;
25951
- height: 25px;
25952
- border-radius: 4px;
25953
- padding: 6px;
25954
- position: absolute;
25955
- -webkit-user-select: none;
25956
- user-select: none;
25957
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25958
- }
25959
- .v-slider-thumb__label::before {
25960
- content: "";
25961
- width: 0;
25962
- height: 0;
25963
- position: absolute;
25964
- }
25965
-
25966
- .v-slider-thumb__ripple {
25967
- position: absolute;
25968
- left: calc(var(--v-slider-thumb-size) / -2);
25969
- top: calc(var(--v-slider-thumb-size) / -2);
25970
- width: calc(var(--v-slider-thumb-size) * 2);
25971
- height: calc(var(--v-slider-thumb-size) * 2);
25972
- background: inherit;
25973
- }
25974
-
25975
- .v-slider.v-input--horizontal .v-slider-thumb {
25976
- top: 50%;
25977
- transform: translateY(-50%);
25978
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25979
- }
25980
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25981
- left: calc(var(--v-slider-thumb-size) / 2);
25982
- top: 0;
25983
- }
25984
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25985
- bottom: calc(var(--v-slider-thumb-size) / 2);
25986
- }
25987
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25988
- transform: translateX(-50%);
25989
- }
25990
-
25991
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25992
- transform: translateX(50%);
25993
- }
25994
-
25995
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25996
- border-left: 6px solid transparent;
25997
- border-right: 6px solid transparent;
25998
- border-top: 6px solid currentColor;
25999
- bottom: -6px;
26000
- }
26001
-
26002
- .v-slider.v-input--vertical .v-slider-thumb {
26003
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26004
- }
26005
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26006
- top: calc(var(--v-slider-thumb-size) / 2);
26007
- right: 0;
26008
- }
26009
- .v-slider.v-input--vertical .v-slider-thumb__label {
26010
- top: -12.5px;
26011
- left: calc(var(--v-slider-thumb-size) / 2);
26012
- }
26013
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26014
- border-right: 6px solid currentColor;
26015
- border-top: 6px solid transparent;
26016
- border-bottom: 6px solid transparent;
26017
- left: -6px;
26018
- }
26019
-
26020
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26021
- transform: scale(2);
26022
- opacity: var(--v-focus-opacity);
26023
- }
26024
-
26025
- .v-slider-thumb--pressed {
26026
- transition: none;
26027
- }
26028
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26029
- opacity: var(--v-pressed-opacity);
26030
- }
26031
-
26032
- @media (hover: hover) {
26033
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26034
- transform: scale(2);
26035
- }
26036
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26037
- opacity: var(--v-hover-opacity);
26038
- }
26039
26037
  }