vuetify 3.5.3 → 3.5.5

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 (159) hide show
  1. package/dist/json/attributes.json +2771 -2523
  2. package/dist/json/importMap-labs.json +12 -8
  3. package/dist/json/importMap.json +100 -100
  4. package/dist/json/tags.json +236 -169
  5. package/dist/json/web-types.json +3218 -2563
  6. package/dist/vuetify-labs.css +2265 -2242
  7. package/dist/vuetify-labs.d.ts +1234 -152
  8. package/dist/vuetify-labs.esm.js +582 -88
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +582 -88
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1316 -1293
  13. package/dist/vuetify.d.ts +894 -187
  14. package/dist/vuetify.esm.js +148 -87
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +148 -87
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +652 -647
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/index.d.mts +9 -0
  22. package/lib/components/VAppBar/index.d.mts +18 -0
  23. package/lib/components/VAutocomplete/VAutocomplete.mjs +4 -4
  24. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  25. package/lib/components/VAutocomplete/index.d.mts +33 -6
  26. package/lib/components/VAvatar/VAvatar.mjs +2 -2
  27. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  28. package/lib/components/VAvatar/index.d.mts +9 -0
  29. package/lib/components/VBadge/index.d.mts +9 -0
  30. package/lib/components/VBanner/index.d.mts +9 -0
  31. package/lib/components/VBottomNavigation/index.d.mts +9 -0
  32. package/lib/components/VBreadcrumbs/index.d.mts +9 -0
  33. package/lib/components/VBtn/index.d.mts +9 -0
  34. package/lib/components/VBtnGroup/index.d.mts +9 -0
  35. package/lib/components/VBtnToggle/index.d.mts +9 -0
  36. package/lib/components/VCard/index.d.mts +9 -0
  37. package/lib/components/VCarousel/index.d.mts +9 -0
  38. package/lib/components/VChip/index.d.mts +9 -0
  39. package/lib/components/VColorPicker/VColorPicker.mjs +24 -12
  40. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  41. package/lib/components/VColorPicker/index.d.mts +9 -0
  42. package/lib/components/VCombobox/index.d.mts +33 -6
  43. package/lib/components/VDataIterator/index.d.mts +3 -3
  44. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  45. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  46. package/lib/components/VDataTable/index.d.mts +355 -117
  47. package/lib/components/VDataTable/types.mjs.map +1 -1
  48. package/lib/components/VDatePicker/VDatePicker.css +2 -21
  49. package/lib/components/VDatePicker/VDatePicker.mjs +15 -11
  50. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  51. package/lib/components/VDatePicker/VDatePicker.sass +3 -18
  52. package/lib/components/VDatePicker/VDatePickerHeader.css +2 -0
  53. package/lib/components/VDatePicker/VDatePickerHeader.sass +3 -0
  54. package/lib/components/VDatePicker/VDatePickerMonth.css +11 -5
  55. package/lib/components/VDatePicker/VDatePickerMonth.mjs +2 -1
  56. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  57. package/lib/components/VDatePicker/VDatePickerMonth.sass +13 -5
  58. package/lib/components/VDatePicker/VDatePickerMonths.css +2 -3
  59. package/lib/components/VDatePicker/VDatePickerMonths.mjs +6 -3
  60. package/lib/components/VDatePicker/VDatePickerMonths.mjs.map +1 -1
  61. package/lib/components/VDatePicker/VDatePickerMonths.sass +4 -3
  62. package/lib/components/VDatePicker/VDatePickerYears.css +2 -2
  63. package/lib/components/VDatePicker/VDatePickerYears.mjs +8 -1
  64. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  65. package/lib/components/VDatePicker/VDatePickerYears.sass +4 -2
  66. package/lib/components/VDatePicker/_variables.scss +14 -34
  67. package/lib/components/VDatePicker/index.d.mts +13 -4
  68. package/lib/components/VExpansionPanel/VExpansionPanel.css +14 -0
  69. package/lib/components/VExpansionPanel/VExpansionPanel.sass +14 -0
  70. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +9 -2
  71. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  72. package/lib/components/VExpansionPanel/index.d.mts +27 -0
  73. package/lib/components/VField/VField.css +20 -1
  74. package/lib/components/VField/VField.sass +19 -1
  75. package/lib/components/VField/index.d.mts +9 -0
  76. package/lib/components/VFileInput/VFileInput.mjs +1 -1
  77. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  78. package/lib/components/VFileInput/index.d.mts +9 -0
  79. package/lib/components/VFooter/index.d.mts +9 -0
  80. package/lib/components/VImg/index.d.mts +9 -0
  81. package/lib/components/VList/VListItem.css +2 -1
  82. package/lib/components/VList/VListItem.sass +1 -0
  83. package/lib/components/VList/_variables.scss +2 -1
  84. package/lib/components/VList/index.d.mts +18 -0
  85. package/lib/components/VMenu/VMenu.mjs +5 -5
  86. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  87. package/lib/components/VMenu/shared.mjs.map +1 -1
  88. package/lib/components/VNavigationDrawer/index.d.mts +9 -0
  89. package/lib/components/VPagination/index.d.mts +9 -0
  90. package/lib/components/VProgressLinear/index.d.mts +9 -0
  91. package/lib/components/VRangeSlider/index.d.mts +9 -0
  92. package/lib/components/VSelect/VSelect.mjs +4 -3
  93. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  94. package/lib/components/VSelect/index.d.mts +33 -6
  95. package/lib/components/VSheet/index.d.mts +9 -0
  96. package/lib/components/VSlider/index.d.mts +9 -0
  97. package/lib/components/VSnackbar/VSnackbar.mjs +1 -2
  98. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  99. package/lib/components/VSnackbar/index.d.mts +9 -0
  100. package/lib/components/VStepper/index.d.mts +9 -0
  101. package/lib/components/VSystemBar/index.d.mts +9 -0
  102. package/lib/components/VTabs/index.d.mts +33 -6
  103. package/lib/components/VTextField/index.d.mts +33 -6
  104. package/lib/components/VTextarea/index.d.mts +9 -0
  105. package/lib/components/VTimeline/index.d.mts +9 -0
  106. package/lib/components/VToolbar/index.d.mts +9 -0
  107. package/lib/components/VTooltip/VTooltip.css +1 -0
  108. package/lib/components/VTooltip/VTooltip.sass +1 -0
  109. package/lib/components/VTooltip/_variables.scss +1 -0
  110. package/lib/components/index.d.mts +857 -151
  111. package/lib/composables/form.mjs +2 -1
  112. package/lib/composables/form.mjs.map +1 -1
  113. package/lib/composables/goto.mjs +16 -18
  114. package/lib/composables/goto.mjs.map +1 -1
  115. package/lib/composables/group.mjs +2 -0
  116. package/lib/composables/group.mjs.map +1 -1
  117. package/lib/composables/icons.mjs +17 -13
  118. package/lib/composables/icons.mjs.map +1 -1
  119. package/lib/composables/rounded.mjs +5 -1
  120. package/lib/composables/rounded.mjs.map +1 -1
  121. package/lib/composables/virtual.mjs +11 -3
  122. package/lib/composables/virtual.mjs.map +1 -1
  123. package/lib/entry-bundler.mjs +1 -1
  124. package/lib/framework.mjs +1 -1
  125. package/lib/iconsets/fa-svg.mjs +2 -1
  126. package/lib/iconsets/fa-svg.mjs.map +1 -1
  127. package/lib/index.d.mts +37 -36
  128. package/lib/labs/VCalendar/VCalendar.mjs +1 -1
  129. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  130. package/lib/labs/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs +1 -1
  131. package/lib/labs/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map +1 -1
  132. package/lib/labs/VPicker/VPicker.css +2 -2
  133. package/lib/labs/VPicker/VPicker.sass +2 -2
  134. package/lib/labs/VPicker/_variables.scss +2 -4
  135. package/lib/labs/VPicker/index.d.mts +9 -0
  136. package/lib/labs/VSparkline/VBarline.mjs +138 -0
  137. package/lib/labs/VSparkline/VBarline.mjs.map +1 -0
  138. package/lib/labs/VSparkline/VSparkline.mjs +49 -0
  139. package/lib/labs/VSparkline/VSparkline.mjs.map +1 -0
  140. package/lib/labs/VSparkline/VTrendline.mjs +143 -0
  141. package/lib/labs/VSparkline/VTrendline.mjs.map +1 -0
  142. package/lib/labs/VSparkline/index.d.mts +374 -0
  143. package/lib/labs/VSparkline/index.mjs +2 -0
  144. package/lib/labs/VSparkline/index.mjs.map +1 -0
  145. package/lib/labs/VSparkline/util/line.mjs +52 -0
  146. package/lib/labs/VSparkline/util/line.mjs.map +1 -0
  147. package/lib/labs/VSparkline/util/path.mjs +60 -0
  148. package/lib/labs/VSparkline/util/path.mjs.map +1 -0
  149. package/lib/labs/components.d.mts +376 -1
  150. package/lib/labs/components.mjs +1 -0
  151. package/lib/labs/components.mjs.map +1 -1
  152. package/lib/locale/nl.mjs +1 -1
  153. package/lib/locale/nl.mjs.map +1 -1
  154. package/lib/util/helpers.mjs +10 -0
  155. package/lib/util/helpers.mjs.map +1 -1
  156. package/package.json +2 -2
  157. package/lib/components/VDatePicker/VDatePickerTitle.mjs +0 -81
  158. package/lib/components/VDatePicker/VDatePickerTitle.mjs.map +0 -1
  159. package/lib/components/VDatePicker/VDatePickerTitle.sass +0 -33
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.3
2
+ * Vuetify v3.5.5
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,18 +17029,6 @@ html.overflow-y-hidden {
17029
17029
  .v-ripple__animation--out {
17030
17030
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17031
17031
  opacity: 0;
17032
- }.v-app-bar {
17033
- display: flex;
17034
- }
17035
- .v-app-bar.v-toolbar {
17036
- background: rgb(var(--v-theme-surface));
17037
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17038
- }
17039
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17040
- 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));
17041
- }
17042
- .v-app-bar:not(.v-toolbar--absolute) {
17043
- padding-inline-end: var(--v-scrollbar-offset);
17044
17032
  }.v-application {
17045
17033
  display: flex;
17046
17034
  background: rgb(var(--v-theme-background));
@@ -17057,6 +17045,18 @@ html.overflow-y-hidden {
17057
17045
  min-height: 100vh;
17058
17046
  min-height: 100dvh;
17059
17047
  position: relative;
17048
+ }.v-app-bar {
17049
+ display: flex;
17050
+ }
17051
+ .v-app-bar.v-toolbar {
17052
+ background: rgb(var(--v-theme-surface));
17053
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
+ }
17055
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
+ 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));
17057
+ }
17058
+ .v-app-bar:not(.v-toolbar--absolute) {
17059
+ padding-inline-end: var(--v-scrollbar-offset);
17060
17060
  }.v-alert {
17061
17061
  display: grid;
17062
17062
  flex: 1 1;
@@ -17267,87 +17267,6 @@ html.overflow-y-hidden {
17267
17267
  text-transform: none;
17268
17268
  word-break: normal;
17269
17269
  word-wrap: break-word;
17270
- }.v-autocomplete .v-field .v-text-field__prefix,
17271
- .v-autocomplete .v-field .v-text-field__suffix,
17272
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17273
- cursor: text;
17274
- }
17275
- .v-autocomplete .v-field .v-field__input > input {
17276
- flex: 1 1;
17277
- }
17278
- .v-autocomplete .v-field input {
17279
- min-width: 64px;
17280
- }
17281
- .v-autocomplete .v-field:not(.v-field--focused) input {
17282
- min-width: 0;
17283
- }
17284
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17285
- margin-inline-end: 2px;
17286
- }
17287
- .v-autocomplete .v-autocomplete__selection-text {
17288
- overflow: hidden;
17289
- text-overflow: ellipsis;
17290
- white-space: nowrap;
17291
- }
17292
-
17293
- .v-autocomplete__content {
17294
- overflow: hidden;
17295
- 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));
17296
- border-radius: 4px;
17297
- }
17298
- .v-autocomplete__mask {
17299
- background: rgb(var(--v-theme-surface-light));
17300
- }
17301
- .v-autocomplete__selection {
17302
- display: inline-flex;
17303
- align-items: center;
17304
- height: 1.5rem;
17305
- letter-spacing: inherit;
17306
- line-height: inherit;
17307
- max-width: calc(100% - 2px - 2px);
17308
- }
17309
- .v-autocomplete__selection:first-child {
17310
- margin-inline-start: 0;
17311
- }
17312
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17313
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17314
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17315
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17316
- top: 0px;
17317
- }
17318
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17319
- opacity: var(--v-medium-emphasis-opacity);
17320
- }
17321
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17322
- opacity: 1;
17323
- }
17324
- .v-autocomplete--selecting-index .v-field__input > input {
17325
- caret-color: transparent;
17326
- }
17327
- .v-autocomplete--single.v-text-field .v-field--focused input {
17328
- flex: 1 1;
17329
- position: absolute;
17330
- left: 0;
17331
- right: 0;
17332
- width: 100%;
17333
- padding-inline: inherit;
17334
- }
17335
- .v-autocomplete--single .v-field--active input {
17336
- transition: none;
17337
- }
17338
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17339
- opacity: 0;
17340
- }
17341
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17342
- opacity: 0;
17343
- }
17344
- .v-autocomplete__menu-icon {
17345
- margin-inline-start: 4px;
17346
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17347
- }
17348
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17349
- opacity: var(--v-high-emphasis-opacity);
17350
- transform: rotate(180deg);
17351
17270
  }.v-avatar {
17352
17271
  flex: none;
17353
17272
  align-items: center;
@@ -17663,61 +17582,6 @@ html.overflow-y-hidden {
17663
17582
  }
17664
17583
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17665
17584
  align-self: flex-start;
17666
- }.v-bottom-navigation {
17667
- display: flex;
17668
- max-width: 100%;
17669
- overflow: hidden;
17670
- position: absolute;
17671
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17672
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17673
- border-style: solid;
17674
- border-width: 0;
17675
- border-radius: 0;
17676
- background: rgb(var(--v-theme-surface));
17677
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17678
- }
17679
- .v-bottom-navigation--border {
17680
- border-width: thin;
17681
- box-shadow: none;
17682
- }
17683
- .v-bottom-navigation--active {
17684
- 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));
17685
- }
17686
-
17687
- .v-bottom-navigation__content {
17688
- display: flex;
17689
- flex: none;
17690
- font-size: 0.75rem;
17691
- justify-content: center;
17692
- transition: inherit;
17693
- width: 100%;
17694
- }
17695
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17696
- font-size: inherit;
17697
- height: 100%;
17698
- max-width: 168px;
17699
- min-width: 80px;
17700
- text-transform: none;
17701
- transition: inherit;
17702
- width: auto;
17703
- border-radius: 0;
17704
- }
17705
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17706
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17707
- transition: inherit;
17708
- }
17709
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
- font-size: 1.5rem;
17711
- }
17712
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17713
- flex-grow: 1;
17714
- }
17715
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17716
- transition: inherit;
17717
- opacity: 0;
17718
- }
17719
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17720
- transform: translateY(0.5rem);
17721
17585
  }.bottom-sheet-transition-enter-from {
17722
17586
  transform: translateY(100%);
17723
17587
  }
