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

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 (93) hide show
  1. package/CHANGELOG.md +7 -13
  2. package/dist/json/attributes.json +31 -31
  3. package/dist/json/importMap-labs.json +8 -8
  4. package/dist/json/importMap.json +124 -124
  5. package/dist/json/web-types.json +64 -64
  6. package/dist/vuetify-labs.css +2434 -2363
  7. package/dist/vuetify-labs.d.ts +995 -966
  8. package/dist/vuetify-labs.esm.js +104 -70
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +103 -69
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +775 -708
  13. package/dist/vuetify.d.ts +965 -936
  14. package/dist/vuetify.esm.js +104 -70
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +103 -69
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +981 -976
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +169 -140
  22. package/lib/components/VBottomSheet/index.d.mts +33 -27
  23. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +1 -1
  24. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  25. package/lib/components/VCombobox/index.d.mts +169 -140
  26. package/lib/components/VDataIterator/index.d.mts +1 -1
  27. package/lib/components/VDataTable/VDataTable.css +1 -1
  28. package/lib/components/VDataTable/VDataTable.sass +2 -1
  29. package/lib/components/VDataTable/VDataTableHeaders.mjs +1 -1
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  31. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  32. package/lib/components/VDataTable/composables/select.mjs +2 -1
  33. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  34. package/lib/components/VDataTable/index.d.mts +10 -5
  35. package/lib/components/VDatePicker/VDatePickerYears.mjs +4 -4
  36. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  37. package/lib/components/VDialog/index.d.mts +99 -93
  38. package/lib/components/VFileInput/VFileInput.mjs +1 -1
  39. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  40. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs +1 -1
  41. package/lib/components/VInfiniteScroll/VInfiniteScroll.mjs.map +1 -1
  42. package/lib/components/VList/VList.mjs.map +1 -1
  43. package/lib/components/VList/index.d.mts +70 -46
  44. package/lib/components/VMenu/index.d.mts +99 -93
  45. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  46. package/lib/components/VOverlay/index.d.mts +33 -27
  47. package/lib/components/VOverlay/useActivator.mjs +5 -5
  48. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  49. package/lib/components/VSelect/index.d.mts +169 -140
  50. package/lib/components/VSheet/VSheet.css +1 -1
  51. package/lib/components/VSheet/_variables.scss +1 -1
  52. package/lib/components/VSlideGroup/VSlideGroup.mjs +25 -25
  53. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  54. package/lib/components/VSlider/VSliderThumb.css +5 -0
  55. package/lib/components/VSlider/VSliderThumb.sass +3 -0
  56. package/lib/components/VSlider/VSliderTrack.css +15 -0
  57. package/lib/components/VSlider/VSliderTrack.sass +9 -0
  58. package/lib/components/VSnackbar/index.d.mts +85 -79
  59. package/lib/components/VSpeedDial/index.d.mts +33 -27
  60. package/lib/components/VStepper/VStepper.mjs +12 -6
  61. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  62. package/lib/components/VStepper/VStepperItem.css +47 -0
  63. package/lib/components/VStepper/VStepperItem.mjs +5 -3
  64. package/lib/components/VStepper/VStepperItem.mjs.map +1 -1
  65. package/lib/components/VStepper/VStepperItem.sass +18 -0
  66. package/lib/components/VStepper/VStepperWindow.mjs +2 -1
  67. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  68. package/lib/components/VStepper/VStepperWindowItem.mjs +2 -1
  69. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  70. package/lib/components/VTabs/VTabsWindow.mjs +2 -1
  71. package/lib/components/VTabs/VTabsWindow.mjs.map +1 -1
  72. package/lib/components/VTooltip/index.d.mts +99 -93
  73. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  74. package/lib/components/index.d.mts +926 -897
  75. package/lib/composables/nested/activeStrategies.mjs +16 -10
  76. package/lib/composables/nested/activeStrategies.mjs.map +1 -1
  77. package/lib/composables/nested/nested.mjs +7 -5
  78. package/lib/composables/nested/nested.mjs.map +1 -1
  79. package/lib/composables/resizeObserver.mjs +5 -5
  80. package/lib/composables/resizeObserver.mjs.map +1 -1
  81. package/lib/entry-bundler.mjs +1 -1
  82. package/lib/framework.mjs +1 -1
  83. package/lib/index.d.mts +39 -39
  84. package/lib/labs/VCalendar/VCalendar.css +5 -1
  85. package/lib/labs/VCalendar/VCalendar.sass +3 -2
  86. package/lib/labs/VCalendar/_variables.scss +8 -0
  87. package/lib/labs/VSnackbarQueue/index.d.mts +97 -91
  88. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  89. package/lib/labs/VTreeview/index.d.mts +82 -58
  90. package/lib/labs/components.d.mts +178 -149
  91. package/lib/util/helpers.mjs +16 -0
  92. package/lib/util/helpers.mjs.map +1 -1
  93. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-master.2024-05-07
2
+ * Vuetify v3.6.4-master.2024-05-09
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18127,6 +18127,61 @@ html.overflow-y-hidden {
18127
18127
  display: inline-flex;
18128
18128
  justify-content: center;
18129
18129
  margin: 0 4px;
18130
+ }.v-bottom-navigation {
18131
+ display: flex;
18132
+ max-width: 100%;
18133
+ overflow: hidden;
18134
+ position: absolute;
18135
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18136
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
+ border-style: solid;
18138
+ border-width: 0;
18139
+ border-radius: 0;
18140
+ background: rgb(var(--v-theme-surface));
18141
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
+ }
18143
+ .v-bottom-navigation--border {
18144
+ border-width: thin;
18145
+ box-shadow: none;
18146
+ }
18147
+ .v-bottom-navigation--active {
18148
+ 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));
18149
+ }
18150
+
18151
+ .v-bottom-navigation__content {
18152
+ display: flex;
18153
+ flex: none;
18154
+ font-size: 0.75rem;
18155
+ justify-content: center;
18156
+ transition: inherit;
18157
+ width: 100%;
18158
+ }
18159
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18160
+ font-size: inherit;
18161
+ height: 100%;
18162
+ max-width: 168px;
18163
+ min-width: 80px;
18164
+ text-transform: none;
18165
+ transition: inherit;
18166
+ width: auto;
18167
+ border-radius: 0;
18168
+ }
18169
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18170
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18171
+ transition: inherit;
18172
+ }
18173
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18174
+ font-size: 1.5rem;
18175
+ }
18176
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18177
+ flex-grow: 1;
18178
+ }
18179
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18180
+ transition: inherit;
18181
+ opacity: 0;
18182
+ }
18183
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18184
+ transform: translateY(0.5rem);
18130
18185
  }.v-banner {
18131
18186
  display: grid;
18132
18187
  flex: 1 1;
@@ -18284,61 +18339,6 @@ html.overflow-y-hidden {
18284
18339
  }
18285
18340
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18286
18341
  align-self: flex-start;
18287
- }.v-bottom-navigation {
18288
- display: flex;
18289
- max-width: 100%;
18290
- overflow: hidden;
18291
- position: absolute;
18292
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18293
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
- border-style: solid;
18295
- border-width: 0;
18296
- border-radius: 0;
18297
- background: rgb(var(--v-theme-surface));
18298
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18299
- }
18300
- .v-bottom-navigation--border {
18301
- border-width: thin;
18302
- box-shadow: none;
18303
- }
18304
- .v-bottom-navigation--active {
18305
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18306
- }
18307
-
18308
- .v-bottom-navigation__content {
18309
- display: flex;
18310
- flex: none;
18311
- font-size: 0.75rem;
18312
- justify-content: center;
18313
- transition: inherit;
18314
- width: 100%;
18315
- }
18316
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18317
- font-size: inherit;
18318
- height: 100%;
18319
- max-width: 168px;
18320
- min-width: 80px;
18321
- text-transform: none;
18322
- transition: inherit;
18323
- width: auto;
18324
- border-radius: 0;
18325
- }
18326
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18327
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18328
- transition: inherit;
18329
- }
18330
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18331
- font-size: 1.5rem;
18332
- }
18333
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18334
- flex-grow: 1;
18335
- }
18336
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18337
- transition: inherit;
18338
- opacity: 0;
18339
- }
18340
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18341
- transform: translateY(0.5rem);
18342
18342
  }.bottom-sheet-transition-enter-from {
18343
18343
  transform: translateY(100%);
18344
18344
  }
