vuetify 3.6.10 → 3.6.12

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 (110) hide show
  1. package/dist/json/attributes.json +60 -72
  2. package/dist/json/importMap-labs.json +24 -24
  3. package/dist/json/importMap.json +170 -170
  4. package/dist/json/tags.json +4 -7
  5. package/dist/json/web-types.json +102 -121
  6. package/dist/vuetify-labs.css +1949 -1927
  7. package/dist/vuetify-labs.d.ts +658 -781
  8. package/dist/vuetify-labs.esm.js +141 -141
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +141 -141
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +1153 -1131
  13. package/dist/vuetify.d.ts +619 -712
  14. package/dist/vuetify.esm.js +71 -60
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +71 -60
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +62 -57
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.mts +3 -3
  22. package/lib/blueprints/md1.d.mts +3 -3
  23. package/lib/blueprints/md2.d.mts +3 -3
  24. package/lib/blueprints/md3.d.mts +3 -3
  25. package/lib/components/VAutocomplete/index.d.mts +25 -31
  26. package/lib/components/VBottomSheet/index.d.mts +10 -10
  27. package/lib/components/VCheckbox/index.d.mts +2 -8
  28. package/lib/components/VCombobox/index.d.mts +25 -31
  29. package/lib/components/VDataTable/VDataTableFooter.mjs +5 -4
  30. package/lib/components/VDataTable/VDataTableFooter.mjs.map +1 -1
  31. package/lib/components/VDataTable/index.d.mts +108 -108
  32. package/lib/components/VDatePicker/VDatePickerControls.mjs +5 -4
  33. package/lib/components/VDatePicker/VDatePickerControls.mjs.map +1 -1
  34. package/lib/components/VDatePicker/VDatePickerMonth.mjs +1 -1
  35. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  36. package/lib/components/VDatePicker/index.d.mts +70 -55
  37. package/lib/components/VDialog/index.d.mts +28 -28
  38. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +6 -2
  39. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  40. package/lib/components/VExpansionPanel/index.d.mts +48 -66
  41. package/lib/components/VField/VField.css +11 -6
  42. package/lib/components/VField/VField.mjs +5 -7
  43. package/lib/components/VField/VField.mjs.map +1 -1
  44. package/lib/components/VField/VField.sass +6 -2
  45. package/lib/components/VField/index.d.mts +6 -12
  46. package/lib/components/VFileInput/index.d.mts +6 -12
  47. package/lib/components/VInput/VInput.css +5 -5
  48. package/lib/components/VInput/VInput.mjs +1 -4
  49. package/lib/components/VInput/VInput.mjs.map +1 -1
  50. package/lib/components/VInput/VInput.sass +1 -1
  51. package/lib/components/VInput/index.d.mts +2 -8
  52. package/lib/components/VMenu/index.d.mts +32 -32
  53. package/lib/components/VOverlay/VOverlay.mjs +7 -2
  54. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  55. package/lib/components/VOverlay/index.d.mts +10 -10
  56. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  57. package/lib/components/VProgressLinear/VProgressLinear.css +17 -0
  58. package/lib/components/VProgressLinear/VProgressLinear.mjs +6 -5
  59. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  60. package/lib/components/VProgressLinear/VProgressLinear.sass +11 -0
  61. package/lib/components/VRadio/VRadio.mjs +8 -5
  62. package/lib/components/VRadio/VRadio.mjs.map +1 -1
  63. package/lib/components/VRadioGroup/index.d.mts +2 -8
  64. package/lib/components/VRangeSlider/index.d.mts +2 -8
  65. package/lib/components/VSelect/index.d.mts +25 -31
  66. package/lib/components/VSlider/index.d.mts +2 -8
  67. package/lib/components/VSnackbar/index.d.mts +28 -28
  68. package/lib/components/VSpeedDial/index.d.mts +14 -14
  69. package/lib/components/VSwitch/index.d.mts +2 -8
  70. package/lib/components/VTextField/VTextField.mjs +1 -1
  71. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  72. package/lib/components/VTextField/index.d.mts +18 -24
  73. package/lib/components/VTextarea/VTextarea.mjs +5 -5
  74. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  75. package/lib/components/VTextarea/index.d.mts +72 -87
  76. package/lib/components/VTooltip/index.d.mts +32 -32
  77. package/lib/components/index.d.mts +646 -739
  78. package/lib/composables/calendar.mjs +10 -4
  79. package/lib/composables/calendar.mjs.map +1 -1
  80. package/lib/composables/date/DateAdapter.mjs.map +1 -1
  81. package/lib/composables/date/adapters/vuetify.mjs +15 -13
  82. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  83. package/lib/composables/teleport.mjs +2 -2
  84. package/lib/composables/teleport.mjs.map +1 -1
  85. package/lib/entry-bundler.mjs +1 -1
  86. package/lib/framework.mjs +1 -1
  87. package/lib/index.d.mts +63 -63
  88. package/lib/labs/VCalendar/VCalendar.mjs +7 -6
  89. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  90. package/lib/labs/VCalendar/index.d.mts +6 -0
  91. package/lib/labs/VDateInput/index.d.mts +39 -39
  92. package/lib/labs/VNumberInput/VNumberInput.mjs +49 -56
  93. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  94. package/lib/labs/VNumberInput/index.d.mts +6 -12
  95. package/lib/labs/VSnackbarQueue/index.d.mts +37 -37
  96. package/lib/labs/VStepperVertical/VStepperVertical.mjs +2 -0
  97. package/lib/labs/VStepperVertical/VStepperVertical.mjs.map +1 -1
  98. package/lib/labs/VStepperVertical/index.d.mts +0 -18
  99. package/lib/labs/VTimePicker/VTimePicker.mjs +5 -5
  100. package/lib/labs/VTimePicker/VTimePicker.mjs.map +1 -1
  101. package/lib/labs/VTimePicker/VTimePickerClock.mjs +2 -2
  102. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  103. package/lib/labs/VTimePicker/VTimePickerControls.mjs +2 -2
  104. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  105. package/lib/labs/VTimePicker/index.d.mts +18 -18
  106. package/lib/labs/VTreeview/VTreeview.mjs +5 -12
  107. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  108. package/lib/labs/VTreeview/index.d.mts +18 -30
  109. package/lib/labs/components.d.mts +124 -154
  110. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.10