@@ -17807,62 +17671,61 @@ html.overflow-y-hidden {
17807
17671
  display: inline-block;
17808
17672
  padding: 0 8px;
17809
17673
  vertical-align: middle;
17810
- }.v-btn-group {
17811
- display: inline-flex;
17812
- flex-wrap: nowrap;
17674
+ }.v-bottom-navigation {
17675
+ display: flex;
17813
17676
  max-width: 100%;
17814
- min-width: 0;
17815
17677
  overflow: hidden;
17816
- vertical-align: middle;
17678
+ position: absolute;
17679
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17817
17680
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17818
17681
  border-style: solid;
17819
17682
  border-width: 0;
17820
- 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));
17821
- border-radius: 4px;
17822
- background: transparent;
17683
+ border-radius: 0;
17684
+ background: rgb(var(--v-theme-surface));
17823
17685
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17824
17686
  }
17825
- .v-btn-group--border {
17687
+ .v-bottom-navigation--border {
17826
17688
  border-width: thin;
17827
17689
  box-shadow: none;
17828
17690
  }
17829
- .v-btn-group--density-default.v-btn-group {
17830
- height: 48px;
17831
- }
17832
-
17833
- .v-btn-group--density-comfortable.v-btn-group {
17834
- height: 40px;
17691
+ .v-bottom-navigation--active {
17692
+ 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));
17835
17693
  }
17836
17694
 
17837
- .v-btn-group--density-compact.v-btn-group {
17838
- height: 36px;
17695
+ .v-bottom-navigation__content {
17696
+ display: flex;
17697
+ flex: none;
17698
+ font-size: 0.75rem;
17699
+ justify-content: center;
17700
+ transition: inherit;
17701
+ width: 100%;
17839
17702
  }
17840
-
17841
- .v-btn-group .v-btn {
17703
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17704
+ font-size: inherit;
17705
+ height: 100%;
17706
+ max-width: 168px;
17707
+ min-width: 80px;
17708
+ text-transform: none;
17709
+ transition: inherit;
17710
+ width: auto;
17842
17711
  border-radius: 0;
17843
- border-color: inherit;
17844
17712
  }
17845
- .v-btn-group .v-btn:not(:last-child) {
17846
- border-inline-end: none;
17847
- }
17848
- .v-btn-group .v-btn:not(:first-child) {
17849
- border-inline-start: none;
17713
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17714
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17715
+ transition: inherit;
17850
17716
  }
17851
- .v-btn-group .v-btn:first-child {
17852
- border-start-start-radius: inherit;
17853
- border-end-start-radius: inherit;
17717
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17718
+ font-size: 1.5rem;
17854
17719
  }
17855
- .v-btn-group .v-btn:last-child {
17856
- border-start-end-radius: inherit;
17857
- border-end-end-radius: inherit;
17720
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17721
+ flex-grow: 1;
17858
17722
  }
17859
- .v-btn-group--divided .v-btn:not(:last-child) {
17860
- border-inline-end-width: thin;
17861
- border-inline-end-style: solid;
17862
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17723
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17724
+ transition: inherit;
17725
+ opacity: 0;
17863
17726
  }
17864
- .v-btn-group--tile {
17865
- border-radius: 0;
17727
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17728
+ transform: translateY(0.5rem);
17866
17729
  }.v-btn {
17867
17730
  align-items: center;
17868
17731
  border-radius: 4px;
@@ -18266,19 +18129,62 @@ html.overflow-y-hidden {
18266
18129
  }
18267
18130
  .v-pagination__item--is-active .v-btn__overlay {
18268
18131
  opacity: var(--v-border-opacity);
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18132
+ }.v-btn-group {
18133
+ display: inline-flex;
18134
+ flex-wrap: nowrap;
18135
+ max-width: 100%;
18136
+ min-width: 0;
18137
+ overflow: hidden;
18138
+ vertical-align: middle;
18139
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18140
+ border-style: solid;
18141
+ border-width: 0;
18142
+ 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));
18143
+ border-radius: 4px;
18144
+ background: transparent;
18145
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18271
18146
  }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18147
+ .v-btn-group--border {
18148
+ border-width: thin;
18149
+ box-shadow: none;
18274
18150
  }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18151
+ .v-btn-group--density-default.v-btn-group {
18152
+ height: 48px;
18277
18153
  }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18154