@@ -18840,19 +18840,6 @@ html.overflow-y-hidden {
18840
18840
  }
18841
18841
  .v-pagination__item--is-active .v-btn__overlay {
18842
18842
  opacity: var(--v-border-opacity);
18843
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18844
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18845
- }
18846
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18847
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18848
- }
18849
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18850
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18851
- }
18852
- @supports not selector(:focus-visible) {
18853
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18854
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18855
- }
18856
18843
  }.v-btn-group {
18857
18844
  display: inline-flex;
18858
18845
  flex-wrap: nowrap;
@@ -18909,6 +18896,19 @@ html.overflow-y-hidden {
18909
18896
  }
18910
18897
  .v-btn-group--tile {
18911
18898
  border-radius: 0;
18899
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18900
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18901
+ }
18902
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18903
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18904
+ }
18905
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18906
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18907
+ }
18908
+ @supports not selector(:focus-visible) {
18909
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18910
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18911
+ }
18912
18912
  }.v-card {
18913
18913
  display: block;
18914
18914
  overflow: hidden;
@@ -20653,7 +20653,7 @@ html.overflow-y-hidden {
20653
20653
  }
20654
20654
 
20655
20655
  .v-data-table__td-title {
20656
- font-weight: bold;
20656
+ font-weight: 500;
20657
20657
  text-align: left;
20658
20658
  }
20659
20659
 
@@ -20697,6 +20697,12 @@ html.overflow-y-hidden {
20697
20697
  }
20698
20698
  .v-data-table-footer__page {
20699
20699
  padding: 0 8px;
20700
+ }.v-date-picker {
20701
+ overflow: hidden;
20702
+ width: 328px;
20703
+ }
20704
+ .v-date-picker--show-week {
20705
+ width: 368px;
20700
20706
  }.v-date-picker-controls {
20701
20707
  display: flex;
20702
20708
  align-items: center;
@@ -20753,12 +20759,6 @@ html.overflow-y-hidden {
20753
20759
 
20754
20760
  .v-date-picker__title {
20755
20761
  display: inline-block;
20756
- }.v-date-picker {
20757
- overflow: hidden;
20758
- width: 328px;
20759
- }
20760
- .v-date-picker--show-week {
20761
- width: 368px;
20762
20762
  }.v-date-picker-header {
20763
20763
  align-items: flex-end;
20764
20764
  height: 70px;
@@ -21326,6 +21326,75 @@ html.overflow-y-hidden {
21326
21326
  }
21327
21327
  .v-expansion-panels--tile > .v-expansion-panel {
21328
21328
  border-radius: 0;
21329
+ }.v-fab {
21330
+ align-items: center;
21331
+ display: inline-flex;
21332
+ flex: 1 1 auto;
21333
+ pointer-events: none;
21334
+ position: relative;
21335
+ transition-duration: 0.2s;
21336
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21337
+ vertical-align: middle;
21338
+ }
21339
+ .v-fab .v-btn {
21340
+ pointer-events: auto;
21341
+ }
21342
+ .v-fab .v-btn--variant-elevated {
21343
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21344
+ }
21345
+ .v-fab--app, .v-fab--absolute {
21346
+ display: flex;
21347
+ }
21348
+ .v-fab--start, .v-fab--left {
21349
+ justify-content: flex-start;
21350
+ }
21351
+ .v-fab--center {
21352
+ align-items: center;
21353
+ justify-content: center;
21354
+ }
21355
+ .v-fab--end, .v-fab--right {
21356
+ justify-content: flex-end;
21357
+ }
21358
+ .v-fab--bottom {
21359
+ align-items: flex-end;
21360
+ }
21361
+ .v-fab--top {
21362
+ align-items: flex-start;
21363
+ }
21364
+ .v-fab--extended .v-btn {
21365
+ border-radius: 9999px !important;
21366
+ }
21367
+
21368
+ .v-fab__container {
21369
+ align-self: center;
21370
+ display: inline-flex;
21371
+ position: absolute;
21372
+ vertical-align: middle;
21373
+ }
21374
+ .v-fab--app .v-fab__container {
21375
+ margin: 12px;
21376
+ }
21377
+ .v-fab--absolute .v-fab__container {
21378
+ position: absolute;
21379
+ z-index: 4;
21380
+ }
21381
+ .v-fab--offset.v-fab--top .v-fab__container {
21382
+ transform: translateY(-50%);
21383
+ }
21384
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21385
+ transform: translateY(50%);
21386
+ }
21387
+ .v-fab--top .v-fab__container {
21388
+ top: 0;
21389
+ }
21390
+ .v-fab--bottom .v-fab__container {
21391
+ bottom: 0;
21392
+ }
21393
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21394
+ left: 0;
21395
+ }
21396
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21397
+ right: 0;
21329
21398
  }/* region INPUT */
21330
21399
  .v-field {
21331
21400
  display: grid;
@@ -21896,101 +21965,32 @@ textarea.v-field__input::placeholder {
21896
21965
  opacity: 0;
21897
21966
  }
21898
21967
 
21899
- /* endregion */.v-fab {
21900
- align-items: center;
21901
- display: inline-flex;
21902
- flex: 1 1 auto;
21903
- pointer-events: none;
21904
- position: relative;
21905
- transition-duration: 0.2s;
21906
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21907
- vertical-align: middle;
21968
+ /* endregion */.v-file-input--hide.v-input .v-field,
21969
+ .v-file-input--hide.v-input .v-input__control,
21970
+ .v-file-input--hide.v-input .v-input__details {
21971
+ display: none;
21908
21972
  }
21909
- .v-fab .v-btn {
21910
- pointer-events: auto;
21973
+ .v-file-input--hide.v-input .v-input__prepend {
21974
+ grid-area: control;
21975
+ margin: 0 auto;
21911
21976
  }
21912
- .v-fab .v-btn--variant-elevated {
21913
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21977
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21978
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21979
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21980
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21981
+ top: 0px;
21914
21982
  }
21915
- .v-fab--app, .v-fab--absolute {
21916
- display: flex;
21983
+ .v-file-input input[type=file] {
21984
+ height: 100%;
21985
+ left: 0;
21986
+ opacity: 0;
21987
+ position: absolute;
21988
+ top: 0;
21989
+ width: 100%;
21990
+ z-index: 1;
21917
21991
  }
21918
- .v-fab--start, .v-fab--left {
21919
- justify-content: flex-start;
21920
- }
21921
- .v-fab--center {
21922
- align-items: center;
21923
- justify-content: center;
21924
- }
21925
- .v-fab--end, .v-fab--right {
21926
- justify-content: flex-end;
21927
- }
21928
- .v-fab--bottom {
21929
- align-items: flex-end;
21930
- }
21931
- .v-fab--top {
21932
- align-items: flex-start;
21933
- }
21934
- .v-fab--extended .v-btn {
21935
- border-radius: 9999px !important;
21936
- }
21937
-
21938
- .v-fab__container {
21939
- align-self: center;
21940
- display: inline-flex;
21941
- position: absolute;
21942
- vertical-align: middle;
21943
- }
21944
- .v-fab--app .v-fab__container {
21945
- margin: 12px;
21946
- }
21947
- .v-fab--absolute .v-fab__container {
21948
- position: absolute;
21949
- z-index: 4;
21950
- }
21951
- .v-fab--offset.v-fab--top .v-fab__container {
21952
- transform: translateY(-50%);
21953
- }
21954
- .v-fab--offset.v-fab--bottom .v-fab__container {
21955
- transform: translateY(50%);
21956
- }
21957
- .v-fab--top .v-fab__container {
21958
- top: 0;
21959
- }
21960
- .v-fab--bottom .v-fab__container {
21961
- bottom: 0;
21962
- }
21963
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21964
- left: 0;
21965
- }
21966
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21967
- right: 0;
21968
- }.v-file-input--hide.v-input .v-field,
21969
- .v-file-input--hide.v-input .v-input__control,
21970
- .v-file-input--hide.v-input .v-input__details {
21971
- display: none;
21972
- }
21973
- .v-file-input--hide.v-input .v-input__prepend {
21974
- grid-area: control;
21975
- margin: 0 auto;
21976
- }
21977
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21978
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21979
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21980
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21981
- top: 0px;
21982
- }
21983
- .v-file-input input[type=file] {
21984
- height: 100%;
21985
- left: 0;
21986
- opacity: 0;
21987
- position: absolute;
21988
- top: 0;
21989
- width: 100%;
21990
- z-index: 1;
21991
- }
21992
- .v-file-input .v-input__details {
21993
- padding-inline: 16px;
21992
+ .v-file-input .v-input__details {
21993
+ padding-inline: 16px;
21994
21994
  }
21995
21995
  .v-input--plain-underlined.v-file-input .v-input__details {
21996
21996
  padding-inline: 0;
@@ -23150,12 +23150,6 @@ html.v-overlay-scroll-blocked {
23150
23150
 
23151
23151
  .v-overlay--scroll-blocked {
23152
23152
  padding-inline-end: var(--v-scrollbar-offset);
23153
- }.v-parallax {
23154
- position: relative;
23155
- overflow: hidden;
23156
- }
23157
- .v-parallax--active > .v-img__img {
23158
- will-change: transform;
23159
23153
  }.v-pagination__list {
23160
23154
  display: inline-flex;
23161
23155
  list-style-type: none;
@@ -23164,6 +23158,12 @@ html.v-overlay-scroll-blocked {
23164
23158
  }
23165
23159
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23166
23160
  margin: 0.3rem;
23161
+ }.v-parallax {
23162
+ position: relative;
23163
+ overflow: hidden;
23164
+ }
23165
+ .v-parallax--active > .v-img__img {
23166
+ will-change: transform;
23167
23167
  }.v-progress-circular {
23168
23168
  align-items: center;
23169
23169
  display: inline-flex;
@@ -23546,32 +23546,6 @@ html.v-overlay-scroll-blocked {
23546
23546
 
23547
23547
  .v-slider__label {
23548
23548
  margin-inline-end: 12px;
23549
- }.v-responsive {
23550
- display: flex;
23551
- flex: 1 0 auto;
23552
- max-height: 100%;
23553
- max-width: 100%;
23554
- overflow: hidden;
23555
- position: relative;
23556
- }
23557
- .v-responsive--inline {
23558
- display: inline-flex;
23559
- flex: 0 0 auto;
23560
- }
23561
-
23562
- .v-responsive__content {
23563
- flex: 1 0 0px;
23564
- max-width: 100%;
23565
- }
23566
-
23567
- .v-responsive__sizer ~ .v-responsive__content {
23568
- margin-inline-start: -100%;
23569
- }
23570
-
23571
- .v-responsive__sizer {
23572
- flex: 1 0 0px;
23573
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23574
- pointer-events: none;
23575
23549
  }.v-rating {
23576
23550
  max-width: 100%;
23577
23551
  display: inline-flex;
@@ -23626,6 +23600,32 @@ html.v-overlay-scroll-blocked {
23626
23600
  opacity: 0;
23627
23601
  position: absolute;
23628
23602
  width: 0;
23603
+ }.v-responsive {
23604
+ display: flex;
23605
+ flex: 1 0 auto;
23606
+ max-height: 100%;
23607
+ max-width: 100%;
23608
+ overflow: hidden;
23609
+ position: relative;
23610
+ }
23611
+ .v-responsive--inline {
23612
+ display: inline-flex;
23613
+ flex: 0 0 auto;
23614
+ }
23615
+
23616
+ .v-responsive__content {
23617
+ flex: 1 0 0px;
23618
+ max-width: 100%;
23619
+ }
23620
+
23621
+ .v-responsive__sizer ~ .v-responsive__content {
23622
+ margin-inline-start: -100%;
23623
+ }
23624
+
23625
+ .v-responsive__sizer {
23626
+ flex: 1 0 0px;
23627
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23628
+ pointer-events: none;
23629
23629
  }.v-select .v-field .v-text-field__prefix,
23630
23630
  .v-select .v-field .v-text-field__suffix,
23631
23631
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23791,7 +23791,7 @@ html.v-overlay-scroll-blocked {
23791
23791
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23792
23792
  border-radius: 0;
23793
23793
  background: rgb(var(--v-theme-surface));
23794
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23794
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23795
23795
  }
23796
23796
  .v-sheet--border {
23797
23797
  border-width: thin;
@@ -24323,12 +24323,42 @@ html.v-overlay-scroll-blocked {
24323
24323
  align-self: stretch;
24324
24324
  display: inline-flex;
24325
24325
  flex: none;
24326
+ outline: none;
24326
24327
  opacity: var(--v-medium-emphasis-opacity);
24327
24328
  padding: 1.5rem;
24329
+ position: relative;
24328
24330
  transition-duration: 0.2s;
24329
24331
  transition-property: opacity;
24330
24332
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24331
24333
  }
24334
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24335
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24336
+ }
24337
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24338
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24339
+ }
24340
+ @supports not selector(:focus-visible) {
24341
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24342
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24343
+ }
24344
+ }
24345
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24346
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24347
+ }
24348
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24349
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24350
+ }
24351
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24352
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24353
+ }
24354
+ @supports not selector(:focus-visible) {
24355
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24356
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24357
+ }
24358
+ }
24359
+ .v-stepper--non-linear .v-stepper-item {
24360
+ opacity: var(--v-high-emphasis-opacity);
24361
+ }
24332
24362
  .v-stepper-item--selected {
24333
24363
  opacity: 1;
24334
24364
  }
@@ -24384,43 +24414,23 @@ html.v-overlay-scroll-blocked {
24384
24414
  }
24385
24415
  .v-stepper--mobile .v-stepper-item__subtitle {
24386
24416
  display: none;
24387
- }.v-system-bar {
24388
- align-items: center;
24389
- display: flex;
24390
- flex: 1 1 auto;
24391
- height: 24px;
24392
- justify-content: flex-end;
24393
- max-width: 100%;
24394
- padding-inline: 8px;
24395
- position: relative;
24396
- text-align: end;
24397
- width: 100%;
24398
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24399
- background: rgba(var(--v-theme-surface-light));
24400
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24401
- font-size: 0.75rem;
24402
- font-weight: 400;
24403
- letter-spacing: 0.0333333333em;
24404
- line-height: 1.667;
24405
- text-transform: none;
24406
24417
  }
24407
- .v-system-bar .v-icon {
24408
- opacity: var(--v-medium-emphasis-opacity);
24418
+
24419
+ .v-stepper-item__overlay {
24420
+ background-color: currentColor;
24421
+ border-radius: inherit;
24422
+ opacity: 0;
24423
+ transition: opacity 0.2s ease-in-out;
24409
24424
  }
24410
- .v-system-bar--absolute {
24425
+
24426
+ .v-stepper-item__overlay,
24427
+ .v-stepper-item__underlay {
24411
24428
  position: absolute;
24412
- }
24413
- .v-system-bar--fixed {
24414
- position: fixed;
24415
- }
24416
- .v-system-bar--rounded {
24417
- border-radius: 0;
24418
- }
24419
- .v-system-bar--window {
24420
- height: 32px;
24421
- }
24422
- .v-system-bar:not(.v-system-bar--absolute) {
24423
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24429
+ top: 0;
24430
+ left: 0;
24431
+ width: 100%;
24432
+ height: 100%;
24433
+ pointer-events: none;
24424
24434
  }.v-switch .v-label {
24425
24435
  padding-inline-start: 10px;
24426
24436
  }
@@ -24557,35 +24567,167 @@ html.v-overlay-scroll-blocked {
24557
24567
  }
24558
24568
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24559
24569
  transform: rotate(-90deg);
24560
- }.v-table {
24561
- background: rgb(var(--v-theme-surface));
24562
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24563
- font-size: 0.875rem;
24564
- transition-duration: 0.28s;
24565
- transition-property: box-shadow, opacity, background, height;
24566
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24570
+ }.v-system-bar {
24571
+ align-items: center;
24572
+ display: flex;
24573
+ flex: 1 1 auto;
24574
+ height: 24px;
24575
+ justify-content: flex-end;
24576
+ max-width: 100%;
24577
+ padding-inline: 8px;
24578
+ position: relative;
24579
+ text-align: end;
24580
+ width: 100%;
24581
+ 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));
24582
+ background: rgba(var(--v-theme-surface-light));
24583
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24584
+ font-size: 0.75rem;
24585
+ font-weight: 400;
24586
+ letter-spacing: 0.0333333333em;
24587
+ line-height: 1.667;
24588
+ text-transform: none;
24567
24589
  }
24568
- .v-table .v-table-divider {
24569
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24590
+ .v-system-bar .v-icon {
24591
+ opacity: var(--v-medium-emphasis-opacity);
24570
24592
  }
24571
- .v-table .v-table__wrapper > table > thead > tr > th {
24572
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24593
+ .v-system-bar--absolute {
24594
+ position: absolute;
24573
24595
  }
24574
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24575
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24576
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24596
+ .v-system-bar--fixed {
24597
+ position: fixed;
24577
24598
  }
24578
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24579
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24580
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24599
+ .v-system-bar--rounded {
24600
+ border-radius: 0;
24581
24601
  }
24582
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24583
- position: relative;
24602
+ .v-system-bar--window {
24603
+ height: 32px;
24584
24604
  }
24585
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24586
- content: "";
24587
- position: absolute;
24588
- top: 0;
24605
+ .v-system-bar:not(.v-system-bar--absolute) {
24606
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24607
+ }.v-tab.v-tab.v-btn {
24608
+ height: var(--v-tabs-height);
24609
+ border-radius: 0;
24610
+ min-width: 90px;
24611
+ }
24612
+ .v-slide-group--horizontal .v-tab {
24613
+ max-width: 360px;
24614
+ }
24615
+ .v-slide-group--vertical .v-tab {
24616
+ justify-content: start;
24617
+ }
24618
+
24619
+ .v-tab__slider {
24620
+ position: absolute;
24621
+ bottom: 0;
24622
+ left: 0;
24623
+ height: 2px;
24624
+ width: 100%;
24625
+ background: currentColor;
24626
+ pointer-events: none;
24627
+ opacity: 0;
24628
+ }
24629
+ .v-tab--selected .v-tab__slider {
24630
+ opacity: 1;
24631
+ }
24632
+ .v-slide-group--vertical .v-tab__slider {
24633
+ top: 0;
24634
+ height: 100%;
24635
+ width: 2px;
24636
+ }.v-tabs {
24637
+ display: flex;
24638
+ height: var(--v-tabs-height);
24639
+ }
24640
+ .v-tabs--density-default {
24641
+ --v-tabs-height: 48px;
24642
+ }
24643
+ .v-tabs--density-default.v-tabs--stacked {
24644
+ --v-tabs-height: 72px;
24645
+ }
24646
+
24647
+ .v-tabs--density-comfortable {
24648
+ --v-tabs-height: 44px;
24649
+ }
24650
+ .v-tabs--density-comfortable.v-tabs--stacked {
24651
+ --v-tabs-height: 68px;
24652
+ }
24653
+
24654
+ .v-tabs--density-compact {
24655
+ --v-tabs-height: 36px;
24656
+ }
24657
+ .v-tabs--density-compact.v-tabs--stacked {
24658
+ --v-tabs-height: 60px;
24659
+ }
24660
+
24661
+ .v-tabs.v-slide-group--vertical {
24662
+ height: auto;
24663
+ flex: none;
24664
+ --v-tabs-height: 48px;
24665
+ }
24666
+
24667
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24668
+ margin-inline-start: 42px;
24669
+ }
24670
+
24671
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24672
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24673
+ margin-inline-end: auto;
24674
+ }
24675
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24676
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24677
+ margin-inline-start: auto;
24678
+ }
24679
+
24680
+ .v-tabs--grow {
24681
+ flex-grow: 1;
24682
+ }
24683
+ .v-tabs--grow .v-tab {
24684
+ flex: 1 0 auto;
24685
+ max-width: none;
24686
+ }
24687
+
24688
+ .v-tabs--align-tabs-end .v-tab:first-child {
24689
+ margin-inline-start: auto;
24690
+ }
24691
+ .v-tabs--align-tabs-end .v-tab:last-child {
24692
+ margin-inline-end: 0;
24693
+ }
24694
+
24695
+ @media (max-width: 1279.98px) {
24696
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24697
+ margin-inline-start: 52px;
24698
+ }
24699
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24700
+ margin-inline-end: 52px;
24701
+ }
24702
+ }.v-table {
24703
+ background: rgb(var(--v-theme-surface));
24704
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24705
+ font-size: 0.875rem;
24706
+ transition-duration: 0.28s;
24707
+ transition-property: box-shadow, opacity, background, height;
24708
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24709
+ }
24710
+ .v-table .v-table-divider {
24711
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24712
+ }
24713
+ .v-table .v-table__wrapper > table > thead > tr > th {
24714
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24715
+ }
24716
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24717
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24718
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24719
+ }
24720
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24721
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24722
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24723
+ }
24724
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24725
+ position: relative;
24726
+ }
24727
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24728
+ content: "";
24729
+ position: absolute;
24730
+ top: 0;
24589
24731
  left: 0;
