@vuetify/nightly 3.6.3-master.2024-05-07 → 3.6.4-master.2024-05-08

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 (85) hide show
  1. package/CHANGELOG.md +2 -17
  2. package/dist/json/attributes.json +30 -30
  3. package/dist/json/importMap-labs.json +14 -14
  4. package/dist/json/importMap.json +110 -110
  5. package/dist/json/web-types.json +63 -63
  6. package/dist/vuetify-labs.css +2972 -2948
  7. package/dist/vuetify-labs.d.ts +995 -966
  8. package/dist/vuetify-labs.esm.js +88 -61
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +87 -60
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1224 -1204
  13. package/dist/vuetify.d.ts +964 -935
  14. package/dist/vuetify.esm.js +88 -61
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +87 -60
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +980 -976
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +169 -140
  22. package/lib/components/VBottomSheet/index.d.mts +33 -27
  23. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +1 -1
  24. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  25. package/lib/components/VCombobox/index.d.mts +169 -140
  26. package/lib/components/VDataIterator/index.d.mts +1 -1
  27. package/lib/components/VDataTable/VDataTable.css +1 -1
  28. package/lib/components/VDataTable/VDataTable.sass +2 -1
  29. package/lib/components/VDataTable/VDataTableHeaders.mjs +1 -1
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  31. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  32. package/lib/components/VDataTable/composables/select.mjs +2 -1
  33. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  34. package/lib/components/VDataTable/index.d.mts +10 -5
  35. package/lib/components/VDatePicker/VDatePickerYears.mjs +4 -4
  36. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  37. package/lib/components/VDialog/index.d.mts +99 -93
  38. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs +1 -1
  39. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -1
  40. package/lib/components/VList/VList.mjs.map +1 -1
  41. package/lib/components/VList/index.d.mts +70 -46
  42. package/lib/components/VMenu/index.d.mts +99 -93
  43. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  44. package/lib/components/VOverlay/index.d.mts +33 -27
  45. package/lib/components/VOverlay/useActivator.mjs +5 -5
  46. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  47. package/lib/components/VSelect/index.d.mts +169 -140
  48. package/lib/components/VSheet/VSheet.css +1 -1
  49. package/lib/components/VSheet/_variables.scss +1 -1
  50. package/lib/components/VSlideGroup/VSlideGroup.mjs +25 -25
  51. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  52. package/lib/components/VSlider/VSliderThumb.css +5 -0
  53. package/lib/components/VSlider/VSliderThumb.sass +3 -0
  54. package/lib/components/VSlider/VSliderTrack.css +15 -0
  55. package/lib/components/VSlider/VSliderTrack.sass +9 -0
  56. package/lib/components/VSnackbar/index.d.mts +85 -79
  57. package/lib/components/VSpeedDial/index.d.mts +33 -27
  58. package/lib/components/VStepper/VStepperWindow.mjs +2 -1
  59. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  60. package/lib/components/VStepper/VStepperWindowItem.mjs +2 -1
  61. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  62. package/lib/components/VTabs/VTabsWindow.mjs +2 -1
  63. package/lib/components/VTabs/VTabsWindow.mjs.map +1 -1
  64. package/lib/components/VTooltip/index.d.mts +99 -93
  65. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  66. package/lib/components/index.d.mts +926 -897
  67. package/lib/composables/nested/activeStrategies.mjs +16 -10
  68. package/lib/composables/nested/activeStrategies.mjs.map +1 -1
  69. package/lib/composables/nested/nested.mjs +7 -5
  70. package/lib/composables/nested/nested.mjs.map +1 -1
  71. package/lib/composables/resizeObserver.mjs +5 -5
  72. package/lib/composables/resizeObserver.mjs.map +1 -1
  73. package/lib/entry-bundler.mjs +1 -1
  74. package/lib/framework.mjs +1 -1
  75. package/lib/index.d.mts +38 -38
  76. package/lib/labs/VCalendar/VCalendar.css +5 -1
  77. package/lib/labs/VCalendar/VCalendar.sass +3 -2
  78. package/lib/labs/VCalendar/_variables.scss +8 -0
  79. package/lib/labs/VSnackbarQueue/index.d.mts +97 -91
  80. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  81. package/lib/labs/VTreeview/index.d.mts +82 -58
  82. package/lib/labs/components.d.mts +178 -149
  83. package/lib/util/helpers.mjs +16 -0
  84. package/lib/util/helpers.mjs.map +1 -1
  85. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-07
2
+ * Vuetify v3.6.4-master.2024-05-08
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17880,182 +17880,6 @@ html.overflow-y-hidden {
17880
17880
  text-transform: none;
17881
17881
  word-break: normal;
17882
17882
  word-wrap: break-word;
17883
- }.v-autocomplete .v-field .v-text-field__prefix,
17884
- .v-autocomplete .v-field .v-text-field__suffix,
17885
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17886
- cursor: text;
17887
- }
17888
- .v-autocomplete .v-field .v-field__input > input {
17889
- flex: 1 1;
17890
- }
17891
- .v-autocomplete .v-field input {
17892
- min-width: 64px;
17893
- }
17894
- .v-autocomplete .v-field:not(.v-field--focused) input {
17895
- min-width: 0;
17896
- }
17897
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17898
- margin-inline-end: 2px;
17899
- }
17900
- .v-autocomplete .v-autocomplete__selection-text {
17901
- overflow: hidden;
17902
- text-overflow: ellipsis;
17903
- white-space: nowrap;
17904
- }
17905
-
17906
- .v-autocomplete__content {
17907
- overflow: hidden;
17908
- 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));
17909
- border-radius: 4px;
17910
- }
17911
- .v-autocomplete__mask {
17912
- background: rgb(var(--v-theme-surface-light));
17913
- }
17914
- .v-autocomplete__selection {
17915
- display: inline-flex;
17916
- align-items: center;
17917
- height: 1.5rem;
17918
- letter-spacing: inherit;
17919
- line-height: inherit;
17920
- max-width: calc(100% - 2px - 2px);
17921
- }
17922
- .v-autocomplete__selection:first-child {
17923
- margin-inline-start: 0;
17924
- }
17925
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17926
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17927
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17928
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17929
- top: 0px;
17930
- }
17931
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17932
- opacity: var(--v-medium-emphasis-opacity);
17933
- }
17934
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17935
- opacity: 1;
17936
- }
17937
- .v-autocomplete--selecting-index .v-field__input > input {
17938
- caret-color: transparent;
17939
- }
17940
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17941
- flex: 1 1;
17942
- position: absolute;
17943
- left: 0;
17944
- right: 0;
17945
- width: 100%;
17946
- padding-inline: inherit;
17947
- }
17948
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17949
- transition: none;
17950
- }
17951
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17952
- opacity: 0;
17953
- }
17954
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17955
- opacity: 0;
17956
- }
17957
- .v-autocomplete__menu-icon {
17958
- margin-inline-start: 4px;
17959
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17960
- }
17961
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17962
- opacity: var(--v-high-emphasis-opacity);
17963
- transform: rotate(180deg);
17964
- }.v-avatar {
17965
- flex: none;
17966
- align-items: center;
17967
- display: inline-flex;
17968
- justify-content: center;
17969
- line-height: normal;
17970
- overflow: hidden;
17971
- position: relative;
17972
- text-align: center;
17973
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17974
- transition-property: width, height;
17975
- vertical-align: middle;
17976
- border-radius: 50%;
17977
- }
17978
- .v-avatar.v-avatar--size-x-small {
17979
- --v-avatar-height: 24px;
17980
- }
17981
- .v-avatar.v-avatar--size-small {
17982
- --v-avatar-height: 32px;
17983
- }
17984
- .v-avatar.v-avatar--size-default {
17985
- --v-avatar-height: 40px;
17986
- }
17987
- .v-avatar.v-avatar--size-large {
17988
- --v-avatar-height: 48px;
17989
- }
17990
- .v-avatar.v-avatar--size-x-large {
17991
- --v-avatar-height: 56px;
17992
- }
17993
- .v-avatar.v-avatar--density-default {
17994
- height: calc(var(--v-avatar-height) + 0px);
17995
- width: calc(var(--v-avatar-height) + 0px);
17996
- }
17997
- .v-avatar.v-avatar--density-comfortable {
17998
- height: calc(var(--v-avatar-height) + -4px);
17999
- width: calc(var(--v-avatar-height) + -4px);
18000
- }
18001
- .v-avatar.v-avatar--density-compact {
18002
- height: calc(var(--v-avatar-height) + -8px);
18003
- width: calc(var(--v-avatar-height) + -8px);
18004
- }
18005
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
18006
- background: transparent;
18007
- color: inherit;
18008
- }
18009
- .v-avatar--variant-plain {
18010
- opacity: 0.62;
18011
- }
18012
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
18013
- opacity: 1;
18014
- }
18015
- .v-avatar--variant-plain .v-avatar__overlay {
18016
- display: none;
18017
- }
18018
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
18019
- background: var(--v-theme-surface);
18020
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18021
- }
18022
- .v-avatar--variant-elevated {
18023
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18024
- }
18025
- .v-avatar--variant-flat {
18026
- 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));
18027
- }
18028
- .v-avatar--variant-outlined {
18029
- border: thin solid currentColor;
18030
- }
18031
- .v-avatar--variant-text .v-avatar__overlay {
18032
- background: currentColor;
18033
- }
18034
- .v-avatar--variant-tonal .v-avatar__underlay {
18035
- background: currentColor;
18036
- opacity: var(--v-activated-opacity);
18037
- border-radius: inherit;
18038
- top: 0;
18039
- right: 0;
18040
- bottom: 0;
18041
- left: 0;
18042
- pointer-events: none;
18043
- }
18044
- .v-avatar .v-avatar__underlay {
18045
- position: absolute;
18046
- }
18047
- .v-avatar--rounded {
18048
- border-radius: 4px;
18049
- }
18050
- .v-avatar--start {
18051
- margin-inline-end: 8px;
18052
- }
18053
- .v-avatar--end {
18054
- margin-inline-start: 8px;
18055
- }
18056
- .v-avatar .v-img {
18057
- height: 100%;
18058
- width: 100%;
18059
17883
  }.v-badge {
18060
17884
  display: inline-block;
18061
17885
  line-height: 1;
@@ -18284,63 +18108,89 @@ html.overflow-y-hidden {
18284
18108
  }
18285
18109
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18286
18110
  align-self: flex-start;
18287
- }.v-bottom-navigation {
18288
- display: flex;
18289
- max-width: 100%;
18290
- overflow: hidden;
18291
- position: absolute;
18292
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18293
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
- border-style: solid;
18295
- border-width: 0;
18296
- border-radius: 0;
18297
- background: rgb(var(--v-theme-surface));
18298
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18111
+ }.v-autocomplete .v-field .v-text-field__prefix,
18112
+ .v-autocomplete .v-field .v-text-field__suffix,
18113
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18114
+ cursor: text;
18299
18115
  }
18300
- .v-bottom-navigation--border {
18301
- border-width: thin;
18302
- box-shadow: none;
18116
+ .v-autocomplete .v-field .v-field__input > input {
18117
+ flex: 1 1;
18303
18118
  }
18304
- .v-bottom-navigation--active {
18305
- 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));
18119
+ .v-autocomplete .v-field input {
18120
+ min-width: 64px;
18306
18121
  }
18307
-
18308
- .v-bottom-navigation__content {
18309
- display: flex;
18310
- flex: none;
18311
- font-size: 0.75rem;
18312
- justify-content: center;
18313
- transition: inherit;
18314
- width: 100%;
18122
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18123
+ min-width: 0;
18315
18124
  }
18316
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18317
- font-size: inherit;
18318
- height: 100%;
18319
- max-width: 168px;
18320
- min-width: 80px;
18321
- text-transform: none;
18322
- transition: inherit;
18323
- width: auto;
18324
- border-radius: 0;
18125
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18126
+ margin-inline-end: 2px;
18325
18127
  }