2
+ * Vuetify v3.6.12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19031,11 +19031,6 @@ html.overflow-y-hidden {
19031
19031
  pointer-events: none;
19032
19032
  opacity: 0;
19033
19033
  transition: opacity 0.2s ease-in-out;
19034
- }.v-checkbox.v-input {
19035
- flex: 0 1 auto;
19036
- }
19037
- .v-checkbox .v-selection-control {
19038
- min-height: var(--v-input-control-height);
19039
19034
  }.v-carousel {
19040
19035
  overflow: hidden;
19041
19036
  position: relative;
@@ -19099,6 +19094,11 @@ html.overflow-y-hidden {
19099
19094
  flex-direction: column;
19100
19095
  height: 100% !important;
19101
19096
  width: 50px;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19102
19102
  }.v-chip {
19103
19103
  align-items: center;
19104
19104
  display: inline-flex;
@@ -19853,6 +19853,12 @@ html.overflow-y-hidden {
19853
19853
  }
19854
19854
  .v-data-table-footer__page {
19855
19855
  padding: 0 8px;
19856
+ }.v-date-picker {
19857
+ overflow: hidden;
19858
+ width: 328px;
19859
+ }
19860
+ .v-date-picker--show-week {
19861
+ width: 368px;
19856
19862
  }.v-date-picker-controls {
19857
19863
  display: flex;
19858
19864
  align-items: center;
@@ -19909,12 +19915,6 @@ html.overflow-y-hidden {
19909
19915
 
19910
19916
  .v-date-picker__title {
19911
19917
  display: inline-block;
19912
- }.v-date-picker {
19913
- overflow: hidden;
19914
- width: 328px;
19915
- }
19916
- .v-date-picker--show-week {
19917
- width: 368px;
19918
19918
  }.v-date-picker-header {
19919
19919
  align-items: flex-end;
19920
19920
  height: 70px;
@@ -20049,71 +20049,6 @@ html.overflow-y-hidden {
20049
20049
  text-transform: none;
20050
20050
  padding-inline-start: 8px;
20051
20051
  padding-inline-end: 8px;
20052
- }.v-date-picker-years {
20053
- height: 288px;
20054
- overflow-y: scroll;
20055
- }
20056
-
20057
- .v-date-picker-years__content {
20058
- display: grid;
20059
- flex: 1 1;
20060
- justify-content: space-around;
20061
- grid-template-columns: repeat(3, 1fr);
20062
- gap: 8px 24px;
20063
- padding-inline: 32px;
20064
- }
20065
- .v-date-picker-years__content .v-btn {
20066
- padding-inline: 8px;
20067
- }.v-divider {
20068
- display: block;
20069
- flex: 1 1 100%;
20070
- height: 0px;
20071
- max-height: 0px;
20072
- opacity: var(--v-border-opacity);
20073
- transition: inherit;
20074
- border-style: solid;
20075
- border-width: thin 0 0 0;
20076
- }
20077
- .v-divider--vertical {
20078
- align-self: stretch;
20079
- border-width: 0 thin 0 0;
20080
- display: inline-flex;
20081
- height: auto;
20082
- margin-left: -1px;
20083
- max-height: 100%;
20084
- max-width: 0px;
20085
- vertical-align: text-bottom;
20086
- width: 0px;
20087
- }
20088
- .v-divider--inset:not(.v-divider--vertical) {
20089
- max-width: calc(100% - 72px);
20090
- margin-inline-start: 72px;
20091
- }
20092
- .v-divider--inset.v-divider--vertical {
20093
- margin-bottom: 8px;
20094
- margin-top: 8px;
20095
- max-height: calc(100% - 16px);
20096
- }
20097
-
20098
- .v-divider__content {
20099
- padding: 0 16px;
20100
- text-wrap: nowrap;
20101
- }
20102
- .v-divider__wrapper--vertical .v-divider__content {
20103
- padding: 4px 0;
20104
- }
20105
-
20106
- .v-divider__wrapper {
20107
- display: flex;
20108
- align-items: center;
20109
- justify-content: center;
20110
- }
20111
- .v-divider__wrapper--vertical {
20112
- flex-direction: column;
20113
- height: 100%;
20114
- }
20115
- .v-divider__wrapper--vertical .v-divider {
20116
- margin: 0 auto;
20117
20052
  }.v-dialog {
20118
20053
  align-items: center;
20119
20054
  justify-content: center;
@@ -20206,6 +20141,71 @@ html.overflow-y-hidden {
20206
20141
  -webkit-backface-visibility: hidden;
20207
20142
  backface-visibility: hidden;
20208
20143
  overflow-y: auto;
20144
+ }.v-date-picker-years {
20145
+ height: 288px;
20146
+ overflow-y: scroll;
20147
+ }
20148
+
20149
+ .v-date-picker-years__content {
20150
+ display: grid;
20151
+ flex: 1 1;
20152
+ justify-content: space-around;
20153
+ grid-template-columns: repeat(3, 1fr);
20154
+ gap: 8px 24px;
20155
+ padding-inline: 32px;
20156
+ }
20157
+ .v-date-picker-years__content .v-btn {
20158
+ padding-inline: 8px;
20159
+ }.v-divider {
20160
+ display: block;
20161
+ flex: 1 1 100%;
20162
+ height: 0px;
20163
+ max-height: 0px;
20164
+ opacity: var(--v-border-opacity);
20165
+ transition: inherit;
20166
+ border-style: solid;
20167
+ border-width: thin 0 0 0;
20168
+ }
20169
+ .v-divider--vertical {
20170
+ align-self: stretch;
20171
+ border-width: 0 thin 0 0;
20172
+ display: inline-flex;
20173
+ height: auto;
20174
+ margin-left: -1px;
20175
+ max-height: 100%;
20176
+ max-width: 0px;
20177
+ vertical-align: text-bottom;
20178
+ width: 0px;
20179
+ }
20180
+ .v-divider--inset:not(.v-divider--vertical) {
20181
+ max-width: calc(100% - 72px);
20182
+ margin-inline-start: 72px;
20183
+ }
20184
+ .v-divider--inset.v-divider--vertical {
20185
+ margin-bottom: 8px;
20186
+ margin-top: 8px;
20187
+ max-height: calc(100% - 16px);
20188
+ }
20189
+
20190
+ .v-divider__content {
20191
+ padding: 0 16px;
20192
+ text-wrap: nowrap;
20193
+ }
20194
+ .v-divider__wrapper--vertical .v-divider__content {
20195
+ padding: 4px 0;
20196
+ }
20197
+
20198
+ .v-divider__wrapper {
20199
+ display: flex;
20200
+ align-items: center;
20201
+ justify-content: center;
20202
+ }
20203
+ .v-divider__wrapper--vertical {
20204
+ flex-direction: column;
20205
+ height: 100%;
20206
+ }
20207
+ .v-divider__wrapper--vertical .v-divider {
20208
+ margin: 0 auto;
20209
20209
  }.v-empty-state {
20210
20210
  align-items: center;
20211
20211
  display: flex;
@@ -20273,75 +20273,6 @@ html.overflow-y-hidden {
20273
20273
  .v-empty-state__action-btn.v-btn {
20274
20274
  background-color: initial;
20275
20275
  color: initial;
20276
- }.v-fab {
20277
- align-items: center;
20278
- display: inline-flex;
20279
- flex: 1 1 auto;
20280
- pointer-events: none;
20281
- position: relative;
20282
- transition-duration: 0.2s;
20283
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20284
- vertical-align: middle;
20285
- }
20286
- .v-fab .v-btn {
20287
- pointer-events: auto;
20288
- }
20289
- .v-fab .v-btn--variant-elevated {
20290
- 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));
20291
- }
20292
- .v-fab--app, .v-fab--absolute {
20293
- display: flex;
20294
- }
20295
- .v-fab--start, .v-fab--left {
20296
- justify-content: flex-start;
20297
- }
20298
- .v-fab--center {
20299
- align-items: center;
20300
- justify-content: center;
20301
- }
20302
- .v-fab--end, .v-fab--right {
20303
- justify-content: flex-end;
20304
- }
20305
- .v-fab--bottom {
20306
- align-items: flex-end;
20307
- }
20308
- .v-fab--top {
20309
- align-items: flex-start;
20310
- }
20311
- .v-fab--extended .v-btn {
20312
- border-radius: 9999px !important;
20313
- }
20314
-
20315
- .v-fab__container {
20316
- align-self: center;
20317
- display: inline-flex;
20318
- position: absolute;
20319
- vertical-align: middle;
20320
- }
20321
- .v-fab--app .v-fab__container {
20322
- margin: 12px;
20323
- }
20324
- .v-fab--absolute .v-fab__container {
20325
- position: absolute;
20326
- z-index: 4;
20327
- }
20328
- .v-fab--offset.v-fab--top .v-fab__container {
20329
- transform: translateY(-50%);
20330
- }
20331
- .v-fab--offset.v-fab--bottom .v-fab__container {
20332
- transform: translateY(50%);
20333
- }
20334
- .v-fab--top .v-fab__container {
20335
- top: 0;
20336
- }
20337
- .v-fab--bottom .v-fab__container {
20338
- bottom: 0;
20339
- }
20340
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20341
- left: 0;
20342
- }
20343
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20344
- right: 0;
20345
20276
  }.v-expansion-panel {
20346
20277
  background-color: rgb(var(--v-theme-surface));
20347
20278
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -20552,33 +20483,131 @@ html.overflow-y-hidden {
20552
20483
  }
20553
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20554
20485
  border-radius: 0;
20555
- }/* region INPUT */
20556
- .v-field {
20557
- --v-theme-overlay-multiplier: 1;
20558
- display: grid;
20559
- grid-template-areas: "prepend-inner field clear append-inner";
20560
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20561
- font-size: 16px;
20562
- letter-spacing: 0.009375em;
20563
- max-width: 100%;
20564
- border-radius: 4px;
20565
- contain: layout;
20566
- flex: 1 0;
20567
- grid-area: control;
20568
- position: relative;
20569
- --v-field-padding-start: 16px;
20570
- --v-field-padding-end: 16px;
20571
- --v-field-padding-top: 8px;
20572
- --v-field-padding-bottom: 4px;
20573
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20574
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20575
- }
20576
- .v-field--disabled {
20577
- opacity: var(--v-disabled-opacity);
20486
+ }.v-fab {
20487
+ align-items: center;
20488
+ display: inline-flex;
20489
+ flex: 1 1 auto;
20578
20490
  pointer-events: none;
20491
+ position: relative;
20492
+ transition-duration: 0.2s;
20493
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20494
+ vertical-align: middle;
20579
20495
  }
20580
- .v-field .v-chip {
20581
- --v-chip-height: 24px;
20496
+ .v-fab .v-btn {
20497
+ pointer-events: auto;
20498
+ }
20499
+ .v-fab .v-btn--variant-elevated {
20500
+ 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));
20501
+ }
20502
+ .v-fab--app, .v-fab--absolute {
20503
+ display: flex;
20504
+ }
20505
+ .v-fab--start, .v-fab--left {
20506
+ justify-content: flex-start;
20507
+ }
20508
+ .v-fab--center {
20509
+ align-items: center;
20510
+ justify-content: center;
20511
+ }
20512
+ .v-fab--end, .v-fab--right {
20513
+ justify-content: flex-end;
20514
+ }
20515
+ .v-fab--bottom {
20516
+ align-items: flex-end;
20517
+ }
20518
+ .v-fab--top {
20519
+ align-items: flex-start;
20520
+ }
20521
+ .v-fab--extended .v-btn {
20522
+ border-radius: 9999px !important;
20523
+ }
20524
+
20525
+ .v-fab__container {
20526
+ align-self: center;
20527
+ display: inline-flex;
20528
+ position: absolute;
20529
+ vertical-align: middle;
20530
+ }
20531
+ .v-fab--app .v-fab__container {
20532
+ margin: 12px;
20533
+ }
20534
+ .v-fab--absolute .v-fab__container {
20535
+ position: absolute;
20536
+ z-index: 4;
20537
+ }
20538
+ .v-fab--offset.v-fab--top .v-fab__container {
20539
+ transform: translateY(-50%);
20540
+ }
20541
+ .v-fab--offset.v-fab--bottom .v-fab__container {
20542
+ transform: translateY(50%);
20543
+ }
20544
+ .v-fab--top .v-fab__container {
20545
+ top: 0;
20546
+ }
20547
+ .v-fab--bottom .v-fab__container {
20548
+ bottom: 0;
20549
+ }
20550
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
20551
+ left: 0;
20552
+ }
20553
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20554
+ right: 0;
20555
+ }.v-file-input--hide.v-input .v-field,
20556
+ .v-file-input--hide.v-input .v-input__control,
20557
+ .v-file-input--hide.v-input .v-input__details {
20558
+ display: none;
20559
+ }
20560
+ .v-file-input--hide.v-input .v-input__prepend {
20561
+ grid-area: control;
20562
+ margin: 0 auto;
20563
+ }
20564
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20565
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20566
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20567
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20568
+ top: 0px;
20569
+ }
20570
+ .v-file-input input[type=file] {
20571
+ height: 100%;
20572
+ left: 0;
20573
+ opacity: 0;
20574
+ position: absolute;
20575
+ top: 0;
20576
+ width: 100%;
20577
+ z-index: 1;
20578
+ }
20579
+ .v-file-input .v-input__details {
20580
+ padding-inline: 16px;
20581
+ }
20582
+ .v-input--plain-underlined.v-file-input .v-input__details {
20583
+ padding-inline: 0;
20584
+ }/* region INPUT */
20585
+ .v-field {
20586
+ --v-theme-overlay-multiplier: 1;
20587
+ display: grid;
20588
+ grid-template-areas: "prepend-inner field clear append-inner";
20589
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20590
+ font-size: 16px;
20591
+ letter-spacing: 0.009375em;
20592
+ max-width: 100%;
20593
+ border-radius: 4px;
20594
+ contain: layout;
20595
+ flex: 1 0;
20596
+ grid-area: control;
20597
+ position: relative;
20598
+ --v-field-padding-start: 16px;
20599
+ --v-field-padding-end: 16px;
20600
+ --v-field-padding-top: 8px;
20601
+ --v-field-padding-bottom: 4px;
20602
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20603
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20604
+ }
20605
+ .v-field--disabled {
20606
+ opacity: var(--v-disabled-opacity);
20607
+ pointer-events: none;
20608
+ }
20609
+ .v-field .v-chip {
20610
+ --v-chip-height: 24px;
20582
20611
  }
20583
20612
 
20584
20613
  /* endregion */
@@ -20695,6 +20724,11 @@ html.overflow-y-hidden {
20695
20724
  position: relative;
20696
20725
  width: 100%;
20697
20726
  }
20727
+ .v-field.v-field--center-affix.v-field--variant-underlined .v-field__input, .v-field.v-field--center-affix.v-field--variant-plain .v-field__input {
20728
+ padding-top: unset;
20729
+ padding-bottom: unset;
20730
+ }
20731
+
20698
20732
  .v-input--density-default .v-field__input {
20699
20733
  row-gap: 8px;
20700
20734
  }
@@ -20762,12 +20796,12 @@ textarea.v-field__input::placeholder {
20762
20796
  padding-top: 0;
20763
20797
  }
20764
20798
 