24590
24732
  width: 100%;
24591
24733
  height: 100%;
@@ -24695,101 +24837,6 @@ html.v-overlay-scroll-blocked {
24695
24837
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24696
24838
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24697
24839
  border-top: 0px !important;
24698
- }.v-tab.v-tab.v-btn {
24699
- height: var(--v-tabs-height);
24700
- border-radius: 0;
24701
- min-width: 90px;
24702
- }
24703
- .v-slide-group--horizontal .v-tab {
24704
- max-width: 360px;
24705
- }
24706
- .v-slide-group--vertical .v-tab {
24707
- justify-content: start;
24708
- }
24709
-
24710
- .v-tab__slider {
24711
- position: absolute;
24712
- bottom: 0;
24713
- left: 0;
24714
- height: 2px;
24715
- width: 100%;
24716
- background: currentColor;
24717
- pointer-events: none;
24718
- opacity: 0;
24719
- }
24720
- .v-tab--selected .v-tab__slider {
24721
- opacity: 1;
24722
- }
24723
- .v-slide-group--vertical .v-tab__slider {
24724
- top: 0;
24725
- height: 100%;
24726
- width: 2px;
24727
- }.v-tabs {
24728
- display: flex;
24729
- height: var(--v-tabs-height);
24730
- }
24731
- .v-tabs--density-default {
24732
- --v-tabs-height: 48px;
24733
- }
24734
- .v-tabs--density-default.v-tabs--stacked {
24735
- --v-tabs-height: 72px;
24736
- }
24737
-
24738
- .v-tabs--density-comfortable {
24739
- --v-tabs-height: 44px;
24740
- }
24741
- .v-tabs--density-comfortable.v-tabs--stacked {
24742
- --v-tabs-height: 68px;
24743
- }
24744
-
24745
- .v-tabs--density-compact {
24746
- --v-tabs-height: 36px;
24747
- }
24748
- .v-tabs--density-compact.v-tabs--stacked {
24749
- --v-tabs-height: 60px;
24750
- }
24751
-
24752
- .v-tabs.v-slide-group--vertical {
24753
- height: auto;
24754
- flex: none;
24755
- --v-tabs-height: 48px;
24756
- }
24757
-
24758
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24759
- margin-inline-start: 42px;
24760
- }
24761
-
24762
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24763
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24764
- margin-inline-end: auto;
24765
- }
24766
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24767
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24768
- margin-inline-start: auto;
24769
- }
24770
-
24771
- .v-tabs--grow {
24772
- flex-grow: 1;
24773
- }
24774
- .v-tabs--grow .v-tab {
24775
- flex: 1 0 auto;
24776
- max-width: none;
24777
- }
24778
-
24779
- .v-tabs--align-tabs-end .v-tab:first-child {
24780
- margin-inline-start: auto;
24781
- }
24782
- .v-tabs--align-tabs-end .v-tab:last-child {
24783
- margin-inline-end: 0;
24784
- }
24785
-
24786
- @media (max-width: 1279.98px) {
24787
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24788
- margin-inline-start: 52px;
24789
- }
24790
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24791
- margin-inline-end: 52px;
24792
- }
24793
24840
  }.v-textarea .v-field {
24794
24841
  --v-textarea-control-height: var(--v-input-control-height);
24795
24842
  }