18326
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18327
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18328
- transition: inherit;
18128
+ .v-autocomplete .v-autocomplete__selection-text {
18129
+ overflow: hidden;
18130
+ text-overflow: ellipsis;
18131
+ white-space: nowrap;
18329
18132
  }
18330
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18331
- font-size: 1.5rem;
18133
+
18134
+ .v-autocomplete__content {
18135
+ overflow: hidden;
18136
+ 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));
18137
+ border-radius: 4px;
18332
18138
  }
18333
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18334
- flex-grow: 1;
18139
+ .v-autocomplete__mask {
18140
+ background: rgb(var(--v-theme-surface-light));
18335
18141
  }
18336
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18337
- transition: inherit;
18338
- opacity: 0;
18142
+ .v-autocomplete__selection {
18143
+ display: inline-flex;
18144
+ align-items: center;
18145
+ height: 1.5rem;
18146
+ letter-spacing: inherit;
18147
+ line-height: inherit;
18148
+ max-width: calc(100% - 2px - 2px);
18339
18149
  }
18340
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18341
- transform: translateY(0.5rem);
18342
- }.bottom-sheet-transition-enter-from {
18343
- transform: translateY(100%);
18150
+ .v-autocomplete__selection:first-child {
18151
+ margin-inline-start: 0;
18152
+ }
18153
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
18154
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
18155
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
18156
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
18157
+ top: 0px;
18158
+ }
18159
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
18160
+ opacity: var(--v-medium-emphasis-opacity);
18161
+ }
18162
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
18163
+ opacity: 1;
18164
+ }
18165
+ .v-autocomplete--selecting-index .v-field__input > input {
18166
+ caret-color: transparent;
18167
+ }
18168
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
18169
+ flex: 1 1;
18170
+ position: absolute;
18171
+ left: 0;
18172
+ right: 0;
18173
+ width: 100%;
18174
+ padding-inline: inherit;
18175
+ }
18176
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
18177
+ transition: none;
18178
+ }
18179
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
18180
+ opacity: 0;
18181
+ }
18182
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
18183
+ opacity: 0;
18184
+ }
18185
+ .v-autocomplete__menu-icon {
18186
+ margin-inline-start: 4px;
18187
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18188
+ }
18189
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
18190
+ opacity: var(--v-high-emphasis-opacity);
18191
+ transform: rotate(180deg);
18192
+ }.bottom-sheet-transition-enter-from {
18193
+ transform: translateY(100%);
18344
18194
  }
18345
18195
  .bottom-sheet-transition-leave-to {
18346
18196
  transform: translateY(100%);
@@ -18371,63 +18221,61 @@ html.overflow-y-hidden {
18371
18221
  .v-bottom-sheet.v-bottom-sheet--inset {
18372
18222
  max-width: 70%;
18373
18223
  }
18374
- }.v-breadcrumbs {
18224
+ }.v-bottom-navigation {
18375
18225
  display: flex;
18376
- align-items: center;
18377
- line-height: 1.6;
18378
- padding: 16px 12px;
18379
- }
18380
- .v-breadcrumbs--rounded {
18381
- border-radius: 4px;
18382
- }
18383
- .v-breadcrumbs--density-default {
18384
- padding-top: 16px;
18385
- padding-bottom: 16px;
18226
+ max-width: 100%;
18227
+ overflow: hidden;
18228
+ position: absolute;
18229
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18230
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18231
+ border-style: solid;
18232
+ border-width: 0;
18233
+ border-radius: 0;
18234
+ background: rgb(var(--v-theme-surface));
18235
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18386
18236
  }
18387
-
18388
- .v-breadcrumbs--density-comfortable {
18389
- padding-top: 12px;
18390
- padding-bottom: 12px;
18237
+ .v-bottom-navigation--border {
18238
+ border-width: thin;
18239
+ box-shadow: none;
18391
18240
  }
18392
-
18393
- .v-breadcrumbs--density-compact {
18394
- padding-top: 8px;
18395
- padding-bottom: 8px;
18241
+ .v-bottom-navigation--active {
18242
+ 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));
18396
18243
  }
18397
18244
 
18398
- .v-breadcrumbs__prepend {
18399
- align-items: center;
18400
- display: inline-flex;
18245
+ .v-bottom-navigation__content {
18246
+ display: flex;
18247
+ flex: none;
18248
+ font-size: 0.75rem;
18249
+ justify-content: center;
18250
+ transition: inherit;
18251
+ width: 100%;
18401
18252
  }
18402
-
18403
- .v-breadcrumbs-item {
18404
- align-items: center;
18405
- color: inherit;
18406
- display: inline-flex;
18407
- padding: 0 4px;
18408
- text-decoration: none;
18409
- vertical-align: middle;
18253
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18254
+ font-size: inherit;
18255
+ height: 100%;
18256
+ max-width: 168px;
18257
+ min-width: 80px;
18258
+ text-transform: none;
18259
+ transition: inherit;
18260
+ width: auto;
18261
+ border-radius: 0;
18410
18262
  }
18411
- .v-breadcrumbs-item--disabled {
18412
- opacity: var(--v-disabled-opacity);
18413
- pointer-events: none;
18263
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18264
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18265
+ transition: inherit;
18414
18266
  }
18415
- .v-breadcrumbs-item--link {
18416
- color: inherit;
18417
- text-decoration: none;
18267
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18268
+ font-size: 1.5rem;
18418
18269
  }
18419
- .v-breadcrumbs-item--link:hover {
18420
- text-decoration: underline;
18270
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18271
+ flex-grow: 1;
18421
18272
  }
18422
- .v-breadcrumbs-item .v-icon {
18423
- font-size: 1rem;
18424
- margin-inline: -4px 2px;
18273
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18274
+ transition: inherit;
18275
+ opacity: 0;
18425
18276
  }
18426
-
18427
- .v-breadcrumbs-divider {
18428
- display: inline-block;
18429
- padding: 0 8px;
18430
- vertical-align: middle;
18277
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18278
+ transform: translateY(0.5rem);
18431
18279
  }.v-btn {
18432
18280
  align-items: center;
18433
18281
  border-radius: 4px;
@@ -18840,75 +18688,76 @@ html.overflow-y-hidden {
18840
18688
  }
18841
18689
  .v-pagination__item--is-active .v-btn__overlay {
18842
18690
  opacity: var(--v-border-opacity);
18843
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18844
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18845
- }
18846
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18847
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18848
- }
18849
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18850
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18691
+ }.v-breadcrumbs {
18692
+ display: flex;
18693
+ align-items: center;
18694
+ line-height: 1.6;
18695
+ padding: 16px 12px;
18851
18696
  }
18852
- @supports not selector(:focus-visible) {
18853
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18854
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18855
- }
18856
- }.v-btn-group {
18857
- display: inline-flex;
18858
- flex-wrap: nowrap;
18859
- max-width: 100%;
18860
- min-width: 0;
18861
- overflow: hidden;
18862
- vertical-align: middle;
18863
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18864
- border-style: solid;
18865
- border-width: 0;
18866
- 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));
18697
+ .v-breadcrumbs--rounded {
18867
18698
  border-radius: 4px;
18868
- background: transparent;
18869
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18870
18699
  }
18871
- .v-btn-group--border {
18872
- border-width: thin;
18873
- box-shadow: none;
18700
+ .v-breadcrumbs--density-default {
18701
+ padding-top: 16px;
18702
+ padding-bottom: 16px;
18874
18703
  }
18875
- .v-btn-group--density-default.v-btn-group {
18876
- height: 48px;
18704
+
18705
+ .v-breadcrumbs--density-comfortable {
18706
+ padding-top: 12px;
18707
+ padding-bottom: 12px;
18877
18708
  }
18878
18709
 
18879
- .v-btn-group--density-comfortable.v-btn-group {
18880
- height: 40px;
18710
+ .v-breadcrumbs--density-compact {
18711
+ padding-top: 8px;
18712
+ padding-bottom: 8px;
18881
18713
  }
18882
18714
 
18883
- .v-btn-group--density-compact.v-btn-group {
18884
- height: 36px;
18715
+ .v-breadcrumbs__prepend {
18716
+ align-items: center;
18717
+ display: inline-flex;
18885
18718
  }
18886
18719
 
18887
- .v-btn-group .v-btn {
18888
- border-radius: 0;
18889
- border-color: inherit;
18720
+ .v-breadcrumbs-item {
18721
+ align-items: center;
18722
+ color: inherit;
18723
+ display: inline-flex;
18724
+ padding: 0 4px;
18725
+ text-decoration: none;
18726
+ vertical-align: middle;
18890
18727
  }
18891
- .v-btn-group .v-btn:not(:last-child) {
18892
- border-inline-end: none;
18728
+ .v-breadcrumbs-item--disabled {
18729
+ opacity: var(--v-disabled-opacity);
18730
+ pointer-events: none;
18893
18731
  }
18894
- .v-btn-group .v-btn:not(:first-child) {
18895
- border-inline-start: none;
18732
+ .v-breadcrumbs-item--link {
18733
+ color: inherit;
18734
+ text-decoration: none;
18896
18735
  }
18897
- .v-btn-group .v-btn:first-child {
18898
- border-start-start-radius: inherit;
18899
- border-end-start-radius: inherit;
18736
+ .v-breadcrumbs-item--link:hover {
18737
+ text-decoration: underline;
18900
18738
  }
18901
- .v-btn-group .v-btn:last-child {
18902
- border-start-end-radius: inherit;
18903
- border-end-end-radius: inherit;
18739
+ .v-breadcrumbs-item .v-icon {
18740
+ font-size: 1rem;
18741
+ margin-inline: -4px 2px;
18904
18742
  }
18905
- .v-btn-group--divided .v-btn:not(:last-child) {
18906
- border-inline-end-width: thin;
18907
- border-inline-end-style: solid;
18908
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18743
+
18744
+ .v-breadcrumbs-divider {
18745
+ display: inline-block;
18746
+ padding: 0 8px;
18747
+ vertical-align: middle;
18748
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18749
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18909
18750
  }
18910
- .v-btn-group--tile {
18911
- border-radius: 0;
18751
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18752
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18753
+ }
18754
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18755
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18756
+ }
18757
+ @supports not selector(:focus-visible) {
18758
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18759
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18760
+ }
18912
18761
  }.v-card {
18913
18762
  display: block;
18914
18763
  overflow: hidden;
@@ -19208,12 +19057,68 @@ html.overflow-y-hidden {
19208
19057
  pointer-events: none;
19209
19058
  opacity: 0;
19210
19059
  transition: opacity 0.2s ease-in-out;
19211
- }.v-carousel {
19060
+ }.v-btn-group {
19061
+ display: inline-flex;
19062
+ flex-wrap: nowrap;
19063
+ max-width: 100%;
19064
+ min-width: 0;
19212
19065
  overflow: hidden;
19213
- position: relative;
19214
- width: 100%;
19066
+ vertical-align: middle;
19067
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19068
+ border-style: solid;
19069
+ border-width: 0;
19070
+ 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));
19071
+ border-radius: 4px;
19072
+ background: transparent;
19073
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19215
19074
  }
19216
- .v-carousel__controls {
19075
+ .v-btn-group--border {
19076
+ border-width: thin;
19077
+ box-shadow: none;
19078
+ }
19079
+ .v-btn-group--density-default.v-btn-group {
19080
+ height: 48px;
19081
+ }
19082
+
19083
+ .v-btn-group--density-comfortable.v-btn-group {
19084
+ height: 40px;
19085
+ }
19086
+
19087
+ .v-btn-group--density-compact.v-btn-group {
19088
+ height: 36px;
19089
+ }
19090
+
19091
+ .v-btn-group .v-btn {
19092
+ border-radius: 0;
19093
+ border-color: inherit;
19094
+ }
19095
+ .v-btn-group .v-btn:not(:last-child) {
19096
+ border-inline-end: none;
19097
+ }
19098
+ .v-btn-group .v-btn:not(:first-child) {
19099
+ border-inline-start: none;
19100
+ }
19101
+ .v-btn-group .v-btn:first-child {
19102
+ border-start-start-radius: inherit;
19103
+ border-end-start-radius: inherit;
19104
+ }
19105
+ .v-btn-group .v-btn:last-child {
19106
+ border-start-end-radius: inherit;
19107
+ border-end-end-radius: inherit;
19108
+ }
19109
+ .v-btn-group--divided .v-btn:not(:last-child) {
19110
+ border-inline-end-width: thin;
19111
+ border-inline-end-style: solid;
19112
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19113
+ }
19114
+ .v-btn-group--tile {
19115
+ border-radius: 0;
19116
+ }.v-carousel {
19117
+ overflow: hidden;
19118
+ position: relative;
19119
+ width: 100%;
19120
+ }
19121
+ .v-carousel__controls {
19217
19122
  align-items: center;
19218
19123
  bottom: 0;
19219
19124
  display: flex;
@@ -19706,6 +19611,87 @@ html.overflow-y-hidden {
19706
19611
  white-space: normal;
19707
19612
  flex-wrap: wrap;
19708
19613
  max-width: 100%;
19614
+ }.v-combobox .v-field .v-text-field__prefix,
19615
+ .v-combobox .v-field .v-text-field__suffix,
19616
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19617
+ cursor: text;
19618
+ }
19619
+ .v-combobox .v-field .v-field__input > input {
19620
+ flex: 1 1;
19621
+ }
19622
+ .v-combobox .v-field input {
19623
+ min-width: 64px;
19624
+ }
19625
+ .v-combobox .v-field:not(.v-field--focused) input {
19626
+ min-width: 0;
19627
+ }
19628
+ .v-combobox .v-field--dirty .v-combobox__selection {
19629
+ margin-inline-end: 2px;
19630
+ }
19631
+ .v-combobox .v-combobox__selection-text {
19632
+ overflow: hidden;
19633
+ text-overflow: ellipsis;
19634
+ white-space: nowrap;
19635
+ }
19636
+
19637
+ .v-combobox__content {
19638
+ overflow: hidden;
19639
+ 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));
19640
+ border-radius: 4px;
19641
+ }
19642
+ .v-combobox__mask {
19643
+ background: rgb(var(--v-theme-surface-light));
19644
+ }
19645
+ .v-combobox__selection {
19646
+ display: inline-flex;
19647
+ align-items: center;
19648
+ height: 1.5rem;
19649
+ letter-spacing: inherit;
19650
+ line-height: inherit;
19651
+ max-width: calc(100% - 2px - 2px);
19652
+ }
19653
+ .v-combobox__selection:first-child {
19654
+ margin-inline-start: 0;
19655
+ }
19656
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19657
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19658
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19659
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19660
+ top: 0px;
19661
+ }
19662
+ .v-combobox--selecting-index .v-combobox__selection {
19663
+ opacity: var(--v-medium-emphasis-opacity);
19664
+ }
19665
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19666
+ opacity: 1;
19667
+ }
19668
+ .v-combobox--selecting-index .v-field__input > input {
19669
+ caret-color: transparent;
19670
+ }
19671
+ .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
19672
+ flex: 1 1;
19673
+ position: absolute;
19674
+ left: 0;
19675
+ right: 0;
19676
+ width: 100%;
19677
+ padding-inline: inherit;
19678
+ }
19679
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
19680
+ transition: none;
19681
+ }
19682
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
19683
+ opacity: 0;
19684
+ }
19685
+ .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
19686
+ opacity: 0;
19687
+ }
19688
+ .v-combobox__menu-icon {
19689
+ margin-inline-start: 4px;
19690
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19691
+ }
19692
+ .v-combobox--active-menu .v-combobox__menu-icon {
19693
+ opacity: var(--v-high-emphasis-opacity);
19694
+ transform: rotate(180deg);
19709
19695
  }.v-container {
19710
19696
  width: 100%;
19711
19697
  padding: 16px;
@@ -20398,92 +20384,222 @@ html.overflow-y-hidden {
20398
20384
  }
20399
20385
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20400
20386
  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));