+
18155
+ .v-btn-group--density-comfortable.v-btn-group {
18156
+ height: 40px;
18157
+ }
18158
+
18159
+ .v-btn-group--density-compact.v-btn-group {
18160
+ height: 36px;
18161
+ }
18162
+
18163
+ .v-btn-group .v-btn {
18164
+ border-radius: 0;
18165
+ border-color: inherit;
18166
+ }
18167
+ .v-btn-group .v-btn:not(:last-child) {
18168
+ border-inline-end: none;
18169
+ }
18170
+ .v-btn-group .v-btn:not(:first-child) {
18171
+ border-inline-start: none;
18172
+ }
18173
+ .v-btn-group .v-btn:first-child {
18174
+ border-start-start-radius: inherit;
18175
+ border-end-start-radius: inherit;
18176
+ }
18177
+ .v-btn-group .v-btn:last-child {
18178
+ border-start-end-radius: inherit;
18179
+ border-end-end-radius: inherit;
18180
+ }
18181
+ .v-btn-group--divided .v-btn:not(:last-child) {
18182
+ border-inline-end-width: thin;
18183
+ border-inline-end-style: solid;
18184
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18185
+ }
18186
+ .v-btn-group--tile {
18187
+ border-radius: 0;
18282
18188
  }.v-card {
18283
18189
  display: block;
18284
18190
  overflow: hidden;
@@ -18575,6 +18481,19 @@ html.overflow-y-hidden {
18575
18481
  pointer-events: none;
18576
18482
  opacity: 0;
18577
18483
  transition: opacity 0.2s ease-in-out;
18484
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18485
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18486
+ }
18487
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18488
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18489
+ }
18490
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18491
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18492
+ }
18493
+ @supports not selector(:focus-visible) {
18494
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18495
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18496
+ }
18578
18497
  }.v-carousel {
18579
18498
  overflow: hidden;
18580
18499
  position: relative;
@@ -18643,6 +18562,24 @@ html.overflow-y-hidden {
18643
18562
  }
18644
18563
  .v-checkbox .v-selection-control {
18645
18564
  min-height: var(--v-input-control-height);
18565
+ }.v-chip-group {
18566
+ display: flex;
18567
+ max-width: 100%;
18568
+ min-width: 0;
18569
+ overflow-x: auto;
18570
+ padding: 4px 0;
18571
+ }
18572
+ .v-chip-group .v-chip {
18573
+ margin: 4px 8px 4px 0;
18574
+ }
18575
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18576
+ opacity: var(--v-activated-opacity);
18577
+ }
18578
+
18579
+ .v-chip-group--column .v-slide-group__content {
18580
+ white-space: normal;
18581
+ flex-wrap: wrap;
18582
+ max-width: 100%;
18646
18583
  }.v-chip {
18647
18584
  align-items: center;
18648
18585
  display: inline-flex;
@@ -19050,24 +18987,6 @@ html.overflow-y-hidden {
19050
18987
 
19051
18988
  .v-chip--label {
19052
18989
  border-radius: 4px;
19053
- }.v-chip-group {
19054
- display: flex;
19055
- max-width: 100%;
19056
- min-width: 0;
19057
- overflow-x: auto;
19058
- padding: 4px 0;
19059
- }
19060
- .v-chip-group .v-chip {
19061
- margin: 4px 8px 4px 0;
19062
- }
19063
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19064
- opacity: var(--v-activated-opacity);
19065
- }
19066
-
19067
- .v-chip-group--column .v-slide-group__content {
19068
- white-space: normal;
19069
- flex-wrap: wrap;
19070
- max-width: 100%;
19071
18990
  }.v-container {
19072
18991
  width: 100%;
19073
18992
  padding: 16px;
@@ -20014,89 +19933,93 @@ html.overflow-y-hidden {
20014
19933
 
20015
19934
  .v-data-table-footer__page {
20016
19935
  padding: 0 8px;
20017
- }.v-date-picker__input {
20018
- padding-top: 16px;
20019
- padding-left: 24px;
20020
- padding-right: 24px;
19936
+ }.v-autocomplete .v-field .v-text-field__prefix,
19937
+ .v-autocomplete .v-field .v-text-field__suffix,
19938
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
19939
+ cursor: text;
20021
19940
  }
20022
-
20023
- .v-date-picker {
20024
- overflow: hidden;
20025
- width: 360px;
19941
+ .v-autocomplete .v-field .v-field__input > input {
19942
+ flex: 1 1;
20026
19943
  }
20027
- .v-date-picker--show-week {
20028
- width: 408px;
19944
+ .v-autocomplete .v-field input {
19945
+ min-width: 64px;
20029
19946
  }
20030
-
20031
- .v-date-picker-month {
20032
- padding: 0 12px 12px;
19947
+ .v-autocomplete .v-field:not(.v-field--focused) input {
19948
+ min-width: 0;
20033
19949
  }
20034
-
20035
- .v-date-picker-month__day {
20036
- height: 48px;
20037
- width: 48px;
19950
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
19951
+ margin-inline-end: 2px;
20038
19952
  }
20039
- .v-date-picker-month__day .v-btn {
20040
- --v-btn-height: 28px;
20041
- --v-btn-size: 0.85rem;
20042
- }.v-date-picker-header {
20043
- display: grid;
20044
- grid-template-areas: "prepend content append";
20045
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19953
+ .v-autocomplete .v-autocomplete__selection-text {
20046
19954
  overflow: hidden;
20047
- padding-inline: 24px 12px;
20048
- padding-bottom: 12px;
19955
+ text-overflow: ellipsis;
19956
+ white-space: nowrap;
20049
19957
  }
20050
19958
 
20051
- .v-date-picker-header__append {
20052
- grid-area: append;
19959
+ .v-autocomplete__content {
19960
+ overflow: hidden;
19961
+ 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));
19962
+ border-radius: 4px;
20053
19963
  }
20054
-
20055
- .v-date-picker-header__prepend {
20056
- grid-area: prepend;
20057
- padding-inline-start: 8px;
19964
+ .v-autocomplete__mask {
19965
+ background: rgb(var(--v-theme-surface-light));
20058
19966
  }
20059
-
20060
- .v-date-picker-header__content {
20061
- align-items: center;
19967
+ .v-autocomplete__selection {
20062
19968
  display: inline-flex;
20063
- font-size: 32px;
20064
- line-height: 40px;
20065
- grid-area: content;
20066
- justify-content: space-between;
19969
+ align-items: center;
19970
+ height: 1.5rem;
19971
+ letter-spacing: inherit;
19972
+ line-height: inherit;
19973
+ max-width: calc(100% - 2px - 2px);
20067
19974
  }
20068
- .v-date-picker-header--clickable .v-date-picker-header__content {
20069
- cursor: pointer;
19975
+ .v-autocomplete__selection:first-child {
19976
+ margin-inline-start: 0;
20070
19977
  }
20071
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20072
- opacity: 0.7;
19978
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19979
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19980
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19981
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19982
+ top: 0px;
20073
19983
  }
20074
-
20075
- .date-picker-header-transition-enter-active,
20076
- .date-picker-header-reverse-transition-enter-active {
20077
- transition-duration: 0.3s;
20078
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19984
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
19985
+ opacity: var(--v-medium-emphasis-opacity);
20079
19986
  }
20080
- .date-picker-header-transition-leave-active,
20081
- .date-picker-header-reverse-transition-leave-active {
20082
- transition-duration: 0.3s;
20083
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19987
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
19988
+ opacity: 1;
20084
19989
  }
20085
-
20086
- .date-picker-header-transition-enter-from {
20087
- transform: translate(0, 100%);
19990
+ .v-autocomplete--selecting-index .v-field__input > input {
19991
+ caret-color: transparent;
20088
19992
  }
20089
- .date-picker-header-transition-leave-to {
20090
- opacity: 0;
20091
- transform: translate(0, -100%);
19993
+ .v-autocomplete--single.v-text-field .v-field--focused input {
19994
+ flex: 1 1;
19995
+ position: absolute;
19996
+ left: 0;
19997
+ right: 0;
19998
+ width: 100%;
19999
+ padding-inline: inherit;
20092
20000
  }
20093
-
20094
- .date-picker-header-reverse-transition-enter-from {
20095
- transform: translate(0, -100%);
20001
+ .v-autocomplete--single .v-field--active input {
20002
+ transition: none;
20096
20003
  }
20097
- .date-picker-header-reverse-transition-leave-to {
20004
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
20098
20005
  opacity: 0;
20099
- transform: translate(0, 100%);
20006
+ }
20007
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
20008
+ opacity: 0;
20009
+ }
20010
+ .v-autocomplete__menu-icon {
20011
+ margin-inline-start: 4px;
20012
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20013
+ }
20014
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
20015
+ opacity: var(--v-high-emphasis-opacity);
20016
+ transform: rotate(180deg);
20017
+ }.v-date-picker {
20018
+ overflow: hidden;
20019
+ width: 328px;
20020
+ }
20021
+ .v-date-picker--show-week {
20022
+ width: 368px;
20100
20023
  }.v-date-picker-controls {
20101
20024
  display: flex;
20102
20025
  align-items: center;
@@ -20153,73 +20076,123 @@ html.overflow-y-hidden {
20153
20076
 
20154
20077
  .v-date-picker__title {
20155
20078
  display: inline-block;
20156
- }.v-date-picker-month {
20157
- display: flex;
20158
- justify-content: center;
20159
- min-width: 328px;
20160
- --v-date-picker-month-day-diff: 4px;
20161
- }
20162
-
20163
- .v-date-picker-month__weeks {
20079
+ }.v-date-picker-header {
20080
+ align-items: flex-end;
20081
+ height: 70px;
20164
20082
  display: grid;
20165
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20166
- row-gap: 4px;
20167
- font-size: 0.875rem;
20168
- }
20169
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20170
- grid-row-gap: 0;
20083
+ grid-template-areas: "prepend content append";
20084
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20085
+ overflow: hidden;
20086
+ padding-inline: 24px 12px;
20087
+ padding-bottom: 12px;
20171
20088
  }
20172
20089
 
20173
- .v-date-picker-month__weekday {
20174
- font-size: 0.875rem;
20090
+ .v-date-picker-header__append {
20091
+ grid-area: append;
20175
20092
  }
20176
20093
 
20177
- .v-date-picker-month__days {
20178
- display: grid;
20179
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20180
- row-gap: 4px;
20181
- flex: 1 1;
20182
- justify-content: space-around;
20094
+ .v-date-picker-header__prepend {
20095
+ grid-area: prepend;
20096
+ padding-inline-start: 8px;
20183
20097
  }
20184
20098
 
20185
- .v-date-picker-month__day {
20099
+ .v-date-picker-header__content {
20186
20100
  align-items: center;
20187
- display: flex;
20188
- justify-content: center;
20189
- position: relative;
20101
+ display: inline-flex;
20102
+ font-size: 32px;
20103
+ line-height: 40px;
20104
+ grid-area: content;
20105
+ justify-content: space-between;
20190
20106
  }
20191
- .v-date-picker-month__day--selected .v-btn {
20192
- background-color: rgb(var(--v-theme-surface-variant));
20193
- color: rgb(var(--v-theme-on-surface-variant));
20107
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20108
+ cursor: pointer;
20194
20109
  }
20195
- .v-date-picker-month__day--week {
20196
- font-size: var(--v-btn-size);
20110
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20111
+ opacity: 0.7;
20197
20112
  }
20198
20113
 
20199
- .v-date-picker-month__day--adjacent {
20200
- opacity: 0.5;
20114
+ .date-picker-header-transition-enter-active,
20115
+ .date-picker-header-reverse-transition-enter-active {
20116
+ transition-duration: 0.3s;
20117
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20118
+ }
20119
+ .date-picker-header-transition-leave-active,
20120
+ .date-picker-header-reverse-transition-leave-active {
20121
+ transition-duration: 0.3s;
20122
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20201
20123
  }
20202
20124
 
20203
- .v-date-picker-month__day--hide-adjacent {
20125
+ .date-picker-header-transition-enter-from {
20126
+ transform: translate(0, 100%);
20127
+ }
20128
+ .date-picker-header-transition-leave-to {
20204
20129
  opacity: 0;
20205
- }.v-date-picker-years {
20206
- height: 320px;
20207
- overflow-y: scroll;
20130
+ transform: translate(0, -100%);
20208
20131
  }
20209
20132
 
20210
- .v-date-picker-years__content {
20133
+ .date-picker-header-reverse-transition-enter-from {
20134
+ transform: translate(0, -100%);
20135
+ }
20136
+ .date-picker-header-reverse-transition-leave-to {
20137
+ opacity: 0;
20138
+ transform: translate(0, 100%);
20139
+ }.v-date-picker-month {
20140
+ display: flex;
20141
+ justify-content: center;
20142
+ padding: 0 12px 8px;
20143
+ --v-date-picker-month-day-diff: 4px;
20144
+ }
20145
+
20146
+ .v-date-picker-month__weeks {
20147
+ display: grid;
20148
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20149
+ column-gap: 4px;
20150
+ font-size: 0.85rem;
20151
+ }
20152
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20153
+ grid-row-gap: 0;
20154
+ }
20155
+
20156
+ .v-date-picker-month__weekday {
20157
+ font-size: 0.85rem;
20158
+ }
20159
+
20160
+ .v-date-picker-month__days {
20211
20161
  display: grid;
20162
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20163
+ column-gap: 4px;
20212
20164
  flex: 1 1;
20213
20165
  justify-content: space-around;
20214
- grid-template-columns: repeat(3, 1fr);
20215
- gap: 8px 24px;
20216
- padding-inline: 36px;
20217
20166
  }
20218
- .v-date-picker-years__content .v-btn {
20219
- padding-inline: 8px;
20167
+
20168
+ .v-date-picker-month__day {
20169
+ align-items: center;
20170
+ display: flex;
20171
+ justify-content: center;
20172
+ position: relative;
20173
+ height: 40px;
20174
+ width: 40px;
20175
+ }
20176
+ .v-date-picker-month__day--selected .v-btn {
20177
+ background-color: rgb(var(--v-theme-surface-variant));
20178
+ color: rgb(var(--v-theme-on-surface-variant));
20179
+ }
20180
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20181
+ --v-btn-height: 24px;
20182
+ --v-btn-size: 0.85rem;
20183
+ }
20184
+ .v-date-picker-month__day--week {
20185
+ font-size: var(--v-btn-size);
20186
+ }
20187
+
20188
+ .v-date-picker-month__day--adjacent {
20189
+ opacity: 0.5;
20190
+ }
20191
+
20192
+ .v-date-picker-month__day--hide-adjacent {
20193
+ opacity: 0;
20220
20194
  }.v-date-picker-months {
20221
- height: 320px;
20222
- overflow-y: scroll;
20195
+ height: 288px;
20223
20196
  }
20224
20197
 
20225
20198
  .v-date-picker-months__content {
@@ -20229,7 +20202,7 @@ html.overflow-y-hidden {
20229
20202
  height: inherit;
20230
20203
  justify-content: space-around;
20231
20204
  grid-template-columns: repeat(2, 1fr);
20232
- grid-gap: 4px 24px;
20205
+ grid-gap: 0px 24px;
20233
20206
  padding-inline-start: 36px;
20234
20207
  padding-inline-end: 36px;
20235
20208
  }
@@ -20237,6 +20210,21 @@ html.overflow-y-hidden {
20237
20210
  text-transform: none;
20238
20211
  padding-inline-start: 8px;
20239
20212
  padding-inline-end: 8px;
20213
+ }.v-date-picker-years {
20214
+ height: 288px;
20215
+ overflow-y: scroll;
20216
+ }
20217
+
20218
+ .v-date-picker-years__content {
20219
+ display: grid;
20220
+ flex: 1 1;
20221
+ justify-content: space-around;
20222
+ grid-template-columns: repeat(3, 1fr);
20223
+ gap: 8px 24px;
20224
+ padding-inline: 32px;
20225
+ }
20226
+ .v-date-picker-years__content .v-btn {
20227
+ padding-inline: 8px;
20240
20228
  }.v-dialog {
20241
20229
  align-items: center;
20242
20230
  justify-content: center;
@@ -20325,6 +20313,219 @@ html.overflow-y-hidden {
20325
20313
  -webkit-backface-visibility: hidden;
20326
20314
  backface-visibility: hidden;
20327
20315
  overflow-y: auto;
20316
+ }.v-expansion-panel {
20317
+ background-color: rgb(var(--v-theme-surface));
20318
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20319
+ }
20320
+ .v-expansion-panel:not(:first-child)::after {
20321
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20322
+ }
20323
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20324
+ color: rgba(var(--v-theme-on-surface), 0.26);
20325
+ }
20326
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20327
+ opacity: 0.4615384615;
20328
+ }
20329
+
20330
+ .v-expansion-panels {
20331
+ display: flex;
20332
+ flex-wrap: wrap;
20333
+ justify-content: center;
20334
+ list-style-type: none;
20335
+ padding: 0;
20336
+ width: 100%;
20337
+ position: relative;
20338
+ z-index: 1;
20339
+ }
20340
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20341
+ border-bottom-left-radius: 0 !important;
20342
+ border-bottom-right-radius: 0 !important;
20343
+ }
20344
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20345
+ border-top-left-radius: 0 !important;
20346
+ border-top-right-radius: 0 !important;
20347
+ }
20348
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20349
+ border-bottom-left-radius: 0 !important;
20350
+ border-bottom-right-radius: 0 !important;
20351
+ }
20352
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20353
+ border-top-left-radius: 0 !important;
20354
+ border-top-right-radius: 0 !important;
20355
+ }
20356
+ .v-expansion-panels--variant-accordion > :first-child {
20357
+ border-bottom-left-radius: 0 !important;
20358
+ border-bottom-right-radius: 0 !important;
20359
+ }
20360
+ .v-expansion-panels--variant-accordion > :last-child {
20361
+ border-top-left-radius: 0 !important;
20362
+ border-top-right-radius: 0 !important;
20363
+ }
20364
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20365
+ border-bottom-left-radius: initial;
20366
+ border-bottom-right-radius: initial;
20367
+ }
20368
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20369
+ border-radius: 0 !important;
20370
+ }
20371
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20372
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20373
+ }
20374
+
20375
+ .v-expansion-panel {
20376
+ flex: 1 0 100%;
20377
+ max-width: 100%;
20378
+ position: relative;
20379
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20380
+ transition-property: margin-top, border-radius, border, max-width;
20381
+ border-radius: 4px;
20382
+ }
20383
+ .v-expansion-panel:not(:first-child)::after {
20384
+ border-top-style: solid;
20385
+ border-top-width: thin;
20386
+ content: "";
20387
+ left: 0;
20388
+ position: absolute;
20389
+ right: 0;
20390
+ top: 0;
20391
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20392
+ }
20393
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20394
+ pointer-events: none;
20395
+ }
20396
+ .v-expansion-panel--active:not(:first-child),
20397
+ .v-expansion-panel--active + .v-expansion-panel {
20398
+ margin-top: 16px;
20399
+ }
20400
+ .v-expansion-panel--active:not(:first-child)::after,
20401
+ .v-expansion-panel--active + .v-expansion-panel::after {
20402
+ opacity: 0;
20403
+ }
20404
+ .v-expansion-panel--active > .v-expansion-panel-title {
20405
+ border-bottom-left-radius: 0;
20406
+ border-bottom-right-radius: 0;
20407
+ }
20408
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20409
+ min-height: 64px;
20410
+ }
20411
+
20412
+ .v-expansion-panel__shadow {
20413
+ position: absolute;
20414
+ top: 0;
20415
+ left: 0;
20416
+ width: 100%;
20417
+ height: 100%;
20418
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20419
+ border-radius: inherit;
20420
+ z-index: -1;
20421
+ }
20422
+
20423
+ .v-expansion-panel-title {
20424
+ align-items: center;
20425
+ text-align: start;
20426
+ border-radius: inherit;
20427
+ display: flex;
20428
+ font-size: 0.9375rem;
20429
+ line-height: 1;
20430
+ min-height: 48px;
20431
+ outline: none;
20432
+ padding: 16px 24px;
20433
+ position: relative;
20434
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20435
+ width: 100%;
20436
+ justify-content: space-between;
20437
+ }
20438
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20439
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20440
+ }
20441
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20442
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20443
+ }
20444
+ @supports not selector(:focus-visible) {
20445
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20446
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20447
+ }
20448
+ }
20449
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20450
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20451
+ }
20452
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20453
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20454
+ }
20455
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20456
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20457
+ }
20458
+ @supports not selector(:focus-visible) {
20459
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20460
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20461
+ }
20462
+ }
20463
+ .v-expansion-panel-title--active::before {
20464
+ opacity: 0.12;
20465
+ }
20466
+
20467
+ .v-expansion-panel-title__overlay {
20468
+ position: absolute;
20469
+ top: 0;
20470
+ left: 0;
20471
+ width: 100%;
20472
+ height: 100%;
20473
+ background-color: currentColor;
20474
+ border-radius: inherit;
20475
+ opacity: 0;
20476
+ }
20477
+
20478
+ .v-expansion-panel-title__icon {
20479
+ display: inline-flex;
20480
+ margin-bottom: -4px;
20481
+ margin-top: -4px;
20482
+ -webkit-user-select: none;
20483
+ user-select: none;
20484
+ margin-inline-start: auto;
20485
+ }
20486
+
20487
+ .v-expansion-panel-text {
20488
+ display: flex;
20489
+ }
20490
+ .v-expansion-panel-text__wrapper {
20491
+ padding: 8px 24px 16px;
20492
+ flex: 1 1 auto;
20493
+ max-width: 100%;
20494
+ }
20495
+
20496
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20497
+ margin-top: 0;
20498
+ }
20499
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20500
+ opacity: 1;
20501
+ }
20502
+
20503
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20504
+ max-width: calc(100% - 32px);
20505
+ }
20506
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20507
+ max-width: calc(100% + 16px);
20508
+ }
20509
+
20510
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20511
+ max-width: 100%;
20512
+ }
20513
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20514
+ max-width: calc(100% - 32px);
20515
+ }
20516
+
20517
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20518
+ border-top: none;
20519
+ }
20520
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20521
+ display: none;
20522
+ }
20523
+
20524
+ .v-expansion-panels--tile {
20525
+ border-radius: 0;
20526
+ }
20527
+ .v-expansion-panels--tile > .v-expansion-panel {
20528
+ border-radius: 0;
20328
20529
  }.v-divider {
20329
20530
  display: block;
20330
20531
  flex: 1 1 100%;
@@ -20770,6 +20971,15 @@ textarea.v-field__input::placeholder {
20770
20971
  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
20771
20972
  }
20772
20973
 
20974
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20975
+ border-start-start-radius: 0;
20976
+ border-start-end-radius: inherit;
20977
+ border-end-end-radius: inherit;
20978
+ border-end-start-radius: 0;
20979
+ border-inline-end-width: var(--v-field-border-width);
20980
+ border-inline-start-width: 0;
20981
+ }
20982
+
20773
20983
  .v-field--variant-outlined .v-field__outline__notch {
20774
20984
  flex: none;
20775
20985
  position: relative;
@@ -20806,6 +21016,14 @@ textarea.v-field__input::placeholder {
20806
21016
  border-end-end-radius: inherit;
20807
21017
  border-end-start-radius: 0;
20808
21018
  }
21019
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21020
+ border-start-start-radius: inherit;
21021
+ border-start-end-radius: 0;
21022
+ border-end-end-radius: 0;
21023
+ border-end-start-radius: inherit;
21024
+ border-inline-end-width: 0;
21025
+ border-inline-start-width: var(--v-field-border-width);
21026
+ }
20809
21027
 