@@ -24899,146 +24946,17 @@ html.v-overlay-scroll-blocked {
24899
24946
  /* endregion */.v-theme-provider {
24900
24947
  background: rgb(var(--v-theme-background));
24901
24948
  color: rgb(var(--v-theme-on-background));
24902
- }.v-toolbar {
24903
- align-items: flex-start;
24904
- display: flex;
24905
- flex: none;
24906
- flex-direction: column;
24907
- justify-content: space-between;
24908
- max-width: 100%;
24909
- position: relative;
24910
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24911
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24912
- width: 100%;
24913
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24914
- border-style: solid;
24915
- border-width: 0;
24916
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24917
- border-radius: 0;
24949
+ }.v-timeline .v-timeline-divider__dot {
24918
24950
  background: rgb(var(--v-theme-surface-light));
24919
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24920
- }
24921
- .v-toolbar--border {
24922
- border-width: thin;
24923
- box-shadow: none;
24924
24951
  }
24925
- .v-toolbar--absolute {
24926
- position: absolute;
24952
+ .v-timeline .v-timeline-divider__inner-dot {
24953
+ background: rgb(var(--v-theme-on-surface));
24927
24954
  }
24928
- .v-toolbar--collapse {
24929
- max-width: 112px;
24930
- overflow: hidden;
24931
- border-end-end-radius: 24px;
24932
- }
24933
- .v-toolbar--collapse .v-toolbar-title {
24934
- display: none;
24935
- }
24936
- .v-toolbar--flat {
24937
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24938
- }
24939
- .v-toolbar--floating {
24940
- display: inline-flex;
24941
- }
24942
- .v-toolbar--rounded {
24943
- border-radius: 4px;
24944
- }
24945
-
24946
- .v-toolbar__content,
24947
- .v-toolbar__extension {
24948
- align-items: center;
24949
- display: flex;
24950
- flex: 0 0 auto;
24951
- position: relative;
24952
- transition: inherit;
24953
- width: 100%;
24954
- }
24955
-
24956
- .v-toolbar__content {
24957
- overflow: hidden;
24958
- }
24959
- .v-toolbar__content > .v-btn:first-child {
24960
- margin-inline-start: 4px;
24961
- }
24962
- .v-toolbar__content > .v-btn:last-child {
24963
- margin-inline-end: 4px;
24964
- }
24965
- .v-toolbar__content > .v-toolbar-title {
24966
- margin-inline-start: 20px;
24967
- }
24968
- .v-toolbar--density-prominent .v-toolbar__content {
24969
- align-items: flex-start;
24970
- }
24971
-
24972
- .v-toolbar__image {
24973
- position: absolute;
24974
- top: 0;
24975
- left: 0;
24976
- width: 100%;
24977
- height: 100%;
24978
- display: flex;
24979
- opacity: var(--v-toolbar-image-opacity, 1);
24980
- transition-property: opacity;
24981
- }
24982
-
24983
- .v-toolbar__prepend,
24984
- .v-toolbar__append {
24985
- align-items: center;
24986
- align-self: stretch;
24987
- display: flex;
24988
- }
24989
-
24990
- .v-toolbar__prepend {
24991
- margin-inline: 4px auto;
24992
- }
24993
-
24994
- .v-toolbar__append {
24995
- margin-inline: auto 4px;
24996
- }
24997
-
24998
- .v-toolbar-title {
24999
- flex: 1 1;
25000
- font-size: 1.25rem;
25001
- min-width: 0;
25002
- font-size: 1.25rem;
25003
- font-weight: 400;
25004
- letter-spacing: 0;
25005
- line-height: 1.75rem;
25006
- text-transform: none;
25007
- }
25008
- .v-toolbar--density-prominent .v-toolbar-title {
25009
- align-self: flex-end;
25010
- padding-bottom: 6px;
25011
- font-size: 1.5rem;
25012
- font-weight: 400;
25013
- letter-spacing: 0;
25014
- line-height: 2.25rem;
25015
- text-transform: none;
25016
- }
25017
-
25018
- .v-toolbar-title__placeholder {
25019
- overflow: hidden;
25020
- text-overflow: ellipsis;
25021
- white-space: nowrap;
25022
- }
25023
-
25024
- .v-toolbar-items {
25025
- display: flex;
25026
- height: inherit;
25027
- align-self: stretch;
25028
- }
25029
- .v-toolbar-items > .v-btn {
25030
- border-radius: 0;
25031
- }.v-timeline .v-timeline-divider__dot {
25032
- background: rgb(var(--v-theme-surface-light));
25033
- }
25034
- .v-timeline .v-timeline-divider__inner-dot {
25035
- background: rgb(var(--v-theme-on-surface));
25036
- }
25037
-
25038
- .v-timeline {
25039
- display: grid;
25040
- grid-auto-flow: dense;
25041
- position: relative;
24955
+
24956
+ .v-timeline {
24957
+ display: grid;
24958
+ grid-auto-flow: dense;
24959
+ position: relative;
25042
24960
  }
25043
24961
  .v-timeline--horizontal.v-timeline {
25044
24962
  grid-column-gap: 24px;
@@ -25444,6 +25362,135 @@ html.v-overlay-scroll-blocked {
25444
25362
 
25445
25363
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25446
25364
  padding-inline-end: 0;
25365
+ }.v-toolbar {
25366
+ align-items: flex-start;
25367
+ display: flex;
25368
+ flex: none;
25369
+ flex-direction: column;
25370
+ justify-content: space-between;
25371
+ max-width: 100%;
25372
+ position: relative;
25373
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25374
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25375
+ width: 100%;
25376
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25377
+ border-style: solid;
25378
+ border-width: 0;
25379
+ 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));
25380
+ border-radius: 0;
25381
+ background: rgb(var(--v-theme-surface-light));
25382
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25383
+ }
25384
+ .v-toolbar--border {
25385
+ border-width: thin;
25386
+ box-shadow: none;
25387
+ }
25388
+ .v-toolbar--absolute {
25389
+ position: absolute;
25390
+ }
25391
+ .v-toolbar--collapse {
25392
+ max-width: 112px;
25393
+ overflow: hidden;
25394
+ border-end-end-radius: 24px;
25395
+ }
25396
+ .v-toolbar--collapse .v-toolbar-title {
25397
+ display: none;
25398
+ }
25399
+ .v-toolbar--flat {
25400
+ 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));
25401
+ }
25402
+ .v-toolbar--floating {
25403
+ display: inline-flex;
25404
+ }
25405
+ .v-toolbar--rounded {
25406
+ border-radius: 4px;
25407
+ }
25408
+
25409
+ .v-toolbar__content,
25410
+ .v-toolbar__extension {
25411
+ align-items: center;
25412
+ display: flex;
25413
+ flex: 0 0 auto;
25414
+ position: relative;
25415
+ transition: inherit;
25416
+ width: 100%;
25417
+ }
25418
+
25419
+ .v-toolbar__content {
25420
+ overflow: hidden;
25421
+ }
25422
+ .v-toolbar__content > .v-btn:first-child {
25423
+ margin-inline-start: 4px;
25424
+ }
25425
+ .v-toolbar__content > .v-btn:last-child {
25426
+ margin-inline-end: 4px;
25427
+ }
25428
+ .v-toolbar__content > .v-toolbar-title {
25429
+ margin-inline-start: 20px;
25430
+ }
25431
+ .v-toolbar--density-prominent .v-toolbar__content {
25432
+ align-items: flex-start;
25433
+ }
25434
+
25435
+ .v-toolbar__image {
25436
+ position: absolute;
25437
+ top: 0;
25438
+ left: 0;
25439
+ width: 100%;
25440
+ height: 100%;
25441
+ display: flex;
25442
+ opacity: var(--v-toolbar-image-opacity, 1);
25443
+ transition-property: opacity;
25444
+ }
25445
+
25446
+ .v-toolbar__prepend,
25447
+ .v-toolbar__append {
25448
+ align-items: center;
25449
+ align-self: stretch;
25450
+ display: flex;
25451
+ }
25452
+
25453
+ .v-toolbar__prepend {
25454
+ margin-inline: 4px auto;
25455
+ }
25456
+
25457
+ .v-toolbar__append {
25458
+ margin-inline: auto 4px;
25459
+ }
25460
+
25461
+ .v-toolbar-title {
25462
+ flex: 1 1;
25463
+ font-size: 1.25rem;
25464
+ min-width: 0;
25465
+ font-size: 1.25rem;
25466
+ font-weight: 400;
25467
+ letter-spacing: 0;
25468
+ line-height: 1.75rem;
25469
+ text-transform: none;
25470
+ }
25471
+ .v-toolbar--density-prominent .v-toolbar-title {
25472
+ align-self: flex-end;
25473
+ padding-bottom: 6px;
25474
+ font-size: 1.5rem;
25475
+ font-weight: 400;
25476
+ letter-spacing: 0;
25477
+ line-height: 2.25rem;
25478
+ text-transform: none;
25479
+ }
25480
+
25481
+ .v-toolbar-title__placeholder {
25482
+ overflow: hidden;
25483
+ text-overflow: ellipsis;
25484
+ white-space: nowrap;
25485
+ }
25486
+
25487
+ .v-toolbar-items {
25488
+ display: flex;
25489
+ height: inherit;
25490
+ align-self: stretch;
25491
+ }
25492
+ .v-toolbar-items > .v-btn {
25493
+ border-radius: 0;
25447
25494
  }.v-tooltip > .v-overlay__content {
25448
25495
  background: rgb(var(--v-theme-surface-variant));
25449
25496
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25545,20 +25592,42 @@ html.v-overlay-scroll-blocked {
25545
25592
  }
25546
25593
  .v-window-y-reverse-transition-leave-to {
25547
25594
  transform: translateY(100%);
25548
- }.v-color-picker-edit {
25549
- display: flex;
25550
- margin-top: 24px;
25551
- }
25552
-
25553
- .v-color-picker-edit__input {
25554
- width: 100%;
25595
+ }.v-color-picker-canvas {
25555
25596
  display: flex;
25556
- flex-wrap: wrap;
25557
- justify-content: center;
25558
- text-align: center;
25597
+ position: relative;
25598
+ overflow: hidden;
25599
+ contain: content;
25600
+ touch-action: none;
25559
25601
  }
25560
- .v-color-picker-edit__input:not(:last-child) {
25561
- margin-inline-end: 8px;
25602
+ .v-color-picker-canvas__dot {
25603
+ position: absolute;
25604
+ top: 0;
25605
+ left: 0;
25606
+ width: 15px;
25607
+ height: 15px;
25608
+ background: transparent;
25609
+ border-radius: 50%;
25610
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25611
+ }
25612
+ .v-color-picker-canvas__dot--disabled {
25613
+ 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);
25614
+ }
25615
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25616
+ will-change: transform;
25617
+ }.v-color-picker-edit {
25618
+ display: flex;
25619
+ margin-top: 24px;
25620
+ }
25621
+
25622
+ .v-color-picker-edit__input {
25623
+ width: 100%;
25624
+ display: flex;
25625
+ flex-wrap: wrap;
25626
+ justify-content: center;
25627
+ text-align: center;
25628
+ }
25629
+ .v-color-picker-edit__input:not(:last-child) {
25630
+ margin-inline-end: 8px;
25562
25631
  }