20401
- }.v-combobox .v-field .v-text-field__prefix,
20402
- .v-combobox .v-field .v-text-field__suffix,
20403
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
20404
- cursor: text;
20405
- }
20406
- .v-combobox .v-field .v-field__input > input {
20407
- flex: 1 1;
20408
- }
20409
- .v-combobox .v-field input {
20410
- min-width: 64px;
20411
- }
20412
- .v-combobox .v-field:not(.v-field--focused) input {
20413
- min-width: 0;
20414
- }
20415
- .v-combobox .v-field--dirty .v-combobox__selection {
20416
- margin-inline-end: 2px;
20417
- }
20418
- .v-combobox .v-combobox__selection-text {
20387
+ }.v-counter {
20388
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20389
+ flex: 0 1 auto;
20390
+ font-size: 12px;
20391
+ transition-duration: 150ms;
20392
+ }.v-date-picker-header {
20393
+ align-items: flex-end;
20394
+ height: 70px;
20395
+ display: grid;
20396
+ grid-template-areas: "prepend content append";
20397
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20419
20398
  overflow: hidden;
20420
- text-overflow: ellipsis;
20421
- white-space: nowrap;
20399
+ padding-inline: 24px 12px;
20400
+ padding-bottom: 12px;
20422
20401
  }
20423
20402
 
20424
- .v-combobox__content {
20425
- overflow: hidden;
20426
- 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));
20427
- border-radius: 4px;
20403
+ .v-date-picker-header__append {
20404
+ grid-area: append;
20428
20405
  }
20429
- .v-combobox__mask {
20430
- background: rgb(var(--v-theme-surface-light));
20406
+
20407
+ .v-date-picker-header__prepend {
20408
+ grid-area: prepend;
20409
+ padding-inline-start: 8px;
20431
20410
  }
20432
- .v-combobox__selection {
20433
- display: inline-flex;
20411
+
20412
+ .v-date-picker-header__content {
20434
20413
  align-items: center;
20435
- height: 1.5rem;
20436
- letter-spacing: inherit;
20437
- line-height: inherit;
20438
- max-width: calc(100% - 2px - 2px);
20439
- }
20440
- .v-combobox__selection:first-child {
20441
- margin-inline-start: 0;
20442
- }
20443
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20444
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20445
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20446
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20447
- top: 0px;
20414
+ display: inline-flex;
20415
+ font-size: 32px;
20416
+ line-height: 40px;
20417
+ grid-area: content;
20418
+ justify-content: space-between;
20448
20419
  }
20449
- .v-combobox--selecting-index .v-combobox__selection {
20450
- opacity: var(--v-medium-emphasis-opacity);
20420
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20421
+ cursor: pointer;
20451
20422
  }
20452
- .v-combobox--selecting-index .v-combobox__selection--selected {
20453
- opacity: 1;
20423
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20424
+ opacity: 0.7;
20454
20425
  }
20455
- .v-combobox--selecting-index .v-field__input > input {
20456
- caret-color: transparent;
20426
+
20427
+ .date-picker-header-transition-enter-active,
20428
+ .date-picker-header-reverse-transition-enter-active {
20429
+ transition-duration: 0.3s;
20430
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20457
20431
  }
20458
- .v-combobox--single:not(.v-combobox--selection-slot).v-text-field input {
20459
- flex: 1 1;
20460
- position: absolute;
20461
- left: 0;
20462
- right: 0;
20463
- width: 100%;
20464
- padding-inline: inherit;
20432
+ .date-picker-header-transition-leave-active,
20433
+ .date-picker-header-reverse-transition-leave-active {
20434
+ transition-duration: 0.3s;
20435
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20465
20436
  }
20466
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--active input {
20467
- transition: none;
20437
+
20438
+ .date-picker-header-transition-enter-from {
20439
+ transform: translate(0, 100%);
20468
20440
  }
20469
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--dirty:not(.v-field--focused) input {
20441
+ .date-picker-header-transition-leave-to {
20470
20442
  opacity: 0;
20443
+ transform: translate(0, -100%);
20471
20444
  }
20472
- .v-combobox--single:not(.v-combobox--selection-slot) .v-field--focused .v-combobox__selection {
20445
+
20446
+ .date-picker-header-reverse-transition-enter-from {
20447
+ transform: translate(0, -100%);
20448
+ }
20449
+ .date-picker-header-reverse-transition-leave-to {
20473
20450
  opacity: 0;
20451
+ transform: translate(0, 100%);
20452
+ }.v-date-picker {
20453
+ overflow: hidden;
20454
+ width: 328px;
20474
20455
  }
20475
- .v-combobox__menu-icon {
20476
- margin-inline-start: 4px;
20477
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20456
+ .v-date-picker--show-week {
20457
+ width: 368px;
20458
+ }.v-date-picker-controls {
20459
+ display: flex;
20460
+ align-items: center;
20461
+ justify-content: space-between;
20462
+ font-size: 0.875rem;
20463
+ padding-top: 4px;
20464
+ padding-bottom: 4px;
20465
+ padding-inline-start: 6px;
20466
+ padding-inline-end: 12px;
20478
20467
  }
20479
- .v-combobox--active-menu .v-combobox__menu-icon {
20480
- opacity: var(--v-high-emphasis-opacity);
20481
- transform: rotate(180deg);
20482
- }.v-counter {
20483
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20484
- flex: 0 1 auto;
20485
- font-size: 12px;
20486
- transition-duration: 150ms;
20468
+ .v-date-picker-controls > .v-btn:first-child {
20469
+ text-transform: none;
20470
+ font-weight: 400;
20471
+ line-height: initial;
20472
+ letter-spacing: initial;
20473
+ }
20474
+ .v-date-picker-controls--variant-classic {
20475
+ padding-inline-start: 12px;
20476
+ }
20477
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20478
+ opacity: 0.7;
20479
+ }
20480
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20481
+ cursor: pointer;
20482
+ }
20483
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20484
+ opacity: 1;
20485
+ }
20486
+ .v-date-picker-controls .v-btn:last-child {
20487
+ margin-inline-start: 4px;
20488
+ }
20489
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20490
+ transform: rotate(180deg);
20491
+ }
20492
+
20493
+ .v-date-picker-controls__date {
20494
+ margin-inline-end: 4px;
20495
+ }
20496
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20497
+ margin: auto;
20498
+ text-align: center;
20499
+ }
20500
+
20501
+ .v-date-picker-controls__month {
20502
+ display: flex;
20503
+ }
20504
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20505
+ flex-direction: row-reverse;
20506
+ }
20507
+
20508
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20509
+ flex: 1 0 auto;
20510
+ }
20511
+
20512
+ .v-date-picker__title {
20513
+ display: inline-block;
20514
+ }.v-date-picker-month {
20515
+ display: flex;
20516
+ justify-content: center;
20517
+ padding: 0 12px 8px;
20518
+ --v-date-picker-month-day-diff: 4px;
20519
+ }
20520
+
20521
+ .v-date-picker-month__weeks {
20522
+ display: grid;
20523
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20524
+ column-gap: 4px;
20525
+ font-size: 0.85rem;
20526
+ }
20527
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20528
+ grid-row-gap: 0;
20529
+ }
20530
+
20531
+ .v-date-picker-month__weekday {
20532
+ font-size: 0.85rem;
20533
+ }
20534
+
20535
+ .v-date-picker-month__days {
20536
+ display: grid;
20537
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20538
+ column-gap: 4px;
20539
+ flex: 1 1;
20540
+ justify-content: space-around;
20541
+ }
20542
+
20543
+ .v-date-picker-month__day {
20544
+ align-items: center;
20545
+ display: flex;
20546
+ justify-content: center;
20547
+ position: relative;
20548
+ height: 40px;
20549
+ width: 40px;
20550
+ }
20551
+ .v-date-picker-month__day--selected .v-btn {
20552
+ background-color: rgb(var(--v-theme-surface-variant));
20553
+ color: rgb(var(--v-theme-on-surface-variant));
20554
+ }
20555
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20556
+ --v-btn-height: 24px;
20557
+ --v-btn-size: 0.85rem;
20558
+ }
20559
+ .v-date-picker-month__day--week {
20560
+ font-size: var(--v-btn-size);
20561
+ }
20562
+
20563
+ .v-date-picker-month__day--adjacent {
20564
+ opacity: 0.5;
20565
+ }
20566
+
20567
+ .v-date-picker-month__day--hide-adjacent {
20568
+ opacity: 0;
20569
+ }.v-date-picker-years {
20570
+ height: 288px;
20571
+ overflow-y: scroll;
20572
+ }
20573
+
20574
+ .v-date-picker-years__content {
20575
+ display: grid;
20576
+ flex: 1 1;
20577
+ justify-content: space-around;
20578
+ grid-template-columns: repeat(3, 1fr);
20579
+ gap: 8px 24px;
20580
+ padding-inline: 32px;
20581
+ }
20582
+ .v-date-picker-years__content .v-btn {
20583
+ padding-inline: 8px;
20584
+ }.v-date-picker-months {
20585
+ height: 288px;
20586
+ }
20587
+
20588
+ .v-date-picker-months__content {
20589
+ align-items: center;
20590
+ display: grid;
20591
+ flex: 1 1;
20592
+ height: inherit;
20593
+ justify-content: space-around;
20594
+ grid-template-columns: repeat(2, 1fr);
20595
+ grid-gap: 0px 24px;
20596
+ padding-inline-start: 36px;
20597
+ padding-inline-end: 36px;
20598
+ }
20599
+ .v-date-picker-months__content .v-btn {
20600
+ text-transform: none;
20601
+ padding-inline-start: 8px;
20602
+ padding-inline-end: 8px;
20487
20603
  }.v-data-table {
20488
20604
  width: 100%;
20489
20605
  }