20810
21028
  /* endregion */
20811
21029
  /* region LOADER */
@@ -20886,7 +21104,9 @@ textarea.v-field__input::placeholder {
20886
21104
 
20887
21105
  /* endregion */
20888
21106
  /* region MODIFIERS */
20889
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21107
+ .v-field--reverse .v-field__field,
21108
+ .v-field--reverse .v-field__input,
21109
+ .v-field--reverse .v-field__outline {
20890
21110
  flex-direction: row-reverse;
20891
21111
  }
20892
21112
  .v-field--reverse .v-field__input, .v-field--reverse input {
@@ -20903,206 +21123,7 @@ textarea.v-field__input::placeholder {
20903
21123
  opacity: 0;
20904
21124
  }
20905
21125
 
20906
- /* endregion */.v-expansion-panel {
20907
- background-color: rgb(var(--v-theme-surface));
20908
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20909
- }
20910
- .v-expansion-panel:not(:first-child)::after {
20911
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20912
- }
20913
- .v-expansion-panel--disabled .v-expansion-panel-title {
20914
- color: rgba(var(--v-theme-on-surface), 0.26);
20915
- }
20916
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20917
- opacity: 0.4615384615;
20918
- }
20919
-
20920
- .v-expansion-panels {
20921
- display: flex;
20922
- flex-wrap: wrap;
20923
- justify-content: center;
20924
- list-style-type: none;
20925
- padding: 0;
20926
- width: 100%;
20927
- position: relative;
20928
- z-index: 1;
20929
- }
20930
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20931
- border-bottom-left-radius: 0 !important;
20932
- border-bottom-right-radius: 0 !important;
20933
- }
20934
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20935
- border-top-left-radius: 0 !important;
20936
- border-top-right-radius: 0 !important;
20937
- }
20938
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20939
- border-bottom-left-radius: 0 !important;
20940
- border-bottom-right-radius: 0 !important;
20941
- }
20942
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20943
- border-top-left-radius: 0 !important;
20944
- border-top-right-radius: 0 !important;
20945
- }
20946
- .v-expansion-panels--variant-accordion > :first-child {
20947
- border-bottom-left-radius: 0 !important;
20948
- border-bottom-right-radius: 0 !important;
20949
- }
20950
- .v-expansion-panels--variant-accordion > :last-child {
20951
- border-top-left-radius: 0 !important;
20952
- border-top-right-radius: 0 !important;
20953
- }
20954
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20955
- border-bottom-left-radius: initial;
20956
- border-bottom-right-radius: initial;
20957
- }
20958
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20959
- border-radius: 0 !important;
20960
- }
20961
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20962
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20963
- }
20964
-
20965
- .v-expansion-panel {
20966
- flex: 1 0 100%;
20967
- max-width: 100%;
20968
- position: relative;
20969
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20970
- transition-property: margin-top, border-radius, border, max-width;
20971
- border-radius: 4px;
20972
- }
20973
- .v-expansion-panel:not(:first-child)::after {
20974
- border-top-style: solid;
20975
- border-top-width: thin;
20976
- content: "";
20977
- left: 0;
20978
- position: absolute;
20979
- right: 0;
20980
- top: 0;
20981
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20982
- }
20983
- .v-expansion-panel--disabled .v-expansion-panel-title {
20984
- pointer-events: none;
20985
- }
20986
- .v-expansion-panel--active:not(:first-child),
20987
- .v-expansion-panel--active + .v-expansion-panel {
20988
- margin-top: 16px;
20989
- }
20990
- .v-expansion-panel--active:not(:first-child)::after,
20991
- .v-expansion-panel--active + .v-expansion-panel::after {
20992
- opacity: 0;
20993
- }
20994
- .v-expansion-panel--active > .v-expansion-panel-title {
20995
- border-bottom-left-radius: 0;
20996
- border-bottom-right-radius: 0;
20997
- }
20998
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20999
- min-height: 64px;
21000
- }
21001
-
21002
- .v-expansion-panel__shadow {
21003
- position: absolute;
21004
- top: 0;
21005
- left: 0;
21006
- width: 100%;
21007
- height: 100%;
21008
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21009
- border-radius: inherit;
21010
- z-index: -1;
21011
- }
21012
-
21013
- .v-expansion-panel-title {
21014
- align-items: center;
21015
- text-align: start;
21016
- border-radius: inherit;
21017
- display: flex;
21018
- font-size: 0.9375rem;
21019
- line-height: 1;
21020
- min-height: 48px;
21021
- outline: none;
21022
- padding: 16px 24px;
21023
- position: relative;
21024
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21025
- width: 100%;
21026
- justify-content: space-between;
21027
- }
21028
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21029
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21030
- }
21031
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21032
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21033
- }
21034
- @supports not selector(:focus-visible) {
21035
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21036
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21037
- }
21038
- }
21039
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21040
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21041
- }
21042
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21043
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21044
- }
21045
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21046
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21047
- }
21048
- @supports not selector(:focus-visible) {
21049
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21050
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21051
- }
21052
- }
21053
- .v-expansion-panel-title--active::before {
21054
- opacity: 0.12;
21055
- }
21056
-
21057
- .v-expansion-panel-title__overlay {
21058
- position: absolute;
21059
- top: 0;
21060
- left: 0;
21061
- width: 100%;
21062
- height: 100%;
21063
- background-color: currentColor;
21064
- border-radius: inherit;
21065
- opacity: 0;
21066
- }
21067
-
21068
- .v-expansion-panel-title__icon {
21069
- display: inline-flex;
21070
- margin-bottom: -4px;
21071
- margin-top: -4px;
21072
- -webkit-user-select: none;
21073
- user-select: none;
21074
- margin-inline-start: auto;
21075
- }
21076
-
21077
- .v-expansion-panel-text {
21078
- display: flex;
21079
- }
21080
- .v-expansion-panel-text__wrapper {
21081
- padding: 8px 24px 16px;
21082
- flex: 1 1 auto;
21083
- max-width: 100%;
21084
- }
21085
-
21086
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21087
- margin-top: 0;
21088
- }
21089
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21090
- opacity: 1;
21091
- }
21092
-
21093
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21094
- max-width: calc(100% - 32px);
21095
- }
21096
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21097
- max-width: calc(100% + 16px);
21098
- }
21099
-
21100
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21101
- max-width: 100%;
21102
- }
21103
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21104
- max-width: calc(100% - 32px);
21105
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21126
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21106
21127
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21107
21128
  .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21108
21129
  .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
@@ -21150,6 +21171,55 @@ textarea.v-field__input::placeholder {
21150
21171
  }