25563
25632
  .v-color-picker-edit__input input {
25564
25633
  border-radius: 4px;
@@ -25573,28 +25642,41 @@ html.v-overlay-scroll-blocked {
25573
25642
  }
25574
25643
  .v-color-picker-edit__input span {
25575
25644
  font-size: 0.75rem;
25576
- }.v-color-picker-canvas {
25645
+ }.v-color-picker-swatches {
25646
+ overflow-y: auto;
25647
+ }
25648
+ .v-color-picker-swatches > div {
25577
25649
  display: flex;
25578
- position: relative;
25579
- overflow: hidden;
25580
- contain: content;
25581
- touch-action: none;
25650
+ flex-wrap: wrap;
25651
+ justify-content: center;
25652
+ padding: 8px;
25582
25653
  }
25583
- .v-color-picker-canvas__dot {
25584
- position: absolute;
25585
- top: 0;
25586
- left: 0;
25587
- width: 15px;
25588
- height: 15px;
25589
- background: transparent;
25590
- border-radius: 50%;
25591
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25654
+
25655
+ .v-color-picker-swatches__swatch {
25656
+ display: flex;
25657
+ flex-direction: column;
25658
+ margin-bottom: 10px;
25592
25659
  }
25593
- .v-color-picker-canvas__dot--disabled {
25594
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25660
+
25661
+ .v-color-picker-swatches__color {
25662
+ position: relative;
25663
+ height: 18px;
25664
+ max-height: 18px;
25665
+ width: 45px;
25666
+ margin: 2px 4px;
25667
+ border-radius: 2px;
25668
+ -webkit-user-select: none;
25669
+ user-select: none;
25670
+ overflow: hidden;
25671
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25672
+ cursor: pointer;
25595
25673
  }
25596
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25597
- will-change: transform;
25674
+ .v-color-picker-swatches__color > div {
25675
+ display: flex;
25676
+ align-items: center;
25677
+ justify-content: center;
25678
+ width: 100%;
25679
+ height: 100%;
25598
25680
  }.v-color-picker-preview__alpha .v-slider-track__background {
25599
25681
  background-color: transparent !important;
25600
25682
  }
@@ -25665,41 +25747,6 @@ html.v-overlay-scroll-blocked {
25665
25747
  .v-color-picker-preview__eye-dropper {
25666
25748
  position: relative;
25667
25749
  margin-right: 12px;
25668
- }.v-color-picker-swatches {
25669
- overflow-y: auto;
25670
- }
25671
- .v-color-picker-swatches > div {
25672
- display: flex;
25673
- flex-wrap: wrap;
25674
- justify-content: center;
25675
- padding: 8px;
25676
- }
25677
-
25678
- .v-color-picker-swatches__swatch {
25679
- display: flex;
25680
- flex-direction: column;
25681
- margin-bottom: 10px;
25682
- }
25683
-
25684
- .v-color-picker-swatches__color {
25685
- position: relative;
25686
- height: 18px;
25687
- max-height: 18px;
25688
- width: 45px;
25689
- margin: 2px 4px;
25690
- border-radius: 2px;
25691
- -webkit-user-select: none;
25692
- user-select: none;
25693
- overflow: hidden;
25694
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25695
- cursor: pointer;
25696
- }
25697
- .v-color-picker-swatches__color > div {
25698
- display: flex;
25699
- align-items: center;
25700
- justify-content: center;
25701
- width: 100%;
25702
- height: 100%;
25703
25750
  }.v-picker.v-sheet {
25704
25751
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25705
25752
  border-radius: 4px;
@@ -25753,167 +25800,23 @@ html.v-overlay-scroll-blocked {
25753
25800
  padding-bottom: 16px;
25754
25801
  font-weight: 400;
25755
25802
  letter-spacing: 0.1666666667em;
25756
- }.v-slider-thumb {
25757
- touch-action: none;
25758
- color: rgb(var(--v-theme-surface-variant));
25759
- }
25760
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25761
- color: inherit;
25762
- }
25763
-
25764
- .v-slider-thumb__label {
25765
- background: rgba(var(--v-theme-surface-variant), 0.7);
25766
- color: rgb(var(--v-theme-on-surface-variant));
25767
- }
25768
- .v-slider-thumb__label::before {
25769
- color: rgba(var(--v-theme-surface-variant), 0.7);
25770
- }
25771
-
25772
- .v-slider-thumb {
25773
- outline: none;
25774
- position: absolute;
25775
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25776
- }
25777
-
25778
- .v-slider-thumb__surface {
25779
- cursor: pointer;
25780
- width: var(--v-slider-thumb-size);
25781
- height: var(--v-slider-thumb-size);
25782
- border-radius: 50%;
25783
- -webkit-user-select: none;
25784
- user-select: none;
25785
- background-color: currentColor;
25786
- }
25787
- .v-slider-thumb__surface::before {
25788
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25789
- content: "";
25790
- color: inherit;
25791
- top: 0;
25792
- left: 0;
25793
- width: 100%;
25794
- height: 100%;
25795
- border-radius: 50%;
25796
- background: currentColor;
25797
- position: absolute;
25798
- pointer-events: none;
25799
- opacity: 0;
25800
- }
25801
- .v-slider-thumb__surface::after {
25802
- content: "";
25803
- width: 42px;
25804
- height: 42px;
25805
- position: absolute;
25806
- top: 50%;
25807
- left: 50%;
25808
- transform: translate(-50%, -50%);
25809
- }
25810
-
25811
- .v-slider-thumb__label-container {
25812
- position: absolute;
25813
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25814
- }
25815
-
25816
- .v-slider-thumb__label {
25817
- display: flex;
25818
- align-items: center;
25819
- justify-content: center;
25820
- font-size: 0.75rem;
25821
- min-width: 35px;
25822
- height: 25px;
25823
- border-radius: 4px;
25824
- padding: 6px;
25825
- position: absolute;
25826
- -webkit-user-select: none;
25827
- user-select: none;
25828
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25829
- }
25830
- .v-slider-thumb__label::before {
25831
- content: "";
25832
- width: 0;
25833
- height: 0;
25834
- position: absolute;
25835
- }
25836
-
25837
- .v-slider-thumb__ripple {
25838
- position: absolute;
25839
- left: calc(var(--v-slider-thumb-size) / -2);
25840
- top: calc(var(--v-slider-thumb-size) / -2);
25841
- width: calc(var(--v-slider-thumb-size) * 2);
25842
- height: calc(var(--v-slider-thumb-size) * 2);
25843
- background: inherit;
25844
- }
25845
-
25846
- .v-slider.v-input--horizontal .v-slider-thumb {
25847
- top: 50%;
25848
- transform: translateY(-50%);
25849
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25850
- }
25851
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25852
- left: calc(var(--v-slider-thumb-size) / 2);
25853
- top: 0;
25854
- }
25855
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25856
- bottom: calc(var(--v-slider-thumb-size) / 2);
25857
- }
25858
- .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 {
25859
- transform: translateX(-50%);
25860
- }
25861
-
25862
- .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 {
25863
- transform: translateX(50%);
25864
- }
25865
-
25866
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25867
- border-left: 6px solid transparent;
25868
- border-right: 6px solid transparent;
25869
- border-top: 6px solid currentColor;
25870
- bottom: -6px;
25871
- }
25872
-
25873
- .v-slider.v-input--vertical .v-slider-thumb {
25874
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25875
- }
25876
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25877
- top: calc(var(--v-slider-thumb-size) / 2);
25878
- right: 0;
25879
- }
25880
- .v-slider.v-input--vertical .v-slider-thumb__label {
25881
- top: -12.5px;
25882
- left: calc(var(--v-slider-thumb-size) / 2);
25883
- }
25884
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25885
- border-right: 6px solid currentColor;
25886
- border-top: 6px solid transparent;
25887
- border-bottom: 6px solid transparent;
25888
- left: -6px;
25889
- }
25890
-
25891
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25892
- transform: scale(2);
25893
- opacity: var(--v-focus-opacity);
25894
- }
25895
-
25896
- .v-slider-thumb--pressed {
25897
- transition: none;
25898
- }
25899
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25900
- opacity: var(--v-pressed-opacity);
25901
- }
25902
-
25903
- @media (hover: hover) {
25904
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25905
- transform: scale(2);
25906
- }
25907
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25908
- opacity: var(--v-hover-opacity);
25909
- }
25910
25803
  }.v-slider-track__background {
25911
25804
  background-color: rgb(var(--v-theme-surface-variant));
25912
25805
  }