@@ -20618,296 +20734,85 @@ html.overflow-y-hidden {
20618
20734
  height: 20px;
20619
20735
  }
20620
20736
 
20621
- .v-data-table-progress > th {
20622
- border: none !important;
20623
- height: auto !important;
20624
- padding: 0 !important;
20625
- }
20626
-
20627
- .v-data-table-progress__loader {
20628
- position: relative;
20629
- }
20630
-
20631
- .v-data-table-rows-loading,
20632
- .v-data-table-rows-no-data {
20633
- text-align: center;
20634
- }
20635
-
20636
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20637
- grid-template-columns: 0;
20638
- justify-content: center;
20639
- }
20640
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20641
- grid-template-columns: 0;
20642
- justify-content: end;
20643
- }
20644
- .v-data-table__tr--mobile > td {
20645
- align-items: center;
20646
- column-gap: 4px;
20647
- display: grid;
20648
- grid-template-columns: repeat(2, 1fr);
20649
- min-height: var(--v-table-row-height);
20650
- }
20651
- .v-data-table__tr--mobile > td:not(:last-child) {
20652
- border-bottom: 0 !important;
20653
- }
20654
-
20655
- .v-data-table__td-title {
20656
- font-weight: bold;
20657
- text-align: left;
20658
- }
20659
-
20660
- .v-data-table__td-value {
20661
- text-align: right;
20662
- }
20663
-
20664
- .v-data-table__td-sort-icon {
20665
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20666
- }
20667
- .v-data-table__td-sort-icon-active {
20668
- color: rgba(var(--v-theme-on-surface));
20669
- }.v-data-table-footer {
20670
- align-items: center;
20671
- display: flex;
20672
- flex-wrap: wrap;
20673
- justify-content: flex-end;
20674
- padding: 8px 4px;
20675
- }
20676
- .v-data-table-footer__items-per-page {
20677
- align-items: center;
20678
- display: flex;
20679
- justify-content: center;
20680
- }
20681
- .v-data-table-footer__items-per-page > span {
20682
- padding-inline-end: 8px;
20683
- }
20684
- .v-data-table-footer__items-per-page > .v-select {
20685
- width: 90px;
20686
- }
20687
- .v-data-table-footer__info {
20688
- display: flex;
20689
- justify-content: flex-end;
20690
- min-width: 116px;
20691
- padding: 0 16px;
20692
- }
20693
- .v-data-table-footer__paginationz {
20694
- align-items: center;
20695
- display: flex;
20696
- margin-inline-start: 16px;
20697
- }
20698
- .v-data-table-footer__page {
20699
- padding: 0 8px;
20700
- }.v-date-picker-controls {
20701
- display: flex;
20702
- align-items: center;
20703
- justify-content: space-between;
20704
- font-size: 0.875rem;
20705
- padding-top: 4px;
20706
- padding-bottom: 4px;
20707
- padding-inline-start: 6px;
20708
- padding-inline-end: 12px;
20709
- }
20710
- .v-date-picker-controls > .v-btn:first-child {
20711
- text-transform: none;
20712
- font-weight: 400;
20713
- line-height: initial;
20714
- letter-spacing: initial;
20715
- }
20716
- .v-date-picker-controls--variant-classic {
20717
- padding-inline-start: 12px;
20718
- }
20719
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20720
- opacity: 0.7;
20721
- }
20722
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20723
- cursor: pointer;
20724
- }
20725
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20726
- opacity: 1;
20727
- }
20728
- .v-date-picker-controls .v-btn:last-child {
20729
- margin-inline-start: 4px;
20730
- }
20731
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20732
- transform: rotate(180deg);
20733
- }
20734
-
20735
- .v-date-picker-controls__date {
20736
- margin-inline-end: 4px;
20737
- }
20738
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20739
- margin: auto;
20740
- text-align: center;
20741
- }
20742
-
20743
- .v-date-picker-controls__month {
20744
- display: flex;
20745
- }
20746
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20747
- flex-direction: row-reverse;
20748
- }
20749
-
20750
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20751
- flex: 1 0 auto;
20752
- }
20753
-
20754
- .v-date-picker__title {
20755
- display: inline-block;
20756
- }.v-date-picker {
20757
- overflow: hidden;
20758
- width: 328px;
20759
- }
20760
- .v-date-picker--show-week {
20761
- width: 368px;
20762
- }.v-date-picker-header {
20763
- align-items: flex-end;
20764
- height: 70px;
20765
- display: grid;
20766
- grid-template-areas: "prepend content append";
20767
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20768
- overflow: hidden;
20769
- padding-inline: 24px 12px;
20770
- padding-bottom: 12px;
20771
- }
20772
-
20773
- .v-date-picker-header__append {
20774
- grid-area: append;
20775
- }
20776
-
20777
- .v-date-picker-header__prepend {
20778
- grid-area: prepend;
20779
- padding-inline-start: 8px;
20780
- }
20781
-
20782
- .v-date-picker-header__content {
20783
- align-items: center;
20784
- display: inline-flex;
20785
- font-size: 32px;
20786
- line-height: 40px;
20787
- grid-area: content;
20788
- justify-content: space-between;
20789
- }
20790
- .v-date-picker-header--clickable .v-date-picker-header__content {
20791
- cursor: pointer;
20792
- }
20793
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20794
- opacity: 0.7;
20795
- }
20796
-
20797
- .date-picker-header-transition-enter-active,
20798
- .date-picker-header-reverse-transition-enter-active {
20799
- transition-duration: 0.3s;
20800
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20801
- }
20802
- .date-picker-header-transition-leave-active,
20803
- .date-picker-header-reverse-transition-leave-active {
20804
- transition-duration: 0.3s;
20805
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20806
- }
20807
-
20808
- .date-picker-header-transition-enter-from {
20809
- transform: translate(0, 100%);
20810
- }
20811
- .date-picker-header-transition-leave-to {
20812
- opacity: 0;
20813
- transform: translate(0, -100%);
20814
- }
20815
-
20816
- .date-picker-header-reverse-transition-enter-from {
20817
- transform: translate(0, -100%);
20818
- }
20819
- .date-picker-header-reverse-transition-leave-to {
20820
- opacity: 0;
20821
- transform: translate(0, 100%);
20822
- }.v-date-picker-month {
20823
- display: flex;
20824
- justify-content: center;
20825
- padding: 0 12px 8px;
20826
- --v-date-picker-month-day-diff: 4px;
20827
- }
20828
-
20829
- .v-date-picker-month__weeks {
20830
- display: grid;
20831
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20832
- column-gap: 4px;
20833
- font-size: 0.85rem;
20834
- }
20835
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20836
- grid-row-gap: 0;
20837
- }
20838
-
20839
- .v-date-picker-month__weekday {
20840
- font-size: 0.85rem;
20737
+ .v-data-table-progress > th {
20738
+ border: none !important;
20739
+ height: auto !important;
20740
+ padding: 0 !important;
20841
20741
  }
20842
20742
 
20843
- .v-date-picker-month__days {
20844
- display: grid;
20845
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20846
- column-gap: 4px;
20847
- flex: 1 1;
20848
- justify-content: space-around;
20743
+ .v-data-table-progress__loader {
20744
+ position: relative;
20849
20745
  }
20850
20746
 
20851
- .v-date-picker-month__day {
20852
- align-items: center;
20853
- display: flex;
20747
+ .v-data-table-rows-loading,
20748
+ .v-data-table-rows-no-data {
20749
+ text-align: center;
20750
+ }
20751
+
20752
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20753
+ grid-template-columns: 0;
20854
20754
  justify-content: center;
20855
- position: relative;
20856
- height: 40px;
20857
- width: 40px;
20858
20755
  }
20859
- .v-date-picker-month__day--selected .v-btn {
20860
- background-color: rgb(var(--v-theme-surface-variant));
20861
- color: rgb(var(--v-theme-on-surface-variant));
20756
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20757
+ grid-template-columns: 0;
20758
+ justify-content: end;
20862
20759
  }
20863
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20864
- --v-btn-height: 24px;
20865
- --v-btn-size: 0.85rem;
20760
+ .v-data-table__tr--mobile > td {
20761
+ align-items: center;
20762
+ column-gap: 4px;
20763
+ display: grid;
20764
+ grid-template-columns: repeat(2, 1fr);
20765
+ min-height: var(--v-table-row-height);
20866
20766
  }
20867
- .v-date-picker-month__day--week {
20868
- font-size: var(--v-btn-size);
20767
+ .v-data-table__tr--mobile > td:not(:last-child) {
20768
+ border-bottom: 0 !important;
20869
20769
  }
20870
20770
 
20871
- .v-date-picker-month__day--adjacent {
20872
- opacity: 0.5;
20771
+ .v-data-table__td-title {
20772
+ font-weight: 500;
20773
+ text-align: left;
20873
20774
  }
20874
20775
 
20875
- .v-date-picker-month__day--hide-adjacent {
20876
- opacity: 0;
20877
- }.v-date-picker-months {
20878
- height: 288px;
20776
+ .v-data-table__td-value {
20777
+ text-align: right;
20879
20778
  }
20880
20779
 
20881
- .v-date-picker-months__content {
20780
+ .v-data-table__td-sort-icon {
20781
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20782
+ }
20783
+ .v-data-table__td-sort-icon-active {
20784
+ color: rgba(var(--v-theme-on-surface));
20785
+ }.v-data-table-footer {
20882
20786
  align-items: center;
20883
- display: grid;
20884
- flex: 1 1;
20885
- height: inherit;
20886
- justify-content: space-around;
20887
- grid-template-columns: repeat(2, 1fr);
20888
- grid-gap: 0px 24px;
20889
- padding-inline-start: 36px;
20890
- padding-inline-end: 36px;
20787
+ display: flex;
20788
+ flex-wrap: wrap;
20789
+ justify-content: flex-end;
20790
+ padding: 8px 4px;
20891
20791
  }
20892
- .v-date-picker-months__content .v-btn {
20893
- text-transform: none;
20894
- padding-inline-start: 8px;
20792
+ .v-data-table-footer__items-per-page {
20793
+ align-items: center;
20794
+ display: flex;
20795
+ justify-content: center;
20796
+ }
20797
+ .v-data-table-footer__items-per-page > span {
20895
20798
  padding-inline-end: 8px;
20896
- }.v-date-picker-years {
20897
- height: 288px;
20898
- overflow-y: scroll;
20899
20799
  }
20900
-
20901
- .v-date-picker-years__content {
20902
- display: grid;
20903
- flex: 1 1;
20904
- justify-content: space-around;
20905
- grid-template-columns: repeat(3, 1fr);
20906
- gap: 8px 24px;
20907
- padding-inline: 32px;
20800
+ .v-data-table-footer__items-per-page > .v-select {
20801
+ width: 90px;
20908
20802
  }
20909
- .v-date-picker-years__content .v-btn {
20910
- padding-inline: 8px;
20803
+ .v-data-table-footer__info {
20804
+ display: flex;
20805
+ justify-content: flex-end;
20806
+ min-width: 116px;
20807
+ padding: 0 16px;
20808
+ }
20809
+ .v-data-table-footer__paginationz {
20810
+ align-items: center;
20811
+ display: flex;
20812
+ margin-inline-start: 16px;
20813
+ }
20814
+ .v-data-table-footer__page {
20815
+ padding: 0 8px;
20911
20816
  }.v-dialog {
20912
20817
  align-items: center;
20913
20818
  justify-content: center;
@@ -21000,55 +20905,6 @@ html.overflow-y-hidden {
21000
20905
  -webkit-backface-visibility: hidden;
21001
20906
  backface-visibility: hidden;
21002
20907
  overflow-y: auto;
21003
- }.v-divider {
21004
- display: block;
21005
- flex: 1 1 100%;
21006
- height: 0px;
21007
- max-height: 0px;
21008
- opacity: var(--v-border-opacity);
21009
- transition: inherit;
21010
- border-style: solid;
21011
- border-width: thin 0 0 0;
21012
- }
21013
- .v-divider--vertical {
21014
- align-self: stretch;
21015
- border-width: 0 thin 0 0;
21016
- display: inline-flex;
21017
- height: 100%;
21018
- margin-left: -1px;
21019
- max-height: 100%;
21020
- max-width: 0px;
21021
- vertical-align: text-bottom;
21022
- width: 0px;
21023
- }
21024
- .v-divider--inset:not(.v-divider--vertical) {
21025
- max-width: calc(100% - 72px);
21026
- margin-inline-start: 72px;
21027
- }
21028
- .v-divider--inset.v-divider--vertical {
21029
- margin-bottom: 8px;
21030
- margin-top: 8px;
21031
- max-height: calc(100% - 16px);
21032
- }
21033
-
21034
- .v-divider__content {
21035
- padding: 0 16px;
21036
- }
21037
- .v-divider__wrapper--vertical .v-divider__content {
21038
- padding: 4px 0;
21039
- }
21040
-
21041
- .v-divider__wrapper {
21042
- display: flex;
21043
- align-items: center;
21044
- justify-content: center;
21045
- }
21046
- .v-divider__wrapper--vertical {
21047
- flex-direction: column;
21048
- height: 100%;
21049
- }
21050
- .v-divider__wrapper--vertical .v-divider {
21051
- margin: 0 auto;
21052
20908
  }.v-empty-state {
21053
20909
  align-items: center;
21054
20910
  display: flex;
@@ -21292,40 +21148,158 @@ html.overflow-y-hidden {
21292
21148
  flex: 1 1 auto;
21293
21149
  max-width: 100%;
21294
21150
  }
21295
-
21296
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21297
- margin-top: 0;
21151
+
21152
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21153
+ margin-top: 0;
21154
+ }
21155
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21156
+ opacity: 1;
21157
+ }
21158
+
21159
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21160
+ max-width: calc(100% - 32px);
21161
+ }
21162
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21163
+ max-width: calc(100% + 16px);
21164
+ }
21165
+
21166
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21167
+ max-width: 100%;
21168
+ }
21169
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21170
+ max-width: calc(100% - 32px);
21171
+ }
21172
+
21173
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21174
+ border-top: none;
21175
+ }
21176
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21177
+ display: none;
21178
+ }
21179
+
21180
+ .v-expansion-panels--tile {
21181
+ border-radius: 0;
21182
+ }
21183
+ .v-expansion-panels--tile > .v-expansion-panel {
21184
+ border-radius: 0;
21185
+ }.v-fab {
21186
+ align-items: center;
21187
+ display: inline-flex;
21188
+ flex: 1 1 auto;
21189
+ pointer-events: none;
21190
+ position: relative;
21191
+ transition-duration: 0.2s;
21192
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21193
+ vertical-align: middle;
21194
+ }
21195
+ .v-fab .v-btn {
21196
+ pointer-events: auto;
21197
+ }
21198
+ .v-fab .v-btn--variant-elevated {
21199
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21200
+ }
21201
+ .v-fab--app, .v-fab--absolute {
21202
+ display: flex;
21203
+ }
21204
+ .v-fab--start, .v-fab--left {
21205
+ justify-content: flex-start;
21206
+ }
21207
+ .v-fab--center {
21208
+ align-items: center;
21209
+ justify-content: center;
21210
+ }
21211
+ .v-fab--end, .v-fab--right {
21212
+ justify-content: flex-end;
21213
+ }
21214
+ .v-fab--bottom {
21215
+ align-items: flex-end;
21216
+ }
21217
+ .v-fab--top {
21218
+ align-items: flex-start;
21219
+ }
21220
+ .v-fab--extended .v-btn {
21221
+ border-radius: 9999px !important;
21222
+ }
21223
+
21224
+ .v-fab__container {
21225
+ align-self: center;
21226
+ display: inline-flex;
21227
+ position: absolute;
21228
+ vertical-align: middle;
21229
+ }
21230
+ .v-fab--app .v-fab__container {
21231
+ margin: 12px;
21232
+ }
21233
+ .v-fab--absolute .v-fab__container {
21234
+ position: absolute;
21235
+ z-index: 4;
21236
+ }
21237
+ .v-fab--offset.v-fab--top .v-fab__container {
21238
+ transform: translateY(-50%);
21239
+ }
21240
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21241
+ transform: translateY(50%);
21242
+ }
21243
+ .v-fab--top .v-fab__container {
21244
+ top: 0;
21245
+ }
21246
+ .v-fab--bottom .v-fab__container {
21247
+ bottom: 0;
21298
21248
  }
21299
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21300
- opacity: 1;
21249
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21250
+ left: 0;
21301
21251
  }
21302
-
21303
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21304
- max-width: calc(100% - 32px);
21252
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21253
+ right: 0;
21254
+ }.v-divider {
21255
+ display: block;
21256
+ flex: 1 1 100%;
21257
+ height: 0px;
21258
+ max-height: 0px;
21259
+ opacity: var(--v-border-opacity);
21260
+ transition: inherit;
21261
+ border-style: solid;
21262
+ border-width: thin 0 0 0;
21305
21263
  }