20765
- .v-field.v-field--variant-underlined .v-field__append-inner,
20766
- .v-field.v-field--variant-underlined .v-field__clearable,
20767
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
20768
- .v-field.v-field--variant-plain .v-field__append-inner,
20769
- .v-field.v-field--variant-plain .v-field__clearable,
20770
- .v-field.v-field--variant-plain .v-field__prepend-inner {
20799
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__append-inner,
20800
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__clearable,
20801
+ .v-field:not(.v-field--center-affix).v-field--variant-underlined .v-field__prepend-inner,
20802
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__append-inner,
20803
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__clearable,
20804
+ .v-field:not(.v-field--center-affix).v-field--variant-plain .v-field__prepend-inner {
20771
20805
  align-items: flex-start;
20772
20806
  padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20773
20807
  padding-bottom: var(--v-field-padding-bottom, 4px);
@@ -21123,36 +21157,7 @@ textarea.v-field__input::placeholder {
21123
21157
  opacity: 0;
21124
21158
  }
21125
21159
 
21126
- /* endregion */.v-file-input--hide.v-input .v-field,
21127
- .v-file-input--hide.v-input .v-input__control,
21128
- .v-file-input--hide.v-input .v-input__details {
21129
- display: none;
21130
- }
21131
- .v-file-input--hide.v-input .v-input__prepend {
21132
- grid-area: control;
21133
- margin: 0 auto;
21134
- }
21135
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21136
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21137
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21138
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21139
- top: 0px;
21140
- }
21141
- .v-file-input input[type=file] {
21142
- height: 100%;
21143
- left: 0;
21144
- opacity: 0;
21145
- position: absolute;
21146
- top: 0;
21147
- width: 100%;
21148
- z-index: 1;
21149
- }
21150
- .v-file-input .v-input__details {
21151
- padding-inline: 16px;
21152
- }
21153
- .v-input--plain-underlined.v-file-input .v-input__details {
21154
- padding-inline: 0;
21155
- }.v-footer {
21160
+ /* endregion */.v-footer {
21156
21161
  align-items: center;
21157
21162
  display: flex;
21158
21163
  flex: 1 1 auto;
@@ -21852,67 +21857,6 @@ textarea.v-field__input::placeholder {
21852
21857
  .offset-xxl-11 {
21853
21858
  margin-inline-start: 91.6666666667%;
21854
21859
  }
21855
- }.v-img {
21856
- --v-theme-overlay-multiplier: 3;
21857
- z-index: 0;
21858
- }
21859
- .v-img--booting .v-responsive__sizer {
21860
- transition: none;
21861
- }
21862
- .v-img--rounded {
21863
- border-radius: 4px;
21864
- }
21865
-
21866
- .v-img__img,
21867
- .v-img__picture,
21868
- .v-img__gradient,
21869
- .v-img__placeholder,
21870
- .v-img__error {
21871
- z-index: -1;
21872
- position: absolute;
21873
- top: 0;
21874
- left: 0;
21875
- width: 100%;
21876
- height: 100%;
21877
- }
21878
-
21879
- .v-img__img--preload {
21880
- filter: blur(4px);
21881
- }
21882
- .v-img__img--contain {
21883
- object-fit: contain;
21884
- }
21885
- .v-img__img--cover {
21886
- object-fit: cover;
21887
- }
21888
-
21889
- .v-img__gradient {
21890
- background-repeat: no-repeat;
21891
- }.v-infinite-scroll--horizontal {
21892
- display: flex;
21893
- flex-direction: row;
21894
- overflow-x: auto;
21895
- }
21896
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21897
- height: 100%;
21898
- width: 1px;
21899
- }
21900
-
21901
- .v-infinite-scroll--vertical {
21902
- display: flex;
21903
- flex-direction: column;
21904
- overflow-y: auto;
21905
- }
21906
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21907
- height: 1px;
21908
- width: 100%;
21909
- }
21910
-
21911
- .v-infinite-scroll__side {
21912
- align-items: center;
21913
- display: flex;
21914
- justify-content: center;
21915
- padding: 8px;
21916
21860
  }.v-icon {
21917
21861
  --v-icon-size-multiplier: 1;
21918
21862
  align-items: center;
@@ -21966,41 +21910,102 @@ textarea.v-field__input::placeholder {
21966
21910
 
21967
21911
  .v-icon--end {
21968
21912
  margin-inline-start: 8px;
21969
- }.v-input {
21970
- display: grid;
21971
- flex: 1 1 auto;
21972
- font-size: 1rem;
21973
- font-weight: 400;
21974
- line-height: 1.5;
21975
- }
21976
- .v-input--disabled {
21977
- pointer-events: none;
21913
+ }.v-infinite-scroll--horizontal {
21914
+ display: flex;
21915
+ flex-direction: row;
21916
+ overflow-x: auto;
21978
21917
  }
21979
- .v-input--density-default {
21980
- --v-input-control-height: 56px;
21981
- --v-input-padding-top: 16px;
21918
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21919
+ height: 100%;
21920
+ width: 1px;
21982
21921
  }
21983
21922
 
21984
- .v-input--density-comfortable {
21985
- --v-input-control-height: 48px;
21986
- --v-input-padding-top: 12px;
21923
+ .v-infinite-scroll--vertical {
21924
+ display: flex;
21925
+ flex-direction: column;
21926
+ overflow-y: auto;
21987
21927
  }
21988
-
21989
- .v-input--density-compact {
21990
- --v-input-control-height: 40px;
21991
- --v-input-padding-top: 8px;
21928
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21929
+ height: 1px;
21930
+ width: 100%;
21992
21931
  }
21993
21932
 
21994
- .v-input--vertical {
21995
- grid-template-areas: "append" "control" "prepend";
21996
- grid-template-rows: max-content auto max-content;
21997
- grid-template-columns: min-content;
21933
+ .v-infinite-scroll__side {
21934
+ align-items: center;
21935
+ display: flex;
21936
+ justify-content: center;
21937
+ padding: 8px;
21938
+ }.v-img {
21939
+ --v-theme-overlay-multiplier: 3;
21940
+ z-index: 0;
21998
21941
  }
21999
- .v-input--vertical .v-input__prepend {
22000
- margin-block-start: 16px;
21942
+ .v-img--booting .v-responsive__sizer {
21943
+ transition: none;
22001
21944
  }
22002
- .v-input--vertical .v-input__append {
22003
- margin-block-end: 16px;
21945
+ .v-img--rounded {
21946
+ border-radius: 4px;
21947
+ }
21948
+
21949
+ .v-img__img,
21950
+ .v-img__picture,
21951
+ .v-img__gradient,
21952
+ .v-img__placeholder,
21953
+ .v-img__error {
21954
+ z-index: -1;
21955
+ position: absolute;
21956
+ top: 0;
21957
+ left: 0;
21958
+ width: 100%;
21959
+ height: 100%;
21960
+ }
21961
+
21962
+ .v-img__img--preload {
21963
+ filter: blur(4px);
21964
+ }
21965
+ .v-img__img--contain {
21966
+ object-fit: contain;
21967
+ }
21968
+ .v-img__img--cover {
21969
+ object-fit: cover;
21970
+ }
21971
+
21972
+ .v-img__gradient {
21973
+ background-repeat: no-repeat;
21974
+ }.v-input {
21975
+ display: grid;
21976
+ flex: 1 1 auto;
21977
+ font-size: 1rem;
21978
+ font-weight: 400;
21979
+ line-height: 1.5;
21980
+ }
21981
+ .v-input--disabled {
21982
+ pointer-events: none;
21983
+ }
21984
+ .v-input--density-default {
21985
+ --v-input-control-height: 56px;
21986
+ --v-input-padding-top: 16px;
21987
+ }
21988
+
21989
+ .v-input--density-comfortable {
21990
+ --v-input-control-height: 48px;
21991
+ --v-input-padding-top: 12px;
21992
+ }
21993
+
21994
+ .v-input--density-compact {
21995
+ --v-input-control-height: 40px;
21996
+ --v-input-padding-top: 8px;
21997
+ }
21998
+
21999
+ .v-input--vertical {
22000
+ grid-template-areas: "append" "control" "prepend";
22001
+ grid-template-rows: max-content auto max-content;
22002
+ grid-template-columns: min-content;
22003
+ }
22004
+ .v-input--vertical .v-input__prepend {
22005
+ margin-block-start: 16px;
22006
+ }
22007
+ .v-input--vertical .v-input__append {
22008
+ margin-block-end: 16px;
22004
22009
  }
22005
22010
 
22006
22011
  .v-input--horizontal {
@@ -22094,19 +22099,19 @@ textarea.v-field__input::placeholder {
22094
22099
  .v-input--hide-spin-buttons input[type=number] {
22095
22100
  -moz-appearance: textfield;
22096
22101
  }
22097
- .v-input--plain-underlined .v-input__prepend,
22098
- .v-input--plain-underlined .v-input__append {
22102
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend,
22103
+ .v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22099
22104
  align-items: flex-start;
22100
22105
  }
22101
- .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
22106
+ .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-default.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22102
22107
  padding-top: calc(var(--v-input-padding-top) + 4px);
22103
22108
  }
22104
22109
 
22105
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
22110
+ .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22106
22111
  padding-top: calc(var(--v-input-padding-top) + 2px);
22107
22112
  }
22108
22113
 
22109
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22114
+ .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__prepend, .v-input--density-compact.v-input--plain-underlined:not(.v-input--center-affix) .v-input__append {
22110
22115
  padding-top: calc(var(--v-input-padding-top) + 0px);
22111
22116
  }.v-item-group {
22112
22117
  flex: 0 1 auto;
@@ -22143,6 +22148,107 @@ textarea.v-field__input::placeholder {
22143
22148
 
22144
22149
  .v-layout-item--absolute {
22145
22150
  position: absolute;
22151
+ }.v-list {
22152
+ overflow: auto;
22153
+ padding: 8px 0;
22154
+ position: relative;
22155
+ outline: none;
22156
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22157
+ border-style: solid;
22158
+ border-width: 0;
22159
+ 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));
22160
+ border-radius: 0;
22161
+ background: rgba(var(--v-theme-surface));
22162
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22163
+ }
22164
+ .v-list--border {
22165
+ border-width: thin;
22166
+ box-shadow: none;
22167
+ }
22168
+ .v-list--disabled {
22169
+ pointer-events: none;
22170
+ -webkit-user-select: none;
22171
+ user-select: none;
22172
+ }
22173
+ .v-list--nav {
22174
+ padding-inline: 8px;
22175
+ }
22176
+ .v-list--rounded {
22177
+ border-radius: 4px;
22178
+ }
22179
+ .v-list--subheader {
22180
+ padding-top: 0;
22181
+ }
22182
+
22183
+ .v-list-img {
22184
+ border-radius: inherit;
22185
+ display: flex;
22186
+ height: 100%;
22187
+ left: 0;
22188
+ overflow: hidden;
22189
+ position: absolute;
22190
+ top: 0;
22191
+ width: 100%;
22192
+ z-index: -1;
22193
+ }
22194
+
22195
+ .v-list-subheader {
22196
+ align-items: center;
22197
+ background: inherit;
22198
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22199
+ display: flex;
22200
+ font-size: 0.875rem;
22201
+ font-weight: 400;
22202
+ line-height: 1.375rem;
22203
+ padding-inline-end: 16px;
22204
+ min-height: 40px;
22205
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22206
+ }
22207
+ .v-list-subheader__text {
22208
+ overflow: hidden;
22209
+ text-overflow: ellipsis;
22210
+ white-space: nowrap;
22211
+ }
22212
+ .v-list--density-default .v-list-subheader {
22213
+ min-height: 40px;
22214
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22215
+ }
22216
+
22217
+ .v-list--density-comfortable .v-list-subheader {
22218
+ min-height: 36px;
22219
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22220
+ }
22221
+
22222
+ .v-list--density-compact .v-list-subheader {
22223
+ min-height: 32px;
22224
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
22225
+ }
22226
+
22227
+ .v-list-subheader--inset {
22228
+ --indent-padding: 56px;
22229
+ }
22230
+ .v-list--nav .v-list-subheader {
22231
+ font-size: 0.75rem;
22232
+ }
22233
+ .v-list-subheader--sticky {
22234
+ background: inherit;
22235
+ left: 0;
22236
+ position: sticky;
22237
+ top: 0;
22238
+ z-index: 1;
22239
+ }
22240
+
22241
+ .v-list__overlay {
22242
+ background-color: currentColor;
22243
+ border-radius: inherit;
22244
+ bottom: 0;
22245
+ left: 0;
22246
+ opacity: 0;
22247
+ pointer-events: none;
22248
+ position: absolute;
22249
+ right: 0;
22250
+ top: 0;
22251
+ transition: opacity 0.2s ease-in-out;
22146
22252
  }.v-list-item {
22147
22253
  align-items: center;
22148
22254
  display: grid;
@@ -22599,195 +22705,94 @@ textarea.v-field__input::placeholder {
22599
22705
  }
22600
22706
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22601
22707
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22602
- }.v-list {
22708
+ }.v-locale-provider {
22709
+ display: contents;
22710
+ }.v-main {
22711
+ flex: 1 0 auto;
22712
+ max-width: 100%;
22713
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22714
+ padding-left: var(--v-layout-left);
22715
+ padding-right: var(--v-layout-right);
22716
+ padding-top: var(--v-layout-top);
22717
+ padding-bottom: var(--v-layout-bottom);
22718
+ }
22719
+ .v-main__scroller {
22720
+ max-width: 100%;
22721
+ position: relative;
22722
+ }
22723
+ .v-main--scrollable {
22724
+ display: flex;
22725
+ position: absolute;
22726
+ top: 0;
22727
+ left: 0;
22728
+ width: 100%;
22729
+ height: 100%;
22730
+ }
22731
+ .v-main--scrollable > .v-main__scroller {
22732
+ flex: 1 1 auto;
22733
+ overflow-y: auto;
22734
+ --v-layout-left: 0px;
22735
+ --v-layout-right: 0px;
22736
+ --v-layout-top: 0px;
22737
+ --v-layout-bottom: 0px;
22738
+ }.v-menu > .v-overlay__content {
22739
+ display: flex;
22740
+ flex-direction: column;
22741
+ border-radius: 4px;
22742
+ }
22743
+ .v-menu > .v-overlay__content > .v-card,
22744
+ .v-menu > .v-overlay__content > .v-sheet,
22745
+ .v-menu > .v-overlay__content > .v-list {
22746
+ background: rgb(var(--v-theme-surface));
22747
+ border-radius: inherit;
22603
22748
  overflow: auto;
22604
- padding: 8px 0;
22749
+ height: 100%;
22750
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22751
+ }.v-messages {
22752
+ flex: 1 1 auto;
22753
+ font-size: 12px;
22754
+ min-height: 14px;
22755
+ min-width: 1px;
22756
+ opacity: var(--v-medium-emphasis-opacity);
22605
22757
  position: relative;
22606
- outline: none;
22758
+ }
22759
+ .v-messages__message {
22760
+ line-height: 12px;
22761
+ word-break: break-word;
22762
+ overflow-wrap: break-word;
22763
+ word-wrap: break-word;
22764
+ -webkit-hyphens: auto;
22765
+ hyphens: auto;
22766
+ transition-duration: 150ms;
22767
+ }.v-navigation-drawer {
22768
+ -webkit-overflow-scrolling: touch;
22769
+ background: rgb(var(--v-theme-surface));
22770
+ display: flex;
22771
+ flex-direction: column;
22772
+ height: 100%;
22773
+ max-width: 100%;
22774
+ pointer-events: auto;
22775
+ transition-duration: 0.2s;
22776
+ transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
22777
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22778
+ position: absolute;
22607
22779
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22608
22780
  border-style: solid;
22609
22781
  border-width: 0;
22610
22782
  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));
22611
- border-radius: 0;
22612
- background: rgba(var(--v-theme-surface));
22783
+ background: rgb(var(--v-theme-surface));
22613
22784
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22614
22785
  }
22615
- .v-list--border {
22786
+ .v-navigation-drawer--border {
22616
22787
  border-width: thin;
22617
22788
  box-shadow: none;
22618
22789
  }
22619
- .v-list--disabled {
22620
- pointer-events: none;
22621
- -webkit-user-select: none;
22622
- user-select: none;
22623
- }
22624
- .v-list--nav {
22625
- padding-inline: 8px;
22626
- }
22627
- .v-list--rounded {
22790
+ .v-navigation-drawer--rounded {
22628
22791
  border-radius: 4px;
22629
22792
  }
22630
- .v-list--subheader {
22631
- padding-top: 0;
22632
- }
22633
-
22634
- .v-list-img {
22635
- border-radius: inherit;
22636
- display: flex;
22637
- height: 100%;
22638
- left: 0;
22639
- overflow: hidden;
22640
- position: absolute;
22641
- top: 0;
22642
- width: 100%;
22643
- z-index: -1;
22644
- }
22645
-
22646
- .v-list-subheader {
22647
- align-items: center;
22648
- background: inherit;
22649
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22650
- display: flex;
22651
- font-size: 0.875rem;
22652
- font-weight: 400;
22653
- line-height: 1.375rem;
22654
- padding-inline-end: 16px;
22655
- min-height: 40px;
22656
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22657
- }
22658
- .v-list-subheader__text {
22659
- overflow: hidden;
22660
- text-overflow: ellipsis;
22661
- white-space: nowrap;
22662
- }
22663
- .v-list--density-default .v-list-subheader {
22664
- min-height: 40px;
22665
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22666
- }
22667
-
22668
- .v-list--density-comfortable .v-list-subheader {
22669
- min-height: 36px;
22670
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22671
- }
22672
-
22673
- .v-list--density-compact .v-list-subheader {
22674
- min-height: 32px;
22675
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22676
- }
22677
-
22678
- .v-list-subheader--inset {
22679
- --indent-padding: 56px;
22680
- }
22681
- .v-list--nav .v-list-subheader {
22682
- font-size: 0.75rem;
22683
- }
22684
- .v-list-subheader--sticky {
22685
- background: inherit;
22686
- left: 0;
22687
- position: sticky;
22688
- top: 0;
22689
- z-index: 1;
22690
- }
22691
-
22692
- .v-list__overlay {
22693
- background-color: currentColor;
22694
- border-radius: inherit;
22695
- bottom: 0;
22696
- left: 0;
22697
- opacity: 0;
22698
- pointer-events: none;
22699
- position: absolute;
22700
- right: 0;
22701
- top: 0;
22702
- transition: opacity 0.2s ease-in-out;
22703
- }.v-locale-provider {
22704
- display: contents;
22705
- }.v-main {
22706
- flex: 1 0 auto;
22707
- max-width: 100%;
22708
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22709
- padding-left: var(--v-layout-left);
22710
- padding-right: var(--v-layout-right);
22711
- padding-top: var(--v-layout-top);
22712
- padding-bottom: var(--v-layout-bottom);
22713
- }
22714
- .v-main__scroller {
22715
- max-width: 100%;
22716
- position: relative;
22717
- }
22718
- .v-main--scrollable {
22719
- display: flex;
22720
- position: absolute;
22721
- top: 0;
22722
- left: 0;
22723
- width: 100%;
22724
- height: 100%;
22725
- }
22726
- .v-main--scrollable > .v-main__scroller {
22727
- flex: 1 1 auto;
22728
- overflow-y: auto;
22729
- --v-layout-left: 0px;
22730
- --v-layout-right: 0px;
22731
- --v-layout-top: 0px;
22732
- --v-layout-bottom: 0px;
22733
- }.v-messages {
22734
- flex: 1 1 auto;
22735
- font-size: 12px;
22736
- min-height: 14px;
22737
- min-width: 1px;
22738
- opacity: var(--v-medium-emphasis-opacity);
22739
- position: relative;
22740
- }
22741
- .v-messages__message {
22742
- line-height: 12px;
22743
- word-break: break-word;
22744
- overflow-wrap: break-word;
22745
- word-wrap: break-word;
22746
- -webkit-hyphens: auto;
22747
- hyphens: auto;
22748
- transition-duration: 150ms;
22749
- }.v-menu > .v-overlay__content {
22750
- display: flex;
22751
- flex-direction: column;
22752
- border-radius: 4px;
22753
- }
22754
- .v-menu > .v-overlay__content > .v-card,
22755
- .v-menu > .v-overlay__content > .v-sheet,
22756
- .v-menu > .v-overlay__content > .v-list {
22757
- background: rgb(var(--v-theme-surface));
22758
- border-radius: inherit;
22759
- overflow: auto;
22760
- height: 100%;
22761
- 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));
22762
- }.v-navigation-drawer {
22763
- -webkit-overflow-scrolling: touch;
22764
- background: rgb(var(--v-theme-surface));
22765
- display: flex;
22766
- flex-direction: column;
22767
- height: 100%;
22768
- max-width: 100%;
22769
- pointer-events: auto;
22770
- transition-duration: 0.2s;
22771
- transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
22772
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22773
- position: absolute;
22774
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22775
- border-style: solid;
22776
- border-width: 0;
22777
- 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));
22778
- background: rgb(var(--v-theme-surface));
22779
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22780
- }
22781
- .v-navigation-drawer--border {
22782
- border-width: thin;
22783
- box-shadow: none;
22784
- }
22785
- .v-navigation-drawer--rounded {
22786
- border-radius: 4px;
22787
- }
22788
- .v-navigation-drawer--top, .v-navigation-drawer--bottom {
22789
- max-height: -webkit-fill-available;
22790
- overflow-y: auto;
22793
+ .v-navigation-drawer--top, .v-navigation-drawer--bottom {
22794
+ max-height: -webkit-fill-available;
22795
+ overflow-y: auto;
22791
22796
  }
22792
22797
  .v-navigation-drawer--top {
22793
22798
  top: 0;
@@ -23106,6 +23111,11 @@ html.v-overlay-scroll-blocked {
23106
23111
  .v-progress-linear--rounded {
23107
23112
  border-radius: 9999px;
23108
23113
  }
23114
+ @media (forced-colors: active) {
23115
+ .v-progress-linear {
23116
+ border: thin solid buttontext;
23117
+ }
23118
+ }
23109
23119
 
23110
23120
  .v-progress-linear__background,
23111
23121
  .v-progress-linear__buffer {
@@ -23120,6 +23130,12 @@ html.v-overlay-scroll-blocked {
23120
23130
  transition: inherit;
23121
23131
  }
23122
23132
 
23133
+ @media (forced-colors: active) {
23134
+ .v-progress-linear__buffer {
23135
+ background-color: highlight;
23136
+ opacity: 0.3;
23137
+ }
23138
+ }
23123
23139
  .v-progress-linear__content {
23124
23140
  align-items: center;
23125
23141
  display: flex;
@@ -23136,6 +23152,12 @@ html.v-overlay-scroll-blocked {
23136
23152
  .v-progress-linear__indeterminate {
23137
23153
  background: currentColor;
23138
23154
  }
23155
+ @media (forced-colors: active) {
23156
+ .v-progress-linear__determinate,
23157
+ .v-progress-linear__indeterminate {
23158
+ background-color: highlight;
23159
+ }
23160
+ }
23139
23161
 
23140
23162
  .v-progress-linear__determinate {
23141
23163
  height: inherit;
@@ -23504,67 +23526,176 @@ html.v-overlay-scroll-blocked {
23504
23526
  .v-select--active-menu .v-select__menu-icon {
23505
23527
  opacity: var(--v-high-emphasis-opacity);
23506
23528
  transform: rotate(180deg);
23507
- }.v-sheet {
23508
- display: block;
23509
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23510
- border-style: solid;
23511
- border-width: 0;
23512
- 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));
23513
- border-radius: 0;
23514
- background: rgb(var(--v-theme-surface));
23515
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23529
+ }.v-selection-control {
23530
+ align-items: center;
23531
+ contain: layout;
23532
+ display: flex;
23533
+ flex: 1 0;
23534
+ grid-area: control;
23535
+ position: relative;
23536
+ -webkit-user-select: none;
23537
+ user-select: none;
23516
23538
  }
23517
- .v-sheet--border {
23518
- border-width: thin;
23519
- box-shadow: none;
23539
+ .v-selection-control .v-label {
23540
+ white-space: normal;
23541
+ word-break: break-word;
23542
+ height: 100%;
23520
23543
  }
23521
- .v-sheet--absolute {
23522
- position: absolute;
23544
+ .v-selection-control--disabled {
23545
+ opacity: var(--v-disabled-opacity);
23546
+ pointer-events: none;
23523
23547
  }
23524
- .v-sheet--fixed {
23525
- position: fixed;
23548
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
23549
+ opacity: 1;
23526
23550
  }
23527
- .v-sheet--relative {
23528
- position: relative;
23551
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
23552
+ color: rgb(var(--v-theme-error));
23529
23553
  }
23530
- .v-sheet--sticky {
23531
- position: sticky;
23554
+ .v-selection-control--inline {
23555
+ display: inline-flex;
23556
+ flex: 0 0 auto;
23557
+ min-width: 0;
23558
+ max-width: 100%;
23532
23559
  }
23533
- .v-sheet--rounded {
23534
- border-radius: 4px;
23535
- }.v-skeleton-loader {
23536
- align-items: center;
23537
- background: rgb(var(--v-theme-surface));
23538
- border-radius: 4px;
23539
- display: flex;
23540
- flex-wrap: wrap;
23541
- position: relative;
23542
- vertical-align: top;
23560
+ .v-selection-control--inline .v-label {
23561
+ width: auto;
23543
23562
  }
23544
- .v-skeleton-loader__actions {
23545
- justify-content: end;
23563
+ .v-selection-control--density-default {
23564
+ --v-selection-control-size: 40px;
23546
23565
  }
23547
- .v-skeleton-loader .v-skeleton-loader__ossein {
23548
- height: 100%;
23566
+
23567
+ .v-selection-control--density-comfortable {
23568
+ --v-selection-control-size: 36px;
23549
23569
  }
23550
- .v-skeleton-loader .v-skeleton-loader__avatar,
23551
- .v-skeleton-loader .v-skeleton-loader__button,
23552
- .v-skeleton-loader .v-skeleton-loader__chip,
23553
- .v-skeleton-loader .v-skeleton-loader__divider,
23554
- .v-skeleton-loader .v-skeleton-loader__heading,
23555
- .v-skeleton-loader .v-skeleton-loader__image,
23556
- .v-skeleton-loader .v-skeleton-loader__ossein,
23557
- .v-skeleton-loader .v-skeleton-loader__text {
23558
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23570
+
23571
+ .v-selection-control--density-compact {
23572
+ --v-selection-control-size: 28px;
23559
23573
  }
23560
- .v-skeleton-loader .v-skeleton-loader__list-item,
23561
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23562
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
23563
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23564
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
23565
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
23566
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
23567
- border-radius: 4px;
23574
+
23575
+ .v-selection-control__wrapper {
23576
+ width: var(--v-selection-control-size);
23577
+ height: var(--v-selection-control-size);
23578
+ display: inline-flex;
23579
+ align-items: center;
23580
+ position: relative;
23581
+ justify-content: center;
23582
+ flex: none;
23583
+ }
23584
+
23585
+ .v-selection-control__input {
23586
+ width: var(--v-selection-control-size);
23587
+ height: var(--v-selection-control-size);
23588
+ align-items: center;
23589
+ display: flex;
23590
+ flex: none;
23591
+ justify-content: center;
23592
+ position: relative;
23593
+ border-radius: 50%;
23594
+ }
23595
+ .v-selection-control__input input {
23596
+ cursor: pointer;
23597
+ position: absolute;
23598
+ left: 0;
23599
+ top: 0;
23600
+ width: 100%;
23601
+ height: 100%;
23602
+ opacity: 0;
23603
+ }
23604
+ .v-selection-control__input::before {
23605
+ content: "";
23606
+ position: absolute;
23607
+ top: 0;
23608
+ left: 0;
23609
+ width: 100%;
23610
+ height: 100%;
23611
+ border-radius: 100%;
23612
+ background-color: currentColor;
23613
+ opacity: 0;
23614
+ pointer-events: none;
23615
+ }
23616
+ .v-selection-control__input:hover::before {
23617
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23618
+ }
23619
+ .v-selection-control__input > .v-icon {
23620
+ opacity: var(--v-medium-emphasis-opacity);
23621
+ }
23622
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
23623
+ opacity: 1;
23624
+ }
23625
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23626
+ color: rgb(var(--v-theme-error));
23627
+ }
23628
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23629
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23630
+ }.v-selection-control-group {
23631
+ grid-area: control;
23632
+ display: flex;
23633
+ flex-direction: column;
23634
+ }
23635
+ .v-selection-control-group--inline {
23636
+ flex-direction: row;
23637
+ flex-wrap: wrap;
23638
+ }.v-sheet {
23639
+ display: block;
23640
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23641
+ border-style: solid;
23642
+ border-width: 0;
23643
+ 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));
23644
+ border-radius: 0;
23645
+ background: rgb(var(--v-theme-surface));
23646
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23647
+ }
23648
+ .v-sheet--border {
23649
+ border-width: thin;
23650
+ box-shadow: none;
23651
+ }
23652
+ .v-sheet--absolute {
23653
+ position: absolute;
23654
+ }
23655
+ .v-sheet--fixed {
23656
+ position: fixed;
23657
+ }
23658
+ .v-sheet--relative {
23659
+ position: relative;
23660
+ }
23661
+ .v-sheet--sticky {
23662
+ position: sticky;
23663
+ }
23664
+ .v-sheet--rounded {
23665
+ border-radius: 4px;
23666
+ }.v-skeleton-loader {
23667
+ align-items: center;
23668
+ background: rgb(var(--v-theme-surface));
23669
+ border-radius: 4px;
23670
+ display: flex;
23671
+ flex-wrap: wrap;
23672
+ position: relative;
23673
+ vertical-align: top;
23674
+ }
23675
+ .v-skeleton-loader__actions {
23676
+ justify-content: end;
23677
+ }
23678
+ .v-skeleton-loader .v-skeleton-loader__ossein {
23679
+ height: 100%;
23680
+ }
23681
+ .v-skeleton-loader .v-skeleton-loader__avatar,
23682
+ .v-skeleton-loader .v-skeleton-loader__button,
23683
+ .v-skeleton-loader .v-skeleton-loader__chip,
23684
+ .v-skeleton-loader .v-skeleton-loader__divider,
23685
+ .v-skeleton-loader .v-skeleton-loader__heading,
23686
+ .v-skeleton-loader .v-skeleton-loader__image,
23687
+ .v-skeleton-loader .v-skeleton-loader__ossein,
23688
+ .v-skeleton-loader .v-skeleton-loader__text {
23689
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
23690
+ }
23691
+ .v-skeleton-loader .v-skeleton-loader__list-item,
23692
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
23693
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
23694
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
23695
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
23696
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
23697
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
23698
+ border-radius: 4px;
23568
23699
  }
23569
23700
  .v-skeleton-loader__bone {
23570
23701
  align-items: center;
@@ -23755,14 +23886,6 @@ html.v-overlay-scroll-blocked {
23755
23886
  100% {
23756
23887
  transform: translateX(100%);
23757
23888
  }
23758
- }.v-selection-control-group {
23759
- grid-area: control;
23760
- display: flex;
23761
- flex-direction: column;
23762
- }
23763
- .v-selection-control-group--inline {
23764
- flex-direction: row;
23765
- flex-wrap: wrap;
23766
23889
  }.v-slide-group {
23767
23890
  display: flex;
23768
23891
  overflow: hidden;
@@ -24163,43 +24286,6 @@ html.v-overlay-scroll-blocked {
24163
24286
  width: 100%;
24164
24287
  height: 100%;
24165
24288
  pointer-events: none;
24166
- }.v-system-bar {
24167
- align-items: center;
24168
- display: flex;
24169
- flex: 1 1 auto;
24170
- height: 24px;
24171
- justify-content: flex-end;
24172
- max-width: 100%;
24173
- padding-inline: 8px;
24174
- position: relative;
24175
- text-align: end;
24176
- width: 100%;
24177
- 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));
24178
- background: rgba(var(--v-theme-surface-light));
24179
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24180
- font-size: 0.75rem;
24181
- font-weight: 400;
24182
- letter-spacing: 0.0333333333em;
24183
- line-height: 1.667;
24184
- text-transform: none;
24185
- }
24186
- .v-system-bar .v-icon {
24187
- opacity: var(--v-medium-emphasis-opacity);
24188
- }
24189
- .v-system-bar--absolute {
24190
- position: absolute;
24191
- }
24192
- .v-system-bar--fixed {
24193
- position: fixed;
24194
- }
24195
- .v-system-bar--rounded {
24196
- border-radius: 0;
24197
- }
24198
- .v-system-bar--window {
24199
- height: 32px;
24200
- }
24201
- .v-system-bar:not(.v-system-bar--absolute) {
24202
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24203
24289
  }.v-switch .v-label {
24204
24290
  padding-inline-start: 10px;
24205
24291
  }
@@ -24380,6 +24466,43 @@ html.v-overlay-scroll-blocked {
24380
24466
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24381
24467
  border-width: 0;
24382
24468
  }
24469
+ }.v-system-bar {
24470
+ align-items: center;
24471
+ display: flex;
24472
+ flex: 1 1 auto;
24473
+ height: 24px;
24474
+ justify-content: flex-end;
24475
+ max-width: 100%;
24476
+ padding-inline: 8px;
24477
+ position: relative;
24478
+ text-align: end;
24479
+ width: 100%;
24480
+ 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));
24481
+ background: rgba(var(--v-theme-surface-light));
24482
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24483
+ font-size: 0.75rem;
24484
+ font-weight: 400;
24485
+ letter-spacing: 0.0333333333em;
24486
+ line-height: 1.667;
24487
+ text-transform: none;
24488
+ }
24489
+ .v-system-bar .v-icon {
24490
+ opacity: var(--v-medium-emphasis-opacity);
24491
+ }
24492
+ .v-system-bar--absolute {
24493
+ position: absolute;
24494
+ }
24495
+ .v-system-bar--fixed {
24496
+ position: fixed;
24497
+ }
24498
+ .v-system-bar--rounded {
24499
+ border-radius: 0;
24500
+ }
24501
+ .v-system-bar--window {
24502
+ height: 32px;
24503
+ }
24504
+ .v-system-bar:not(.v-system-bar--absolute) {
24505
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24383
24506
  }.v-tab.v-tab.v-btn {
24384
24507
  height: var(--v-tabs-height);
24385
24508
  border-radius: 0;
@@ -24722,260 +24845,30 @@ html.v-overlay-scroll-blocked {
24722
24845
  /* endregion */.v-theme-provider {
24723
24846
  background: rgb(var(--v-theme-background));
24724
24847
  color: rgb(var(--v-theme-on-background));
24725
- }.v-toolbar {
24726
- align-items: flex-start;
24727
- display: flex;
24728
- flex: none;
24729
- flex-direction: column;
24730
- justify-content: space-between;
24731
- max-width: 100%;
24732
- position: relative;
24733
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24734
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24735
- width: 100%;
24736
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24737
- border-style: solid;
24738
- border-width: 0;
24739
- 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));
24740
- border-radius: 0;
24848
+ }.v-timeline .v-timeline-divider__dot {
24741
24849
  background: rgb(var(--v-theme-surface-light));
24742
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24743
24850
  }
24744
- .v-toolbar--border {
24745
- border-width: thin;
24746
- box-shadow: none;
24851
+ .v-timeline .v-timeline-divider__inner-dot {
24852
+ background: rgb(var(--v-theme-on-surface));
24747
24853
  }
24748
- .v-toolbar--absolute {
24749
- position: absolute;
24854
+
24855
+ .v-timeline {
24856
+ display: grid;
24857
+ grid-auto-flow: dense;
24858
+ position: relative;
24750
24859
  }
24751
- .v-toolbar--collapse {
24752
- max-width: 112px;
24753
- overflow: hidden;
24754
- border-end-end-radius: 24px;
24860
+ .v-timeline--horizontal.v-timeline {
24861
+ grid-column-gap: 24px;
24862
+ width: 100%;
24755
24863
  }
24756
- .v-toolbar--collapse .v-toolbar-title {
24757
- display: none;
24864
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24865
+ grid-row: 3;
24866
+ padding-block-start: 24px;
24758
24867
  }
24759
- .v-toolbar--flat {
24760
- 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));
24761
- }
24762
- .v-toolbar--floating {
24763
- display: inline-flex;
24764
- }
24765
- .v-toolbar--rounded {
24766
- border-radius: 4px;
24767
- }
24768
-
24769
- .v-toolbar__content,
24770
- .v-toolbar__extension {
24771
- align-items: center;
24772
- display: flex;
24773
- flex: 0 0 auto;
24774
- position: relative;
24775
- transition: inherit;
24776
- width: 100%;
24777
- }
24778
-
24779
- .v-toolbar__content {
24780
- overflow: hidden;
24781
- }
24782
- .v-toolbar__content > .v-btn:first-child {
24783
- margin-inline-start: 4px;
24784
- }
24785
- .v-toolbar__content > .v-btn:last-child {
24786
- margin-inline-end: 4px;
24787
- }
24788
- .v-toolbar__content > .v-toolbar-title {
24789
- margin-inline-start: 20px;
24790
- }
24791
- .v-toolbar--density-prominent .v-toolbar__content {
24792
- align-items: flex-start;
24793
- }
24794
-
24795
- .v-toolbar__image {
24796
- position: absolute;
24797
- top: 0;
24798
- left: 0;
24799
- width: 100%;
24800
- height: 100%;
24801
- display: flex;
24802
- opacity: var(--v-toolbar-image-opacity, 1);
24803
- transition-property: opacity;
24804
- }
24805
-
24806
- .v-toolbar__prepend,
24807
- .v-toolbar__append {
24808
- align-items: center;
24809
- align-self: stretch;
24810
- display: flex;
24811
- }
24812
-
24813
- .v-toolbar__prepend {
24814
- margin-inline: 4px auto;
24815
- }
24816
-
24817
- .v-toolbar__append {
24818
- margin-inline: auto 4px;
24819
- }
24820
-
24821
- .v-toolbar-title {
24822
- flex: 1 1;
24823
- font-size: 1.25rem;
24824
- min-width: 0;
24825
- font-size: 1.25rem;
24826
- font-weight: 400;
24827
- letter-spacing: 0;
24828
- line-height: 1.75rem;
24829
- text-transform: none;
24830
- }
24831
- .v-toolbar--density-prominent .v-toolbar-title {
24832
- align-self: flex-end;
24833
- padding-bottom: 6px;
24834
- font-size: 1.5rem;
24835
- font-weight: 400;
24836
- letter-spacing: 0;
24837
- line-height: 2.25rem;
24838
- text-transform: none;
24839
- }
24840
-
24841
- .v-toolbar-title__placeholder {
24842
- overflow: hidden;
24843
- text-overflow: ellipsis;
24844
- white-space: nowrap;
24845
- }
24846
-
24847
- .v-toolbar-items {
24848
- display: flex;
24849
- height: inherit;
24850
- align-self: stretch;
24851
- }
24852
- .v-toolbar-items > .v-btn {
24853
- border-radius: 0;
24854
- }.v-tooltip > .v-overlay__content {
24855
- background: rgb(var(--v-theme-surface-variant));
24856
- color: rgb(var(--v-theme-on-surface-variant));
24857
- border-radius: 4px;
24858
- font-size: 0.875rem;
24859
- line-height: 1.6;
24860
- display: inline-block;
24861
- padding: 5px 16px;
24862
- text-transform: initial;
24863
- width: auto;
24864
- opacity: 1;
24865
- pointer-events: none;
24866
- transition-property: opacity, transform;
24867
- overflow-wrap: break-word;
24868
- }
24869
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24870
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24871
- transition-duration: 150ms;
24872
- }
24873
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24874
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24875
- transition-duration: 75ms;
24876
- }.v-virtual-scroll {
24877
- display: block;
24878
- flex: 1 1 auto;
24879
- max-width: 100%;
24880
- overflow: auto;
24881
- position: relative;
24882
- }
24883
- .v-virtual-scroll__container {
24884
- display: block;
24885
- }.v-window {
24886
- overflow: hidden;
24887
- }
24888
- .v-window__container {
24889
- display: flex;
24890
- flex-direction: column;
24891
- height: inherit;
24892
- position: relative;
24893
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24894
- }
24895
- .v-window__controls {
24896
- position: absolute;
24897
- left: 0;
24898
- top: 0;
24899
- width: 100%;
24900
- height: 100%;
24901
- display: flex;
24902
- align-items: center;
24903
- justify-content: space-between;
24904
- padding: 0 16px;
24905
- pointer-events: none;
24906
- }
24907
- .v-window__controls > * {
24908
- pointer-events: auto;
24909
- }
24910
- .v-window--show-arrows-on-hover {
24911
- overflow: hidden;
24912
- }
24913
- .v-window--show-arrows-on-hover .v-window__left {
24914
- transform: translateX(-200%);
24915
- }
24916
- .v-window--show-arrows-on-hover .v-window__right {
24917
- transform: translateX(200%);
24918
- }
24919
- .v-window--show-arrows-on-hover:hover .v-window__left,
24920
- .v-window--show-arrows-on-hover:hover .v-window__right {
24921
- transform: translateX(0);
24922
- }
24923
-
24924
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24925
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24926
- }
24927
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24928
- position: absolute !important;
24929
- top: 0;
24930
- width: 100%;
24931
- }
24932
- .v-window-x-transition-enter-from {
24933
- transform: translateX(100%);
24934
- }
24935
- .v-window-x-transition-leave-to {
24936
- transform: translateX(-100%);
24937
- }
24938
- .v-window-x-reverse-transition-enter-from {
24939
- transform: translateX(-100%);
24940
- }
24941
- .v-window-x-reverse-transition-leave-to {
24942
- transform: translateX(100%);
24943
- }
24944
- .v-window-y-transition-enter-from {
24945
- transform: translateY(100%);
24946
- }
24947
- .v-window-y-transition-leave-to {
24948
- transform: translateY(-100%);
24949
- }
24950
- .v-window-y-reverse-transition-enter-from {
24951
- transform: translateY(-100%);
24952
- }
24953
- .v-window-y-reverse-transition-leave-to {
24954
- transform: translateY(100%);
24955
- }.v-timeline .v-timeline-divider__dot {
24956
- background: rgb(var(--v-theme-surface-light));
24957
- }
24958
- .v-timeline .v-timeline-divider__inner-dot {
24959
- background: rgb(var(--v-theme-on-surface));
24960
- }
24961
-
24962
- .v-timeline {
24963
- display: grid;
24964
- grid-auto-flow: dense;
24965
- position: relative;
24966
- }
24967
- .v-timeline--horizontal.v-timeline {
24968
- grid-column-gap: 24px;
24969
- width: 100%;
24970
- }
24971
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__body {
24972
- grid-row: 3;
24973
- padding-block-start: 24px;
24974
- }
24975
- .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24976
- grid-row: 1;
24977
- padding-block-end: 24px;
24978
- align-self: flex-end;
24868
+ .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n) .v-timeline-item__opposite {
24869
+ grid-row: 1;
24870
+ padding-block-end: 24px;
24871
+ align-self: flex-end;
24979
24872
  }
24980
24873
  .v-timeline--horizontal.v-timeline .v-timeline-item:nth-child(2n+1) .v-timeline-item__body {
24981
24874
  grid-row: 1;
@@ -25368,107 +25261,236 @@ html.v-overlay-scroll-blocked {
25368
25261
 
25369
25262
  .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 {
25370
25263
  padding-inline-end: 0;
25371
- }.v-selection-control {
25372
- align-items: center;
25373
- contain: layout;
25264
+ }.v-toolbar {
25265
+ align-items: flex-start;
25374
25266
  display: flex;
25375
- flex: 1 0;
25376
- grid-area: control;
25267
+ flex: none;
25268
+ flex-direction: column;
25269
+ justify-content: space-between;
25270
+ max-width: 100%;
25377
25271
  position: relative;
25378
- -webkit-user-select: none;
25379
- user-select: none;
25380
- }
25381
- .v-selection-control .v-label {
25382
- white-space: normal;
25383
- word-break: break-word;
25384
- height: 100%;
25272
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25273
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25274
+ width: 100%;
25275
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25276
+ border-style: solid;
25277
+ border-width: 0;
25278
+ 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));
25279
+ border-radius: 0;
25280
+ background: rgb(var(--v-theme-surface-light));
25281
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25385
25282
  }
25386
- .v-selection-control--disabled {
25387
- opacity: var(--v-disabled-opacity);
25388
- pointer-events: none;
25283
+ .v-toolbar--border {
25284
+ border-width: thin;
25285
+ box-shadow: none;
25389
25286
  }
25390
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
25391
- opacity: 1;
25287
+ .v-toolbar--absolute {
25288
+ position: absolute;
25392
25289
  }
25393
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
25394
- color: rgb(var(--v-theme-error));
25290
+ .v-toolbar--collapse {
25291
+ max-width: 112px;
25292
+ overflow: hidden;
25293
+ border-end-end-radius: 24px;
25395
25294
  }
25396
- .v-selection-control--inline {
25295
+ .v-toolbar--collapse .v-toolbar-title {
25296
+ display: none;
25297
+ }
25298
+ .v-toolbar--flat {
25299
+ 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));
25300
+ }
25301
+ .v-toolbar--floating {
25397
25302
  display: inline-flex;
25398
- flex: 0 0 auto;
25399
- min-width: 0;
25400
- max-width: 100%;
25401
25303
  }
25402
- .v-selection-control--inline .v-label {
25403
- width: auto;
25304
+ .v-toolbar--rounded {
25305
+ border-radius: 4px;
25404
25306
  }
25405
- .v-selection-control--density-default {
25406
- --v-selection-control-size: 40px;
25307
+
25308
+ .v-toolbar__content,
25309
+ .v-toolbar__extension {
25310
+ align-items: center;
25311
+ display: flex;
25312
+ flex: 0 0 auto;
25313
+ position: relative;
25314
+ transition: inherit;
25315
+ width: 100%;
25407
25316
  }
25408
25317
 
25409
- .v-selection-control--density-comfortable {
25410
- --v-selection-control-size: 36px;
25318
+ .v-toolbar__content {
25319
+ overflow: hidden;
25320
+ }
25321
+ .v-toolbar__content > .v-btn:first-child {
25322
+ margin-inline-start: 4px;
25323
+ }
25324
+ .v-toolbar__content > .v-btn:last-child {
25325
+ margin-inline-end: 4px;
25326
+ }
25327
+ .v-toolbar__content > .v-toolbar-title {
25328
+ margin-inline-start: 20px;
25329
+ }
25330
+ .v-toolbar--density-prominent .v-toolbar__content {
25331
+ align-items: flex-start;
25411
25332
  }
25412
25333
 
25413
- .v-selection-control--density-compact {
25414
- --v-selection-control-size: 28px;
25334
+ .v-toolbar__image {
25335
+ position: absolute;
25336
+ top: 0;
25337
+ left: 0;
25338
+ width: 100%;
25339
+ height: 100%;
25340
+ display: flex;
25341
+ opacity: var(--v-toolbar-image-opacity, 1);
25342
+ transition-property: opacity;
25415
25343
  }
25416
25344
 
25417
- .v-selection-control__wrapper {
25418
- width: var(--v-selection-control-size);
25419
- height: var(--v-selection-control-size);
25420
- display: inline-flex;
25345
+ .v-toolbar__prepend,
25346
+ .v-toolbar__append {
25421
25347
  align-items: center;
25422
- position: relative;
25423
- justify-content: center;
25424
- flex: none;
25348
+ align-self: stretch;
25349
+ display: flex;
25425
25350
  }
25426
25351
 
25427
- .v-selection-control__input {
25428
- width: var(--v-selection-control-size);
25429
- height: var(--v-selection-control-size);
25430
- align-items: center;
25352
+ .v-toolbar__prepend {
25353
+ margin-inline: 4px auto;
25354
+ }
25355
+
25356
+ .v-toolbar__append {
25357
+ margin-inline: auto 4px;
25358
+ }
25359
+
25360
+ .v-toolbar-title {
25361
+ flex: 1 1;
25362
+ font-size: 1.25rem;
25363
+ min-width: 0;
25364
+ font-size: 1.25rem;
25365
+ font-weight: 400;
25366
+ letter-spacing: 0;
25367
+ line-height: 1.75rem;
25368
+ text-transform: none;
25369
+ }
25370
+ .v-toolbar--density-prominent .v-toolbar-title {
25371
+ align-self: flex-end;
25372
+ padding-bottom: 6px;
25373
+ font-size: 1.5rem;
25374
+ font-weight: 400;
25375
+ letter-spacing: 0;
25376
+ line-height: 2.25rem;
25377
+ text-transform: none;
25378
+ }
25379
+
25380
+ .v-toolbar-title__placeholder {
25381
+ overflow: hidden;
25382
+ text-overflow: ellipsis;
25383
+ white-space: nowrap;
25384
+ }
25385
+
25386
+ .v-toolbar-items {
25431
25387
  display: flex;
25432
- flex: none;
25433
- justify-content: center;
25388
+ height: inherit;
25389
+ align-self: stretch;
25390
+ }
25391
+ .v-toolbar-items > .v-btn {
25392
+ border-radius: 0;
25393
+ }.v-tooltip > .v-overlay__content {
25394
+ background: rgb(var(--v-theme-surface-variant));
25395
+ color: rgb(var(--v-theme-on-surface-variant));
25396
+ border-radius: 4px;
25397
+ font-size: 0.875rem;
25398
+ line-height: 1.6;
25399
+ display: inline-block;
25400
+ padding: 5px 16px;
25401
+ text-transform: initial;
25402
+ width: auto;
25403
+ opacity: 1;
25404
+ pointer-events: none;
25405
+ transition-property: opacity, transform;
25406
+ overflow-wrap: break-word;
25407
+ }
25408
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25409
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25410
+ transition-duration: 150ms;
25411
+ }
25412
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25413
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25414
+ transition-duration: 75ms;
25415
+ }.v-virtual-scroll {
25416
+ display: block;
25417
+ flex: 1 1 auto;
25418
+ max-width: 100%;
25419
+ overflow: auto;
25434
25420
  position: relative;
25435
- border-radius: 50%;
25436
25421
  }
25437
- .v-selection-control__input input {
25438
- cursor: pointer;
25422
+ .v-virtual-scroll__container {
25423
+ display: block;
25424
+ }.v-window {
25425
+ overflow: hidden;
25426
+ }
25427
+ .v-window__container {
25428
+ display: flex;
25429
+ flex-direction: column;
25430
+ height: inherit;
25431
+ position: relative;
25432
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25433
+ }
25434
+ .v-window__controls {
25439
25435
  position: absolute;
25440
25436
  left: 0;
25441
25437
  top: 0;
25442
25438
  width: 100%;
25443
25439
  height: 100%;
25444
- opacity: 0;
25440
+ display: flex;
25441
+ align-items: center;
25442
+ justify-content: space-between;
25443
+ padding: 0 16px;
25444
+ pointer-events: none;
25445
25445
  }
25446
- .v-selection-control__input::before {
25447
- content: "";
25448
- position: absolute;
25446
+ .v-window__controls > * {
25447
+ pointer-events: auto;
25448
+ }
25449
+ .v-window--show-arrows-on-hover {
25450
+ overflow: hidden;
25451
+ }
25452
+ .v-window--show-arrows-on-hover .v-window__left {
25453
+ transform: translateX(-200%);
25454
+ }
25455
+ .v-window--show-arrows-on-hover .v-window__right {
25456
+ transform: translateX(200%);
25457
+ }
25458
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25459
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25460
+ transform: translateX(0);
25461
+ }
25462
+
25463
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25464
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25465
+ }
25466
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25467
+ position: absolute !important;
25449
25468
  top: 0;
25450
- left: 0;
25451
25469
  width: 100%;
25452
- height: 100%;
25453
- border-radius: 100%;
25454
- background-color: currentColor;
25455
- opacity: 0;
25456
- pointer-events: none;
25457
25470
  }
25458
- .v-selection-control__input:hover::before {
25459
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25471
+ .v-window-x-transition-enter-from {
25472
+ transform: translateX(100%);
25460
25473
  }
25461
- .v-selection-control__input > .v-icon {
25462
- opacity: var(--v-medium-emphasis-opacity);
25474
+ .v-window-x-transition-leave-to {
25475
+ transform: translateX(-100%);
25463
25476
  }
25464
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
25465
- opacity: 1;
25477
+ .v-window-x-reverse-transition-enter-from {
25478
+ transform: translateX(-100%);
25466
25479
  }
25467
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
25468
- color: rgb(var(--v-theme-error));
25480
+ .v-window-x-reverse-transition-leave-to {
25481
+ transform: translateX(100%);
25469
25482
  }
25470
- .v-selection-control--focus-visible .v-selection-control__input::before {
25471
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25483
+ .v-window-y-transition-enter-from {
25484
+ transform: translateY(100%);
25485
+ }
25486
+ .v-window-y-transition-leave-to {
25487
+ transform: translateY(-100%);
25488
+ }
25489
+ .v-window-y-reverse-transition-enter-from {
25490
+ transform: translateY(-100%);
25491
+ }
25492
+ .v-window-y-reverse-transition-leave-to {
25493
+ transform: translateY(100%);
25472
25494
  }.v-color-picker-canvas {
25473
25495
  display: flex;
25474
25496
  position: relative;
@@ -25491,6 +25513,34 @@ html.v-overlay-scroll-blocked {
25491
25513
  }
25492
25514
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25493
25515
  will-change: transform;
25516
+ }.v-color-picker-edit {
25517
+ display: flex;
25518
+ margin-top: 24px;
25519
+ }
25520
+
25521
+ .v-color-picker-edit__input {
25522
+ width: 100%;
25523
+ display: flex;
25524
+ flex-wrap: wrap;
25525
+ justify-content: center;
25526
+ text-align: center;
25527
+ }
25528
+ .v-color-picker-edit__input:not(:last-child) {
25529
+ margin-inline-end: 8px;
25530
+ }
25531
+ .v-color-picker-edit__input input {
25532
+ border-radius: 4px;
25533
+ margin-bottom: 8px;
25534
+ min-width: 0;
25535
+ outline: none;
25536
+ text-align: center;
25537
+ width: 100%;
25538
+ height: 32px;
25539
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25540
+ color: rgba(var(--v-theme-on-surface));
25541
+ }
25542
+ .v-color-picker-edit__input span {
25543
+ font-size: 0.75rem;
25494
25544
  }.v-color-picker-preview__alpha .v-slider-track__background {
25495
25545
  background-color: transparent !important;
25496
25546
  }
@@ -25561,34 +25611,6 @@ html.v-overlay-scroll-blocked {
25561
25611
  .v-color-picker-preview__eye-dropper {
25562
25612
  position: relative;
25563
25613
  margin-right: 12px;
25564
- }.v-color-picker-edit {
25565
- display: flex;
25566
- margin-top: 24px;
25567
- }
25568
-
25569
- .v-color-picker-edit__input {
25570
- width: 100%;
25571
- display: flex;
25572
- flex-wrap: wrap;
25573
- justify-content: center;
25574
- text-align: center;
25575
- }
25576
- .v-color-picker-edit__input:not(:last-child) {
25577
- margin-inline-end: 8px;
25578
- }
25579
- .v-color-picker-edit__input input {
25580
- border-radius: 4px;
25581
- margin-bottom: 8px;
25582
- min-width: 0;
25583
- outline: none;
25584
- text-align: center;
25585
- width: 100%;
25586
- height: 32px;
25587
- background: rgba(var(--v-theme-surface-variant), 0.2);
25588
- color: rgba(var(--v-theme-on-surface));
25589
- }
25590
- .v-color-picker-edit__input span {
25591
- font-size: 0.75rem;
25592
25614
  }.v-color-picker-swatches {
25593
25615
  overflow-y: auto;
25594
25616
  }
@@ -25604,238 +25626,79 @@ html.v-overlay-scroll-blocked {
25604
25626
  flex-direction: column;
25605
25627
  margin-bottom: 10px;
25606
25628
  }
25607
-
25608
- .v-color-picker-swatches__color {
25609
- position: relative;
25610
- height: 18px;
25611
- max-height: 18px;
25612
- width: 45px;
25613
- margin: 2px 4px;
25614
- border-radius: 2px;
25615
- -webkit-user-select: none;
25616
- user-select: none;
25617
- overflow: hidden;
25618
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
- cursor: pointer;
25620
- }
25621
- .v-color-picker-swatches__color > div {
25622
- display: flex;
25623
- align-items: center;
25624
- justify-content: center;
25625
- width: 100%;
25626
- height: 100%;
25627
- }.v-picker.v-sheet {
25628
- 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));
25629
- border-radius: 4px;
25630
- display: grid;
25631
- grid-auto-rows: min-content;
25632
- grid-template-areas: "title" "header" "body";
25633
- overflow: hidden;
25634
- }
25635
- .v-picker.v-sheet.v-picker--with-actions {
25636
- grid-template-areas: "title" "header" "body" "actions";
25637
- }
25638
-
25639
- .v-picker__body {
25640
- grid-area: body;
25641
- overflow: hidden;
25642
- position: relative;
25643
- }
25644
-
25645
- .v-picker__header {
25646
- grid-area: header;
25647
- }
25648
-
25649
- .v-picker__actions {
25650
- grid-area: actions;
25651
- padding: 0 12px 12px;
25652
- display: flex;
25653
- align-items: center;
25654
- justify-content: flex-end;
25655
- }
25656
- .v-picker__actions .v-btn {
25657
- min-width: 48px;
25658
- }
25659
- .v-picker__actions .v-btn:not(:last-child) {
25660
- margin-inline-end: 8px;
25661
- }
25662
-
25663
- .v-picker--landscape {
25664
- grid-template-areas: "title" "header body" "header body";
25665
- }
25666
-
25667
- .v-picker--landscape.v-picker--with-actions {
25668
- grid-template-areas: "title" "header body" "header actions";
25669
- }
25670
-
25671
- .v-picker-title {
25672
- text-transform: uppercase;
25673
- font-size: 0.75rem;
25674
- grid-area: title;
25675
- padding-inline: 24px 12px;
25676
- padding-top: 16px;
25677
- padding-bottom: 16px;
25678
- font-weight: 400;
25679
- letter-spacing: 0.1666666667em;
25680
- }.v-slider-thumb {
25681
- touch-action: none;
25682
- color: rgb(var(--v-theme-surface-variant));
25683
- }
25684
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25685
- color: inherit;
25686
- }
25687
-
25688
- .v-slider-thumb__label {
25689
- background: rgba(var(--v-theme-surface-variant), 0.7);
25690
- color: rgb(var(--v-theme-on-surface-variant));
25691
- }
25692
- .v-slider-thumb__label::before {
25693
- color: rgba(var(--v-theme-surface-variant), 0.7);
25694
- }
25695
-
25696
- .v-slider-thumb {
25697
- outline: none;
25698
- position: absolute;
25699
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25700
- }
25701
-
25702
- .v-slider-thumb__surface {
25703
- cursor: pointer;
25704
- width: var(--v-slider-thumb-size);
25705
- height: var(--v-slider-thumb-size);
25706
- border-radius: 50%;
25707
- -webkit-user-select: none;
25708
- user-select: none;
25709
- background-color: currentColor;
25710
- }
25711
- @media (forced-colors: active) {
25712
- .v-slider-thumb__surface {
25713
- background-color: highlight;
25714
- }
25715
- }
25716
- .v-slider-thumb__surface::before {
25717
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25718
- content: "";
25719
- color: inherit;
25720
- top: 0;
25721
- left: 0;
25722
- width: 100%;
25723
- height: 100%;
25724
- border-radius: 50%;
25725
- background: currentColor;
25726
- position: absolute;
25727
- pointer-events: none;
25728
- opacity: 0;
25729
- }
25730
- .v-slider-thumb__surface::after {
25731
- content: "";
25732
- width: 42px;
25733
- height: 42px;
25734
- position: absolute;
25735
- top: 50%;
25736
- left: 50%;
25737
- transform: translate(-50%, -50%);
25738
- }
25739
-
25740
- .v-slider-thumb__label-container {
25741
- position: absolute;
25742
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25743
- }
25744
-
25745
- .v-slider-thumb__label {
25746
- display: flex;
25747
- align-items: center;
25748
- justify-content: center;
25749
- font-size: 0.75rem;
25750
- min-width: 35px;
25751
- height: 25px;
25752
- border-radius: 4px;
25753
- padding: 6px;
25754
- position: absolute;
25755
- -webkit-user-select: none;
25756
- user-select: none;
25757
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25758
- }
25759
- .v-slider-thumb__label::before {
25760
- content: "";
25761
- width: 0;
25762
- height: 0;
25763
- position: absolute;
25764
- }
25765
-
25766
- .v-slider-thumb__ripple {
25767
- position: absolute;
25768
- left: calc(var(--v-slider-thumb-size) / -2);
25769
- top: calc(var(--v-slider-thumb-size) / -2);
25770
- width: calc(var(--v-slider-thumb-size) * 2);
25771
- height: calc(var(--v-slider-thumb-size) * 2);
25772
- background: inherit;
25773
- }
25774
-
25775
- .v-slider.v-input--horizontal .v-slider-thumb {
25776
- top: 50%;
25777
- transform: translateY(-50%);
25778
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25779
- }
25780
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25781
- left: calc(var(--v-slider-thumb-size) / 2);
25782
- top: 0;
25629
+
25630
+ .v-color-picker-swatches__color {
25631
+ position: relative;
25632
+ height: 18px;
25633
+ max-height: 18px;
25634
+ width: 45px;
25635
+ margin: 2px 4px;
25636
+ border-radius: 2px;
25637
+ -webkit-user-select: none;
25638
+ user-select: none;
25639
+ overflow: hidden;
25640
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25641
+ cursor: pointer;
25783
25642
  }
25784
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25785
- bottom: calc(var(--v-slider-thumb-size) / 2);
25643
+ .v-color-picker-swatches__color > div {
25644
+ display: flex;
25645
+ align-items: center;
25646
+ justify-content: center;
25647
+ width: 100%;
25648
+ height: 100%;
25649
+ }.v-picker.v-sheet {
25650
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25651
+ border-radius: 4px;
25652
+ display: grid;
25653
+ grid-auto-rows: min-content;
25654
+ grid-template-areas: "title" "header" "body";
25655
+ overflow: hidden;
25786
25656
  }
25787
- .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 {
25788
- transform: translateX(-50%);
25657
+ .v-picker.v-sheet.v-picker--with-actions {
25658
+ grid-template-areas: "title" "header" "body" "actions";
25789
25659
  }
25790
25660
 
25791
- .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 {
25792
- transform: translateX(50%);
25661
+ .v-picker__body {
25662
+ grid-area: body;
25663
+ overflow: hidden;
25664
+ position: relative;
25793
25665
  }
25794
25666
 
25795
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25796
- border-left: 6px solid transparent;
25797
- border-right: 6px solid transparent;
25798
- border-top: 6px solid currentColor;
25799
- bottom: -6px;
25667
+ .v-picker__header {
25668
+ grid-area: header;
25800
25669
  }
25801
25670
 
25802
- .v-slider.v-input--vertical .v-slider-thumb {
25803
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25804
- }
25805
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25806
- top: calc(var(--v-slider-thumb-size) / 2);
25807
- right: 0;
25671
+ .v-picker__actions {
25672
+ grid-area: actions;
25673
+ padding: 0 12px 12px;
25674
+ display: flex;
25675
+ align-items: center;
25676
+ justify-content: flex-end;
25808
25677
  }
25809
- .v-slider.v-input--vertical .v-slider-thumb__label {
25810
- top: -12.5px;
25811
- left: calc(var(--v-slider-thumb-size) / 2);
25678
+ .v-picker__actions .v-btn {
25679
+ min-width: 48px;
25812
25680
  }
25813
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25814
- border-right: 6px solid currentColor;
25815
- border-top: 6px solid transparent;
25816
- border-bottom: 6px solid transparent;
25817
- left: -6px;
25681
+ .v-picker__actions .v-btn:not(:last-child) {
25682
+ margin-inline-end: 8px;
25818
25683
  }
25819
25684
 
25820
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25821
- transform: scale(2);
25822
- opacity: var(--v-focus-opacity);
25685
+ .v-picker--landscape {
25686
+ grid-template-areas: "title" "header body" "header body";
25823
25687
  }
25824
25688
 
25825
- .v-slider-thumb--pressed {
25826
- transition: none;
25827
- }
25828
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25829
- opacity: var(--v-pressed-opacity);
25689
+ .v-picker--landscape.v-picker--with-actions {
25690
+ grid-template-areas: "title" "header body" "header actions";
25830
25691
  }
25831
25692
 
25832
- @media (hover: hover) {
25833
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25834
- transform: scale(2);
25835
- }
25836
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25837
- opacity: var(--v-hover-opacity);
25838
- }
25693
+ .v-picker-title {
25694
+ text-transform: uppercase;
25695
+ font-size: 0.75rem;
25696
+ grid-area: title;
25697
+ padding-inline: 24px 12px;
25698
+ padding-top: 16px;
25699
+ padding-bottom: 16px;
25700
+ font-weight: 400;
25701
+ letter-spacing: 0.1666666667em;
25839
25702
  }.v-slider-track__background {
25840
25703
  background-color: rgb(var(--v-theme-surface-variant));
25841
25704
  }
@@ -26014,4 +25877,163 @@ html.v-overlay-scroll-blocked {
26014
25877
 
26015
25878
  .v-slider-track__background--opacity {
26016
25879
  opacity: 0.38;
25880
+ }.v-slider-thumb {
25881
+ touch-action: none;
25882
+ color: rgb(var(--v-theme-surface-variant));
25883
+ }
25884
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25885
+ color: inherit;
25886
+ }
25887
+
25888
+ .v-slider-thumb__label {
25889
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25890
+ color: rgb(var(--v-theme-on-surface-variant));
25891
+ }
25892
+ .v-slider-thumb__label::before {
25893
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25894
+ }
25895
+
25896
+ .v-slider-thumb {
25897
+ outline: none;
25898
+ position: absolute;
25899
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25900
+ }
25901
+
25902
+ .v-slider-thumb__surface {
25903
+ cursor: pointer;
25904
+ width: var(--v-slider-thumb-size);
25905
+ height: var(--v-slider-thumb-size);
25906
+ border-radius: 50%;
25907
+ -webkit-user-select: none;
25908
+ user-select: none;
25909
+ background-color: currentColor;
25910
+ }
25911
+ @media (forced-colors: active) {
25912
+ .v-slider-thumb__surface {
25913
+ background-color: highlight;
25914
+ }
25915
+ }
25916
+ .v-slider-thumb__surface::before {
25917
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25918
+ content: "";
25919
+ color: inherit;
25920
+ top: 0;
25921
+ left: 0;
25922
+ width: 100%;
25923
+ height: 100%;
25924
+ border-radius: 50%;
25925
+ background: currentColor;
25926
+ position: absolute;
25927
+ pointer-events: none;
25928
+ opacity: 0;
25929
+ }
25930
+ .v-slider-thumb__surface::after {
25931
+ content: "";
25932
+ width: 42px;
25933
+ height: 42px;
25934
+ position: absolute;
25935
+ top: 50%;
25936
+ left: 50%;
25937
+ transform: translate(-50%, -50%);
25938
+ }
25939
+
25940
+ .v-slider-thumb__label-container {
25941
+ position: absolute;
25942
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25943
+ }
25944
+
25945
+ .v-slider-thumb__label {
25946
+ display: flex;
25947
+ align-items: center;
25948
+ justify-content: center;
25949
+ font-size: 0.75rem;
25950
+ min-width: 35px;
25951
+ height: 25px;
25952
+ border-radius: 4px;
25953
+ padding: 6px;
25954
+ position: absolute;
25955
+ -webkit-user-select: none;
25956
+ user-select: none;
25957
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25958
+ }
25959
+ .v-slider-thumb__label::before {
25960
+ content: "";
25961
+ width: 0;
25962
+ height: 0;
25963
+ position: absolute;
25964
+ }
25965
+
25966
+ .v-slider-thumb__ripple {
25967
+ position: absolute;
25968
+ left: calc(var(--v-slider-thumb-size) / -2);
25969
+ top: calc(var(--v-slider-thumb-size) / -2);
25970
+ width: calc(var(--v-slider-thumb-size) * 2);
25971
+ height: calc(var(--v-slider-thumb-size) * 2);
25972
+ background: inherit;
25973
+ }
25974
+
25975
+ .v-slider.v-input--horizontal .v-slider-thumb {
25976
+ top: 50%;
25977
+ transform: translateY(-50%);
25978
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25979
+ }
25980
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25981
+ left: calc(var(--v-slider-thumb-size) / 2);
25982
+ top: 0;
25983
+ }
25984
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25985
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25986
+ }
25987
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25988
+ transform: translateX(-50%);
25989
+ }
25990
+
25991
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25992
+ transform: translateX(50%);
25993
+ }
25994
+
25995
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25996
+ border-left: 6px solid transparent;
25997
+ border-right: 6px solid transparent;
25998
+ border-top: 6px solid currentColor;
25999
+ bottom: -6px;
26000
+ }
26001
+
26002
+ .v-slider.v-input--vertical .v-slider-thumb {
26003
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26004
+ }
26005
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
26006
+ top: calc(var(--v-slider-thumb-size) / 2);
26007
+ right: 0;
26008
+ }
26009
+ .v-slider.v-input--vertical .v-slider-thumb__label {
26010
+ top: -12.5px;
26011
+ left: calc(var(--v-slider-thumb-size) / 2);
26012
+ }
26013
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
26014
+ border-right: 6px solid currentColor;
26015
+ border-top: 6px solid transparent;
26016
+ border-bottom: 6px solid transparent;
26017
+ left: -6px;
26018
+ }
26019
+
26020
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
26021
+ transform: scale(2);
26022
+ opacity: var(--v-focus-opacity);
26023
+ }
26024
+
26025
+ .v-slider-thumb--pressed {
26026
+ transition: none;
26027
+ }
26028
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26029
+ opacity: var(--v-pressed-opacity);
26030
+ }
26031
+
26032
+ @media (hover: hover) {
26033
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
26034
+ transform: scale(2);
26035
+ }
26036
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26037
+ opacity: var(--v-hover-opacity);
26038
+ }
26017
26039
  }