21151
21172
  .v-footer--rounded {
21152
21173
  border-radius: 4px;
21174
+ }.v-icon {
21175
+ --v-icon-size-multiplier: 1;
21176
+ align-items: center;
21177
+ display: inline-flex;
21178
+ font-feature-settings: "liga";
21179
+ height: 1em;
21180
+ justify-content: center;
21181
+ letter-spacing: normal;
21182
+ line-height: 1;
21183
+ position: relative;
21184
+ text-indent: 0;
21185
+ text-align: center;
21186
+ -webkit-user-select: none;
21187
+ user-select: none;
21188
+ vertical-align: middle;
21189
+ width: 1em;
21190
+ min-width: 1em;
21191
+ }
21192
+ .v-icon--clickable {
21193
+ cursor: pointer;
21194
+ }
21195
+ .v-icon--size-x-small {
21196
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21197
+ }
21198
+ .v-icon--size-small {
21199
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21200
+ }
21201
+ .v-icon--size-default {
21202
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21203
+ }
21204
+ .v-icon--size-large {
21205
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21206
+ }
21207
+ .v-icon--size-x-large {
21208
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
21209
+ }
21210
+
21211
+ .v-icon__svg {
21212
+ fill: currentColor;
21213
+ width: 100%;
21214
+ height: 100%;
21215
+ }
21216
+
21217
+ .v-icon--start {
21218
+ margin-inline-end: 8px;
21219
+ }
21220
+
21221
+ .v-icon--end {
21222
+ margin-inline-start: 8px;
21153
21223
  }.v-img {
21154
21224
  --v-theme-overlay-multiplier: 3;
21155
21225
  z-index: 0;
@@ -21211,55 +21281,6 @@ textarea.v-field__input::placeholder {
21211
21281
  display: flex;
21212
21282
  justify-content: center;
21213
21283
  padding: 8px;
21214
- }.v-icon {
21215
- --v-icon-size-multiplier: 1;
21216
- align-items: center;
21217
- display: inline-flex;
21218
- font-feature-settings: "liga";
21219
- height: 1em;
21220
- justify-content: center;
21221
- letter-spacing: normal;
21222
- line-height: 1;
21223
- position: relative;
21224
- text-indent: 0;
21225
- text-align: center;
21226
- -webkit-user-select: none;
21227
- user-select: none;
21228
- vertical-align: middle;
21229
- width: 1em;
21230
- min-width: 1em;
21231
- }
21232
- .v-icon--clickable {
21233
- cursor: pointer;
21234
- }
21235
- .v-icon--size-x-small {
21236
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21237
- }
21238
- .v-icon--size-small {
21239
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21240
- }
21241
- .v-icon--size-default {
21242
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21243
- }
21244
- .v-icon--size-large {
21245
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21246
- }
21247
- .v-icon--size-x-large {
21248
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
21249
- }
21250
-
21251
- .v-icon__svg {
21252
- fill: currentColor;
21253
- width: 100%;
21254
- height: 100%;
21255
- }
21256
-
21257
- .v-icon--start {
21258
- margin-inline-end: 8px;
21259
- }
21260
-
21261
- .v-icon--end {
21262
- margin-inline-start: 8px;
21263
21284
  }.v-input {
21264
21285
  display: grid;
21265
21286
  flex: 1 1 auto;
@@ -21422,13 +21443,6 @@ textarea.v-field__input::placeholder {
21422
21443
 
21423
21444
  .v-label--clickable {
21424
21445
  cursor: pointer;
21425
- }.v-layout-item {
21426
- position: absolute;
21427
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21428
- }
21429
-
21430
- .v-layout-item--absolute {
21431
- position: absolute;
21432
21446
  }.v-layout {
21433
21447
  --v-scrollbar-offset: 0px;
21434
21448
  display: flex;
@@ -21437,8 +21451,13 @@ textarea.v-field__input::placeholder {
21437
21451
  .v-layout--full-height {
21438
21452
  --v-scrollbar-offset: inherit;
21439
21453
  height: 100%;
21440
- }.v-locale-provider {
21441
- display: contents;
21454
+ }.v-layout-item {
21455
+ position: absolute;
21456
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21457
+ }
21458
+
21459
+ .v-layout-item--absolute {
21460
+ position: absolute;
21442
21461
  }.v-list {
21443
21462
  overflow: auto;
21444
21463
  padding: 8px 0;
@@ -21787,7 +21806,8 @@ textarea.v-field__input::placeholder {
21787
21806
  overflow: hidden;
21788
21807
  padding: 0;
21789
21808
  text-overflow: ellipsis;
21790
- word-break: break-all;
21809
+ overflow-wrap: break-word;
21810
+ word-break: initial;
21791
21811
  font-size: 0.875rem;
21792
21812
  font-weight: 400;
21793
21813
  letter-spacing: 0.0178571429em;
@@ -21990,35 +22010,8 @@ textarea.v-field__input::placeholder {
21990
22010
  }
21991
22011
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21992
22012
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21993
- }.v-menu > .v-overlay__content {
21994
- display: flex;
21995
- flex-direction: column;
21996
- border-radius: 4px;
21997
- }
21998
- .v-menu > .v-overlay__content > .v-card,
21999
- .v-menu > .v-overlay__content > .v-sheet,
22000
- .v-menu > .v-overlay__content > .v-list {
22001
- background: rgb(var(--v-theme-surface));
22002
- border-radius: inherit;
22003
- overflow: auto;
22004
- height: 100%;
22005
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22006
- }.v-messages {
22007
- flex: 1 1 auto;
22008
- font-size: 12px;
22009
- min-height: 14px;
22010
- min-width: 1px;
22011
- opacity: var(--v-medium-emphasis-opacity);
22012
- position: relative;
22013
- }
22014
- .v-messages__message {
22015
- line-height: 12px;
22016
- word-break: break-word;
22017
- overflow-wrap: break-word;
22018
- word-wrap: break-word;
22019
- -webkit-hyphens: auto;
22020
- hyphens: auto;
22021
- transition-duration: 150ms;
22013
+ }.v-locale-provider {
22014
+ display: contents;
22022
22015
  }.v-main {
22023
22016
  flex: 1 0 auto;
22024
22017
  max-width: 100%;
@@ -22047,62 +22040,35 @@ textarea.v-field__input::placeholder {
22047
22040
  --v-layout-right: 0px;
22048
22041
  --v-layout-top: 0px;
22049
22042
  --v-layout-bottom: 0px;
22050
- }.v-otp-input {
22051
- border-radius: 4px;
22052
- align-items: center;
22043
+ }.v-menu > .v-overlay__content {
22053
22044
  display: flex;
22054
- justify-content: center;
22055
- padding: 0.5rem 0;
22056
- position: relative;
22057
- }
22058
- .v-otp-input .v-field {
22059
- height: 100%;
22060
- }
22061
-
22062
- .v-otp-input__divider {
22063
- margin: 0 8px;
22045
+ flex-direction: column;
22046
+ border-radius: 4px;
22064
22047
  }
22065
-
22066
- .v-otp-input__content {
22067
- align-items: center;
22068
- display: flex;
22069
- gap: 0.5rem;
22070
- height: 64px;
22071
- padding: 0.5rem;
22072
- justify-content: center;
22073
- max-width: 320px;
22074
- position: relative;
22048
+ .v-menu > .v-overlay__content > .v-card,
22049
+ .v-menu > .v-overlay__content > .v-sheet,
22050
+ .v-menu > .v-overlay__content > .v-list {
22051
+ background: rgb(var(--v-theme-surface));
22075
22052
  border-radius: inherit;
22076
- }
22077
- .v-otp-input--divided .v-otp-input__content {
22078
- max-width: 360px;
22079
- }
22080
-
22081
- .v-otp-input__field {
22082
- color: inherit;
22083
- font-size: 1.25rem;
22084
- height: 100%;
22085
- outline: none;
22086
- text-align: center;
22087
- width: 100%;
22088
- }
22089
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22090
- -webkit-appearance: none;
22091
- margin: 0;
22092
- }
22093
- .v-otp-input__field[type=number] {
22094
- -moz-appearance: textfield;
22095
- }
22096
-
22097
- .v-otp-input__loader {
22098
- align-items: center;
22099
- display: flex;
22053
+ overflow: auto;
22100
22054
  height: 100%;
22101
- justify-content: center;
22102
- width: 100%;
22055
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22056
+ }.v-messages {
22057
+ flex: 1 1 auto;
22058
+ font-size: 12px;
22059
+ min-height: 14px;
22060
+ min-width: 1px;
22061
+ opacity: var(--v-medium-emphasis-opacity);
22062
+ position: relative;
22103
22063
  }
22104
- .v-otp-input__loader .v-progress-linear {
22105
- position: absolute;
22064
+ .v-messages__message {
22065
+ line-height: 12px;
22066
+ word-break: break-word;
22067
+ overflow-wrap: break-word;
22068
+ word-wrap: break-word;
22069
+ -webkit-hyphens: auto;
22070
+ hyphens: auto;
22071
+ transition-duration: 150ms;
22106
22072
  }.v-navigation-drawer {
22107
22073
  -webkit-overflow-scrolling: touch;
22108
22074
  background: rgb(var(--v-theme-surface));
@@ -22253,17 +22219,73 @@ html.v-overlay-scroll-blocked {
22253
22219
  right: 0;
22254
22220
  top: 0;
22255
22221
  }
22256
-
22257
- .v-overlay--absolute {
22258
- position: absolute;
22222
+
22223
+ .v-overlay--absolute {
22224
+ position: absolute;
22225
+ }
22226
+
22227
+ .v-overlay--contained .v-overlay__scrim {
22228
+ position: absolute;
22229
+ }
22230
+
22231
+ .v-overlay--scroll-blocked {
22232
+ padding-inline-end: var(--v-scrollbar-offset);
22233
+ }.v-otp-input {
22234
+ border-radius: 4px;
22235
+ align-items: center;
22236
+ display: flex;
22237
+ justify-content: center;
22238
+ padding: 0.5rem 0;
22239
+ position: relative;
22240
+ }
22241
+ .v-otp-input .v-field {
22242
+ height: 100%;
22243
+ }
22244
+
22245
+ .v-otp-input__divider {
22246
+ margin: 0 8px;
22247
+ }
22248
+
22249
+ .v-otp-input__content {
22250
+ align-items: center;
22251
+ display: flex;
22252
+ gap: 0.5rem;
22253
+ height: 64px;
22254
+ padding: 0.5rem;
22255
+ justify-content: center;
22256
+ max-width: 320px;
22257
+ position: relative;
22258
+ border-radius: inherit;
22259
+ }
22260
+ .v-otp-input--divided .v-otp-input__content {
22261
+ max-width: 360px;
22259
22262
  }
22260
22263
 
22261
- .v-overlay--contained .v-overlay__scrim {
22262
- position: absolute;
22264
+ .v-otp-input__field {
22265
+ color: inherit;
22266
+ font-size: 1.25rem;
22267
+ height: 100%;
22268
+ outline: none;
22269
+ text-align: center;
22270
+ width: 100%;
22271
+ }
22272
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22273
+ -webkit-appearance: none;
22274
+ margin: 0;
22275
+ }
22276
+ .v-otp-input__field[type=number] {
22277
+ -moz-appearance: textfield;
22263
22278
  }
22264
22279
 
22265
- .v-overlay--scroll-blocked {
22266
- padding-inline-end: var(--v-scrollbar-offset);
22280
+ .v-otp-input__loader {
22281
+ align-items: center;
22282
+ display: flex;
22283
+ height: 100%;
22284
+ justify-content: center;
22285
+ width: 100%;
22286
+ }
22287
+ .v-otp-input__loader .v-progress-linear {
22288
+ position: absolute;
22267
22289
  }.v-pagination__list {
22268
22290
  display: inline-flex;
22269
22291
  list-style-type: none;
@@ -22590,6 +22612,72 @@ html.v-overlay-scroll-blocked {
22590
22612
  0% {
22591
22613
  background-position-x: var(--v-progress-linear-height);
22592
22614
  }
22615
+ }.v-radio-group > .v-input__control {
22616
+ flex-direction: column;
22617
+ }
22618
+ .v-radio-group > .v-input__control > .v-label {
22619
+ margin-inline-start: 16px;
22620
+ }
22621
+ .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22622
+ padding-inline-start: 6px;
22623
+ margin-top: 8px;
22624
+ }
22625
+ .v-radio-group .v-input__details {
22626
+ padding-inline: 16px;
22627
+ }.v-rating {
22628
+ max-width: 100%;
22629
+ display: inline-flex;
22630
+ white-space: nowrap;
22631
+ }
22632
+ .v-rating--readonly {
22633
+ pointer-events: none;
22634
+ }
22635
+
22636
+ .v-rating__wrapper {
22637
+ align-items: center;
22638
+ display: inline-flex;
22639
+ flex-direction: column;
22640
+ }
22641
+ .v-rating__wrapper--bottom {
22642
+ flex-direction: column-reverse;
22643
+ }
22644
+
22645
+ .v-rating__item {
22646
+ display: inline-flex;
22647
+ position: relative;
22648
+ }
22649
+ .v-rating__item label {
22650
+ cursor: pointer;
22651
+ }
22652
+ .v-rating__item .v-btn--variant-plain {
22653
+ opacity: 1;
22654
+ }
22655
+ .v-rating__item .v-btn {
22656
+ transition-property: transform;
22657
+ }
22658
+ .v-rating__item .v-btn .v-icon {
22659
+ transition: inherit;
22660
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22661
+ }
22662
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22663
+ transform: scale(1.25);
22664
+ }
22665
+ .v-rating__item--half {
22666
+ overflow: hidden;
22667
+ position: absolute;
22668
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22669
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22670
+ z-index: 1;
22671
+ }
22672
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22673
+ opacity: 0;
22674
+ }
22675
+
22676
+ .v-rating__hidden {
22677
+ height: 0;
22678
+ opacity: 0;
22679
+ position: absolute;
22680
+ width: 0;
22593
22681
  }.v-slider .v-slider__container input {
22594
22682
  cursor: default;
22595
22683
  padding: 0;
@@ -22647,18 +22735,6 @@ html.v-overlay-scroll-blocked {
22647
22735
 
22648
22736
  .v-slider__label {
22649
22737
  margin-inline-end: 12px;
22650
- }.v-radio-group > .v-input__control {
22651
- flex-direction: column;
22652
- }
22653
- .v-radio-group > .v-input__control > .v-label {
22654
- margin-inline-start: 16px;
22655
- }
22656
- .v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
22657
- padding-inline-start: 6px;
22658
- margin-top: 8px;
22659
- }
22660
- .v-radio-group .v-input__details {
22661
- padding-inline: 16px;
22662
22738
  }.v-responsive {
22663
22739
  display: flex;
22664
22740
  flex: 1 0 auto;
@@ -22685,60 +22761,6 @@ html.v-overlay-scroll-blocked {
22685
22761
  flex: 1 0 0px;
22686
22762
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22687
22763
  pointer-events: none;
22688
- }.v-rating {
22689
- max-width: 100%;
22690
- display: inline-flex;
22691
- white-space: nowrap;
22692
- }
22693
- .v-rating--readonly {
22694
- pointer-events: none;
22695
- }
22696
-
22697
- .v-rating__wrapper {
22698
- align-items: center;
22699
- display: inline-flex;
22700
- flex-direction: column;
22701
- }
22702
- .v-rating__wrapper--bottom {
22703
- flex-direction: column-reverse;
22704
- }
22705
-
22706
- .v-rating__item {
22707
- display: inline-flex;
22708
- position: relative;
22709
- }
22710
- .v-rating__item label {
22711
- cursor: pointer;
22712
- }
22713
- .v-rating__item .v-btn--variant-plain {
22714
- opacity: 1;
22715
- }
22716
- .v-rating__item .v-btn {
22717
- transition-property: transform;
22718
- }
22719
- .v-rating__item .v-btn .v-icon {
22720
- transition: inherit;
22721
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22722
- }
22723
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22724
- transform: scale(1.25);
22725
- }
22726
- .v-rating__item--half {
22727
- overflow: hidden;
22728
- position: absolute;
22729
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22730
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22731
- z-index: 1;
22732
- }
22733
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22734
- opacity: 0;
22735
- }
22736
-
22737
- .v-rating__hidden {
22738
- height: 0;
22739
- opacity: 0;
22740
- position: absolute;
22741
- width: 0;
22742
22764
  }.v-select .v-field .v-text-field__prefix,
22743
22765
  .v-select .v-field .v-text-field__suffix,
22744
22766
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22787,42 +22809,6 @@ html.v-overlay-scroll-blocked {
22787
22809
  .v-select--active-menu .v-select__menu-icon {
22788
22810
  opacity: var(--v-high-emphasis-opacity);
22789
22811
  transform: rotate(180deg);
22790
- }.v-selection-control-group {
22791
- grid-area: control;
22792
- display: flex;
22793
- flex-direction: column;
22794
- }
22795
- .v-selection-control-group--inline {
22796
- flex-direction: row;
22797
- flex-wrap: wrap;
22798
- }.v-sheet {
22799
- display: block;
22800
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22801
- border-style: solid;
22802
- border-width: 0;
22803
- 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));
22804
- border-radius: 0;
22805
- background: rgb(var(--v-theme-surface));
22806
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22807
- }
22808
- .v-sheet--border {
22809
- border-width: thin;
22810
- box-shadow: none;
22811
- }
22812
- .v-sheet--absolute {
22813
- position: absolute;
22814
- }
22815
- .v-sheet--fixed {
22816
- position: fixed;
22817
- }
22818
- .v-sheet--relative {
22819
- position: relative;
22820
- }
22821
- .v-sheet--sticky {
22822
- position: sticky;
22823
- }
22824
- .v-sheet--rounded {
22825
- border-radius: 4px;
22826
22812
  }.v-selection-control {
22827
22813
  align-items: center;
22828
22814
  contain: layout;
@@ -22924,48 +22910,42 @@ html.v-overlay-scroll-blocked {
22924
22910
  }
22925
22911
  .v-selection-control--focus-visible .v-selection-control__input::before {
22926
22912
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22927
- }.v-slide-group {
22913
+ }.v-selection-control-group {
22914
+ grid-area: control;
22928
22915
  display: flex;
22929
- overflow: hidden;
22916
+ flex-direction: column;
22930
22917
  }
22931
-
22932
- .v-slide-group__next,
22933
- .v-slide-group__prev {
22934
- align-items: center;
22935
- display: flex;
22936
- flex: 0 1 52px;
22937
- justify-content: center;
22938
- min-width: 52px;
22939
- cursor: pointer;
22918
+ .v-selection-control-group--inline {
22919
+ flex-direction: row;
22920
+ flex-wrap: wrap;
22921
+ }.v-sheet {
22922
+ display: block;
22923
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22924
+ border-style: solid;
22925
+ border-width: 0;
22926
+ 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));
22927
+ border-radius: 0;
22928
+ background: rgb(var(--v-theme-surface));
22929
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22940
22930
  }
22941
- .v-slide-group__next--disabled,
22942
- .v-slide-group__prev--disabled {
22943
- pointer-events: none;
22944
- opacity: var(--v-disabled-opacity);
22931
+ .v-sheet--border {
22932
+ border-width: thin;
22933
+ box-shadow: none;
22945
22934
  }
22946
-
22947
- .v-slide-group__content {
22948
- display: flex;
22949
- flex: 1 0 auto;
22950
- position: relative;
22951
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22952
- white-space: nowrap;
22935
+ .v-sheet--absolute {
22936
+ position: absolute;
22953
22937
  }
22954
- .v-slide-group__content > * {
22955
- white-space: initial;
22938
+ .v-sheet--fixed {
22939
+ position: fixed;
22956
22940
  }
22957
-
22958
- .v-slide-group__container {
22959
- contain: content;
22960
- display: flex;
22961
- flex: 1 1 auto;
22962
- overflow: hidden;
22941
+ .v-sheet--relative {
22942
+ position: relative;
22963
22943
  }
22964
-
22965
- .v-slide-group--vertical,
22966
- .v-slide-group--vertical .v-slide-group__container,
22967
- .v-slide-group--vertical .v-slide-group__content {
22968
- flex-direction: column;
22944
+ .v-sheet--sticky {
22945
+ position: sticky;
22946
+ }
22947
+ .v-sheet--rounded {
22948
+ border-radius: 4px;
22969
22949
  }.v-skeleton-loader {
22970
22950
  align-items: center;
22971
22951
  background: rgb(var(--v-theme-surface));
@@ -23189,122 +23169,48 @@ html.v-overlay-scroll-blocked {
23189
23169
  100% {
23190
23170
  transform: translateX(100%);
23191
23171
  }
23192
- }.v-stepper.v-sheet {
23193
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23194
- border-radius: 4px;
23172
+ }.v-slide-group {
23173
+ display: flex;
23195
23174
  overflow: hidden;
23196
23175
  }
23197
- .v-stepper.v-sheet.v-stepper--flat {
23198
- 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));
23199
- }
23200
23176
 
23201
- .v-stepper-header {
23202
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23177
+ .v-slide-group__next,
23178
+ .v-slide-group__prev {
23203
23179
  align-items: center;
23204
23180
  display: flex;
23205
- position: relative;
23206
- overflow-x: auto;
23207
- justify-content: space-between;
23208
- z-index: 1;
23209
- }
23210
- .v-stepper-header .v-divider {
23211
- margin: 0 -16px;
23212
- }
23213
- .v-stepper-header .v-divider:last-child {
23214
- margin-inline-end: 0;
23215
- }
23216
- .v-stepper-header .v-divider:first-child {
23217
- margin-inline-start: 0;
23218
- }
23219
- .v-stepper--alt-labels .v-stepper-header {
23220
- height: auto;
23221
- }
23222
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23223
- align-self: flex-start;
23224
- margin: 35px -67px 0;
23225
- }
23226
-
23227
- .v-stepper-window {
23228
- margin: 1.5rem;
23229
- }
23230
-
23231
- .v-stepper-actions {
23232
- display: flex;
23233
- align-items: center;
23234
- justify-content: space-between;
23235
- padding: 1rem;
23236
- }
23237
- .v-stepper .v-stepper-actions {
23238
- padding: 0 1.5rem 1rem;
23239
- }
23240
- .v-stepper-window-item .v-stepper-actions {
23241
- padding: 1.5rem 0 0;
23242
- }.v-stepper-item {
23243
- align-items: center;
23244
- align-self: stretch;
23245
- display: inline-flex;
23246
- flex: none;
23247
- opacity: var(--v-medium-emphasis-opacity);
23248
- padding: 1.5rem;
23249
- transition-duration: 0.2s;
23250
- transition-property: opacity;
23251
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23252
- }
23253
- .v-stepper-item--selected {
23254
- opacity: 1;
23255
- }
23256
- .v-stepper-item--error {
23257
- color: rgb(var(--v-theme-error));
23181
+ flex: 0 1 52px;
23182
+ justify-content: center;
23183
+ min-width: 52px;
23184
+ cursor: pointer;
23258
23185
  }
23259
- .v-stepper-item--disabled {
23260
- opacity: var(--v-medium-emphasis-opacity);
23186
+ .v-slide-group__next--disabled,
23187
+ .v-slide-group__prev--disabled {
23261
23188
  pointer-events: none;
23262
- }
23263
- .v-stepper--alt-labels .v-stepper-item {
23264
- flex-direction: column;
23265
- justify-content: flex-start;
23266
- align-items: center;
23267
- flex-basis: 175px;
23189
+ opacity: var(--v-disabled-opacity);
23268
23190
  }
23269
23191
 
23270
- .v-stepper-item__avatar.v-avatar {
23271
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23272
- color: rgb(var(--v-theme-on-surface-variant));
23273
- font-size: 0.75rem;
23274
- margin-inline-end: 8px;
23275
- }
23276
- .v-stepper-item__avatar.v-avatar .v-icon {
23277
- font-size: 0.875rem;
23278
- }
23279
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23280
- background: rgb(var(--v-theme-surface-variant));
23281
- }
23282
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23283
- background: rgb(var(--v-theme-error));
23192
+ .v-slide-group__content {
23193
+ display: flex;
23194
+ flex: 1 0 auto;
23195
+ position: relative;
23196
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23197
+ white-space: nowrap;
23284
23198
  }
23285
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23286
- margin-bottom: 16px;
23287
- margin-inline-end: 0;
23199
+ .v-slide-group__content > * {
23200
+ white-space: initial;
23288
23201
  }
23289
23202
 
23290
- .v-stepper-item__title {
23291
- line-height: 1;
23292
- }
23293
- .v-stepper--mobile .v-stepper-item__title {
23294
- display: none;
23203
+ .v-slide-group__container {
23204
+ contain: content;
23205
+ display: flex;
23206
+ flex: 1 1 auto;
23207
+ overflow: hidden;
23295
23208
  }
23296
23209
 
23297
- .v-stepper-item__subtitle {
23298
- font-size: 0.75rem;
23299
- text-align: left;
23300
- line-height: 1;
23301
- opacity: var(--v-medium-emphasis-opacity);
23302
- }
23303
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23304
- text-align: center;
23305
- }
23306
- .v-stepper--mobile .v-stepper-item__subtitle {
23307
- display: none;
23210
+ .v-slide-group--vertical,
23211
+ .v-slide-group--vertical .v-slide-group__container,
23212
+ .v-slide-group--vertical .v-slide-group__content {
23213
+ flex-direction: column;
23308
23214
  }.v-snackbar {
23309
23215
  justify-content: center;
23310
23216
  z-index: 10000;
@@ -23422,8 +23328,124 @@ html.v-overlay-scroll-blocked {
23422
23328
  .v-snackbar-transition-leave-active {
23423
23329
  transition-property: opacity;
23424
23330
  }
23425
- .v-snackbar-transition-leave-to {
23426
- opacity: 0;
23331
+ .v-snackbar-transition-leave-to {
23332
+ opacity: 0;
23333
+ }.v-stepper.v-sheet {
23334
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23335
+ border-radius: 4px;
23336
+ overflow: hidden;
23337
+ }
23338
+ .v-stepper.v-sheet.v-stepper--flat {
23339
+ 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));
23340
+ }
23341
+
23342
+ .v-stepper-header {
23343
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23344
+ align-items: center;
23345
+ display: flex;
23346
+ position: relative;
23347
+ overflow-x: auto;
23348
+ justify-content: space-between;
23349
+ z-index: 1;
23350
+ }
23351
+ .v-stepper-header .v-divider {
23352
+ margin: 0 -16px;
23353
+ }
23354
+ .v-stepper-header .v-divider:last-child {
23355
+ margin-inline-end: 0;
23356
+ }
23357
+ .v-stepper-header .v-divider:first-child {
23358
+ margin-inline-start: 0;
23359
+ }
23360
+ .v-stepper--alt-labels .v-stepper-header {
23361
+ height: auto;
23362
+ }
23363
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23364
+ align-self: flex-start;
23365
+ margin: 35px -67px 0;
23366
+ }
23367
+
23368
+ .v-stepper-window {
23369
+ margin: 1.5rem;
23370
+ }
23371
+
23372
+ .v-stepper-actions {
23373
+ display: flex;
23374
+ align-items: center;
23375
+ justify-content: space-between;
23376
+ padding: 1rem;
23377
+ }
23378
+ .v-stepper .v-stepper-actions {
23379
+ padding: 0 1.5rem 1rem;
23380
+ }
23381
+ .v-stepper-window-item .v-stepper-actions {
23382
+ padding: 1.5rem 0 0;
23383
+ }.v-stepper-item {
23384
+ align-items: center;
23385
+ align-self: stretch;
23386
+ display: inline-flex;
23387
+ flex: none;
23388
+ opacity: var(--v-medium-emphasis-opacity);
23389
+ padding: 1.5rem;
23390
+ transition-duration: 0.2s;
23391
+ transition-property: opacity;
23392
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23393
+ }
23394
+ .v-stepper-item--selected {
23395
+ opacity: 1;
23396
+ }
23397
+ .v-stepper-item--error {
23398
+ color: rgb(var(--v-theme-error));
23399
+ }
23400
+ .v-stepper-item--disabled {
23401
+ opacity: var(--v-medium-emphasis-opacity);
23402
+ pointer-events: none;
23403
+ }
23404
+ .v-stepper--alt-labels .v-stepper-item {
23405
+ flex-direction: column;
23406
+ justify-content: flex-start;
23407
+ align-items: center;
23408
+ flex-basis: 175px;
23409
+ }
23410
+
23411
+ .v-stepper-item__avatar.v-avatar {
23412
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23413
+ color: rgb(var(--v-theme-on-surface-variant));
23414
+ font-size: 0.75rem;
23415
+ margin-inline-end: 8px;
23416
+ }
23417
+ .v-stepper-item__avatar.v-avatar .v-icon {
23418
+ font-size: 0.875rem;
23419
+ }
23420
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23421
+ background: rgb(var(--v-theme-surface-variant));
23422
+ }
23423
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23424
+ background: rgb(var(--v-theme-error));
23425
+ }
23426
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23427
+ margin-bottom: 16px;
23428
+ margin-inline-end: 0;
23429
+ }
23430
+
23431
+ .v-stepper-item__title {
23432
+ line-height: 1;
23433
+ }
23434
+ .v-stepper--mobile .v-stepper-item__title {
23435
+ display: none;
23436
+ }
23437
+
23438
+ .v-stepper-item__subtitle {
23439
+ font-size: 0.75rem;
23440
+ text-align: left;
23441
+ line-height: 1;
23442
+ opacity: var(--v-medium-emphasis-opacity);
23443
+ }
23444
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23445
+ text-align: center;
23446
+ }
23447
+ .v-stepper--mobile .v-stepper-item__subtitle {
23448
+ display: none;
23427
23449
  }.v-switch .v-label {
23428
23450
  padding-inline-start: 10px;
23429
23451
  }
@@ -23917,6 +23939,133 @@ html.v-overlay-scroll-blocked {
23917
23939
  /* endregion */.v-theme-provider {
23918
23940
  background: rgb(var(--v-theme-background));
23919
23941
  color: rgb(var(--v-theme-on-background));
23942
+ }.v-toolbar {
23943
+ align-items: flex-start;
23944
+ display: flex;
23945
+ flex: none;
23946
+ flex-direction: column;
23947
+ justify-content: space-between;
23948
+ max-width: 100%;
23949
+ overflow: hidden;
23950
+ position: relative;
23951
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23952
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
23953
+ width: 100%;
23954
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23955
+ border-style: solid;
23956
+ border-width: 0;
23957
+ 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));
23958
+ border-radius: 0;
23959
+ background: rgb(var(--v-theme-surface-light));
23960
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23961
+ }
23962
+ .v-toolbar--border {
23963
+ border-width: thin;
23964
+ box-shadow: none;
23965
+ }
23966
+ .v-toolbar--absolute {
23967
+ position: absolute;
23968
+ }
23969
+ .v-toolbar--collapse {
23970
+ max-width: 112px;
23971
+ overflow: hidden;
23972
+ border-end-end-radius: 24px;
23973
+ }
23974
+ .v-toolbar--collapse .v-toolbar-title {
23975
+ display: none;
23976
+ }
23977
+ .v-toolbar--flat {
23978
+ 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));
23979
+ }
23980
+ .v-toolbar--floating {
23981
+ display: inline-flex;
23982
+ }
23983
+ .v-toolbar--rounded {
23984
+ border-radius: 4px;
23985
+ }
23986
+
23987
+ .v-toolbar__content,
23988
+ .v-toolbar__extension {
23989
+ align-items: center;
23990
+ display: flex;
23991
+ flex: 0 0 auto;
23992
+ position: relative;
23993
+ transition: inherit;
23994
+ width: 100%;
23995
+ }
23996
+
23997
+ .v-toolbar__content > .v-btn:first-child {
23998
+ margin-inline-start: 10px;
23999
+ }
24000
+ .v-toolbar__content > .v-btn:last-child {
24001
+ margin-inline-end: 10px;
24002
+ }
24003
+ .v-toolbar__content > .v-toolbar-title {
24004
+ margin-inline-start: 16px;
24005
+ }
24006
+ .v-toolbar--density-prominent .v-toolbar__content {
24007
+ align-items: flex-start;
24008
+ }
24009
+
24010
+ .v-toolbar__image {
24011
+ position: absolute;
24012
+ top: 0;
24013
+ left: 0;
24014
+ width: 100%;
24015
+ height: 100%;
24016
+ display: flex;
24017
+ opacity: var(--v-toolbar-image-opacity, 1);
24018
+ transition-property: opacity;
24019
+ }
24020
+
24021
+ .v-toolbar__prepend,
24022
+ .v-toolbar__append {
24023
+ align-items: center;
24024
+ align-self: stretch;
24025
+ display: flex;
24026
+ }
24027
+
24028
+ .v-toolbar__prepend {
24029
+ margin-inline: 10px auto;
24030
+ }
24031
+
24032
+ .v-toolbar__append {
24033
+ margin-inline: auto 10px;
24034
+ }
24035
+
24036
+ .v-toolbar-title {
24037
+ flex: 1 1;
24038
+ font-size: 1.25rem;
24039
+ min-width: 0;
24040
+ font-size: 1.25rem;
24041
+ font-weight: 400;
24042
+ letter-spacing: 0;
24043
+ line-height: 1.75rem;
24044
+ text-transform: none;
24045
+ }
24046
+ .v-toolbar--density-prominent .v-toolbar-title {
24047
+ align-self: flex-end;
24048
+ padding-bottom: 6px;
24049
+ font-size: 1.5rem;
24050
+ font-weight: 400;
24051
+ letter-spacing: 0;
24052
+ line-height: 2.25rem;
24053
+ text-transform: none;
24054
+ }
24055
+
24056
+ .v-toolbar-title__placeholder {
24057
+ overflow: hidden;
24058
+ text-overflow: ellipsis;
24059
+ white-space: nowrap;
24060
+ }
24061
+
24062
+ .v-toolbar-items {
24063
+ display: flex;
24064
+ height: inherit;
24065
+ align-self: stretch;
24066
+ }
24067
+ .v-toolbar-items > .v-btn {
24068
+ border-radius: 0;
23920
24069
  }.v-timeline .v-timeline-divider__dot {
23921
24070
  background: rgb(var(--v-theme-surface-light));
23922
24071
  }
@@ -24327,139 +24476,12 @@ html.v-overlay-scroll-blocked {
24327
24476
  .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
24328
24477
  --v-timeline-line-size-offset: 12px;
24329
24478
  }
24330
- .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 {
24331
- padding-block-end: 0;
24332
- }
24333
-
24334
- .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 {
24335
- padding-inline-end: 0;
24336
- }.v-toolbar {
24337
- align-items: flex-start;
24338
- display: flex;
24339
- flex: none;
24340
- flex-direction: column;
24341
- justify-content: space-between;
24342
- max-width: 100%;
24343
- overflow: hidden;
24344
- position: relative;
24345
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24346
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24347
- width: 100%;
24348
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24349
- border-style: solid;
24350
- border-width: 0;
24351
- 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));
24352
- border-radius: 0;
24353
- background: rgb(var(--v-theme-surface-light));
24354
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24355
- }
24356
- .v-toolbar--border {
24357
- border-width: thin;
24358
- box-shadow: none;
24359
- }
24360
- .v-toolbar--absolute {
24361
- position: absolute;
24362
- }
24363
- .v-toolbar--collapse {
24364
- max-width: 112px;
24365
- overflow: hidden;
24366
- border-end-end-radius: 24px;
24367
- }
24368
- .v-toolbar--collapse .v-toolbar-title {
24369
- display: none;
24370
- }
24371
- .v-toolbar--flat {
24372
- 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));
24373
- }
24374
- .v-toolbar--floating {
24375
- display: inline-flex;
24376
- }
24377
- .v-toolbar--rounded {
24378
- border-radius: 4px;
24379
- }
24380
-
24381
- .v-toolbar__content,
24382
- .v-toolbar__extension {
24383
- align-items: center;
24384
- display: flex;
24385
- flex: 0 0 auto;
24386
- position: relative;
24387
- transition: inherit;
24388
- width: 100%;
24389
- }
24390
-
24391
- .v-toolbar__content > .v-btn:first-child {
24392
- margin-inline-start: 10px;
24393
- }
24394
- .v-toolbar__content > .v-btn:last-child {
24395
- margin-inline-end: 10px;
24396
- }
24397
- .v-toolbar__content > .v-toolbar-title {
24398
- margin-inline-start: 16px;
24399
- }
24400
- .v-toolbar--density-prominent .v-toolbar__content {
24401
- align-items: flex-start;
24402
- }
24403
-
24404
- .v-toolbar__image {
24405
- position: absolute;
24406
- top: 0;
24407
- left: 0;
24408
- width: 100%;
24409
- height: 100%;
24410
- display: flex;
24411
- opacity: var(--v-toolbar-image-opacity, 1);
24412
- transition-property: opacity;
24413
- }
24414
-
24415
- .v-toolbar__prepend,
24416
- .v-toolbar__append {
24417
- align-items: center;
24418
- align-self: stretch;
24419
- display: flex;
24420
- }
24421
-
24422
- .v-toolbar__prepend {
24423
- margin-inline: 10px auto;
24424
- }
24425
-
24426
- .v-toolbar__append {
24427
- margin-inline: auto 10px;
24428
- }
24429
-
24430
- .v-toolbar-title {
24431
- flex: 1 1;
24432
- font-size: 1.25rem;
24433
- min-width: 0;
24434
- font-size: 1.25rem;
24435
- font-weight: 400;
24436
- letter-spacing: 0;
24437
- line-height: 1.75rem;
24438
- text-transform: none;
24439
- }
24440
- .v-toolbar--density-prominent .v-toolbar-title {
24441
- align-self: flex-end;
24442
- padding-bottom: 6px;
24443
- font-size: 1.5rem;
24444
- font-weight: 400;
24445
- letter-spacing: 0;
24446
- line-height: 2.25rem;
24447
- text-transform: none;
24448
- }
24449
-
24450
- .v-toolbar-title__placeholder {
24451
- overflow: hidden;
24452
- text-overflow: ellipsis;
24453
- white-space: nowrap;
24479
+ .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 {
24480
+ padding-block-end: 0;
24454
24481
  }
24455
24482
 
24456
- .v-toolbar-items {
24457
- display: flex;
24458
- height: inherit;
24459
- align-self: stretch;
24460
- }
24461
- .v-toolbar-items > .v-btn {
24462
- border-radius: 0;
24483
+ .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 {
24484
+ padding-inline-end: 0;
24463
24485
  }.v-tooltip > .v-overlay__content {
24464
24486
  background: rgb(var(--v-theme-surface-variant));
24465
24487
  color: rgb(var(--v-theme-on-surface-variant));
@@ -24473,6 +24495,7 @@ html.v-overlay-scroll-blocked {
24473
24495
  opacity: 1;
24474
24496
  pointer-events: none;
24475
24497
  transition-property: opacity, transform;
24498
+ overflow-wrap: break-word;
24476
24499
  }
24477
24500
  .v-tooltip > .v-overlay__content[class*=enter-active] {
24478
24501
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
@@ -24559,34 +24582,28 @@ html.v-overlay-scroll-blocked {
24559
24582
  }
24560
24583
  .v-window-y-reverse-transition-leave-to {
24561
24584
  transform: translateY(100%);
24562
- }.v-color-picker-edit {
24563
- display: flex;
24564
- margin-top: 24px;
24565
- }
24566
-
24567
- .v-color-picker-edit__input {
24568
- width: 100%;
24585
+ }.v-color-picker-canvas {
24569
24586
  display: flex;
24570
- flex-wrap: wrap;
24571
- justify-content: center;
24572
- text-align: center;
24587
+ position: relative;
24588
+ overflow: hidden;
24589
+ contain: content;
24590
+ touch-action: none;
24573
24591
  }
24574
- .v-color-picker-edit__input:not(:last-child) {
24575
- margin-inline-end: 8px;
24592
+ .v-color-picker-canvas__dot {
24593
+ position: absolute;
24594
+ top: 0;
24595
+ left: 0;
24596
+ width: 15px;
24597
+ height: 15px;
24598
+ background: transparent;
24599
+ border-radius: 50%;
24600
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24576
24601
  }
24577
- .v-color-picker-edit__input input {
24578
- border-radius: 4px;
24579
- margin-bottom: 8px;
24580
- min-width: 0;
24581
- outline: none;
24582
- text-align: center;
24583
- width: 100%;
24584
- height: 32px;
24585
- background: rgba(var(--v-theme-surface-variant), 0.2);
24586
- color: rgba(var(--v-theme-on-surface));
24602
+ .v-color-picker-canvas__dot--disabled {
24603
+ 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);
24587
24604
  }
24588
- .v-color-picker-edit__input span {
24589
- font-size: 0.75rem;
24605
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24606
+ will-change: transform;
24590
24607
  }.v-color-picker-swatches {
24591
24608
  overflow-y: auto;
24592
24609
  }
@@ -24622,28 +24639,34 @@ html.v-overlay-scroll-blocked {
24622
24639
  justify-content: center;
24623
24640
  width: 100%;
24624
24641
  height: 100%;
24625
- }.v-color-picker-canvas {
24642
+ }.v-color-picker-edit {
24626
24643
  display: flex;
24627
- position: relative;
24628
- overflow: hidden;
24629
- contain: content;
24630
- touch-action: none;
24644
+ margin-top: 24px;
24631
24645
  }
24632
- .v-color-picker-canvas__dot {
24633
- position: absolute;
24634
- top: 0;
24635
- left: 0;
24636
- width: 15px;
24637
- height: 15px;
24638
- background: transparent;
24639
- border-radius: 50%;
24640
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24646
+
24647
+ .v-color-picker-edit__input {
24648
+ width: 100%;
24649
+ display: flex;
24650
+ flex-wrap: wrap;
24651
+ justify-content: center;
24652
+ text-align: center;
24641
24653
  }
24642
- .v-color-picker-canvas__dot--disabled {
24643
- 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);
24654
+ .v-color-picker-edit__input:not(:last-child) {
24655
+ margin-inline-end: 8px;
24644
24656
  }
24645
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24646
- will-change: transform;
24657
+ .v-color-picker-edit__input input {
24658
+ border-radius: 4px;
24659
+ margin-bottom: 8px;
24660
+ min-width: 0;
24661
+ outline: none;
24662
+ text-align: center;
24663
+ width: 100%;
24664
+ height: 32px;
24665
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24666
+ color: rgba(var(--v-theme-on-surface));
24667
+ }
24668
+ .v-color-picker-edit__input span {
24669
+ font-size: 0.75rem;
24647
24670
  }.v-color-picker-preview__alpha .v-slider-track__background {
24648
24671
  background-color: transparent !important;
24649
24672
  }
@@ -24691,79 +24714,233 @@ html.v-overlay-scroll-blocked {
24691
24714
  background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24692
24715
  }
24693
24716
 
24694
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24695
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24717
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24718
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24719
+ }
24720
+
24721
+ .v-color-picker-preview__track {
24722
+ position: relative;
24723
+ width: 100%;
24724
+ margin: 0 !important;
24725
+ }
24726
+ .v-color-picker-preview__track .v-slider-track__fill {
24727
+ display: none;
24728
+ }
24729
+
24730
+ .v-color-picker-preview {
24731
+ align-items: center;
24732
+ display: flex;
24733
+ margin-bottom: 0;
24734
+ }
24735
+
24736
+ .v-color-picker-preview__eye-dropper {
24737
+ position: relative;
24738
+ margin-right: 12px;
24739
+ }.v-picker.v-sheet {
24740
+ 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));
24741
+ border-radius: 4px;
24742
+ display: grid;
24743
+ grid-auto-rows: min-content;
24744
+ grid-template-areas: "title" "header" "body";
24745
+ overflow: hidden;
24746
+ }
24747
+ .v-picker.v-sheet.v-picker--with-actions {
24748
+ grid-template-areas: "title" "header" "body" "actions";
24749
+ }
24750
+
24751
+ .v-picker__body {
24752
+ grid-area: body;
24753
+ }
24754
+
24755
+ .v-picker__header {
24756
+ grid-area: header;
24757
+ }
24758
+
24759
+ .v-picker__actions {
24760
+ grid-area: actions;
24761
+ padding: 0 12px 12px;
24762
+ display: flex;
24763
+ align-items: center;
24764
+ justify-content: flex-end;
24765
+ }
24766
+ .v-picker__actions .v-btn {
24767
+ min-width: 48px;
24768
+ }
24769
+ .v-picker__actions .v-btn:not(:last-child) {
24770
+ margin-inline-end: 8px;
24771
+ }
24772
+
24773
+ .v-picker--landscape {
24774
+ grid-template-areas: "title" "header body" "header body";
24775
+ }
24776
+
24777
+ .v-picker--landscape.v-picker--with-actions {
24778
+ grid-template-areas: "title" "header body" "header actions";
24779
+ }
24780
+
24781
+ .v-picker-title {
24782
+ text-transform: uppercase;
24783
+ font-size: 0.75rem;
24784
+ grid-area: title;
24785
+ padding-inline: 24px 12px;
24786
+ padding-top: 16px;
24787
+ padding-bottom: 16px;
24788
+ font-weight: 400;
24789
+ letter-spacing: 0.1666666667em;
24790
+ }.v-slider-thumb {
24791
+ touch-action: none;
24792
+ color: rgb(var(--v-theme-surface-variant));
24793
+ }
24794
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24795
+ color: inherit;
24796
+ }
24797
+
24798
+ .v-slider-thumb__label {
24799
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24800
+ color: rgb(var(--v-theme-on-surface-variant));
24801
+ }
24802
+ .v-slider-thumb__label::before {
24803
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24804
+ }
24805
+
24806
+ .v-slider-thumb {
24807
+ outline: none;
24808
+ position: absolute;
24809
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24810
+ }
24811
+
24812
+ .v-slider-thumb__surface {
24813
+ cursor: pointer;
24814
+ width: var(--v-slider-thumb-size);
24815
+ height: var(--v-slider-thumb-size);
24816
+ border-radius: 50%;
24817
+ -webkit-user-select: none;
24818
+ user-select: none;
24819
+ background-color: currentColor;
24820
+ }
24821
+ .v-slider-thumb__surface::before {
24822
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24823
+ content: "";
24824
+ color: inherit;
24825
+ top: 0;
24826
+ left: 0;
24827
+ width: 100%;
24828
+ height: 100%;
24829
+ border-radius: 50%;
24830
+ background: currentColor;
24831
+ position: absolute;
24832
+ pointer-events: none;
24833
+ opacity: 0;
24834
+ }
24835
+ .v-slider-thumb__surface::after {
24836
+ content: "";
24837
+ width: 42px;
24838
+ height: 42px;
24839
+ position: absolute;
24840
+ top: 50%;
24841
+ left: 50%;
24842
+ transform: translate(-50%, -50%);
24843
+ }
24844
+
24845
+ .v-slider-thumb__label-container {
24846
+ position: absolute;
24847
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24848
+ }
24849
+
24850
+ .v-slider-thumb__label {
24851
+ display: flex;
24852
+ align-items: center;
24853
+ justify-content: center;
24854
+ font-size: 0.75rem;
24855
+ min-width: 35px;
24856
+ height: 25px;
24857
+ border-radius: 4px;
24858
+ padding: 6px;
24859
+ position: absolute;
24860
+ -webkit-user-select: none;
24861
+ user-select: none;
24862
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24863
+ }
24864
+ .v-slider-thumb__label::before {
24865
+ content: "";
24866
+ width: 0;
24867
+ height: 0;
24868
+ position: absolute;
24869
+ }
24870
+
24871
+ .v-slider-thumb__ripple {
24872
+ position: absolute;
24873
+ left: calc(var(--v-slider-thumb-size) / -2);
24874
+ top: calc(var(--v-slider-thumb-size) / -2);
24875
+ width: calc(var(--v-slider-thumb-size) * 2);
24876
+ height: calc(var(--v-slider-thumb-size) * 2);
24877
+ background: inherit;
24878
+ }
24879
+
24880
+ .v-slider.v-input--horizontal .v-slider-thumb {
24881
+ top: 50%;
24882
+ transform: translateY(-50%);
24883
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24696
24884
  }
24697
-
24698
- .v-color-picker-preview__track {
24699
- position: relative;
24700
- width: 100%;
24701
- margin: 0 !important;
24885
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24886
+ left: calc(var(--v-slider-thumb-size) / 2);
24887
+ top: 0;
24702
24888
  }
24703
- .v-color-picker-preview__track .v-slider-track__fill {
24704
- display: none;
24889
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24890
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24705
24891
  }
24706
-
24707
- .v-color-picker-preview {
24708
- align-items: center;
24709
- display: flex;
24710
- margin-bottom: 0;
24892
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24893
+ transform: translateX(-50%);
24711
24894
  }
24712
24895
 
24713
- .v-color-picker-preview__eye-dropper {
24714
- position: relative;
24715
- margin-right: 12px;
24716
- }.v-picker.v-sheet {
24717
- 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));
24718
- border-radius: 4px;
24719
- display: grid;
24720
- grid-auto-rows: min-content;
24721
- grid-template-areas: "title" "header" "body";
24722
- overflow: hidden;
24723
- }
24724
- .v-picker.v-sheet.v-picker--with-actions {
24725
- grid-template-areas: "title" "header" "body" "actions";
24896
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24897
+ transform: translateX(50%);
24726
24898
  }
24727
24899
 
24728
- .v-picker__body {
24729
- grid-area: body;
24900
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24901
+ border-left: 6px solid transparent;
24902
+ border-right: 6px solid transparent;
24903
+ border-top: 6px solid currentColor;
24904
+ bottom: -6px;
24730
24905
  }
24731
24906
 
24732
- .v-picker__header {
24733
- grid-area: header;
24907
+ .v-slider.v-input--vertical .v-slider-thumb {
24908
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24734
24909
  }
24735
-
24736
- .v-picker__actions {
24737
- grid-area: actions;
24738
- padding: 0 12px 12px 12px;
24739
- display: flex;
24740
- align-items: center;
24741
- justify-content: flex-end;
24910
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24911
+ top: calc(var(--v-slider-thumb-size) / 2);
24912
+ right: 0;
24742
24913
  }
24743
- .v-picker__actions .v-btn {
24744
- min-width: 48px;
24914
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24915
+ top: -12.5px;
24916
+ left: calc(var(--v-slider-thumb-size) / 2);
24745
24917
  }
24746
- .v-picker__actions .v-btn:not(:last-child) {
24747
- margin-inline-end: 8px;
24918
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24919
+ border-right: 6px solid currentColor;
24920
+ border-top: 6px solid transparent;
24921
+ border-bottom: 6px solid transparent;
24922
+ left: -6px;
24748
24923
  }
24749
24924
 
24750
- .v-picker--landscape {
24751
- grid-template-areas: "title" "header body" "header body";
24925
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24926
+ transform: scale(2);
24927
+ opacity: var(--v-focus-opacity);
24752
24928
  }
24753
24929
 
24754
- .v-picker--landscape.v-picker--with-actions {
24755
- grid-template-areas: "title" "header body" "header actions";
24930
+ .v-slider-thumb--pressed {
24931
+ transition: none;
24932
+ }
24933
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24934
+ opacity: var(--v-pressed-opacity);
24756
24935
  }
24757
24936
 
24758
- .v-picker-title {
24759
- text-transform: uppercase;
24760
- font-size: 0.75rem;
24761
- grid-area: title;
24762
- padding-inline: 24px 12px;
24763
- padding-top: 16px;
24764
- padding-bottom: 16px;
24765
- font-weight: 600;
24766
- letter-spacing: 0.1666666667em;
24937
+ @media (hover: hover) {
24938
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24939
+ transform: scale(2);
24940
+ }
24941
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24942
+ opacity: var(--v-hover-opacity);
24943
+ }
24767
24944
  }.v-slider-track__background {
24768
24945
  background-color: rgb(var(--v-theme-surface-variant));
24769
24946
  }
@@ -24927,158 +25104,4 @@ html.v-overlay-scroll-blocked {
24927
25104
 
24928
25105
  .v-slider-track__background--opacity {
24929
25106
  opacity: 0.38;
24930
- }.v-slider-thumb {
24931
- touch-action: none;
24932
- color: rgb(var(--v-theme-surface-variant));
24933
- }
24934
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24935
- color: inherit;
24936
- }
24937
-
24938
- .v-slider-thumb__label {
24939
- background: rgba(var(--v-theme-surface-variant), 0.7);
24940
- color: rgb(var(--v-theme-on-surface-variant));
24941
- }
24942
- .v-slider-thumb__label::before {
24943
- color: rgba(var(--v-theme-surface-variant), 0.7);
24944
- }
24945
-
24946
- .v-slider-thumb {
24947
- outline: none;
24948
- position: absolute;
24949
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24950
- }
24951
-
24952
- .v-slider-thumb__surface {
24953
- cursor: pointer;
24954
- width: var(--v-slider-thumb-size);
24955
- height: var(--v-slider-thumb-size);
24956
- border-radius: 50%;
24957
- -webkit-user-select: none;
24958
- user-select: none;
24959
- background-color: currentColor;
24960
- }
24961
- .v-slider-thumb__surface::before {
24962
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24963
- content: "";
24964
- color: inherit;
24965
- top: 0;
24966
- left: 0;
24967
- width: 100%;
24968
- height: 100%;
24969
- border-radius: 50%;
24970
- background: currentColor;
24971
- position: absolute;
24972
- pointer-events: none;
24973
- opacity: 0;
24974
- }
24975
- .v-slider-thumb__surface::after {
24976
- content: "";
24977
- width: 42px;
24978
- height: 42px;
24979
- position: absolute;
24980
- top: 50%;
24981
- left: 50%;
24982
- transform: translate(-50%, -50%);
24983
- }
24984
-
24985
- .v-slider-thumb__label-container {
24986
- position: absolute;
24987
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24988
- }
24989
-
24990
- .v-slider-thumb__label {
24991
- display: flex;
24992
- align-items: center;
24993
- justify-content: center;
24994
- font-size: 0.75rem;
24995
- min-width: 35px;
24996
- height: 25px;
24997
- border-radius: 4px;
24998
- padding: 6px;
24999
- position: absolute;
25000
- -webkit-user-select: none;
25001
- user-select: none;
25002
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25003
- }
25004
- .v-slider-thumb__label::before {
25005
- content: "";
25006
- width: 0;
25007
- height: 0;
25008
- position: absolute;
25009
- }
25010
-
25011
- .v-slider-thumb__ripple {
25012
- position: absolute;
25013
- left: calc(var(--v-slider-thumb-size) / -2);
25014
- top: calc(var(--v-slider-thumb-size) / -2);
25015
- width: calc(var(--v-slider-thumb-size) * 2);
25016
- height: calc(var(--v-slider-thumb-size) * 2);
25017
- background: inherit;
25018
- }
25019
-
25020
- .v-slider.v-input--horizontal .v-slider-thumb {
25021
- top: 50%;
25022
- transform: translateY(-50%);
25023
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25024
- }
25025
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25026
- left: calc(var(--v-slider-thumb-size) / 2);
25027
- top: 0;
25028
- }
25029
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25030
- bottom: calc(var(--v-slider-thumb-size) / 2);
25031
- }
25032
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25033
- transform: translateX(-50%);
25034
- }
25035
-
25036
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25037
- transform: translateX(50%);
25038
- }
25039
-
25040
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25041
- border-left: 6px solid transparent;
25042
- border-right: 6px solid transparent;
25043
- border-top: 6px solid currentColor;
25044
- bottom: -6px;
25045
- }
25046
-
25047
- .v-slider.v-input--vertical .v-slider-thumb {
25048
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25049
- }
25050
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25051
- top: calc(var(--v-slider-thumb-size) / 2);
25052
- right: 0;
25053
- }
25054
- .v-slider.v-input--vertical .v-slider-thumb__label {
25055
- top: -12.5px;
25056
- left: calc(var(--v-slider-thumb-size) / 2);
25057
- }
25058
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25059
- border-right: 6px solid currentColor;
25060
- border-top: 6px solid transparent;
25061
- border-bottom: 6px solid transparent;
25062
- left: -6px;
25063
- }
25064
-
25065
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25066
- transform: scale(2);
25067
- opacity: var(--v-focus-opacity);
25068
- }
25069
-
25070
- .v-slider-thumb--pressed {
25071
- transition: none;
25072
- }
25073
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25074
- opacity: var(--v-pressed-opacity);
25075
- }
25076
-
25077
- @media (hover: hover) {
25078
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25079
- transform: scale(2);
25080
- }
25081
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25082
- opacity: var(--v-hover-opacity);
25083
- }
25084
25107
  }