21306
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21307
- max-width: calc(100% + 16px);
21264
+ .v-divider--vertical {
21265
+ align-self: stretch;
21266
+ border-width: 0 thin 0 0;
21267
+ display: inline-flex;
21268
+ height: 100%;
21269
+ margin-left: -1px;
21270
+ max-height: 100%;
21271
+ max-width: 0px;
21272
+ vertical-align: text-bottom;
21273
+ width: 0px;
21308
21274
  }
21309
-
21310
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21311
- max-width: 100%;
21275
+ .v-divider--inset:not(.v-divider--vertical) {
21276
+ max-width: calc(100% - 72px);
21277
+ margin-inline-start: 72px;
21312
21278
  }
21313
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21314
- max-width: calc(100% - 32px);
21279
+ .v-divider--inset.v-divider--vertical {
21280
+ margin-bottom: 8px;
21281
+ margin-top: 8px;
21282
+ max-height: calc(100% - 16px);
21315
21283
  }
21316
21284
 
21317
- .v-expansion-panels--flat > .v-expansion-panel::after {
21318
- border-top: none;
21285
+ .v-divider__content {
21286
+ padding: 0 16px;
21319
21287
  }
21320
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21321
- display: none;
21288
+ .v-divider__wrapper--vertical .v-divider__content {
21289
+ padding: 4px 0;
21322
21290
  }
21323
21291
 
21324
- .v-expansion-panels--tile {
21325
- border-radius: 0;
21292
+ .v-divider__wrapper {
21293
+ display: flex;
21294
+ align-items: center;
21295
+ justify-content: center;
21326
21296
  }
21327
- .v-expansion-panels--tile > .v-expansion-panel {
21328
- border-radius: 0;
21297
+ .v-divider__wrapper--vertical {
21298
+ flex-direction: column;
21299
+ height: 100%;
21300
+ }
21301
+ .v-divider__wrapper--vertical .v-divider {
21302
+ margin: 0 auto;
21329
21303
  }/* region INPUT */
21330
21304
  .v-field {
21331
21305
  display: grid;
@@ -21896,76 +21870,7 @@ textarea.v-field__input::placeholder {
21896
21870
  opacity: 0;
21897
21871
  }
21898
21872
 
21899
- /* endregion */.v-fab {
21900
- align-items: center;
21901
- display: inline-flex;
21902
- flex: 1 1 auto;
21903
- pointer-events: none;
21904
- position: relative;
21905
- transition-duration: 0.2s;
21906
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21907
- vertical-align: middle;
21908
- }
21909
- .v-fab .v-btn {
21910
- pointer-events: auto;
21911
- }
21912
- .v-fab .v-btn--variant-elevated {
21913
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21914
- }
21915
- .v-fab--app, .v-fab--absolute {
21916
- display: flex;
21917
- }
21918
- .v-fab--start, .v-fab--left {
21919
- justify-content: flex-start;
21920
- }
21921
- .v-fab--center {
21922
- align-items: center;
21923
- justify-content: center;
21924
- }
21925
- .v-fab--end, .v-fab--right {
21926
- justify-content: flex-end;
21927
- }
21928
- .v-fab--bottom {
21929
- align-items: flex-end;
21930
- }
21931
- .v-fab--top {
21932
- align-items: flex-start;
21933
- }
21934
- .v-fab--extended .v-btn {
21935
- border-radius: 9999px !important;
21936
- }
21937
-
21938
- .v-fab__container {
21939
- align-self: center;
21940
- display: inline-flex;
21941
- position: absolute;
21942
- vertical-align: middle;
21943
- }
21944
- .v-fab--app .v-fab__container {
21945
- margin: 12px;
21946
- }
21947
- .v-fab--absolute .v-fab__container {
21948
- position: absolute;
21949
- z-index: 4;
21950
- }
21951
- .v-fab--offset.v-fab--top .v-fab__container {
21952
- transform: translateY(-50%);
21953
- }
21954
- .v-fab--offset.v-fab--bottom .v-fab__container {
21955
- transform: translateY(50%);
21956
- }
21957
- .v-fab--top .v-fab__container {
21958
- top: 0;
21959
- }
21960
- .v-fab--bottom .v-fab__container {
21961
- bottom: 0;
21962
- }
21963
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21964
- left: 0;
21965
- }
21966
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21967
- right: 0;
21968
- }.v-file-input--hide.v-input .v-field,
21873
+ /* endregion */.v-file-input--hide.v-input .v-field,
21969
21874
  .v-file-input--hide.v-input .v-input__control,
21970
21875
  .v-file-input--hide.v-input .v-input__details {
21971
21876
  display: none;
@@ -22022,6 +21927,31 @@ textarea.v-field__input::placeholder {
22022
21927
  }
22023
21928
  .v-footer--rounded {
22024
21929
  border-radius: 4px;
21930
+ }.v-infinite-scroll--horizontal {
21931
+ display: flex;
21932
+ flex-direction: row;
21933
+ overflow-x: auto;
21934
+ }
21935
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21936
+ height: 100%;
21937
+ width: 1px;
21938
+ }
21939
+
21940
+ .v-infinite-scroll--vertical {
21941
+ display: flex;
21942
+ flex-direction: column;
21943
+ overflow-y: auto;
21944
+ }
21945
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21946
+ height: 1px;
21947
+ width: 100%;
21948
+ }
21949
+
21950
+ .v-infinite-scroll__side {
21951
+ align-items: center;
21952
+ display: flex;
21953
+ justify-content: center;
21954
+ padding: 8px;
22025
21955
  }.v-icon {
22026
21956
  --v-icon-size-multiplier: 1;
22027
21957
  align-items: center;
@@ -22075,67 +22005,6 @@ textarea.v-field__input::placeholder {
22075
22005
 
22076
22006
  .v-icon--end {
22077
22007
  margin-inline-start: 8px;
22078
- }.v-img {
22079
- --v-theme-overlay-multiplier: 3;
22080
- z-index: 0;
22081
- }
22082
- .v-img--booting .v-responsive__sizer {
22083
- transition: none;
22084
- }
22085
- .v-img--rounded {
22086
- border-radius: 4px;
22087
- }
22088
-
22089
- .v-img__img,
22090
- .v-img__picture,
22091
- .v-img__gradient,
22092
- .v-img__placeholder,
22093
- .v-img__error {
22094
- z-index: -1;
22095
- position: absolute;
22096
- top: 0;
22097
- left: 0;
22098
- width: 100%;
22099
- height: 100%;
22100
- }
22101
-
22102
- .v-img__img--preload {
22103
- filter: blur(4px);
22104
- }
22105
- .v-img__img--contain {
22106
- object-fit: contain;
22107
- }
22108
- .v-img__img--cover {
22109
- object-fit: cover;
22110
- }
22111
-
22112
- .v-img__gradient {
22113
- background-repeat: no-repeat;
22114
- }.v-infinite-scroll--horizontal {
22115
- display: flex;
22116
- flex-direction: row;
22117
- overflow-x: auto;
22118
- }
22119
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22120
- height: 100%;
22121
- width: 1px;
22122
- }
22123
-
22124
- .v-infinite-scroll--vertical {
22125
- display: flex;
22126
- flex-direction: column;
22127
- overflow-y: auto;
22128
- }
22129
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22130
- height: 1px;
22131
- width: 100%;
22132
- }
22133
-
22134
- .v-infinite-scroll__side {
22135
- align-items: center;
22136
- display: flex;
22137
- justify-content: center;
22138
- padding: 8px;
22139
22008
  }.v-input {
22140
22009
  display: grid;
22141
22010
  flex: 1 1 auto;
@@ -22278,6 +22147,42 @@ textarea.v-field__input::placeholder {
22278
22147
 
22279
22148
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22280
22149
  padding-top: calc(var(--v-input-padding-top) + 0px);
22150
+ }.v-img {
22151
+ --v-theme-overlay-multiplier: 3;
22152
+ z-index: 0;
22153
+ }
22154
+ .v-img--booting .v-responsive__sizer {
22155
+ transition: none;
22156
+ }
22157
+ .v-img--rounded {
22158
+ border-radius: 4px;
22159
+ }
22160
+
22161
+ .v-img__img,
22162
+ .v-img__picture,
22163
+ .v-img__gradient,
22164
+ .v-img__placeholder,
22165
+ .v-img__error {
22166
+ z-index: -1;
22167
+ position: absolute;
22168
+ top: 0;
22169
+ left: 0;
22170
+ width: 100%;
22171
+ height: 100%;
22172
+ }
22173
+
22174
+ .v-img__img--preload {
22175
+ filter: blur(4px);
22176
+ }
22177
+ .v-img__img--contain {
22178
+ object-fit: contain;
22179
+ }
22180
+ .v-img__img--cover {
22181
+ object-fit: cover;
22182
+ }
22183
+
22184
+ .v-img__gradient {
22185
+ background-repeat: no-repeat;
22281
22186
  }.v-item-group {
22282
22187
  flex: 0 1 auto;
22283
22188
  max-width: 100%;
@@ -22870,8 +22775,6 @@ textarea.v-field__input::placeholder {
22870
22775
  }
22871
22776
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22872
22777
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22873
- }.v-locale-provider {
22874
- display: contents;
22875
22778
  }.v-main {
22876
22779
  flex: 1 0 auto;
22877
22780
  max-width: 100%;
@@ -22900,6 +22803,8 @@ textarea.v-field__input::placeholder {
22900
22803
  --v-layout-right: 0px;
22901
22804
  --v-layout-top: 0px;
22902
22805
  --v-layout-bottom: 0px;
22806
+ }.v-locale-provider {
22807
+ display: contents;
22903
22808
  }.v-menu > .v-overlay__content {
22904
22809
  display: flex;
22905
22810
  flex-direction: column;
@@ -23150,12 +23055,6 @@ html.v-overlay-scroll-blocked {
23150
23055
 
23151
23056
  .v-overlay--scroll-blocked {
23152
23057
  padding-inline-end: var(--v-scrollbar-offset);
23153
- }.v-parallax {
23154
- position: relative;
23155
- overflow: hidden;
23156
- }
23157
- .v-parallax--active > .v-img__img {
23158
- will-change: transform;
23159
23058
  }.v-pagination__list {
23160
23059
  display: inline-flex;
23161
23060
  list-style-type: none;
@@ -23164,6 +23063,12 @@ html.v-overlay-scroll-blocked {
23164
23063
  }
23165
23064
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23166
23065
  margin: 0.3rem;
23066
+ }.v-parallax {
23067
+ position: relative;
23068
+ overflow: hidden;
23069
+ }
23070
+ .v-parallax--active > .v-img__img {
23071
+ will-change: transform;
23167
23072
  }.v-progress-circular {
23168
23073
  align-items: center;
23169
23074
  display: inline-flex;
@@ -23266,6 +23171,18 @@ html.v-overlay-scroll-blocked {
23266
23171
  100% {
23267
23172
  transform: rotate(270deg);
23268
23173
  }
23174
+ }.v-radio-group > .v-input__control {
23175
+ flex-direction: column;
23176
+ }
23177
+ .v-radio-group > .v-input__control > .v-label {
23178
+ margin-inline-start: 16px;
23179
+ }
23180
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23181
+ padding-inline-start: 6px;
23182
+ margin-top: 8px;
23183
+ }
23184
+ .v-radio-group .v-input__details {
23185
+ padding-inline: 16px;
23269
23186
  }.v-progress-linear {
23270
23187
  background: transparent;
23271
23188
  overflow: hidden;
@@ -23477,18 +23394,6 @@ html.v-overlay-scroll-blocked {
23477
23394
  0% {
23478
23395
  background-position-x: var(--v-progress-linear-height);
23479
23396
  }
23480
- }.v-radio-group > .v-input__control {
23481
- flex-direction: column;
23482
- }
23483
- .v-radio-group > .v-input__control > .v-label {
23484
- margin-inline-start: 16px;
23485
- }
23486
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
23487
- padding-inline-start: 6px;
23488
- margin-top: 8px;
23489
- }
23490
- .v-radio-group .v-input__details {
23491
- padding-inline: 16px;
23492
23397
  }.v-slider .v-slider__container input {
23493
23398
  cursor: default;
23494
23399
  padding: 0;
@@ -23546,32 +23451,6 @@ html.v-overlay-scroll-blocked {
23546
23451
 
23547
23452
  .v-slider__label {
23548
23453
  margin-inline-end: 12px;
23549
- }.v-responsive {
23550
- display: flex;
23551
- flex: 1 0 auto;
23552
- max-height: 100%;
23553
- max-width: 100%;
23554
- overflow: hidden;
23555
- position: relative;
23556
- }
23557
- .v-responsive--inline {
23558
- display: inline-flex;
23559
- flex: 0 0 auto;
23560
- }
23561
-
23562
- .v-responsive__content {
23563
- flex: 1 0 0px;
23564
- max-width: 100%;
23565
- }
23566
-
23567
- .v-responsive__sizer ~ .v-responsive__content {
23568
- margin-inline-start: -100%;
23569
- }
23570
-
23571
- .v-responsive__sizer {
23572
- flex: 1 0 0px;
23573
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23574
- pointer-events: none;
23575
23454
  }.v-rating {
23576
23455
  max-width: 100%;
23577
23456
  display: inline-flex;
@@ -23791,7 +23670,7 @@ html.v-overlay-scroll-blocked {
23791
23670
  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));
23792
23671
  border-radius: 0;
23793
23672
  background: rgb(var(--v-theme-surface));
23794
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23673
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23795
23674
  }
23796
23675
  .v-sheet--border {
23797
23676
  border-width: thin;
@@ -24384,43 +24263,6 @@ html.v-overlay-scroll-blocked {
24384
24263
  }
24385
24264
  .v-stepper--mobile .v-stepper-item__subtitle {
24386
24265
  display: none;
24387
- }.v-system-bar {
24388
- align-items: center;
24389
- display: flex;
24390
- flex: 1 1 auto;
24391
- height: 24px;
24392
- justify-content: flex-end;
24393
- max-width: 100%;
24394
- padding-inline: 8px;
24395
- position: relative;
24396
- text-align: end;
24397
- width: 100%;
24398
- 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));
24399
- background: rgba(var(--v-theme-surface-light));
24400
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24401
- font-size: 0.75rem;
24402
- font-weight: 400;
24403
- letter-spacing: 0.0333333333em;
24404
- line-height: 1.667;
24405
- text-transform: none;
24406
- }
24407
- .v-system-bar .v-icon {
24408
- opacity: var(--v-medium-emphasis-opacity);
24409
- }
24410
- .v-system-bar--absolute {
24411
- position: absolute;
24412
- }
24413
- .v-system-bar--fixed {
24414
- position: fixed;
24415
- }
24416
- .v-system-bar--rounded {
24417
- border-radius: 0;
24418
- }
24419
- .v-system-bar--window {
24420
- height: 32px;
24421
- }
24422
- .v-system-bar:not(.v-system-bar--absolute) {
24423
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24424
24266
  }.v-switch .v-label {
24425
24267
  padding-inline-start: 10px;
24426
24268
  }
@@ -24557,6 +24399,43 @@ html.v-overlay-scroll-blocked {
24557
24399
  }
24558
24400
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24559
24401
  transform: rotate(-90deg);
24402
+ }.v-system-bar {
24403
+ align-items: center;
24404
+ display: flex;
24405
+ flex: 1 1 auto;
24406
+ height: 24px;
24407
+ justify-content: flex-end;
24408
+ max-width: 100%;
24409
+ padding-inline: 8px;
24410
+ position: relative;
24411
+ text-align: end;
24412
+ width: 100%;
24413
+ 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));
24414
+ background: rgba(var(--v-theme-surface-light));
24415
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24416
+ font-size: 0.75rem;
24417
+ font-weight: 400;
24418
+ letter-spacing: 0.0333333333em;
24419
+ line-height: 1.667;
24420
+ text-transform: none;
24421
+ }
24422
+ .v-system-bar .v-icon {
24423
+ opacity: var(--v-medium-emphasis-opacity);
24424
+ }
24425
+ .v-system-bar--absolute {
24426
+ position: absolute;
24427
+ }
24428
+ .v-system-bar--fixed {
24429
+ position: fixed;
24430
+ }
24431
+ .v-system-bar--rounded {
24432
+ border-radius: 0;
24433
+ }
24434
+ .v-system-bar--window {
24435
+ height: 32px;
24436
+ }
24437
+ .v-system-bar:not(.v-system-bar--absolute) {
24438
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24560
24439
  }.v-table {
24561
24440
  background: rgb(var(--v-theme-surface));
24562
24441
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -24790,45 +24669,6 @@ html.v-overlay-scroll-blocked {
24790
24669
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24791
24670
  margin-inline-end: 52px;
24792
24671
  }
24793
- }.v-textarea .v-field {
24794
- --v-textarea-control-height: var(--v-input-control-height);
24795
- }
24796
- .v-textarea .v-field__field {
24797
- --v-input-control-height: var(--v-textarea-control-height);
24798
- }
24799
- .v-textarea .v-field__input {
24800
- flex: 1 1 auto;
24801
- outline: none;
24802
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24803
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24804
- }
24805
- .v-textarea .v-field__input.v-textarea__sizer {
24806
- visibility: hidden;
24807
- position: absolute;
24808
- top: 0;
24809
- left: 0;
24810
- height: 0 !important;
24811
- min-height: 0 !important;
24812
- pointer-events: none;
24813
- }
24814
- .v-textarea--no-resize .v-field__input {
24815
- resize: none;
24816
- }
24817
- .v-textarea .v-field--no-label textarea,
24818
- .v-textarea .v-field--active textarea {
24819
- opacity: 1;
24820
- }
24821
- .v-textarea textarea {
24822
- opacity: 0;
24823
- flex: 1;
24824
- min-width: 0;
24825
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24826
- }
24827
- .v-textarea textarea:focus, .v-textarea textarea:active {
24828
- outline: none;
24829
- }
24830
- .v-textarea textarea:invalid {
24831
- box-shadow: none;
24832
24672
  }/* region BLOCK */
24833
24673
  .v-text-field input {
24834
24674
  color: inherit;
@@ -24871,163 +24711,70 @@ html.v-overlay-scroll-blocked {
24871
24711
 
24872
24712
  /* endregion */
24873
24713
  /* region ELEMENTS */
24874
- .v-text-field__prefix, .v-text-field__suffix {
24875
- align-items: center;
24876
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24877
- cursor: default;
24878
- display: flex;
24879
- opacity: 0;
24880
- transition: inherit;
24881
- white-space: nowrap;
24882
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24883
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24884
- padding-bottom: var(--v-field-padding-bottom, 6px);
24885
- }
24886
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24887
- opacity: 1;
24888
- }
24889
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24890
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24891
- }
24892
- .v-text-field__prefix {
24893
- padding-inline-start: var(--v-field-padding-start);
24894
- }
24895
- .v-text-field__suffix {
24896
- padding-inline-end: var(--v-field-padding-end);
24897
- }
24898
-
24899
- /* endregion */.v-theme-provider {
24900
- background: rgb(var(--v-theme-background));
24901
- color: rgb(var(--v-theme-on-background));
24902
- }.v-toolbar {
24903
- align-items: flex-start;
24904
- display: flex;
24905
- flex: none;
24906
- flex-direction: column;
24907
- justify-content: space-between;
24908
- max-width: 100%;
24909
- position: relative;
24910
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24911
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24912
- width: 100%;
24913
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24914
- border-style: solid;
24915
- border-width: 0;
24916
- 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));
24917
- border-radius: 0;
24918
- background: rgb(var(--v-theme-surface-light));
24919
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24920
- }
24921
- .v-toolbar--border {
24922
- border-width: thin;
24923
- box-shadow: none;
24924
- }
24925
- .v-toolbar--absolute {
24926
- position: absolute;
24927
- }
24928
- .v-toolbar--collapse {
24929
- max-width: 112px;
24930
- overflow: hidden;
24931
- border-end-end-radius: 24px;
24932
- }
24933
- .v-toolbar--collapse .v-toolbar-title {
24934
- display: none;
24935
- }
24936
- .v-toolbar--flat {
24937
- 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));
24938
- }
24939
- .v-toolbar--floating {
24940
- display: inline-flex;
24941
- }
24942
- .v-toolbar--rounded {
24943
- border-radius: 4px;
24944
- }
24945
-
24946
- .v-toolbar__content,
24947
- .v-toolbar__extension {
24714
+ .v-text-field__prefix, .v-text-field__suffix {
24948
24715
  align-items: center;
24716
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24717
+ cursor: default;
24949
24718
  display: flex;
24950
- flex: 0 0 auto;
24951
- position: relative;
24719
+ opacity: 0;
24952
24720
  transition: inherit;
24953
- width: 100%;
24954
- }
24955
-
24956
- .v-toolbar__content {
24957
- overflow: hidden;
24721
+ white-space: nowrap;
24722
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24723
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24724
+ padding-bottom: var(--v-field-padding-bottom, 6px);
24958
24725
  }
24959
- .v-toolbar__content > .v-btn:first-child {
24960
- margin-inline-start: 4px;
24726
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24727
+ opacity: 1;
24961
24728
  }
24962
- .v-toolbar__content > .v-btn:last-child {
24963
- margin-inline-end: 4px;
24729
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24730
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24964
24731
  }
24965
- .v-toolbar__content > .v-toolbar-title {
24966
- margin-inline-start: 20px;
24732
+ .v-text-field__prefix {
24733
+ padding-inline-start: var(--v-field-padding-start);
24967
24734
  }
24968
- .v-toolbar--density-prominent .v-toolbar__content {
24969
- align-items: flex-start;
24735
+ .v-text-field__suffix {
24736
+ padding-inline-end: var(--v-field-padding-end);
24970
24737
  }
24971
24738
 
24972
- .v-toolbar__image {
24739
+ /* endregion */.v-textarea .v-field {
24740
+ --v-textarea-control-height: var(--v-input-control-height);
24741
+ }
24742
+ .v-textarea .v-field__field {
24743
+ --v-input-control-height: var(--v-textarea-control-height);
24744
+ }
24745
+ .v-textarea .v-field__input {
24746
+ flex: 1 1 auto;
24747
+ outline: none;
24748
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24749
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24750
+ }
24751
+ .v-textarea .v-field__input.v-textarea__sizer {
24752
+ visibility: hidden;
24973
24753
  position: absolute;
24974
24754
  top: 0;
24975
24755
  left: 0;
24976
- width: 100%;
24977
- height: 100%;
24978
- display: flex;
24979
- opacity: var(--v-toolbar-image-opacity, 1);
24980
- transition-property: opacity;
24981
- }
24982
-
24983
- .v-toolbar__prepend,
24984
- .v-toolbar__append {
24985
- align-items: center;
24986
- align-self: stretch;
24987
- display: flex;
24756
+ height: 0 !important;
24757
+ min-height: 0 !important;
24758
+ pointer-events: none;
24988
24759
  }
24989
-
24990
- .v-toolbar__prepend {
24991
- margin-inline: 4px auto;
24760
+ .v-textarea--no-resize .v-field__input {
24761
+ resize: none;
24992
24762
  }
24993
-
24994
- .v-toolbar__append {
24995
- margin-inline: auto 4px;
24763
+ .v-textarea .v-field--no-label textarea,
24764
+ .v-textarea .v-field--active textarea {
24765
+ opacity: 1;
24996
24766
  }
24997
-
24998
- .v-toolbar-title {
24999
- flex: 1 1;
25000
- font-size: 1.25rem;
24767
+ .v-textarea textarea {
24768
+ opacity: 0;
24769
+ flex: 1;
25001
24770
  min-width: 0;
25002
- font-size: 1.25rem;
25003
- font-weight: 400;
25004
- letter-spacing: 0;
25005
- line-height: 1.75rem;
25006
- text-transform: none;
25007
- }
25008
- .v-toolbar--density-prominent .v-toolbar-title {
25009
- align-self: flex-end;
25010
- padding-bottom: 6px;
25011
- font-size: 1.5rem;
25012
- font-weight: 400;
25013
- letter-spacing: 0;
25014
- line-height: 2.25rem;
25015
- text-transform: none;
25016
- }
25017
-
25018
- .v-toolbar-title__placeholder {
25019
- overflow: hidden;
25020
- text-overflow: ellipsis;
25021
- white-space: nowrap;
24771
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25022
24772
  }
25023
-
25024
- .v-toolbar-items {
25025
- display: flex;
25026
- height: inherit;
25027
- align-self: stretch;
24773
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24774
+ outline: none;
25028
24775
  }
25029
- .v-toolbar-items > .v-btn {
25030
- border-radius: 0;
24776
+ .v-textarea textarea:invalid {
24777
+ box-shadow: none;
25031
24778
  }.v-timeline .v-timeline-divider__dot {
25032
24779
  background: rgb(var(--v-theme-surface-light));
25033
24780
  }
@@ -25427,45 +25174,177 @@ html.v-overlay-scroll-blocked {
25427
25174
  .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25428
25175
  padding-block-start: 0;
25429
25176
  }
25430
-
25431
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25432
- padding-inline-start: 0;
25177
+
25178
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
25179
+ padding-inline-start: 0;
25180
+ }
25181
+
25182
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25183
+ display: none;
25184
+ }
25185
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25186
+ --v-timeline-line-size-offset: 12px;
25187
+ }
25188
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25189
+ padding-block-end: 0;
25190
+ }
25191
+
25192
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25193
+ padding-inline-end: 0;
25194
+ }.v-theme-provider {
25195
+ background: rgb(var(--v-theme-background));
25196
+ color: rgb(var(--v-theme-on-background));
25197
+ }.v-tooltip > .v-overlay__content {
25198
+ background: rgb(var(--v-theme-surface-variant));
25199
+ color: rgb(var(--v-theme-on-surface-variant));
25200
+ border-radius: 4px;
25201
+ font-size: 0.875rem;
25202
+ line-height: 1.6;
25203
+ display: inline-block;
25204
+ padding: 5px 16px;
25205
+ text-transform: initial;
25206
+ width: auto;
25207
+ opacity: 1;
25208
+ pointer-events: none;
25209
+ transition-property: opacity, transform;
25210
+ overflow-wrap: break-word;
25211
+ }
25212
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25213
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25214
+ transition-duration: 150ms;
25215
+ }
25216
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25217
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25218
+ transition-duration: 75ms;
25219
+ }.v-toolbar {
25220
+ align-items: flex-start;
25221
+ display: flex;
25222
+ flex: none;
25223
+ flex-direction: column;
25224
+ justify-content: space-between;
25225
+ max-width: 100%;
25226
+ position: relative;
25227
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25228
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25229
+ width: 100%;
25230
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25231
+ border-style: solid;
25232
+ border-width: 0;
25233
+ 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));
25234
+ border-radius: 0;
25235
+ background: rgb(var(--v-theme-surface-light));
25236
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25237
+ }
25238
+ .v-toolbar--border {
25239
+ border-width: thin;
25240
+ box-shadow: none;
25241
+ }
25242
+ .v-toolbar--absolute {
25243
+ position: absolute;
25244
+ }
25245
+ .v-toolbar--collapse {
25246
+ max-width: 112px;
25247
+ overflow: hidden;
25248
+ border-end-end-radius: 24px;
25249
+ }
25250
+ .v-toolbar--collapse .v-toolbar-title {
25251
+ display: none;
25252
+ }
25253
+ .v-toolbar--flat {
25254
+ 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));
25255
+ }
25256
+ .v-toolbar--floating {
25257
+ display: inline-flex;
25258
+ }
25259
+ .v-toolbar--rounded {
25260
+ border-radius: 4px;
25261
+ }
25262
+
25263
+ .v-toolbar__content,
25264
+ .v-toolbar__extension {
25265
+ align-items: center;
25266
+ display: flex;
25267
+ flex: 0 0 auto;
25268
+ position: relative;
25269
+ transition: inherit;
25270
+ width: 100%;
25271
+ }
25272
+
25273
+ .v-toolbar__content {
25274
+ overflow: hidden;
25275
+ }
25276
+ .v-toolbar__content > .v-btn:first-child {
25277
+ margin-inline-start: 4px;
25278
+ }
25279
+ .v-toolbar__content > .v-btn:last-child {
25280
+ margin-inline-end: 4px;
25281
+ }
25282
+ .v-toolbar__content > .v-toolbar-title {
25283
+ margin-inline-start: 20px;
25284
+ }
25285
+ .v-toolbar--density-prominent .v-toolbar__content {
25286
+ align-items: flex-start;
25287
+ }
25288
+
25289
+ .v-toolbar__image {
25290
+ position: absolute;
25291
+ top: 0;
25292
+ left: 0;
25293
+ width: 100%;
25294
+ height: 100%;
25295
+ display: flex;
25296
+ opacity: var(--v-toolbar-image-opacity, 1);
25297
+ transition-property: opacity;
25298
+ }
25299
+
25300
+ .v-toolbar__prepend,
25301
+ .v-toolbar__append {
25302
+ align-items: center;
25303
+ align-self: stretch;
25304
+ display: flex;
25305
+ }
25306
+
25307
+ .v-toolbar__prepend {
25308
+ margin-inline: 4px auto;
25309
+ }
25310
+
25311
+ .v-toolbar__append {
25312
+ margin-inline: auto 4px;
25313
+ }
25314
+
25315
+ .v-toolbar-title {
25316
+ flex: 1 1;
25317
+ font-size: 1.25rem;
25318
+ min-width: 0;
25319
+ font-size: 1.25rem;
25320
+ font-weight: 400;
25321
+ letter-spacing: 0;
25322
+ line-height: 1.75rem;
25323
+ text-transform: none;
25324
+ }
25325
+ .v-toolbar--density-prominent .v-toolbar-title {
25326
+ align-self: flex-end;
25327
+ padding-bottom: 6px;
25328
+ font-size: 1.5rem;
25329
+ font-weight: 400;
25330
+ letter-spacing: 0;
25331
+ line-height: 2.25rem;
25332
+ text-transform: none;
25433
25333
  }