25806
+ @media (forced-colors: active) {
25807
+ .v-slider-track__background {
25808
+ background-color: highlight;
25809
+ }
25810
+ }
25913
25811
 
25914
25812
  .v-slider-track__fill {
25915
25813
  background-color: rgb(var(--v-theme-surface-variant));
25916
25814
  }
25815
+ @media (forced-colors: active) {
25816
+ .v-slider-track__fill {
25817
+ background-color: highlight;
25818
+ }
25819
+ }
25917
25820
 
25918
25821
  .v-slider-track__tick {
25919
25822
  background-color: rgb(var(--v-theme-surface-variant));
@@ -25925,6 +25828,11 @@ html.v-overlay-scroll-blocked {
25925
25828
  .v-slider-track {
25926
25829
  border-radius: 6px;
25927
25830
  }
25831
+ @media (forced-colors: active) {
25832
+ .v-slider-track {
25833
+ border: thin solid buttontext;
25834
+ }
25835
+ }
25928
25836
 
25929
25837
  .v-slider-track__background, .v-slider-track__fill {
25930
25838
  position: absolute;
@@ -26070,4 +25978,163 @@ html.v-overlay-scroll-blocked {
26070
25978
 
26071
25979
  .v-slider-track__background--opacity {
26072
25980
  opacity: 0.38;
25981
+ }.v-slider-thumb {
25982
+ touch-action: none;
25983
+ color: rgb(var(--v-theme-surface-variant));
25984
+ }
25985
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25986
+ color: inherit;
25987
+ }
25988
+
25989
+ .v-slider-thumb__label {
25990
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25991
+ color: rgb(var(--v-theme-on-surface-variant));
25992
+ }
25993
+ .v-slider-thumb__label::before {
25994
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25995
+ }
25996
+
25997
+ .v-slider-thumb {
25998
+ outline: none;
25999
+ position: absolute;
26000
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26001
+ }
26002
+
26003
+ .v-slider-thumb__surface {
26004
+ cursor: pointer;
26005
+ width: var(--v-slider-thumb-size);
26006
+ height: var(--v-slider-thumb-size);
26007
+ border-radius: 50%;
26008
+ -webkit-user-select: none;
26009
+ user-select: none;
26010
+ background-color: currentColor;
26011
+ }
26012
+ @media (forced-colors: active) {
26013
+ .v-slider-thumb__surface {
26014
+ background-color: highlight;
26015
+ }
26016
+ }
26017
+ .v-slider-thumb__surface::before {
26018
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26019
+ content: "";
26020
+ color: inherit;
26021
+ top: 0;
26022
+ left: 0;
26023
+ width: 100%;
26024
+ height: 100%;
26025
+ border-radius: 50%;
26026
+ background: currentColor;
26027
+ position: absolute;
26028
+ pointer-events: none;
26029
+ opacity: 0;
26030
+ }
26031
+ .v-slider-thumb__surface::after {
26032
+ content: "";
26033
+ width: 42px;
26034
+ height: 42px;
26035
+ position: absolute;
26036
+ top: 50%;
26037
+ left: 50%;
26038
+ transform: translate(-50%, -50%);
26039
+ }
26040
+
26041
+ .v-slider-thumb__label-container {
26042
+ position: absolute;
26043
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26044
+ }
26045
+
26046
+ .v-slider-thumb__label {
26047
+ display: flex;
26048
+ align-items: center;
26049
+ justify-content: center;
26050
+ font-size: 0.75rem;
26051
+ min-width: 35px;
26052
+ height: 25px;
26053
+ border-radius: 4px;
26054
+ padding: 6px;
26055
+ position: absolute;
26056
+ -webkit-user-select: none;
26057
+ user-select: none;
26058
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26059
+ }
26060
+ .v-slider-thumb__label::before {
26061
+ content: "";
26062
+ width: 0;
26063
+ height: 0;
26064
+ position: absolute;
26065
+ }
26066
+
26067
+ .v-slider-thumb__ripple {
26068
+ position: absolute;
26069
+ left: calc(var(--v-slider-thumb-size) / -2);
26070
+ top: calc(var(--v-slider-thumb-size) / -2);
26071
+ width: calc(var(--v-slider-thumb-size) * 2);
26072
+ height: calc(var(--v-slider-thumb-size) * 2);
26073
+ background: inherit;
26074
+ }
26075
+
26076
+ .v-slider.v-input--horizontal .v-slider-thumb {
26077
+ top: 50%;
26078
+ transform: translateY(-50%);
26079
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26080
+ }
26081
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26082
+ left: calc(var(--v-slider-thumb-size) / 2);
26083
+ top: 0;
26084
+ }
26085
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
26086
+ bottom: calc(var(--v-slider-thumb-size) / 2);
26087
+ }
26088
+ .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 {
26089
+ transform: translateX(-50%);
26090
+ }
26091
+
26092
+ .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 {
26093
+ transform: translateX(50%);
26094
+ }
26095
+
26096
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26097
+ border-left: 6px solid transparent;
26098
+ border-right: 6px solid transparent;
26099
+ border-top: 6px solid currentColor;
26100
+ bottom: -6px;
26101
+ }
26102
+
26103
+ .v-slider.v-input--vertical .v-slider-thumb {
26104
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26105
+ }
26106
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26107
+ top: calc(var(--v-slider-thumb-size) / 2);
26108
+ right: 0;
26109
+ }
26110
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26111
+ top: -12.5px;
26112
+ left: calc(var(--v-slider-thumb-size) / 2);
26113
+ }
26114
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26115
+ border-right: 6px solid currentColor;
26116
+ border-top: 6px solid transparent;
26117
+ border-bottom: 6px solid transparent;
26118
+ left: -6px;
26119
+ }
26120
+
26121
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26122
+ transform: scale(2);
26123
+ opacity: var(--v-focus-opacity);
26124
+ }
26125
+
26126
+ .v-slider-thumb--pressed {
26127
+ transition: none;
26128
+ }
26129
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26130
+ opacity: var(--v-pressed-opacity);
26131
+ }
26132
+
26133
+ @media (hover: hover) {
26134
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26135
+ transform: scale(2);
26136
+ }
26137
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26138
+ opacity: var(--v-hover-opacity);
26139
+ }
26073
26140
  }