25434
25334
 
25435
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__after {
25436
- display: none;
25437
- }
25438
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
25439
- --v-timeline-line-size-offset: 12px;
25440
- }
25441
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25442
- padding-block-end: 0;
25335
+ .v-toolbar-title__placeholder {
25336
+ overflow: hidden;
25337
+ text-overflow: ellipsis;
25338
+ white-space: nowrap;
25443
25339
  }
25444
25340
 
25445
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25446
- padding-inline-end: 0;
25447
- }.v-tooltip > .v-overlay__content {
25448
- background: rgb(var(--v-theme-surface-variant));
25449
- color: rgb(var(--v-theme-on-surface-variant));
25450
- border-radius: 4px;
25451
- font-size: 0.875rem;
25452
- line-height: 1.6;
25453
- display: inline-block;
25454
- padding: 5px 16px;
25455
- text-transform: initial;
25456
- width: auto;
25457
- opacity: 1;
25458
- pointer-events: none;
25459
- transition-property: opacity, transform;
25460
- overflow-wrap: break-word;
25461
- }
25462
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25463
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25464
- transition-duration: 150ms;
25341
+ .v-toolbar-items {
25342
+ display: flex;
25343
+ height: inherit;
25344
+ align-self: stretch;
25465
25345
  }
25466
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25467
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25468
- transition-duration: 75ms;
25346
+ .v-toolbar-items > .v-btn {
25347
+ border-radius: 0;
25469
25348
  }.v-virtual-scroll {
25470
25349
  display: block;
25471
25350
  flex: 1 1 auto;
@@ -25545,56 +25424,127 @@ html.v-overlay-scroll-blocked {
25545
25424
  }
25546
25425
  .v-window-y-reverse-transition-leave-to {
25547
25426
  transform: translateY(100%);
25548
- }.v-color-picker-edit {
25427
+ }.v-responsive {
25549
25428
  display: flex;
25550
- margin-top: 24px;
25429
+ flex: 1 0 auto;
25430
+ max-height: 100%;
25431
+ max-width: 100%;
25432
+ overflow: hidden;
25433
+ position: relative;
25434
+ }
25435
+ .v-responsive--inline {
25436
+ display: inline-flex;
25437
+ flex: 0 0 auto;
25551
25438
  }
25552
25439
 
25553
- .v-color-picker-edit__input {
25554
- width: 100%;
25555
- display: flex;
25556
- flex-wrap: wrap;
25440
+ .v-responsive__content {
25441
+ flex: 1 0 0px;
25442
+ max-width: 100%;
25443
+ }
25444
+
25445
+ .v-responsive__sizer ~ .v-responsive__content {
25446
+ margin-inline-start: -100%;
25447
+ }
25448
+
25449
+ .v-responsive__sizer {
25450
+ flex: 1 0 0px;
25451
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25452
+ pointer-events: none;
25453
+ }.v-avatar {
25454
+ flex: none;
25455
+ align-items: center;
25456
+ display: inline-flex;
25557
25457
  justify-content: center;
25458
+ line-height: normal;
25459
+ overflow: hidden;
25460
+ position: relative;
25558
25461
  text-align: center;
25462
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25463
+ transition-property: width, height;
25464
+ vertical-align: middle;
25465
+ border-radius: 50%;
25559
25466
  }
25560
- .v-color-picker-edit__input:not(:last-child) {
25561
- margin-inline-end: 8px;
25467
+ .v-avatar.v-avatar--size-x-small {
25468
+ --v-avatar-height: 24px;
25562
25469
  }
25563
- .v-color-picker-edit__input input {
25564
- border-radius: 4px;
25565
- margin-bottom: 8px;
25566
- min-width: 0;
25567
- outline: none;
25568
- text-align: center;
25569
- width: 100%;
25570
- height: 32px;
25571
- background: rgba(var(--v-theme-surface-variant), 0.2);
25572
- color: rgba(var(--v-theme-on-surface));
25470
+ .v-avatar.v-avatar--size-small {
25471
+ --v-avatar-height: 32px;
25573
25472
  }
25574
- .v-color-picker-edit__input span {
25575
- font-size: 0.75rem;
25576
- }.v-color-picker-canvas {
25577
- display: flex;
25578
- position: relative;
25579
- overflow: hidden;
25580
- contain: content;
25581
- touch-action: none;
25473
+ .v-avatar.v-avatar--size-default {
25474
+ --v-avatar-height: 40px;
25582
25475
  }
25583
- .v-color-picker-canvas__dot {
25584
- position: absolute;
25476
+ .v-avatar.v-avatar--size-large {
25477
+ --v-avatar-height: 48px;
25478
+ }
25479
+ .v-avatar.v-avatar--size-x-large {
25480
+ --v-avatar-height: 56px;
25481
+ }
25482
+ .v-avatar.v-avatar--density-default {
25483
+ height: calc(var(--v-avatar-height) + 0px);
25484
+ width: calc(var(--v-avatar-height) + 0px);
25485
+ }
25486
+ .v-avatar.v-avatar--density-comfortable {
25487
+ height: calc(var(--v-avatar-height) + -4px);
25488
+ width: calc(var(--v-avatar-height) + -4px);
25489
+ }
25490
+ .v-avatar.v-avatar--density-compact {
25491
+ height: calc(var(--v-avatar-height) + -8px);
25492
+ width: calc(var(--v-avatar-height) + -8px);
25493
+ }
25494
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
25495
+ background: transparent;
25496
+ color: inherit;
25497
+ }
25498
+ .v-avatar--variant-plain {
25499
+ opacity: 0.62;
25500
+ }
25501
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
25502
+ opacity: 1;
25503
+ }
25504
+ .v-avatar--variant-plain .v-avatar__overlay {
25505
+ display: none;
25506
+ }
25507
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
25508
+ background: var(--v-theme-surface);
25509
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25510
+ }
25511
+ .v-avatar--variant-elevated {
25512
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25513
+ }
25514
+ .v-avatar--variant-flat {
25515
+ 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));
25516
+ }
25517
+ .v-avatar--variant-outlined {
25518
+ border: thin solid currentColor;
25519
+ }
25520
+ .v-avatar--variant-text .v-avatar__overlay {
25521
+ background: currentColor;
25522
+ }
25523
+ .v-avatar--variant-tonal .v-avatar__underlay {
25524
+ background: currentColor;
25525
+ opacity: var(--v-activated-opacity);
25526
+ border-radius: inherit;
25585
25527
  top: 0;
25528
+ right: 0;
25529
+ bottom: 0;
25586
25530
  left: 0;
25587
- width: 15px;
25588
- height: 15px;
25589
- background: transparent;
25590
- border-radius: 50%;
25591
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25531
+ pointer-events: none;
25592
25532
  }
25593
- .v-color-picker-canvas__dot--disabled {
25594
- 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);
25533
+ .v-avatar .v-avatar__underlay {
25534
+ position: absolute;
25595
25535
  }
25596
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25597
- will-change: transform;
25536
+ .v-avatar--rounded {
25537
+ border-radius: 4px;
25538
+ }
25539
+ .v-avatar--start {
25540
+ margin-inline-end: 8px;
25541
+ }
25542
+ .v-avatar--end {
25543
+ margin-inline-start: 8px;
25544
+ }
25545
+ .v-avatar .v-img {
25546
+ height: 100%;
25547
+ width: 100%;
25598
25548
  }.v-color-picker-preview__alpha .v-slider-track__background {
25599
25549
  background-color: transparent !important;
25600
25550
  }
@@ -25665,6 +25615,28 @@ html.v-overlay-scroll-blocked {
25665
25615
  .v-color-picker-preview__eye-dropper {
25666
25616
  position: relative;
25667
25617
  margin-right: 12px;
25618
+ }.v-color-picker-canvas {
25619
+ display: flex;
25620
+ position: relative;
25621
+ overflow: hidden;
25622
+ contain: content;
25623
+ touch-action: none;
25624
+ }
25625
+ .v-color-picker-canvas__dot {
25626
+ position: absolute;
25627
+ top: 0;
25628
+ left: 0;
25629
+ width: 15px;
25630
+ height: 15px;
25631
+ background: transparent;
25632
+ border-radius: 50%;
25633
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25634
+ }
25635
+ .v-color-picker-canvas__dot--disabled {
25636
+ 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);
25637
+ }
25638
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25639
+ will-change: transform;
25668
25640
  }.v-color-picker-swatches {
25669
25641
  overflow-y: auto;
25670
25642
  }
@@ -25700,6 +25672,34 @@ html.v-overlay-scroll-blocked {
25700
25672
  justify-content: center;
25701
25673
  width: 100%;
25702
25674
  height: 100%;
25675
+ }.v-color-picker-edit {
25676
+ display: flex;
25677
+ margin-top: 24px;
25678
+ }
25679
+
25680
+ .v-color-picker-edit__input {
25681
+ width: 100%;
25682
+ display: flex;
25683
+ flex-wrap: wrap;
25684
+ justify-content: center;
25685
+ text-align: center;
25686
+ }
25687
+ .v-color-picker-edit__input:not(:last-child) {
25688
+ margin-inline-end: 8px;
25689
+ }
25690
+ .v-color-picker-edit__input input {
25691
+ border-radius: 4px;
25692
+ margin-bottom: 8px;
25693
+ min-width: 0;
25694
+ outline: none;
25695
+ text-align: center;
25696
+ width: 100%;
25697
+ height: 32px;
25698
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25699
+ color: rgba(var(--v-theme-on-surface));
25700
+ }
25701
+ .v-color-picker-edit__input span {
25702
+ font-size: 0.75rem;
25703
25703
  }.v-picker.v-sheet {
25704
25704
  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));
25705
25705
  border-radius: 4px;
@@ -25784,6 +25784,11 @@ html.v-overlay-scroll-blocked {
25784
25784
  user-select: none;
25785
25785
  background-color: currentColor;
25786
25786
  }
25787
+ @media (forced-colors: active) {
25788
+ .v-slider-thumb__surface {
25789
+ background-color: highlight;
25790
+ }
25791
+ }
25787
25792
  .v-slider-thumb__surface::before {
25788
25793
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25789
25794
  content: "";
@@ -25910,10 +25915,20 @@ html.v-overlay-scroll-blocked {
25910
25915
  }.v-slider-track__background {
25911
25916
  background-color: rgb(var(--v-theme-surface-variant));
25912
25917
  }
25918
+ @media (forced-colors: active) {
25919
+ .v-slider-track__background {
25920
+ background-color: highlight;
25921
+ }
25922
+ }
25913
25923
 
25914
25924
  .v-slider-track__fill {
25915
25925
  background-color: rgb(var(--v-theme-surface-variant));
25916
25926
  }
25927
+ @media (forced-colors: active) {
25928
+ .v-slider-track__fill {
25929
+ background-color: highlight;
25930
+ }
25931
+ }
25917
25932
 
25918
25933
  .v-slider-track__tick {
25919
25934
  background-color: rgb(var(--v-theme-surface-variant));
@@ -25925,6 +25940,11 @@ html.v-overlay-scroll-blocked {
25925
25940
  .v-slider-track {
25926
25941
  border-radius: 6px;
25927
25942
  }
25943
+ @media (forced-colors: active) {
25944
+ .v-slider-track {
25945
+ border: thin solid buttontext;
25946
+ }
25947
+ }
25928
25948
 
25929
25949
  .v-slider-track__background, .v-slider-track__fill {
25930
25950
  position: absolute;