vuetify 3.5.4 → 3.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/dist/json/attributes.json +2771 -2523
  2. package/dist/json/importMap-labs.json +4 -0
  3. package/dist/json/importMap.json +94 -94
  4. package/dist/json/tags.json +236 -169
  5. package/dist/json/web-types.json +3218 -2563
  6. package/dist/vuetify-labs.css +1819 -1796
  7. package/dist/vuetify-labs.d.ts +1234 -152
  8. package/dist/vuetify-labs.esm.js +555 -72
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +555 -72
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +887 -864
  13. package/dist/vuetify.d.ts +886 -179
  14. package/dist/vuetify.esm.js +121 -71
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +121 -71
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +647 -645
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/index.d.mts +9 -0
  22. package/lib/components/VAppBar/index.d.mts +18 -0
  23. package/lib/components/VAutocomplete/VAutocomplete.mjs +4 -4
  24. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  25. package/lib/components/VAutocomplete/index.d.mts +33 -6
  26. package/lib/components/VAvatar/index.d.mts +9 -0
  27. package/lib/components/VBadge/index.d.mts +9 -0
  28. package/lib/components/VBanner/index.d.mts +9 -0
  29. package/lib/components/VBottomNavigation/index.d.mts +9 -0
  30. package/lib/components/VBreadcrumbs/index.d.mts +9 -0
  31. package/lib/components/VBtn/index.d.mts +9 -0
  32. package/lib/components/VBtnGroup/index.d.mts +9 -0
  33. package/lib/components/VBtnToggle/index.d.mts +9 -0
  34. package/lib/components/VCard/index.d.mts +9 -0
  35. package/lib/components/VCarousel/index.d.mts +9 -0
  36. package/lib/components/VChip/index.d.mts +9 -0
  37. package/lib/components/VColorPicker/index.d.mts +9 -0
  38. package/lib/components/VCombobox/index.d.mts +33 -6
  39. package/lib/components/VDataIterator/index.d.mts +3 -3
  40. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  41. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  42. package/lib/components/VDataTable/index.d.mts +355 -117
  43. package/lib/components/VDataTable/types.mjs.map +1 -1
  44. package/lib/components/VDatePicker/VDatePicker.css +2 -21
  45. package/lib/components/VDatePicker/VDatePicker.mjs +14 -10
  46. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  47. package/lib/components/VDatePicker/VDatePicker.sass +3 -18
  48. package/lib/components/VDatePicker/VDatePickerHeader.css +2 -0
  49. package/lib/components/VDatePicker/VDatePickerHeader.sass +3 -0
  50. package/lib/components/VDatePicker/VDatePickerMonth.css +11 -5
  51. package/lib/components/VDatePicker/VDatePickerMonth.mjs +2 -1
  52. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  53. package/lib/components/VDatePicker/VDatePickerMonth.sass +13 -5
  54. package/lib/components/VDatePicker/VDatePickerMonths.css +2 -3
  55. package/lib/components/VDatePicker/VDatePickerMonths.mjs +6 -3
  56. package/lib/components/VDatePicker/VDatePickerMonths.mjs.map +1 -1
  57. package/lib/components/VDatePicker/VDatePickerMonths.sass +4 -3
  58. package/lib/components/VDatePicker/VDatePickerYears.css +2 -2
  59. package/lib/components/VDatePicker/VDatePickerYears.mjs +8 -1
  60. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  61. package/lib/components/VDatePicker/VDatePickerYears.sass +4 -2
  62. package/lib/components/VDatePicker/_variables.scss +14 -34
  63. package/lib/components/VDatePicker/index.d.mts +13 -4
  64. package/lib/components/VExpansionPanel/VExpansionPanel.css +14 -0
  65. package/lib/components/VExpansionPanel/VExpansionPanel.sass +14 -0
  66. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +9 -2
  67. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  68. package/lib/components/VExpansionPanel/index.d.mts +27 -0
  69. package/lib/components/VField/VField.css +20 -1
  70. package/lib/components/VField/VField.sass +19 -1
  71. package/lib/components/VField/index.d.mts +9 -0
  72. package/lib/components/VFileInput/VFileInput.mjs +1 -1
  73. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  74. package/lib/components/VFileInput/index.d.mts +9 -0
  75. package/lib/components/VFooter/index.d.mts +9 -0
  76. package/lib/components/VImg/index.d.mts +9 -0
  77. package/lib/components/VList/VListItem.css +2 -1
  78. package/lib/components/VList/VListItem.sass +1 -0
  79. package/lib/components/VList/_variables.scss +2 -1
  80. package/lib/components/VList/index.d.mts +18 -0
  81. package/lib/components/VMenu/VMenu.mjs +5 -5
  82. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  83. package/lib/components/VMenu/shared.mjs.map +1 -1
  84. package/lib/components/VNavigationDrawer/index.d.mts +9 -0
  85. package/lib/components/VPagination/index.d.mts +9 -0
  86. package/lib/components/VProgressLinear/index.d.mts +9 -0
  87. package/lib/components/VRangeSlider/index.d.mts +9 -0
  88. package/lib/components/VSelect/VSelect.mjs +4 -3
  89. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  90. package/lib/components/VSelect/index.d.mts +33 -6
  91. package/lib/components/VSheet/index.d.mts +9 -0
  92. package/lib/components/VSlider/index.d.mts +9 -0
  93. package/lib/components/VSnackbar/index.d.mts +9 -0
  94. package/lib/components/VStepper/index.d.mts +9 -0
  95. package/lib/components/VSystemBar/index.d.mts +9 -0
  96. package/lib/components/VTabs/index.d.mts +33 -6
  97. package/lib/components/VTextField/index.d.mts +33 -6
  98. package/lib/components/VTextarea/index.d.mts +9 -0
  99. package/lib/components/VTimeline/index.d.mts +9 -0
  100. package/lib/components/VToolbar/index.d.mts +9 -0
  101. package/lib/components/VTooltip/VTooltip.css +1 -0
  102. package/lib/components/VTooltip/VTooltip.sass +1 -0
  103. package/lib/components/VTooltip/_variables.scss +1 -0
  104. package/lib/components/index.d.mts +857 -151
  105. package/lib/composables/form.mjs +2 -1
  106. package/lib/composables/form.mjs.map +1 -1
  107. package/lib/composables/goto.mjs +16 -18
  108. package/lib/composables/goto.mjs.map +1 -1
  109. package/lib/composables/group.mjs +2 -0
  110. package/lib/composables/group.mjs.map +1 -1
  111. package/lib/composables/icons.mjs +17 -13
  112. package/lib/composables/icons.mjs.map +1 -1
  113. package/lib/composables/rounded.mjs +5 -1
  114. package/lib/composables/rounded.mjs.map +1 -1
  115. package/lib/composables/virtual.mjs +11 -3
  116. package/lib/composables/virtual.mjs.map +1 -1
  117. package/lib/entry-bundler.mjs +1 -1
  118. package/lib/framework.mjs +1 -1
  119. package/lib/iconsets/fa-svg.mjs +2 -1
  120. package/lib/iconsets/fa-svg.mjs.map +1 -1
  121. package/lib/index.d.mts +29 -28
  122. package/lib/labs/VCalendar/VCalendar.mjs +1 -1
  123. package/lib/labs/VCalendar/VCalendar.mjs.map +1 -1
  124. package/lib/labs/VPicker/VPicker.css +2 -2
  125. package/lib/labs/VPicker/VPicker.sass +2 -2
  126. package/lib/labs/VPicker/_variables.scss +2 -4
  127. package/lib/labs/VPicker/index.d.mts +9 -0
  128. package/lib/labs/VSparkline/VBarline.mjs +138 -0
  129. package/lib/labs/VSparkline/VBarline.mjs.map +1 -0
  130. package/lib/labs/VSparkline/VSparkline.mjs +49 -0
  131. package/lib/labs/VSparkline/VSparkline.mjs.map +1 -0
  132. package/lib/labs/VSparkline/VTrendline.mjs +143 -0
  133. package/lib/labs/VSparkline/VTrendline.mjs.map +1 -0
  134. package/lib/labs/VSparkline/index.d.mts +374 -0
  135. package/lib/labs/VSparkline/index.mjs +2 -0
  136. package/lib/labs/VSparkline/index.mjs.map +1 -0
  137. package/lib/labs/VSparkline/util/line.mjs +52 -0
  138. package/lib/labs/VSparkline/util/line.mjs.map +1 -0
  139. package/lib/labs/VSparkline/util/path.mjs +60 -0
  140. package/lib/labs/VSparkline/util/path.mjs.map +1 -0
  141. package/lib/labs/components.d.mts +376 -1
  142. package/lib/labs/components.mjs +1 -0
  143. package/lib/labs/components.mjs.map +1 -1
  144. package/lib/locale/nl.mjs +1 -1
  145. package/lib/locale/nl.mjs.map +1 -1
  146. package/lib/util/helpers.mjs +10 -0
  147. package/lib/util/helpers.mjs.map +1 -1
  148. package/package.json +2 -2
  149. package/lib/components/VDatePicker/VDatePickerTitle.mjs +0 -81
  150. package/lib/components/VDatePicker/VDatePickerTitle.mjs.map +0 -1
  151. package/lib/components/VDatePicker/VDatePickerTitle.sass +0 -33
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.4
2
+ * Vuetify v3.5.5
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17029,6 +17029,89 @@ html.overflow-y-hidden {
17029
17029
  font-weight: normal;
17030
17030
  padding: 0.2em 0.4rem;
17031
17031
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17032
+ }.v-picker.v-sheet {
17033
+ 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));
17034
+ border-radius: 4px;
17035
+ display: grid;
17036
+ grid-auto-rows: min-content;
17037
+ grid-template-areas: "title" "header" "body";
17038
+ overflow: hidden;
17039
+ }
17040
+ .v-picker.v-sheet.v-picker--with-actions {
17041
+ grid-template-areas: "title" "header" "body" "actions";
17042
+ }
17043
+
17044
+ .v-picker__body {
17045
+ grid-area: body;
17046
+ }
17047
+
17048
+ .v-picker__header {
17049
+ grid-area: header;
17050
+ }
17051
+
17052
+ .v-picker__actions {
17053
+ grid-area: actions;
17054
+ padding: 0 12px 12px;
17055
+ display: flex;
17056
+ align-items: center;
17057
+ justify-content: flex-end;
17058
+ }
17059
+ .v-picker__actions .v-btn {
17060
+ min-width: 48px;
17061
+ }
17062
+ .v-picker__actions .v-btn:not(:last-child) {
17063
+ margin-inline-end: 8px;
17064
+ }
17065
+
17066
+ .v-picker--landscape {
17067
+ grid-template-areas: "title" "header body" "header body";
17068
+ }
17069
+
17070
+ .v-picker--landscape.v-picker--with-actions {
17071
+ grid-template-areas: "title" "header body" "header actions";
17072
+ }
17073
+
17074
+ .v-picker-title {
17075
+ text-transform: uppercase;
17076
+ font-size: 0.75rem;
17077
+ grid-area: title;
17078
+ padding-inline: 24px 12px;
17079
+ padding-top: 16px;
17080
+ padding-bottom: 16px;
17081
+ font-weight: 400;
17082
+ letter-spacing: 0.1666666667em;
17083
+ }.v-calendar-day {
17084
+ position: relative;
17085
+ display: flex;
17086
+ flex-direction: column;
17087
+ }
17088
+
17089
+ .v-calendar-weekly .v-calendar__container {
17090
+ display: grid;
17091
+ }
17092
+ .v-calendar-weekly .v-calendar__container.days__7 {
17093
+ grid-template-columns: repeat(7, 1fr);
17094
+ }
17095
+ .v-calendar-weekly .v-calendar__container.days__6 {
17096
+ grid-template-columns: repeat(6, 1fr);
17097
+ }
17098
+ .v-calendar-weekly .v-calendar__container.days__5 {
17099
+ grid-template-columns: repeat(5, 1fr);
17100
+ }
17101
+ .v-calendar-weekly .v-calendar__container.days__4 {
17102
+ grid-template-columns: repeat(4, 1fr);
17103
+ }
17104
+ .v-calendar-weekly .v-calendar__container.days__3 {
17105
+ grid-template-columns: repeat(3, 1fr);
17106
+ }
17107
+ .v-calendar-weekly .v-calendar__container.days__2 {
17108
+ grid-template-columns: repeat(2, 1fr);
17109
+ }
17110
+ .v-calendar-weekly .v-calendar__container.days__1 {
17111
+ grid-template-columns: repeat(1, 1fr);
17112
+ }
17113
+ .v-calendar-weekly .v-calendar__container.days__0 {
17114
+ grid-template-columns: repeat(1, 1fr);
17032
17115
  }.v-calendar-header {
17033
17116
  align-items: center;
17034
17117
  display: flex;
@@ -17042,6 +17125,69 @@ html.overflow-y-hidden {
17042
17125
  .v-calendar-header__title {
17043
17126
  font-size: 1.5rem;
17044
17127
  margin-inline-start: 24px;
17128
+ }.v-calendar-month__day {
17129
+ position: relative;
17130
+ display: flex;
17131
+ flex-direction: column;
17132
+ min-width: 0;
17133
+ min-height: 150px;
17134
+ border-right: thin solid #e0e0e0;
17135
+ border-bottom: thin solid #e0e0e0;
17136
+ flex: 1 1 auto;
17137
+ border-inline-end: thin solid #e0e0e0;
17138
+ }
17139
+
17140
+ .v-calendar-weekly__day {
17141
+ flex: 1;
17142
+ width: 0;
17143
+ overflow: hidden;
17144
+ -webkit-user-select: none;
17145
+ user-select: none;
17146
+ position: relative;
17147
+ padding: 0px 0px 0px 0px;
17148
+ min-width: 0;
17149
+ min-height: 150px;
17150
+ border-right: thin solid #e0e0e0;
17151
+ border-bottom: thin solid #e0e0e0;
17152
+ flex: 1 1 auto;
17153
+ border-inline-end: thin solid #e0e0e0;
17154
+ text-align: center;
17155
+ }
17156
+ .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
17157
+ color: currentColor;
17158
+ }
17159
+
17160
+ .v-calendar-weekly__day-label {
17161
+ text-decoration: none;
17162
+ -webkit-user-select: none;
17163
+ user-select: none;
17164
+ cursor: pointer;
17165
+ box-shadow: none;
17166
+ text-align: center;
17167
+ }
17168
+ .v-calendar-weekly__day-label .v-btn {
17169
+ font-size: 12px;
17170
+ text-transform: none !important;
17171
+ }
17172
+ .v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
17173
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
17174
+ color: rgb(var(--v-theme-on-surface-variant));
17175
+ }
17176
+
17177
+ .v-calendar-weekly__day-month {
17178
+ position: absolute;
17179
+ text-decoration: none;
17180
+ -webkit-user-select: none;
17181
+ user-select: none;
17182
+ box-shadow: none;
17183
+ top: 0;
17184
+ left: 36px;
17185
+ height: 32px;
17186
+ line-height: 32px;
17187
+ }
17188
+
17189
+ .v-calendar-weekly__day-alldayevents-container {
17190
+ min-height: 24px;
17045
17191
  }.v-calendar-weekly {
17046
17192
  width: 100%;
17047
17193
  height: 100%;
@@ -17306,210 +17452,64 @@ html.overflow-y-hidden {
17306
17452
  }
17307
17453
  .v-calendar-day__row-without-label .v-calendar-day__row-content.v-calendar-day__row-content-through {
17308
17454
  border-bottom: none;
17309
- }.v-calendar-month__day {
17310
- position: relative;
17455
+ }.v-application {
17311
17456
  display: flex;
17312
- flex-direction: column;
17313
- min-width: 0;
17314
- min-height: 150px;
17315
- border-right: thin solid #e0e0e0;
17316
- border-bottom: thin solid #e0e0e0;
17317
- flex: 1 1 auto;
17318
- border-inline-end: thin solid #e0e0e0;
17457
+ background: rgb(var(--v-theme-background));
17458
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17319
17459
  }
17320
17460
 
17321
- .v-calendar-weekly__day {
17322
- flex: 1;
17323
- width: 0;
17324
- overflow: hidden;
17325
- -webkit-user-select: none;
17326
- user-select: none;
17327
- position: relative;
17328
- padding: 0px 0px 0px 0px;
17329
- min-width: 0;
17330
- min-height: 150px;
17331
- border-right: thin solid #e0e0e0;
17332
- border-bottom: thin solid #e0e0e0;
17461
+ .v-application__wrap {
17462
+ -webkit-backface-visibility: hidden;
17463
+ backface-visibility: hidden;
17464
+ display: flex;
17465
+ flex-direction: column;
17333
17466
  flex: 1 1 auto;
17334
- border-inline-end: thin solid #e0e0e0;
17335
- text-align: center;
17467
+ max-width: 100%;
17468
+ min-height: 100vh;
17469
+ min-height: 100dvh;
17470
+ position: relative;
17471
+ }.v-alert {
17472
+ display: grid;
17473
+ flex: 1 1;
17474
+ grid-template-areas: "prepend content append close" ". content . .";
17475
+ grid-template-columns: max-content auto max-content max-content;
17476
+ position: relative;
17477
+ padding: 16px;
17478
+ overflow: hidden;
17479
+ --v-border-color: currentColor;
17480
+ border-radius: 4px;
17336
17481
  }
17337
- .v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
17338
- color: currentColor;
17482
+ .v-alert--absolute {
17483
+ position: absolute;
17339
17484
  }
17340
-
17341
- .v-calendar-weekly__day-label {
17342
- text-decoration: none;
17343
- -webkit-user-select: none;
17344
- user-select: none;
17345
- cursor: pointer;
17346
- box-shadow: none;
17347
- text-align: center;
17485
+ .v-alert--fixed {
17486
+ position: fixed;
17348
17487
  }
17349
- .v-calendar-weekly__day-label .v-btn {
17350
- font-size: 12px;
17351
- text-transform: none !important;
17488
+ .v-alert--sticky {
17489
+ position: sticky;
17352
17490
  }
17353
- .v-calendar-weekly__day-label .v-btn.v-calendar-weekly__day-label__today {
17354
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
17355
- color: rgb(var(--v-theme-on-surface-variant));
17491
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17492
+ background: transparent;
17493
+ color: inherit;
17356
17494
  }
17357
-
17358
- .v-calendar-weekly__day-month {
17359
- position: absolute;
17360
- text-decoration: none;
17361
- -webkit-user-select: none;
17362
- user-select: none;
17363
- box-shadow: none;
17364
- top: 0;
17365
- left: 36px;
17366
- height: 32px;
17367
- line-height: 32px;
17495
+ .v-alert--variant-plain {
17496
+ opacity: 0.62;
17368
17497
  }
17369
-
17370
- .v-calendar-weekly__day-alldayevents-container {
17371
- min-height: 24px;
17372
- }.v-calendar-day {
17373
- position: relative;
17374
- display: flex;
17375
- flex-direction: column;
17498
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17499
+ opacity: 1;
17376
17500
  }
17377
-
17378
- .v-calendar-weekly .v-calendar__container {
17379
- display: grid;
17501
+ .v-alert--variant-plain .v-alert__overlay {
17502
+ display: none;
17380
17503
  }
17381
- .v-calendar-weekly .v-calendar__container.days__7 {
17382
- grid-template-columns: repeat(7, 1fr);
17504
+ .v-alert--variant-elevated, .v-alert--variant-flat {
17505
+ background: rgb(var(--v-theme-surface-light));
17506
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17383
17507
  }
17384
- .v-calendar-weekly .v-calendar__container.days__6 {
17385
- grid-template-columns: repeat(6, 1fr);
17508
+ .v-alert--variant-elevated {
17509
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17386
17510
  }
17387
- .v-calendar-weekly .v-calendar__container.days__5 {
17388
- grid-template-columns: repeat(5, 1fr);
17389
- }
17390
- .v-calendar-weekly .v-calendar__container.days__4 {
17391
- grid-template-columns: repeat(4, 1fr);
17392
- }
17393
- .v-calendar-weekly .v-calendar__container.days__3 {
17394
- grid-template-columns: repeat(3, 1fr);
17395
- }
17396
- .v-calendar-weekly .v-calendar__container.days__2 {
17397
- grid-template-columns: repeat(2, 1fr);
17398
- }
17399
- .v-calendar-weekly .v-calendar__container.days__1 {
17400
- grid-template-columns: repeat(1, 1fr);
17401
- }
17402
- .v-calendar-weekly .v-calendar__container.days__0 {
17403
- grid-template-columns: repeat(1, 1fr);
17404
- }.v-picker.v-sheet {
17405
- 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));
17406
- border-radius: 4px;
17407
- display: grid;
17408
- grid-auto-rows: min-content;
17409
- grid-template-areas: "title" "header" "body";
17410
- overflow: hidden;
17411
- }
17412
- .v-picker.v-sheet.v-picker--with-actions {
17413
- grid-template-areas: "title" "header" "body" "actions";
17414
- }
17415
-
17416
- .v-picker__body {
17417
- grid-area: body;
17418
- }
17419
-
17420
- .v-picker__header {
17421
- grid-area: header;
17422
- }
17423
-
17424
- .v-picker__actions {
17425
- grid-area: actions;
17426
- padding: 0 12px 12px 12px;
17427
- display: flex;
17428
- align-items: center;
17429
- justify-content: flex-end;
17430
- }
17431
- .v-picker__actions .v-btn {
17432
- min-width: 48px;
17433
- }
17434
- .v-picker__actions .v-btn:not(:last-child) {
17435
- margin-inline-end: 8px;
17436
- }
17437
-
17438
- .v-picker--landscape {
17439
- grid-template-areas: "title" "header body" "header body";
17440
- }
17441
-
17442
- .v-picker--landscape.v-picker--with-actions {
17443
- grid-template-areas: "title" "header body" "header actions";
17444
- }
17445
-
17446
- .v-picker-title {
17447
- text-transform: uppercase;
17448
- font-size: 0.75rem;
17449
- grid-area: title;
17450
- padding-inline: 24px 12px;
17451
- padding-top: 16px;
17452
- padding-bottom: 16px;
17453
- font-weight: 600;
17454
- letter-spacing: 0.1666666667em;
17455
- }.v-application {
17456
- display: flex;
17457
- background: rgb(var(--v-theme-background));
17458
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17459
- }
17460
-
17461
- .v-application__wrap {
17462
- -webkit-backface-visibility: hidden;
17463
- backface-visibility: hidden;
17464
- display: flex;
17465
- flex-direction: column;
17466
- flex: 1 1 auto;
17467
- max-width: 100%;
17468
- min-height: 100vh;
17469
- min-height: 100dvh;
17470
- position: relative;
17471
- }.v-alert {
17472
- display: grid;
17473
- flex: 1 1;
17474
- grid-template-areas: "prepend content append close" ". content . .";
17475
- grid-template-columns: max-content auto max-content max-content;
17476
- position: relative;
17477
- padding: 16px;
17478
- overflow: hidden;
17479
- --v-border-color: currentColor;
17480
- border-radius: 4px;
17481
- }
17482
- .v-alert--absolute {
17483
- position: absolute;
17484
- }
17485
- .v-alert--fixed {
17486
- position: fixed;
17487
- }
17488
- .v-alert--sticky {
17489
- position: sticky;
17490
- }
17491
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
17492
- background: transparent;
17493
- color: inherit;
17494
- }
17495
- .v-alert--variant-plain {
17496
- opacity: 0.62;
17497
- }
17498
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
17499
- opacity: 1;
17500
- }
17501
- .v-alert--variant-plain .v-alert__overlay {
17502
- display: none;
17503
- }
17504
- .v-alert--variant-elevated, .v-alert--variant-flat {
17505
- background: rgb(var(--v-theme-surface-light));
17506
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
17507
- }
17508
- .v-alert--variant-elevated {
17509
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17510
- }
17511
- .v-alert--variant-flat {
17512
- 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));
17511
+ .v-alert--variant-flat {
17512
+ 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));
17513
17513
  }
17514
17514
  .v-alert--variant-outlined {
17515
17515
  border: thin solid currentColor;
@@ -17678,99 +17678,6 @@ html.overflow-y-hidden {
17678
17678
  text-transform: none;
17679
17679
  word-break: normal;
17680
17680
  word-wrap: break-word;
17681
- }.v-app-bar {
17682
- display: flex;
17683
- }
17684
- .v-app-bar.v-toolbar {
17685
- background: rgb(var(--v-theme-surface));
17686
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17687
- }
17688
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17689
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17690
- }
17691
- .v-app-bar:not(.v-toolbar--absolute) {
17692
- padding-inline-end: var(--v-scrollbar-offset);
17693
- }.v-autocomplete .v-field .v-text-field__prefix,
17694
- .v-autocomplete .v-field .v-text-field__suffix,
17695
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17696
- cursor: text;
17697
- }
17698
- .v-autocomplete .v-field .v-field__input > input {
17699
- flex: 1 1;
17700
- }
17701
- .v-autocomplete .v-field input {
17702
- min-width: 64px;
17703
- }
17704
- .v-autocomplete .v-field:not(.v-field--focused) input {
17705
- min-width: 0;
17706
- }
17707
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17708
- margin-inline-end: 2px;
17709
- }
17710
- .v-autocomplete .v-autocomplete__selection-text {
17711
- overflow: hidden;
17712
- text-overflow: ellipsis;
17713
- white-space: nowrap;
17714
- }
17715
-
17716
- .v-autocomplete__content {
17717
- overflow: hidden;
17718
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17719
- border-radius: 4px;
17720
- }
17721
- .v-autocomplete__mask {
17722
- background: rgb(var(--v-theme-surface-light));
17723
- }
17724
- .v-autocomplete__selection {
17725
- display: inline-flex;
17726
- align-items: center;
17727
- height: 1.5rem;
17728
- letter-spacing: inherit;
17729
- line-height: inherit;
17730
- max-width: calc(100% - 2px - 2px);
17731
- }
17732
- .v-autocomplete__selection:first-child {
17733
- margin-inline-start: 0;
17734
- }
17735
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17736
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17737
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17738
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17739
- top: 0px;
17740
- }
17741
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17742
- opacity: var(--v-medium-emphasis-opacity);
17743
- }
17744
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17745
- opacity: 1;
17746
- }
17747
- .v-autocomplete--selecting-index .v-field__input > input {
17748
- caret-color: transparent;
17749
- }
17750
- .v-autocomplete--single.v-text-field .v-field--focused input {
17751
- flex: 1 1;
17752
- position: absolute;
17753
- left: 0;
17754
- right: 0;
17755
- width: 100%;
17756
- padding-inline: inherit;
17757
- }
17758
- .v-autocomplete--single .v-field--active input {
17759
- transition: none;
17760
- }
17761
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17762
- opacity: 0;
17763
- }
17764
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17765
- opacity: 0;
17766
- }
17767
- .v-autocomplete__menu-icon {
17768
- margin-inline-start: 4px;
17769
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17770
- }
17771
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17772
- opacity: var(--v-high-emphasis-opacity);
17773
- transform: rotate(180deg);
17774
17681
  }.v-avatar {
17775
17682
  flex: none;
17776
17683
  align-items: center;
@@ -17858,29 +17765,84 @@ html.overflow-y-hidden {
17858
17765
  .v-avatar .v-img {
17859
17766
  height: 100%;
17860
17767
  width: 100%;
17861
- }.v-badge {
17862
- display: inline-block;
17863
- line-height: 1;
17768
+ }.v-bottom-navigation {
17769
+ display: flex;
17770
+ max-width: 100%;
17771
+ overflow: hidden;
17772
+ position: absolute;
17773
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17774
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17775
+ border-style: solid;
17776
+ border-width: 0;
17777
+ border-radius: 0;
17778
+ background: rgb(var(--v-theme-surface));
17779
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17780
+ }
17781
+ .v-bottom-navigation--border {
17782
+ border-width: thin;
17783
+ box-shadow: none;
17784
+ }
17785
+ .v-bottom-navigation--active {
17786
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17864
17787
  }
17865
17788
 
17866
- .v-badge__badge {
17867
- align-items: center;
17868
- display: inline-flex;
17869
- border-radius: 10px;
17789
+ .v-bottom-navigation__content {
17790
+ display: flex;
17791
+ flex: none;
17870
17792
  font-size: 0.75rem;
17871
- font-weight: 500;
17872
- height: 1.25rem;
17873
17793
  justify-content: center;
17874
- min-width: 20px;
17875
- padding: 4px 6px;
17876
- pointer-events: auto;
17877
- position: absolute;
17878
- text-align: center;
17879
- text-indent: 0;
17880
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17881
- white-space: nowrap;
17882
- background: rgb(var(--v-theme-surface-variant));
17883
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17794
+ transition: inherit;
17795
+ width: 100%;
17796
+ }
17797
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17798
+ font-size: inherit;
17799
+ height: 100%;
17800
+ max-width: 168px;
17801
+ min-width: 80px;
17802
+ text-transform: none;
17803
+ transition: inherit;
17804
+ width: auto;
17805
+ border-radius: 0;
17806
+ }
17807
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17808
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17809
+ transition: inherit;
17810
+ }
17811
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17812
+ font-size: 1.5rem;
17813
+ }
17814
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17815
+ flex-grow: 1;
17816
+ }
17817
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17818
+ transition: inherit;
17819
+ opacity: 0;
17820
+ }
17821
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17822
+ transform: translateY(0.5rem);
17823
+ }.v-badge {
17824
+ display: inline-block;
17825
+ line-height: 1;
17826
+ }
17827
+
17828
+ .v-badge__badge {
17829
+ align-items: center;
17830
+ display: inline-flex;
17831
+ border-radius: 10px;
17832
+ font-size: 0.75rem;
17833
+ font-weight: 500;
17834
+ height: 1.25rem;
17835
+ justify-content: center;
17836
+ min-width: 20px;
17837
+ padding: 4px 6px;
17838
+ pointer-events: auto;
17839
+ position: absolute;
17840
+ text-align: center;
17841
+ text-indent: 0;
17842
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17843
+ white-space: nowrap;
17844
+ background: rgb(var(--v-theme-surface-variant));
17845
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17884
17846
  }
17885
17847
  .v-badge--bordered .v-badge__badge::after {
17886
17848
  border-radius: inherit;
@@ -17929,38 +17891,87 @@ html.overflow-y-hidden {
17929
17891
  display: inline-flex;
17930
17892
  justify-content: center;
17931
17893
  margin: 0 4px;
17932
- }.bottom-sheet-transition-enter-from {
17933
- transform: translateY(100%);
17894
+ }.v-autocomplete .v-field .v-text-field__prefix,
17895
+ .v-autocomplete .v-field .v-text-field__suffix,
17896
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17897
+ cursor: text;
17934
17898
  }
17935
- .bottom-sheet-transition-leave-to {
17936
- transform: translateY(100%);
17899
+ .v-autocomplete .v-field .v-field__input > input {
17900
+ flex: 1 1;
17901
+ }
17902
+ .v-autocomplete .v-field input {
17903
+ min-width: 64px;
17904
+ }
17905
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17906
+ min-width: 0;
17907
+ }
17908
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17909
+ margin-inline-end: 2px;
17910
+ }
17911
+ .v-autocomplete .v-autocomplete__selection-text {
17912
+ overflow: hidden;
17913
+ text-overflow: ellipsis;
17914
+ white-space: nowrap;
17937
17915
  }
17938
17916
 
17939
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17940
- align-self: flex-end;
17941
- border-radius: 0;
17942
- flex: 0 1 auto;
17917
+ .v-autocomplete__content {
17918
+ overflow: hidden;
17919
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17920
+ border-radius: 4px;
17921
+ }
17922
+ .v-autocomplete__mask {
17923
+ background: rgb(var(--v-theme-surface-light));
17924
+ }
17925
+ .v-autocomplete__selection {
17926
+ display: inline-flex;
17927
+ align-items: center;
17928
+ height: 1.5rem;
17929
+ letter-spacing: inherit;
17930
+ line-height: inherit;
17931
+ max-width: calc(100% - 2px - 2px);
17932
+ }
17933
+ .v-autocomplete__selection:first-child {
17934
+ margin-inline-start: 0;
17935
+ }
17936
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17937
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17938
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17939
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17940
+ top: 0px;
17941
+ }
17942
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17943
+ opacity: var(--v-medium-emphasis-opacity);
17944
+ }
17945
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17946
+ opacity: 1;
17947
+ }
17948
+ .v-autocomplete--selecting-index .v-field__input > input {
17949
+ caret-color: transparent;
17950
+ }
17951
+ .v-autocomplete--single.v-text-field .v-field--focused input {
17952
+ flex: 1 1;
17953
+ position: absolute;
17943
17954
  left: 0;
17944
17955
  right: 0;
17945
- margin-inline: 0;
17946
- margin-bottom: 0;
17947
- transition-duration: 0.2s;
17948
17956
  width: 100%;
17949
- max-width: 100%;
17950
- overflow: visible;
17951
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17957
+ padding-inline: inherit;
17952
17958
  }
17953
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17954
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17955
- border-radius: 0;
17959
+ .v-autocomplete--single .v-field--active input {
17960
+ transition: none;
17956
17961
  }
17957
- .v-bottom-sheet.v-bottom-sheet--inset {
17958
- max-width: none;
17962
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
17963
+ opacity: 0;
17959
17964
  }
17960
- @media (min-width: 600px) {
17961
- .v-bottom-sheet.v-bottom-sheet--inset {
17962
- max-width: 70%;
17963
- }
17965
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
17966
+ opacity: 0;
17967
+ }
17968
+ .v-autocomplete__menu-icon {
17969
+ margin-inline-start: 4px;
17970
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17971
+ }
17972
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17973
+ opacity: var(--v-high-emphasis-opacity);
17974
+ transform: rotate(180deg);
17964
17975
  }.v-banner {
17965
17976
  display: grid;
17966
17977
  flex: 1 1;
@@ -18118,251 +18129,83 @@ html.overflow-y-hidden {
18118
18129
  }
18119
18130
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18120
18131
  align-self: flex-start;
18121
- }.v-bottom-navigation {
18122
- display: flex;
18132
+ }.v-btn {
18133
+ align-items: center;
18134
+ border-radius: 4px;
18135
+ display: inline-grid;
18136
+ grid-template-areas: "prepend content append";
18137
+ grid-template-columns: max-content auto max-content;
18138
+ font-weight: 500;
18139
+ justify-content: center;
18140
+ letter-spacing: 0.0892857143em;
18141
+ line-height: normal;
18123
18142
  max-width: 100%;
18124
- overflow: hidden;
18125
- position: absolute;
18126
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18143
+ outline: none;
18144
+ position: relative;
18145
+ text-decoration: none;
18146
+ text-indent: 0.0892857143em;
18147
+ text-transform: uppercase;
18148
+ transition-property: box-shadow, transform, opacity, background;
18149
+ transition-duration: 0.28s;
18150
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18151
+ -webkit-user-select: none;
18152
+ user-select: none;
18153
+ vertical-align: middle;
18154
+ flex-shrink: 0;
18127
18155
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18128
18156
  border-style: solid;
18129
18157
  border-width: 0;
18130
- border-radius: 0;
18131
- background: rgb(var(--v-theme-surface));
18132
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18133
18158
  }
18134
- .v-bottom-navigation--border {
18135
- border-width: thin;
18136
- box-shadow: none;
18159
+ .v-btn--size-x-small {
18160
+ --v-btn-size: 0.625rem;
18161
+ --v-btn-height: 20px;
18162
+ font-size: var(--v-btn-size);
18163
+ min-width: 36px;
18164
+ padding: 0 8px;
18137
18165
  }
18138
- .v-bottom-navigation--active {
18139
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18166
+
18167
+ .v-btn--size-small {
18168
+ --v-btn-size: 0.75rem;
18169
+ --v-btn-height: 28px;
18170
+ font-size: var(--v-btn-size);
18171
+ min-width: 50px;
18172
+ padding: 0 12px;
18140
18173
  }
18141
18174
 
18142
- .v-bottom-navigation__content {
18143
- display: flex;
18144
- flex: none;
18145
- font-size: 0.75rem;
18146
- justify-content: center;
18147
- transition: inherit;
18148
- width: 100%;
18175
+ .v-btn--size-default {
18176
+ --v-btn-size: 0.875rem;
18177
+ --v-btn-height: 36px;
18178
+ font-size: var(--v-btn-size);
18179
+ min-width: 64px;
18180
+ padding: 0 16px;
18149
18181
  }
18150
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18151
- font-size: inherit;
18152
- height: 100%;
18153
- max-width: 168px;
18154
- min-width: 80px;
18155
- text-transform: none;
18156
- transition: inherit;
18157
- width: auto;
18158
- border-radius: 0;
18182
+
18183
+ .v-btn--size-large {
18184
+ --v-btn-size: 1rem;
18185
+ --v-btn-height: 44px;
18186
+ font-size: var(--v-btn-size);
18187
+ min-width: 78px;
18188
+ padding: 0 20px;
18159
18189
  }
18160
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18161
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18162
- transition: inherit;
18190
+
18191
+ .v-btn--size-x-large {
18192
+ --v-btn-size: 1.125rem;
18193
+ --v-btn-height: 52px;
18194
+ font-size: var(--v-btn-size);
18195
+ min-width: 92px;
18196
+ padding: 0 24px;
18163
18197
  }
18164
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18165
- font-size: 1.5rem;
18198
+
18199
+ .v-btn.v-btn--density-default {
18200
+ height: calc(var(--v-btn-height) + 0px);
18166
18201
  }
18167
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18168
- flex-grow: 1;
18202
+
18203
+ .v-btn.v-btn--density-comfortable {
18204
+ height: calc(var(--v-btn-height) + -8px);
18169
18205
  }
18170
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18171
- transition: inherit;
18172
- opacity: 0;
18173
- }
18174
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18175
- transform: translateY(0.5rem);
18176
- }.v-breadcrumbs {
18177
- display: flex;
18178
- align-items: center;
18179
- line-height: 1.375rem;
18180
- padding: 16px 12px;
18181
- }
18182
- .v-breadcrumbs--rounded {
18183
- border-radius: 4px;
18184
- }
18185
- .v-breadcrumbs--density-default {
18186
- padding-top: 16px;
18187
- padding-bottom: 16px;
18188
- }
18189
-
18190
- .v-breadcrumbs--density-comfortable {
18191
- padding-top: 12px;
18192
- padding-bottom: 12px;
18193
- }
18194
-
18195
- .v-breadcrumbs--density-compact {
18196
- padding-top: 8px;
18197
- padding-bottom: 8px;
18198
- }
18199
-
18200
- .v-breadcrumbs__prepend {
18201
- align-items: center;
18202
- display: inline-flex;
18203
- }
18204
-
18205
- .v-breadcrumbs-item {
18206
- align-items: center;
18207
- color: inherit;
18208
- display: inline-flex;
18209
- padding: 0 4px;
18210
- text-decoration: none;
18211
- vertical-align: middle;
18212
- }
18213
- .v-breadcrumbs-item--disabled {
18214
- opacity: var(--v-disabled-opacity);
18215
- pointer-events: none;
18216
- }
18217
- .v-breadcrumbs-item--link {
18218
- color: inherit;
18219
- text-decoration: none;
18220
- }
18221
- .v-breadcrumbs-item--link:hover {
18222
- text-decoration: underline;
18223
- }
18224
- .v-breadcrumbs-item .v-icon {
18225
- font-size: 1rem;
18226
- margin-inline: -4px 2px;
18227
- }
18228
-
18229
- .v-breadcrumbs-divider {
18230
- display: inline-block;
18231
- padding: 0 8px;
18232
- vertical-align: middle;
18233
- }.v-btn-group {
18234
- display: inline-flex;
18235
- flex-wrap: nowrap;
18236
- max-width: 100%;
18237
- min-width: 0;
18238
- overflow: hidden;
18239
- vertical-align: middle;
18240
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18241
- border-style: solid;
18242
- border-width: 0;
18243
- 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));
18244
- border-radius: 4px;
18245
- background: transparent;
18246
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18247
- }
18248
- .v-btn-group--border {
18249
- border-width: thin;
18250
- box-shadow: none;
18251
- }
18252
- .v-btn-group--density-default.v-btn-group {
18253
- height: 48px;
18254
- }
18255
-
18256
- .v-btn-group--density-comfortable.v-btn-group {
18257
- height: 40px;
18258
- }
18259
-
18260
- .v-btn-group--density-compact.v-btn-group {
18261
- height: 36px;
18262
- }
18263
-
18264
- .v-btn-group .v-btn {
18265
- border-radius: 0;
18266
- border-color: inherit;
18267
- }
18268
- .v-btn-group .v-btn:not(:last-child) {
18269
- border-inline-end: none;
18270
- }
18271
- .v-btn-group .v-btn:not(:first-child) {
18272
- border-inline-start: none;
18273
- }
18274
- .v-btn-group .v-btn:first-child {
18275
- border-start-start-radius: inherit;
18276
- border-end-start-radius: inherit;
18277
- }
18278
- .v-btn-group .v-btn:last-child {
18279
- border-start-end-radius: inherit;
18280
- border-end-end-radius: inherit;
18281
- }
18282
- .v-btn-group--divided .v-btn:not(:last-child) {
18283
- border-inline-end-width: thin;
18284
- border-inline-end-style: solid;
18285
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18286
- }
18287
- .v-btn-group--tile {
18288
- border-radius: 0;
18289
- }.v-btn {
18290
- align-items: center;
18291
- border-radius: 4px;
18292
- display: inline-grid;
18293
- grid-template-areas: "prepend content append";
18294
- grid-template-columns: max-content auto max-content;
18295
- font-weight: 500;
18296
- justify-content: center;
18297
- letter-spacing: 0.0892857143em;
18298
- line-height: normal;
18299
- max-width: 100%;
18300
- outline: none;
18301
- position: relative;
18302
- text-decoration: none;
18303
- text-indent: 0.0892857143em;
18304
- text-transform: uppercase;
18305
- transition-property: box-shadow, transform, opacity, background;
18306
- transition-duration: 0.28s;
18307
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18308
- -webkit-user-select: none;
18309
- user-select: none;
18310
- vertical-align: middle;
18311
- flex-shrink: 0;
18312
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18313
- border-style: solid;
18314
- border-width: 0;
18315
- }
18316
- .v-btn--size-x-small {
18317
- --v-btn-size: 0.625rem;
18318
- --v-btn-height: 20px;
18319
- font-size: var(--v-btn-size);
18320
- min-width: 36px;
18321
- padding: 0 8px;
18322
- }
18323
-
18324
- .v-btn--size-small {
18325
- --v-btn-size: 0.75rem;
18326
- --v-btn-height: 28px;
18327
- font-size: var(--v-btn-size);
18328
- min-width: 50px;
18329
- padding: 0 12px;
18330
- }
18331
-
18332
- .v-btn--size-default {
18333
- --v-btn-size: 0.875rem;
18334
- --v-btn-height: 36px;
18335
- font-size: var(--v-btn-size);
18336
- min-width: 64px;
18337
- padding: 0 16px;
18338
- }
18339
-
18340
- .v-btn--size-large {
18341
- --v-btn-size: 1rem;
18342
- --v-btn-height: 44px;
18343
- font-size: var(--v-btn-size);
18344
- min-width: 78px;
18345
- padding: 0 20px;
18346
- }
18347
-
18348
- .v-btn--size-x-large {
18349
- --v-btn-size: 1.125rem;
18350
- --v-btn-height: 52px;
18351
- font-size: var(--v-btn-size);
18352
- min-width: 92px;
18353
- padding: 0 24px;
18354
- }
18355
-
18356
- .v-btn.v-btn--density-default {
18357
- height: calc(var(--v-btn-height) + 0px);
18358
- }
18359
-
18360
- .v-btn.v-btn--density-comfortable {
18361
- height: calc(var(--v-btn-height) + -8px);
18362
- }
18363
-
18364
- .v-btn.v-btn--density-compact {
18365
- height: calc(var(--v-btn-height) + -12px);
18206
+
18207
+ .v-btn.v-btn--density-compact {
18208
+ height: calc(var(--v-btn-height) + -12px);
18366
18209
  }
18367
18210
 
18368
18211
  .v-btn--border {
@@ -18689,6 +18532,38 @@ html.overflow-y-hidden {
18689
18532
  }
18690
18533
  .v-pagination__item--is-active .v-btn__overlay {
18691
18534
  opacity: var(--v-border-opacity);
18535
+ }.bottom-sheet-transition-enter-from {
18536
+ transform: translateY(100%);
18537
+ }
18538
+ .bottom-sheet-transition-leave-to {
18539
+ transform: translateY(100%);
18540
+ }
18541
+
18542
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18543
+ align-self: flex-end;
18544
+ border-radius: 0;
18545
+ flex: 0 1 auto;
18546
+ left: 0;
18547
+ right: 0;
18548
+ margin-inline: 0;
18549
+ margin-bottom: 0;
18550
+ transition-duration: 0.2s;
18551
+ width: 100%;
18552
+ max-width: 100%;
18553
+ overflow: visible;
18554
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18555
+ }
18556
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18557
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18558
+ border-radius: 0;
18559
+ }
18560
+ .v-bottom-sheet.v-bottom-sheet--inset {
18561
+ max-width: none;
18562
+ }
18563
+ @media (min-width: 600px) {
18564
+ .v-bottom-sheet.v-bottom-sheet--inset {
18565
+ max-width: 70%;
18566
+ }
18692
18567
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18693
18568
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18694
18569
  }
@@ -18702,33 +18577,90 @@ html.overflow-y-hidden {
18702
18577
  .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18703
18578
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18704
18579
  }
18705
- }.v-card {
18706
- display: block;
18707
- overflow: hidden;
18708
- overflow-wrap: break-word;
18709
- position: relative;
18710
- padding: 0;
18711
- text-decoration: none;
18712
- transition-duration: 0.28s;
18713
- transition-property: box-shadow, opacity, background;
18714
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18715
- z-index: 0;
18716
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18717
- border-style: solid;
18718
- border-width: 0;
18719
- border-radius: 4px;
18580
+ }.v-breadcrumbs {
18581
+ display: flex;
18582
+ align-items: center;
18583
+ line-height: 1.375rem;
18584
+ padding: 16px 12px;
18720
18585
  }
18721
- .v-card--border {
18722
- border-width: thin;
18723
- box-shadow: none;
18586
+ .v-breadcrumbs--rounded {
18587
+ border-radius: 4px;
18724
18588
  }
18725
- .v-card--absolute {
18726
- position: absolute;
18589
+ .v-breadcrumbs--density-default {
18590
+ padding-top: 16px;
18591
+ padding-bottom: 16px;
18727
18592
  }
18728
- .v-card--fixed {
18729
- position: fixed;
18593
+
18594
+ .v-breadcrumbs--density-comfortable {
18595
+ padding-top: 12px;
18596
+ padding-bottom: 12px;
18730
18597
  }
18731
- .v-card:hover > .v-card__overlay {
18598
+
18599
+ .v-breadcrumbs--density-compact {
18600
+ padding-top: 8px;
18601
+ padding-bottom: 8px;
18602
+ }
18603
+
18604
+ .v-breadcrumbs__prepend {
18605
+ align-items: center;
18606
+ display: inline-flex;
18607
+ }
18608
+
18609
+ .v-breadcrumbs-item {
18610
+ align-items: center;
18611
+ color: inherit;
18612
+ display: inline-flex;
18613
+ padding: 0 4px;
18614
+ text-decoration: none;
18615
+ vertical-align: middle;
18616
+ }
18617
+ .v-breadcrumbs-item--disabled {
18618
+ opacity: var(--v-disabled-opacity);
18619
+ pointer-events: none;
18620
+ }
18621
+ .v-breadcrumbs-item--link {
18622
+ color: inherit;
18623
+ text-decoration: none;
18624
+ }
18625
+ .v-breadcrumbs-item--link:hover {
18626
+ text-decoration: underline;
18627
+ }
18628
+ .v-breadcrumbs-item .v-icon {
18629
+ font-size: 1rem;
18630
+ margin-inline: -4px 2px;
18631
+ }
18632
+
18633
+ .v-breadcrumbs-divider {
18634
+ display: inline-block;
18635
+ padding: 0 8px;
18636
+ vertical-align: middle;
18637
+ }.v-card {
18638
+ display: block;
18639
+ overflow: hidden;
18640
+ overflow-wrap: break-word;
18641
+ position: relative;
18642
+ padding: 0;
18643
+ text-decoration: none;
18644
+ transition-duration: 0.28s;
18645
+ transition-property: box-shadow, opacity, background;
18646
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18647
+ z-index: 0;
18648
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18649
+ border-style: solid;
18650
+ border-width: 0;
18651
+ border-radius: 4px;
18652
+ }
18653
+ .v-card--border {
18654
+ border-width: thin;
18655
+ box-shadow: none;
18656
+ }
18657
+ .v-card--absolute {
18658
+ position: absolute;
18659
+ }
18660
+ .v-card--fixed {
18661
+ position: fixed;
18662
+ }
18663
+ .v-card:hover > .v-card__overlay {
18732
18664
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18733
18665
  }
18734
18666
  .v-card:focus-visible > .v-card__overlay {
@@ -19061,29 +18993,87 @@ html.overflow-y-hidden {
19061
18993
  flex-direction: column;
19062
18994
  height: 100% !important;
19063
18995
  width: 50px;
19064
- }.v-chip-group {
19065
- display: flex;
18996
+ }.v-btn-group {
18997
+ display: inline-flex;
18998
+ flex-wrap: nowrap;
19066
18999
  max-width: 100%;
19067
19000
  min-width: 0;
19068
- overflow-x: auto;
19069
- padding: 4px 0;
19001
+ overflow: hidden;
19002
+ vertical-align: middle;
19003
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19004
+ border-style: solid;
19005
+ border-width: 0;
19006
+ 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));
19007
+ border-radius: 4px;
19008
+ background: transparent;
19009
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19070
19010
  }
19071
- .v-chip-group .v-chip {
19072
- margin: 4px 8px 4px 0;
19011
+ .v-btn-group--border {
19012
+ border-width: thin;
19013
+ box-shadow: none;
19073
19014
  }
19074
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19075
- opacity: var(--v-activated-opacity);
19015
+ .v-btn-group--density-default.v-btn-group {
19016
+ height: 48px;
19076
19017
  }
19077
19018
 
19078
- .v-chip-group--column .v-slide-group__content {
19079
- white-space: normal;
19080
- flex-wrap: wrap;
19081
- max-width: 100%;
19019
+ .v-btn-group--density-comfortable.v-btn-group {
19020
+ height: 40px;
19021
+ }
19022
+
19023
+ .v-btn-group--density-compact.v-btn-group {
19024
+ height: 36px;
19025
+ }
19026
+
19027
+ .v-btn-group .v-btn {
19028
+ border-radius: 0;
19029
+ border-color: inherit;
19030
+ }
19031
+ .v-btn-group .v-btn:not(:last-child) {
19032
+ border-inline-end: none;
19033
+ }
19034
+ .v-btn-group .v-btn:not(:first-child) {
19035
+ border-inline-start: none;
19036
+ }
19037
+ .v-btn-group .v-btn:first-child {
19038
+ border-start-start-radius: inherit;
19039
+ border-end-start-radius: inherit;
19040
+ }
19041
+ .v-btn-group .v-btn:last-child {
19042
+ border-start-end-radius: inherit;
19043
+ border-end-end-radius: inherit;
19044
+ }
19045
+ .v-btn-group--divided .v-btn:not(:last-child) {
19046
+ border-inline-end-width: thin;
19047
+ border-inline-end-style: solid;
19048
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19049
+ }
19050
+ .v-btn-group--tile {
19051
+ border-radius: 0;
19082
19052
  }.v-checkbox.v-input {
19083
19053
  flex: 0 1 auto;
19084
19054
  }
19085
19055
  .v-checkbox .v-selection-control {
19086
19056
  min-height: var(--v-input-control-height);
19057
+ }.v-color-picker {
19058
+ align-self: flex-start;
19059
+ contain: content;
19060
+ }
19061
+ .v-color-picker.v-sheet {
19062
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19063
+ border-radius: 4px;
19064
+ }
19065
+
19066
+ .v-color-picker__controls {
19067
+ display: flex;
19068
+ flex-direction: column;
19069
+ padding: 16px;
19070
+ }
19071
+
19072
+ .v-color-picker--flat {
19073
+ 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));
19074
+ }
19075
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19076
+ 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));
19087
19077
  }.v-chip {
19088
19078
  align-items: center;
19089
19079
  display: inline-flex;
@@ -19491,26 +19481,29 @@ html.overflow-y-hidden {
19491
19481
 
19492
19482
  .v-chip--label {
19493
19483
  border-radius: 4px;
19494
- }.v-color-picker {
19495
- align-self: flex-start;
19496
- contain: content;
19484
+ }.v-chip-group {
19485
+ display: flex;
19486
+ max-width: 100%;
19487
+ min-width: 0;
19488
+ overflow-x: auto;
19489
+ padding: 4px 0;
19497
19490
  }
19498
- .v-color-picker.v-sheet {
19499
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19500
- border-radius: 4px;
19491
+ .v-chip-group .v-chip {
19492
+ margin: 4px 8px 4px 0;
19501
19493
  }
19502
-
19503
- .v-color-picker__controls {
19504
- display: flex;
19505
- flex-direction: column;
19506
- padding: 16px;
19494
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19495
+ opacity: var(--v-activated-opacity);
19507
19496
  }
19508
19497
 
19509
- .v-color-picker--flat {
19510
- 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));
19511
- }
19512
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19513
- 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));
19498
+ .v-chip-group--column .v-slide-group__content {
19499
+ white-space: normal;
19500
+ flex-wrap: wrap;
19501
+ max-width: 100%;
19502
+ }.v-counter {
19503
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19504
+ flex: 0 1 auto;
19505
+ font-size: 12px;
19506
+ transition-duration: 150ms;
19514
19507
  }.v-container {
19515
19508
  width: 100%;
19516
19509
  padding: 16px;
@@ -20432,31 +20425,6 @@ html.overflow-y-hidden {
20432
20425
 
20433
20426
  .v-data-table-footer__page {
20434
20427
  padding: 0 8px;
20435
- }.v-date-picker__input {
20436
- padding-top: 16px;
20437
- padding-left: 24px;
20438
- padding-right: 24px;
20439
- }
20440
-
20441
- .v-date-picker {
20442
- overflow: hidden;
20443
- width: 360px;
20444
- }
20445
- .v-date-picker--show-week {
20446
- width: 408px;
20447
- }
20448
-
20449
- .v-date-picker-month {
20450
- padding: 0 12px 12px;
20451
- }
20452
-
20453
- .v-date-picker-month__day {
20454
- height: 48px;
20455
- width: 48px;
20456
- }
20457
- .v-date-picker-month__day .v-btn {
20458
- --v-btn-height: 28px;
20459
- --v-btn-size: 0.85rem;
20460
20428
  }.v-date-picker-controls {
20461
20429
  display: flex;
20462
20430
  align-items: center;
@@ -20513,56 +20481,15 @@ html.overflow-y-hidden {
20513
20481
 
20514
20482
  .v-date-picker__title {
20515
20483
  display: inline-block;
20516
- }.v-date-picker-month {
20517
- display: flex;
20518
- justify-content: center;
20519
- min-width: 328px;
20520
- --v-date-picker-month-day-diff: 4px;
20521
- }
20522
-
20523
- .v-date-picker-month__weeks {
20524
- display: grid;
20525
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20526
- row-gap: 4px;
20527
- font-size: 0.875rem;
20528
- }
20529
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20530
- grid-row-gap: 0;
20531
- }
20532
-
20533
- .v-date-picker-month__weekday {
20534
- font-size: 0.875rem;
20535
- }
20536
-
20537
- .v-date-picker-month__days {
20538
- display: grid;
20539
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20540
- row-gap: 4px;
20541
- flex: 1 1;
20542
- justify-content: space-around;
20543
- }
20544
-
20545
- .v-date-picker-month__day {
20546
- align-items: center;
20547
- display: flex;
20548
- justify-content: center;
20549
- position: relative;
20550
- }
20551
- .v-date-picker-month__day--selected .v-btn {
20552
- background-color: rgb(var(--v-theme-surface-variant));
20553
- color: rgb(var(--v-theme-on-surface-variant));
20554
- }
20555
- .v-date-picker-month__day--week {
20556
- font-size: var(--v-btn-size);
20557
- }
20558
-
20559
- .v-date-picker-month__day--adjacent {
20560
- opacity: 0.5;
20484
+ }.v-date-picker {
20485
+ overflow: hidden;
20486
+ width: 328px;
20561
20487
  }
20562
-
20563
- .v-date-picker-month__day--hide-adjacent {
20564
- opacity: 0;
20488
+ .v-date-picker--show-week {
20489
+ width: 368px;
20565
20490
  }.v-date-picker-header {
20491
+ align-items: flex-end;
20492
+ height: 70px;
20566
20493
  display: grid;
20567
20494
  grid-template-areas: "prepend content append";
20568
20495
  grid-template-columns: min-content minmax(0, 1fr) min-content;
@@ -20621,8 +20548,7 @@ html.overflow-y-hidden {
20621
20548
  opacity: 0;
20622
20549
  transform: translate(0, 100%);
20623
20550
  }.v-date-picker-months {
20624
- height: 320px;
20625
- overflow-y: scroll;
20551
+ height: 288px;
20626
20552
  }
20627
20553
 
20628
20554
  .v-date-picker-months__content {
@@ -20632,7 +20558,7 @@ html.overflow-y-hidden {
20632
20558
  height: inherit;
20633
20559
  justify-content: space-around;
20634
20560
  grid-template-columns: repeat(2, 1fr);
20635
- grid-gap: 4px 24px;
20561
+ grid-gap: 0px 24px;
20636
20562
  padding-inline-start: 36px;
20637
20563
  padding-inline-end: 36px;
20638
20564
  }
@@ -20640,75 +20566,76 @@ html.overflow-y-hidden {
20640
20566
  text-transform: none;
20641
20567
  padding-inline-start: 8px;
20642
20568
  padding-inline-end: 8px;
20643
- }.v-date-picker-years {
20644
- height: 320px;
20645
- overflow-y: scroll;
20646
- }
20647
-
20648
- .v-date-picker-years__content {
20569
+ }.v-date-picker-month {
20570
+ display: flex;
20571
+ justify-content: center;
20572
+ padding: 0 12px 8px;
20573
+ --v-date-picker-month-day-diff: 4px;
20574
+ }
20575
+
20576
+ .v-date-picker-month__weeks {
20577
+ display: grid;
20578
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20579
+ column-gap: 4px;
20580
+ font-size: 0.85rem;
20581
+ }
20582
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20583
+ grid-row-gap: 0;
20584
+ }
20585
+
20586
+ .v-date-picker-month__weekday {
20587
+ font-size: 0.85rem;
20588
+ }
20589
+
20590
+ .v-date-picker-month__days {
20649
20591
  display: grid;
20592
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20593
+ column-gap: 4px;
20650
20594
  flex: 1 1;
20651
20595
  justify-content: space-around;
20652
- grid-template-columns: repeat(3, 1fr);
20653
- gap: 8px 24px;
20654
- padding-inline: 36px;
20655
20596
  }
20656
- .v-date-picker-years__content .v-btn {
20657
- padding-inline: 8px;
20658
- }.v-counter {
20659
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20660
- flex: 0 1 auto;
20661
- font-size: 12px;
20662
- transition-duration: 150ms;
20663
- }.v-divider {
20664
- display: block;
20665
- flex: 1 1 100%;
20666
- height: 0px;
20667
- max-height: 0px;
20668
- opacity: var(--v-border-opacity);
20669
- transition: inherit;
20670
- border-style: solid;
20671
- border-width: thin 0 0 0;
20597
+
20598
+ .v-date-picker-month__day {
20599
+ align-items: center;
20600
+ display: flex;
20601
+ justify-content: center;
20602
+ position: relative;
20603
+ height: 40px;
20604
+ width: 40px;
20672
20605
  }
20673
- .v-divider--vertical {
20674
- align-self: stretch;
20675
- border-width: 0 thin 0 0;
20676
- display: inline-flex;
20677
- height: inherit;
20678
- margin-left: -1px;
20679
- max-height: 100%;
20680
- max-width: 0px;
20681
- vertical-align: text-bottom;
20682
- width: 0px;
20606
+ .v-date-picker-month__day--selected .v-btn {
20607
+ background-color: rgb(var(--v-theme-surface-variant));
20608
+ color: rgb(var(--v-theme-on-surface-variant));
20683
20609
  }
20684
- .v-divider--inset:not(.v-divider--vertical) {
20685
- max-width: calc(100% - 72px);
20686
- margin-inline-start: 72px;
20610
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20611
+ --v-btn-height: 24px;
20612
+ --v-btn-size: 0.85rem;
20687
20613
  }
20688
- .v-divider--inset.v-divider--vertical {
20689
- margin-bottom: 8px;
20690
- margin-top: 8px;
20691
- max-height: calc(100% - 16px);
20692
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20693
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20694
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20695
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20696
- top: 0px;
20614
+ .v-date-picker-month__day--week {
20615
+ font-size: var(--v-btn-size);
20697
20616
  }
20698
- .v-file-input input[type=file] {
20699
- height: 100%;
20700
- left: 0;
20617
+
20618
+ .v-date-picker-month__day--adjacent {
20619
+ opacity: 0.5;
20620
+ }
20621
+
20622
+ .v-date-picker-month__day--hide-adjacent {
20701
20623
  opacity: 0;
20702
- position: absolute;
20703
- top: 0;
20704
- width: 100%;
20705
- z-index: 1;
20624
+ }.v-date-picker-years {
20625
+ height: 288px;
20626
+ overflow-y: scroll;
20706
20627
  }
20707
- .v-file-input .v-input__details {
20708
- padding-inline: 16px;
20628
+
20629
+ .v-date-picker-years__content {
20630
+ display: grid;
20631
+ flex: 1 1;
20632
+ justify-content: space-around;
20633
+ grid-template-columns: repeat(3, 1fr);
20634
+ gap: 8px 24px;
20635
+ padding-inline: 32px;
20709
20636
  }
20710
- .v-input--plain-underlined.v-file-input .v-input__details {
20711
- padding-inline: 0;
20637
+ .v-date-picker-years__content .v-btn {
20638
+ padding-inline: 8px;
20712
20639
  }.v-dialog {
20713
20640
  align-items: center;
20714
20641
  justify-content: center;
@@ -20797,302 +20724,103 @@ html.overflow-y-hidden {
20797
20724
  -webkit-backface-visibility: hidden;
20798
20725
  backface-visibility: hidden;
20799
20726
  overflow-y: auto;
20800
- }.v-expansion-panel {
20801
- background-color: rgb(var(--v-theme-surface));
20802
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20803
- }
20804
- .v-expansion-panel:not(:first-child)::after {
20805
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20727
+ }/* region INPUT */
20728
+ .v-field {
20729
+ display: grid;
20730
+ grid-template-areas: "prepend-inner field clear append-inner";
20731
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20732
+ font-size: 16px;
20733
+ letter-spacing: 0.009375em;
20734
+ max-width: 100%;
20735
+ border-radius: 4px;
20736
+ contain: layout;
20737
+ flex: 1 0;
20738
+ grid-area: control;
20739
+ position: relative;
20740
+ --v-field-padding-start: 16px;
20741
+ --v-field-padding-end: 16px;
20742
+ --v-field-padding-top: 8px;
20743
+ --v-field-padding-bottom: 4px;
20744
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20745
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20806
20746
  }
20807
- .v-expansion-panel--disabled .v-expansion-panel-title {
20808
- color: rgba(var(--v-theme-on-surface), 0.26);
20747
+ .v-field--disabled {
20748
+ opacity: var(--v-disabled-opacity);
20749
+ pointer-events: none;
20809
20750
  }
20810
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20811
- opacity: 0.4615384615;
20751
+ .v-field .v-chip {
20752
+ --v-chip-height: 24px;
20812
20753
  }
20813
20754
 
20814
- .v-expansion-panels {
20815
- display: flex;
20816
- flex-wrap: wrap;
20817
- justify-content: center;
20818
- list-style-type: none;
20819
- padding: 0;
20820
- width: 100%;
20821
- position: relative;
20822
- z-index: 1;
20823
- }
20824
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20825
- border-bottom-left-radius: 0 !important;
20826
- border-bottom-right-radius: 0 !important;
20755
+ /* endregion */
20756
+ /* region MODIFIERS */
20757
+ .v-field--prepended {
20758
+ padding-inline-start: 12px;
20827
20759
  }
20828
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20829
- border-top-left-radius: 0 !important;
20830
- border-top-right-radius: 0 !important;
20760
+ .v-field--appended {
20761
+ padding-inline-end: 12px;
20831
20762
  }
20832
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20833
- border-bottom-left-radius: 0 !important;
20834
- border-bottom-right-radius: 0 !important;
20763
+ .v-field--variant-solo, .v-field--variant-solo-filled {
20764
+ background: rgb(var(--v-theme-surface));
20765
+ border-color: transparent;
20766
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20767
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20835
20768
  }
20836
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20837
- border-top-left-radius: 0 !important;
20838
- border-top-right-radius: 0 !important;
20769
+ .v-field--variant-solo-inverted {
20770
+ background: rgb(var(--v-theme-surface));
20771
+ border-color: transparent;
20772
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20773
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20839
20774
  }
20840
- .v-expansion-panels--variant-accordion > :first-child {
20841
- border-bottom-left-radius: 0 !important;
20842
- border-bottom-right-radius: 0 !important;
20775
+ .v-field--variant-solo-inverted.v-field--focused {
20776
+ color: rgb(var(--v-theme-on-surface-variant));
20843
20777
  }
20844
- .v-expansion-panels--variant-accordion > :last-child {
20845
- border-top-left-radius: 0 !important;
20846
- border-top-right-radius: 0 !important;
20778
+ .v-field--variant-filled {
20779
+ border-bottom-left-radius: 0;
20780
+ border-bottom-right-radius: 0;
20847
20781
  }
20848
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20849
- border-bottom-left-radius: initial;
20850
- border-bottom-right-radius: initial;
20782
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
20783
+ --v-input-control-height: 56px;
20784
+ --v-field-padding-bottom: 4px;
20851
20785
  }
20852
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20853
- border-radius: 0 !important;
20786
+
20787
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
20788
+ --v-input-control-height: 48px;
20789
+ --v-field-padding-bottom: 0px;
20854
20790
  }
20855
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20856
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20791
+
20792
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
20793
+ --v-input-control-height: 40px;
20794
+ --v-field-padding-bottom: 0px;
20857
20795
  }
20858
20796
 
20859
- .v-expansion-panel {
20860
- flex: 1 0 100%;
20861
- max-width: 100%;
20862
- position: relative;
20863
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20864
- transition-property: margin-top, border-radius, border, max-width;
20865
- border-radius: 4px;
20797
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
20798
+ --v-field-padding-top: 0px;
20866
20799
  }
20867
- .v-expansion-panel:not(:first-child)::after {
20868
- border-top-style: solid;
20869
- border-top-width: thin;
20870
- content: "";
20871
- left: 0;
20872
- position: absolute;
20873
- right: 0;
20874
- top: 0;
20875
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20800
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
20801
+ --v-field-padding-bottom: 16px;
20876
20802
  }
20877
- .v-expansion-panel--disabled .v-expansion-panel-title {
20878
- pointer-events: none;
20803
+
20804
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
20805
+ --v-field-padding-bottom: 12px;
20879
20806
  }
20880
- .v-expansion-panel--active:not(:first-child),
20881
- .v-expansion-panel--active + .v-expansion-panel {
20882
- margin-top: 16px;
20807
+
20808
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
20809
+ --v-field-padding-bottom: 8px;
20883
20810
  }
20884
- .v-expansion-panel--active:not(:first-child)::after,
20885
- .v-expansion-panel--active + .v-expansion-panel::after {
20886
- opacity: 0;
20811
+
20812
+ .v-field--variant-plain, .v-field--variant-underlined {
20813
+ border-radius: 0;
20814
+ padding: 0;
20887
20815
  }
20888
- .v-expansion-panel--active > .v-expansion-panel-title {
20889
- border-bottom-left-radius: 0;
20890
- border-bottom-right-radius: 0;
20816
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
20817
+ --v-field-padding-start: 0px;
20818
+ --v-field-padding-end: 0px;
20891
20819
  }
20892
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20893
- min-height: 64px;
20894
- }
20895
-
20896
- .v-expansion-panel__shadow {
20897
- position: absolute;
20898
- top: 0;
20899
- left: 0;
20900
- width: 100%;
20901
- height: 100%;
20902
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20903
- border-radius: inherit;
20904
- z-index: -1;
20905
- }
20906
-
20907
- .v-expansion-panel-title {
20908
- align-items: center;
20909
- text-align: start;
20910
- border-radius: inherit;
20911
- display: flex;
20912
- font-size: 0.9375rem;
20913
- line-height: 1;
20914
- min-height: 48px;
20915
- outline: none;
20916
- padding: 16px 24px;
20917
- position: relative;
20918
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20919
- width: 100%;
20920
- justify-content: space-between;
20921
- }
20922
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20923
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20924
- }
20925
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20926
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20927
- }
20928
- @supports not selector(:focus-visible) {
20929
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20930
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20931
- }
20932
- }
20933
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20934
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20935
- }
20936
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20937
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20938
- }
20939
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20940
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20941
- }
20942
- @supports not selector(:focus-visible) {
20943
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20944
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20945
- }
20946
- }
20947
- .v-expansion-panel-title--active::before {
20948
- opacity: 0.12;
20949
- }
20950
-
20951
- .v-expansion-panel-title__overlay {
20952
- position: absolute;
20953
- top: 0;
20954
- left: 0;
20955
- width: 100%;
20956
- height: 100%;
20957
- background-color: currentColor;
20958
- border-radius: inherit;
20959
- opacity: 0;
20960
- }
20961
-
20962
- .v-expansion-panel-title__icon {
20963
- display: inline-flex;
20964
- margin-bottom: -4px;
20965
- margin-top: -4px;
20966
- -webkit-user-select: none;
20967
- user-select: none;
20968
- margin-inline-start: auto;
20969
- }
20970
-
20971
- .v-expansion-panel-text {
20972
- display: flex;
20973
- }
20974
- .v-expansion-panel-text__wrapper {
20975
- padding: 8px 24px 16px;
20976
- flex: 1 1 auto;
20977
- max-width: 100%;
20978
- }
20979
-
20980
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20981
- margin-top: 0;
20982
- }
20983
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20984
- opacity: 1;
20985
- }
20986
-
20987
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20988
- max-width: calc(100% - 32px);
20989
- }
20990
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20991
- max-width: calc(100% + 16px);
20992
- }
20993
-
20994
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20995
- max-width: 100%;
20996
- }
20997
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20998
- max-width: calc(100% - 32px);
20999
- }/* region INPUT */
21000
- .v-field {
21001
- display: grid;
21002
- grid-template-areas: "prepend-inner field clear append-inner";
21003
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21004
- font-size: 16px;
21005
- letter-spacing: 0.009375em;
21006
- max-width: 100%;
21007
- border-radius: 4px;
21008
- contain: layout;
21009
- flex: 1 0;
21010
- grid-area: control;
21011
- position: relative;
21012
- --v-field-padding-start: 16px;
21013
- --v-field-padding-end: 16px;
21014
- --v-field-padding-top: 8px;
21015
- --v-field-padding-bottom: 4px;
21016
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21017
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21018
- }
21019
- .v-field--disabled {
21020
- opacity: var(--v-disabled-opacity);
21021
- pointer-events: none;
21022
- }
21023
- .v-field .v-chip {
21024
- --v-chip-height: 24px;
21025
- }
21026
-
21027
- /* endregion */
21028
- /* region MODIFIERS */
21029
- .v-field--prepended {
21030
- padding-inline-start: 12px;
21031
- }
21032
- .v-field--appended {
21033
- padding-inline-end: 12px;
21034
- }
21035
- .v-field--variant-solo, .v-field--variant-solo-filled {
21036
- background: rgb(var(--v-theme-surface));
21037
- border-color: transparent;
21038
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21039
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21040
- }
21041
- .v-field--variant-solo-inverted {
21042
- background: rgb(var(--v-theme-surface));
21043
- border-color: transparent;
21044
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21045
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21046
- }
21047
- .v-field--variant-solo-inverted.v-field--focused {
21048
- color: rgb(var(--v-theme-on-surface-variant));
21049
- }
21050
- .v-field--variant-filled {
21051
- border-bottom-left-radius: 0;
21052
- border-bottom-right-radius: 0;
21053
- }
21054
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21055
- --v-input-control-height: 56px;
21056
- --v-field-padding-bottom: 4px;
21057
- }
21058
-
21059
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21060
- --v-input-control-height: 48px;
21061
- --v-field-padding-bottom: 0px;
21062
- }
21063
-
21064
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21065
- --v-input-control-height: 40px;
21066
- --v-field-padding-bottom: 0px;
21067
- }
21068
-
21069
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21070
- --v-field-padding-top: 0px;
21071
- }
21072
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21073
- --v-field-padding-bottom: 16px;
21074
- }
21075
-
21076
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21077
- --v-field-padding-bottom: 12px;
21078
- }
21079
-
21080
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21081
- --v-field-padding-bottom: 8px;
21082
- }
21083
-
21084
- .v-field--variant-plain, .v-field--variant-underlined {
21085
- border-radius: 0;
21086
- padding: 0;
21087
- }
21088
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21089
- --v-field-padding-start: 0px;
21090
- --v-field-padding-end: 0px;
21091
- }
21092
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21093
- --v-input-control-height: 48px;
21094
- --v-field-padding-top: 4px;
21095
- --v-field-padding-bottom: 4px;
20820
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
20821
+ --v-input-control-height: 48px;
20822
+ --v-field-padding-top: 4px;
20823
+ --v-field-padding-bottom: 4px;
21096
20824
  }
21097
20825
 
21098
20826
  .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
@@ -21412,6 +21140,15 @@ textarea.v-field__input::placeholder {
21412
21140
  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21413
21141
  }
21414
21142
 
21143
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21144
+ border-start-start-radius: 0;
21145
+ border-start-end-radius: inherit;
21146
+ border-end-end-radius: inherit;
21147
+ border-end-start-radius: 0;
21148
+ border-inline-end-width: var(--v-field-border-width);
21149
+ border-inline-start-width: 0;
21150
+ }
21151
+
21415
21152
  .v-field--variant-outlined .v-field__outline__notch {
21416
21153
  flex: none;
21417
21154
  position: relative;
@@ -21448,6 +21185,14 @@ textarea.v-field__input::placeholder {
21448
21185
  border-end-end-radius: inherit;
21449
21186
  border-end-start-radius: 0;
21450
21187
  }
21188
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21189
+ border-start-start-radius: inherit;
21190
+ border-start-end-radius: 0;
21191
+ border-end-end-radius: 0;
21192
+ border-end-start-radius: inherit;
21193
+ border-inline-end-width: 0;
21194
+ border-inline-start-width: var(--v-field-border-width);
21195
+ }
21451
21196
 
21452
21197
  /* endregion */
21453
21198
  /* region LOADER */
@@ -21528,7 +21273,9 @@ textarea.v-field__input::placeholder {
21528
21273
 
21529
21274
  /* endregion */
21530
21275
  /* region MODIFIERS */
21531
- .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21276
+ .v-field--reverse .v-field__field,
21277
+ .v-field--reverse .v-field__input,
21278
+ .v-field--reverse .v-field__outline {
21532
21279
  flex-direction: row-reverse;
21533
21280
  }
21534
21281
  .v-field--reverse .v-field__input, .v-field--reverse input {
@@ -21545,31 +21292,293 @@ textarea.v-field__input::placeholder {
21545
21292
  opacity: 0;
21546
21293
  }
21547
21294
 
21548
- /* endregion */.v-footer {
21549
- align-items: center;
21550
- display: flex;
21551
- flex: 1 1 auto;
21552
- padding: 8px 16px;
21553
- position: relative;
21554
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21555
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21556
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21295
+ /* endregion */.v-divider {
21296
+ display: block;
21297
+ flex: 1 1 100%;
21298
+ height: 0px;
21299
+ max-height: 0px;
21300
+ opacity: var(--v-border-opacity);
21301
+ transition: inherit;
21557
21302
  border-style: solid;
21558
- border-width: 0;
21559
- 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));
21560
- border-radius: 0;
21561
- background: rgb(var(--v-theme-surface));
21562
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21303
+ border-width: thin 0 0 0;
21563
21304
  }
21564
- .v-footer--border {
21565
- border-width: thin;
21566
- box-shadow: none;
21305
+ .v-divider--vertical {
21306
+ align-self: stretch;
21307
+ border-width: 0 thin 0 0;
21308
+ display: inline-flex;
21309
+ height: inherit;
21310
+ margin-left: -1px;
21311
+ max-height: 100%;
21312
+ max-width: 0px;
21313
+ vertical-align: text-bottom;
21314
+ width: 0px;
21567
21315
  }
21568
- .v-footer--absolute {
21569
- position: absolute;
21316
+ .v-divider--inset:not(.v-divider--vertical) {
21317
+ max-width: calc(100% - 72px);
21318
+ margin-inline-start: 72px;
21570
21319
  }
21571
- .v-footer--fixed {
21572
- position: fixed;
21320
+ .v-divider--inset.v-divider--vertical {
21321
+ margin-bottom: 8px;
21322
+ margin-top: 8px;
21323
+ max-height: calc(100% - 16px);
21324
+ }.v-expansion-panel {
21325
+ background-color: rgb(var(--v-theme-surface));
21326
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21327
+ }
21328
+ .v-expansion-panel:not(:first-child)::after {
21329
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21330
+ }
21331
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21332
+ color: rgba(var(--v-theme-on-surface), 0.26);
21333
+ }
21334
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21335
+ opacity: 0.4615384615;
21336
+ }
21337
+
21338
+ .v-expansion-panels {
21339
+ display: flex;
21340
+ flex-wrap: wrap;
21341
+ justify-content: center;
21342
+ list-style-type: none;
21343
+ padding: 0;
21344
+ width: 100%;
21345
+ position: relative;
21346
+ z-index: 1;
21347
+ }
21348
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21349
+ border-bottom-left-radius: 0 !important;
21350
+ border-bottom-right-radius: 0 !important;
21351
+ }
21352
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21353
+ border-top-left-radius: 0 !important;
21354
+ border-top-right-radius: 0 !important;
21355
+ }
21356
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21357
+ border-bottom-left-radius: 0 !important;
21358
+ border-bottom-right-radius: 0 !important;
21359
+ }
21360
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21361
+ border-top-left-radius: 0 !important;
21362
+ border-top-right-radius: 0 !important;
21363
+ }
21364
+ .v-expansion-panels--variant-accordion > :first-child {
21365
+ border-bottom-left-radius: 0 !important;
21366
+ border-bottom-right-radius: 0 !important;
21367
+ }
21368
+ .v-expansion-panels--variant-accordion > :last-child {
21369
+ border-top-left-radius: 0 !important;
21370
+ border-top-right-radius: 0 !important;
21371
+ }
21372
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
21373
+ border-bottom-left-radius: initial;
21374
+ border-bottom-right-radius: initial;
21375
+ }
21376
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21377
+ border-radius: 0 !important;
21378
+ }
21379
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21380
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21381
+ }
21382
+
21383
+ .v-expansion-panel {
21384
+ flex: 1 0 100%;
21385
+ max-width: 100%;
21386
+ position: relative;
21387
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21388
+ transition-property: margin-top, border-radius, border, max-width;
21389
+ border-radius: 4px;
21390
+ }
21391
+ .v-expansion-panel:not(:first-child)::after {
21392
+ border-top-style: solid;
21393
+ border-top-width: thin;
21394
+ content: "";
21395
+ left: 0;
21396
+ position: absolute;
21397
+ right: 0;
21398
+ top: 0;
21399
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21400
+ }
21401
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21402
+ pointer-events: none;
21403
+ }
21404
+ .v-expansion-panel--active:not(:first-child),
21405
+ .v-expansion-panel--active + .v-expansion-panel {
21406
+ margin-top: 16px;
21407
+ }
21408
+ .v-expansion-panel--active:not(:first-child)::after,
21409
+ .v-expansion-panel--active + .v-expansion-panel::after {
21410
+ opacity: 0;
21411
+ }
21412
+ .v-expansion-panel--active > .v-expansion-panel-title {
21413
+ border-bottom-left-radius: 0;
21414
+ border-bottom-right-radius: 0;
21415
+ }
21416
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21417
+ min-height: 64px;
21418
+ }
21419
+
21420
+ .v-expansion-panel__shadow {
21421
+ position: absolute;
21422
+ top: 0;
21423
+ left: 0;
21424
+ width: 100%;
21425
+ height: 100%;
21426
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21427
+ border-radius: inherit;
21428
+ z-index: -1;
21429
+ }
21430
+
21431
+ .v-expansion-panel-title {
21432
+ align-items: center;
21433
+ text-align: start;
21434
+ border-radius: inherit;
21435
+ display: flex;
21436
+ font-size: 0.9375rem;
21437
+ line-height: 1;
21438
+ min-height: 48px;
21439
+ outline: none;
21440
+ padding: 16px 24px;
21441
+ position: relative;
21442
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21443
+ width: 100%;
21444
+ justify-content: space-between;
21445
+ }
21446
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21447
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21448
+ }
21449
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21450
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21451
+ }
21452
+ @supports not selector(:focus-visible) {
21453
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21454
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21455
+ }
21456
+ }
21457
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21458
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21459
+ }
21460
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21461
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21462
+ }
21463
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21464
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21465
+ }
21466
+ @supports not selector(:focus-visible) {
21467
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21468
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21469
+ }
21470
+ }
21471
+ .v-expansion-panel-title--active::before {
21472
+ opacity: 0.12;
21473
+ }
21474
+
21475
+ .v-expansion-panel-title__overlay {
21476
+ position: absolute;
21477
+ top: 0;
21478
+ left: 0;
21479
+ width: 100%;
21480
+ height: 100%;
21481
+ background-color: currentColor;
21482
+ border-radius: inherit;
21483
+ opacity: 0;
21484
+ }
21485
+
21486
+ .v-expansion-panel-title__icon {
21487
+ display: inline-flex;
21488
+ margin-bottom: -4px;
21489
+ margin-top: -4px;
21490
+ -webkit-user-select: none;
21491
+ user-select: none;
21492
+ margin-inline-start: auto;
21493
+ }
21494
+
21495
+ .v-expansion-panel-text {
21496
+ display: flex;
21497
+ }
21498
+ .v-expansion-panel-text__wrapper {
21499
+ padding: 8px 24px 16px;
21500
+ flex: 1 1 auto;
21501
+ max-width: 100%;
21502
+ }
21503
+
21504
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21505
+ margin-top: 0;
21506
+ }
21507
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21508
+ opacity: 1;
21509
+ }
21510
+
21511
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21512
+ max-width: calc(100% - 32px);
21513
+ }
21514
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21515
+ max-width: calc(100% + 16px);
21516
+ }
21517
+
21518
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21519
+ max-width: 100%;
21520
+ }
21521
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21522
+ max-width: calc(100% - 32px);
21523
+ }
21524
+
21525
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21526
+ border-top: none;
21527
+ }
21528
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21529
+ display: none;
21530
+ }
21531
+
21532
+ .v-expansion-panels--tile {
21533
+ border-radius: 0;
21534
+ }
21535
+ .v-expansion-panels--tile > .v-expansion-panel {
21536
+ border-radius: 0;
21537
+ }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21538
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21539
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21540
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21541
+ top: 0px;
21542
+ }
21543
+ .v-file-input input[type=file] {
21544
+ height: 100%;
21545
+ left: 0;
21546
+ opacity: 0;
21547
+ position: absolute;
21548
+ top: 0;
21549
+ width: 100%;
21550
+ z-index: 1;
21551
+ }
21552
+ .v-file-input .v-input__details {
21553
+ padding-inline: 16px;
21554
+ }
21555
+ .v-input--plain-underlined.v-file-input .v-input__details {
21556
+ padding-inline: 0;
21557
+ }.v-footer {
21558
+ align-items: center;
21559
+ display: flex;
21560
+ flex: 1 1 auto;
21561
+ padding: 8px 16px;
21562
+ position: relative;
21563
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21564
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21565
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21566
+ border-style: solid;
21567
+ border-width: 0;
21568
+ 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));
21569
+ border-radius: 0;
21570
+ background: rgb(var(--v-theme-surface));
21571
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21572
+ }
21573
+ .v-footer--border {
21574
+ border-width: thin;
21575
+ box-shadow: none;
21576
+ }
21577
+ .v-footer--absolute {
21578
+ position: absolute;
21579
+ }
21580
+ .v-footer--fixed {
21581
+ position: fixed;
21573
21582
  }
21574
21583
  .v-footer--rounded {
21575
21584
  border-radius: 4px;
@@ -21622,34 +21631,9 @@ textarea.v-field__input::placeholder {
21622
21631
 
21623
21632
  .v-icon--end {
21624
21633
  margin-inline-start: 8px;
21625
- }.v-infinite-scroll--horizontal {
21626
- display: flex;
21627
- flex-direction: row;
21628
- overflow-x: auto;
21629
- }
21630
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21631
- height: 100%;
21632
- width: 1px;
21633
- }
21634
-
21635
- .v-infinite-scroll--vertical {
21636
- display: flex;
21637
- flex-direction: column;
21638
- overflow-y: auto;
21639
- }
21640
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21641
- height: 1px;
21642
- width: 100%;
21643
- }
21644
-
21645
- .v-infinite-scroll__side {
21646
- align-items: center;
21647
- display: flex;
21648
- justify-content: center;
21649
- padding: 8px;
21650
- }.v-img {
21651
- --v-theme-overlay-multiplier: 3;
21652
- z-index: 0;
21634
+ }.v-img {
21635
+ --v-theme-overlay-multiplier: 3;
21636
+ z-index: 0;
21653
21637
  }
21654
21638
  .v-img--booting .v-responsive__sizer {
21655
21639
  transition: none;
@@ -21683,6 +21667,31 @@ textarea.v-field__input::placeholder {
21683
21667
 
21684
21668
  .v-img__gradient {
21685
21669
  background-repeat: no-repeat;
21670
+ }.v-infinite-scroll--horizontal {
21671
+ display: flex;
21672
+ flex-direction: row;
21673
+ overflow-x: auto;
21674
+ }
21675
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21676
+ height: 100%;
21677
+ width: 1px;
21678
+ }
21679
+
21680
+ .v-infinite-scroll--vertical {
21681
+ display: flex;
21682
+ flex-direction: column;
21683
+ overflow-y: auto;
21684
+ }
21685
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21686
+ height: 1px;
21687
+ width: 100%;
21688
+ }
21689
+
21690
+ .v-infinite-scroll__side {
21691
+ align-items: center;
21692
+ display: flex;
21693
+ justify-content: center;
21694
+ padding: 8px;
21686
21695
  }.v-input {
21687
21696
  display: grid;
21688
21697
  flex: 1 1 auto;
@@ -21845,6 +21854,8 @@ textarea.v-field__input::placeholder {
21845
21854
 
21846
21855
  .v-label--clickable {
21847
21856
  cursor: pointer;
21857
+ }.v-locale-provider {
21858
+ display: contents;
21848
21859
  }.v-layout {
21849
21860
  --v-scrollbar-offset: 0px;
21850
21861
  display: flex;
@@ -21853,13 +21864,6 @@ textarea.v-field__input::placeholder {
21853
21864
  .v-layout--full-height {
21854
21865
  --v-scrollbar-offset: inherit;
21855
21866
  height: 100%;
21856
- }.v-layout-item {
21857
- position: absolute;
21858
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21859
- }
21860
-
21861
- .v-layout-item--absolute {
21862
- position: absolute;
21863
21867
  }.v-list {
21864
21868
  overflow: auto;
21865
21869
  padding: 8px 0;
@@ -21961,6 +21965,13 @@ textarea.v-field__input::placeholder {
21961
21965
  right: 0;
21962
21966
  top: 0;
21963
21967
  transition: opacity 0.2s ease-in-out;
21968
+ }.v-layout-item {
21969
+ position: absolute;
21970
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21971
+ }
21972
+
21973
+ .v-layout-item--absolute {
21974
+ position: absolute;
21964
21975
  }.v-list-item {
21965
21976
  align-items: center;
21966
21977
  display: grid;
@@ -22208,7 +22219,8 @@ textarea.v-field__input::placeholder {
22208
22219
  overflow: hidden;
22209
22220
  padding: 0;
22210
22221
  text-overflow: ellipsis;
22211
- word-break: break-all;
22222
+ overflow-wrap: break-word;
22223
+ word-break: initial;
22212
22224
  font-size: 0.875rem;
22213
22225
  font-weight: 400;
22214
22226
  letter-spacing: 0.0178571429em;
@@ -22411,21 +22423,6 @@ textarea.v-field__input::placeholder {
22411
22423
  }
22412
22424
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22413
22425
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22414
- }.v-locale-provider {
22415
- display: contents;
22416
- }.v-menu > .v-overlay__content {
22417
- display: flex;
22418
- flex-direction: column;
22419
- border-radius: 4px;
22420
- }
22421
- .v-menu > .v-overlay__content > .v-card,
22422
- .v-menu > .v-overlay__content > .v-sheet,
22423
- .v-menu > .v-overlay__content > .v-list {
22424
- background: rgb(var(--v-theme-surface));
22425
- border-radius: inherit;
22426
- overflow: auto;
22427
- height: 100%;
22428
- 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));
22429
22426
  }.v-main {
22430
22427
  flex: 1 0 auto;
22431
22428
  max-width: 100%;
@@ -22454,6 +22451,35 @@ textarea.v-field__input::placeholder {
22454
22451
  --v-layout-right: 0px;
22455
22452
  --v-layout-top: 0px;
22456
22453
  --v-layout-bottom: 0px;
22454
+ }.v-menu > .v-overlay__content {
22455
+ display: flex;
22456
+ flex-direction: column;
22457
+ border-radius: 4px;
22458
+ }
22459
+ .v-menu > .v-overlay__content > .v-card,
22460
+ .v-menu > .v-overlay__content > .v-sheet,
22461
+ .v-menu > .v-overlay__content > .v-list {
22462
+ background: rgb(var(--v-theme-surface));
22463
+ border-radius: inherit;
22464
+ overflow: auto;
22465
+ height: 100%;
22466
+ 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));
22467
+ }.v-messages {
22468
+ flex: 1 1 auto;
22469
+ font-size: 12px;
22470
+ min-height: 14px;
22471
+ min-width: 1px;
22472
+ opacity: var(--v-medium-emphasis-opacity);
22473
+ position: relative;
22474
+ }
22475
+ .v-messages__message {
22476
+ line-height: 12px;
22477
+ word-break: break-word;
22478
+ overflow-wrap: break-word;
22479
+ word-wrap: break-word;
22480
+ -webkit-hyphens: auto;
22481
+ hyphens: auto;
22482
+ transition-duration: 150ms;
22457
22483
  }.v-otp-input {
22458
22484
  border-radius: 4px;
22459
22485
  align-items: center;
@@ -22510,120 +22536,6 @@ textarea.v-field__input::placeholder {
22510
22536
  }
22511
22537
  .v-otp-input__loader .v-progress-linear {
22512
22538
  position: absolute;
22513
- }.v-messages {
22514
- flex: 1 1 auto;
22515
- font-size: 12px;
22516
- min-height: 14px;
22517
- min-width: 1px;
22518
- opacity: var(--v-medium-emphasis-opacity);
22519
- position: relative;
22520
- }
22521
- .v-messages__message {
22522
- line-height: 12px;
22523
- word-break: break-word;
22524
- overflow-wrap: break-word;
22525
- word-wrap: break-word;
22526
- -webkit-hyphens: auto;
22527
- hyphens: auto;
22528
- transition-duration: 150ms;
22529
- }.v-navigation-drawer {
22530
- -webkit-overflow-scrolling: touch;
22531
- background: rgb(var(--v-theme-surface));
22532
- display: flex;
22533
- flex-direction: column;
22534
- height: 100%;
22535
- max-width: 100%;
22536
- pointer-events: auto;
22537
- transition-duration: 0.2s;
22538
- transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
22539
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22540
- position: absolute;
22541
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22542
- border-style: solid;
22543
- border-width: 0;
22544
- 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));
22545
- background: rgb(var(--v-theme-surface));
22546
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22547
- }
22548
- .v-navigation-drawer--border {
22549
- border-width: thin;
22550
- box-shadow: none;
22551
- }
22552
- .v-navigation-drawer--rounded {
22553
- border-radius: 4px;
22554
- }
22555
- .v-navigation-drawer--top {
22556
- top: 0;
22557
- border-bottom-width: thin;
22558
- }
22559
- .v-navigation-drawer--bottom {
22560
- left: 0;
22561
- border-top-width: thin;
22562
- }
22563
- .v-navigation-drawer--left {
22564
- top: 0;
22565
- left: 0;
22566
- right: auto;
22567
- border-right-width: thin;
22568
- }
22569
- .v-navigation-drawer--right {
22570
- top: 0;
22571
- left: auto;
22572
- right: 0;
22573
- border-left-width: thin;
22574
- }
22575
- .v-navigation-drawer--floating {
22576
- border: none;
22577
- }
22578
- .v-navigation-drawer--temporary {
22579
- box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22580
- }
22581
- .v-navigation-drawer--sticky {
22582
- height: auto;
22583
- transition: box-shadow, transform, visibility, width, height, left, right;
22584
- }
22585
- .v-navigation-drawer .v-list {
22586
- overflow: hidden;
22587
- }
22588
-
22589
- .v-navigation-drawer__content {
22590
- flex: 0 1 auto;
22591
- height: 100%;
22592
- max-width: 100%;
22593
- overflow-x: hidden;
22594
- overflow-y: auto;
22595
- }
22596
-
22597
- .v-navigation-drawer__img {
22598
- height: 100%;
22599
- left: 0;
22600
- position: absolute;
22601
- top: 0;
22602
- width: 100%;
22603
- z-index: -1;
22604
- }
22605
- .v-navigation-drawer__img img {
22606
- height: inherit;
22607
- object-fit: cover;
22608
- width: inherit;
22609
- }
22610
-
22611
- .v-navigation-drawer__scrim {
22612
- position: absolute;
22613
- top: 0;
22614
- left: 0;
22615
- width: 100%;
22616
- height: 100%;
22617
- background: black;
22618
- opacity: 0.2;
22619
- transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22620
- z-index: 1;
22621
- }
22622
-
22623
- .v-navigation-drawer__prepend,
22624
- .v-navigation-drawer__append {
22625
- flex: none;
22626
- overflow: hidden;
22627
22539
  }.v-pagination__list {
22628
22540
  display: inline-flex;
22629
22541
  list-style-type: none;
@@ -23013,63 +22925,104 @@ html.v-overlay-scroll-blocked {
23013
22925
  100% {
23014
22926
  transform: rotate(270deg);
23015
22927
  }
23016
- }.v-slider .v-slider__container input {
23017
- cursor: default;
23018
- padding: 0;
23019
- width: 100%;
23020
- display: none;
22928
+ }.v-navigation-drawer {
22929
+ -webkit-overflow-scrolling: touch;
22930
+ background: rgb(var(--v-theme-surface));
22931
+ display: flex;
22932
+ flex-direction: column;
22933
+ height: 100%;
22934
+ max-width: 100%;
22935
+ pointer-events: auto;
22936
+ transition-duration: 0.2s;
22937
+ transition-property: box-shadow, transform, visibility, width, height, left, right, top, bottom;
22938
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22939
+ position: absolute;
22940
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22941
+ border-style: solid;
22942
+ border-width: 0;
22943
+ 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));
22944
+ background: rgb(var(--v-theme-surface));
22945
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23021
22946
  }
23022
- .v-slider > .v-input__append,
23023
- .v-slider > .v-input__prepend {
23024
- padding: 0;
22947
+ .v-navigation-drawer--border {
22948
+ border-width: thin;
22949
+ box-shadow: none;
23025
22950
  }
23026
-
23027
- .v-slider__container {
23028
- position: relative;
23029
- min-height: inherit;
23030
- width: 100%;
23031
- height: 100%;
23032
- display: flex;
23033
- justify-content: center;
23034
- align-items: center;
23035
- cursor: pointer;
22951
+ .v-navigation-drawer--rounded {
22952
+ border-radius: 4px;
23036
22953
  }
23037
- .v-input--disabled .v-slider__container {
23038
- opacity: var(--v-disabled-opacity);
22954
+ .v-navigation-drawer--top {
22955
+ top: 0;
22956
+ border-bottom-width: thin;
23039
22957
  }
23040
- .v-input--error:not(.v-input--disabled) .v-slider__container {
23041
- color: rgb(var(--v-theme-error));
22958
+ .v-navigation-drawer--bottom {
22959
+ left: 0;
22960
+ border-top-width: thin;
23042
22961
  }
23043
-
23044
- .v-slider.v-input--horizontal {
23045
- align-items: center;
23046
- margin-inline: 8px 8px;
22962
+ .v-navigation-drawer--left {
22963
+ top: 0;
22964
+ left: 0;
22965
+ right: auto;
22966
+ border-right-width: thin;
23047
22967
  }
23048
- .v-slider.v-input--horizontal > .v-input__control {
23049
- min-height: 32px;
23050
- display: flex;
23051
- align-items: center;
22968
+ .v-navigation-drawer--right {
22969
+ top: 0;
22970
+ left: auto;
22971
+ right: 0;
22972
+ border-left-width: thin;
23052
22973
  }
23053
-
23054
- .v-slider.v-input--vertical {
23055
- justify-content: center;
23056
- margin-top: 12px;
23057
- margin-bottom: 12px;
22974
+ .v-navigation-drawer--floating {
22975
+ border: none;
23058
22976
  }
23059
- .v-slider.v-input--vertical > .v-input__control {
23060
- min-height: 300px;
22977
+ .v-navigation-drawer--temporary {
22978
+ box-shadow: 0px 8px 10px -5px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 16px 24px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 6px 30px 5px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22979
+ }
22980
+ .v-navigation-drawer--sticky {
22981
+ height: auto;
22982
+ transition: box-shadow, transform, visibility, width, height, left, right;
22983
+ }
22984
+ .v-navigation-drawer .v-list {
22985
+ overflow: hidden;
23061
22986
  }
23062
22987
 
23063
- .v-slider.v-input--disabled {
23064
- pointer-events: none;
22988
+ .v-navigation-drawer__content {
22989
+ flex: 0 1 auto;
22990
+ height: 100%;
22991
+ max-width: 100%;
22992
+ overflow-x: hidden;
22993
+ overflow-y: auto;
23065
22994
  }
23066
22995
 
23067
- .v-slider--has-labels > .v-input__control {
23068
- margin-bottom: 4px;
22996
+ .v-navigation-drawer__img {
22997
+ height: 100%;
22998
+ left: 0;
22999
+ position: absolute;
23000
+ top: 0;
23001
+ width: 100%;
23002
+ z-index: -1;
23003
+ }
23004
+ .v-navigation-drawer__img img {
23005
+ height: inherit;
23006
+ object-fit: cover;
23007
+ width: inherit;
23069
23008
  }
23070
23009
 
23071
- .v-slider__label {
23072
- margin-inline-end: 12px;
23010
+ .v-navigation-drawer__scrim {
23011
+ position: absolute;
23012
+ top: 0;
23013
+ left: 0;
23014
+ width: 100%;
23015
+ height: 100%;
23016
+ background: black;
23017
+ opacity: 0.2;
23018
+ transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23019
+ z-index: 1;
23020
+ }
23021
+
23022
+ .v-navigation-drawer__prepend,
23023
+ .v-navigation-drawer__append {
23024
+ flex: none;
23025
+ overflow: hidden;
23073
23026
  }.v-rating {
23074
23027
  max-width: 100%;
23075
23028
  display: inline-flex;
@@ -23124,6 +23077,63 @@ html.v-overlay-scroll-blocked {
23124
23077
  opacity: 0;
23125
23078
  position: absolute;
23126
23079
  width: 0;
23080
+ }.v-slider .v-slider__container input {
23081
+ cursor: default;
23082
+ padding: 0;
23083
+ width: 100%;
23084
+ display: none;
23085
+ }
23086
+ .v-slider > .v-input__append,
23087
+ .v-slider > .v-input__prepend {
23088
+ padding: 0;
23089
+ }
23090
+
23091
+ .v-slider__container {
23092
+ position: relative;
23093
+ min-height: inherit;
23094
+ width: 100%;
23095
+ height: 100%;
23096
+ display: flex;
23097
+ justify-content: center;
23098
+ align-items: center;
23099
+ cursor: pointer;
23100
+ }
23101
+ .v-input--disabled .v-slider__container {
23102
+ opacity: var(--v-disabled-opacity);
23103
+ }
23104
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
23105
+ color: rgb(var(--v-theme-error));
23106
+ }
23107
+
23108
+ .v-slider.v-input--horizontal {
23109
+ align-items: center;
23110
+ margin-inline: 8px 8px;
23111
+ }
23112
+ .v-slider.v-input--horizontal > .v-input__control {
23113
+ min-height: 32px;
23114
+ display: flex;
23115
+ align-items: center;
23116
+ }
23117
+
23118
+ .v-slider.v-input--vertical {
23119
+ justify-content: center;
23120
+ margin-top: 12px;
23121
+ margin-bottom: 12px;
23122
+ }
23123
+ .v-slider.v-input--vertical > .v-input__control {
23124
+ min-height: 300px;
23125
+ }
23126
+
23127
+ .v-slider.v-input--disabled {
23128
+ pointer-events: none;
23129
+ }
23130
+
23131
+ .v-slider--has-labels > .v-input__control {
23132
+ margin-bottom: 4px;
23133
+ }
23134
+
23135
+ .v-slider__label {
23136
+ margin-inline-end: 12px;
23127
23137
  }.v-radio-group > .v-input__control {
23128
23138
  flex-direction: column;
23129
23139
  }
@@ -23210,6 +23220,14 @@ html.v-overlay-scroll-blocked {
23210
23220
  .v-select--active-menu .v-select__menu-icon {
23211
23221
  opacity: var(--v-high-emphasis-opacity);
23212
23222
  transform: rotate(180deg);
23223
+ }.v-selection-control-group {
23224
+ grid-area: control;
23225
+ display: flex;
23226
+ flex-direction: column;
23227
+ }
23228
+ .v-selection-control-group--inline {
23229
+ flex-direction: row;
23230
+ flex-wrap: wrap;
23213
23231
  }.v-selection-control {
23214
23232
  align-items: center;
23215
23233
  contain: layout;
@@ -23311,14 +23329,6 @@ html.v-overlay-scroll-blocked {
23311
23329
  }
23312
23330
  .v-selection-control--focus-visible .v-selection-control__input::before {
23313
23331
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23314
- }.v-selection-control-group {
23315
- grid-area: control;
23316
- display: flex;
23317
- flex-direction: column;
23318
- }
23319
- .v-selection-control-group--inline {
23320
- flex-direction: row;
23321
- flex-wrap: wrap;
23322
23332
  }.v-sheet {
23323
23333
  display: block;
23324
23334
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23347,48 +23357,6 @@ html.v-overlay-scroll-blocked {
23347
23357
  }
23348
23358
  .v-sheet--rounded {
23349
23359
  border-radius: 4px;
23350
- }.v-slide-group {
23351
- display: flex;
23352
- overflow: hidden;
23353
- }
23354
-
23355
- .v-slide-group__next,
23356
- .v-slide-group__prev {
23357
- align-items: center;
23358
- display: flex;
23359
- flex: 0 1 52px;
23360
- justify-content: center;
23361
- min-width: 52px;
23362
- cursor: pointer;
23363
- }
23364
- .v-slide-group__next--disabled,
23365
- .v-slide-group__prev--disabled {
23366
- pointer-events: none;
23367
- opacity: var(--v-disabled-opacity);
23368
- }
23369
-
23370
- .v-slide-group__content {
23371
- display: flex;
23372
- flex: 1 0 auto;
23373
- position: relative;
23374
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23375
- white-space: nowrap;
23376
- }
23377
- .v-slide-group__content > * {
23378
- white-space: initial;
23379
- }
23380
-
23381
- .v-slide-group__container {
23382
- contain: content;
23383
- display: flex;
23384
- flex: 1 1 auto;
23385
- overflow: hidden;
23386
- }
23387
-
23388
- .v-slide-group--vertical,
23389
- .v-slide-group--vertical .v-slide-group__container,
23390
- .v-slide-group--vertical .v-slide-group__content {
23391
- flex-direction: column;
23392
23360
  }.v-skeleton-loader {
23393
23361
  align-items: center;
23394
23362
  background: rgb(var(--v-theme-surface));
@@ -23612,6 +23580,48 @@ html.v-overlay-scroll-blocked {
23612
23580
  100% {
23613
23581
  transform: translateX(100%);
23614
23582
  }
23583
+ }.v-slide-group {
23584
+ display: flex;
23585
+ overflow: hidden;
23586
+ }
23587
+
23588
+ .v-slide-group__next,
23589
+ .v-slide-group__prev {
23590
+ align-items: center;
23591
+ display: flex;
23592
+ flex: 0 1 52px;
23593
+ justify-content: center;
23594
+ min-width: 52px;
23595
+ cursor: pointer;
23596
+ }
23597
+ .v-slide-group__next--disabled,
23598
+ .v-slide-group__prev--disabled {
23599
+ pointer-events: none;
23600
+ opacity: var(--v-disabled-opacity);
23601
+ }
23602
+
23603
+ .v-slide-group__content {
23604
+ display: flex;
23605
+ flex: 1 0 auto;
23606
+ position: relative;
23607
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23608
+ white-space: nowrap;
23609
+ }
23610
+ .v-slide-group__content > * {
23611
+ white-space: initial;
23612
+ }
23613
+
23614
+ .v-slide-group__container {
23615
+ contain: content;
23616
+ display: flex;
23617
+ flex: 1 1 auto;
23618
+ overflow: hidden;
23619
+ }
23620
+
23621
+ .v-slide-group--vertical,
23622
+ .v-slide-group--vertical .v-slide-group__container,
23623
+ .v-slide-group--vertical .v-slide-group__content {
23624
+ flex-direction: column;
23615
23625
  }.v-snackbar {
23616
23626
  justify-content: center;
23617
23627
  z-index: 10000;
@@ -23651,86 +23661,334 @@ html.v-overlay-scroll-blocked {
23651
23661
  .v-snackbar--variant-elevated {
23652
23662
  box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23653
23663
  }
23654
- .v-snackbar--variant-flat {
23655
- 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));
23664
+ .v-snackbar--variant-flat {
23665
+ 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));
23666
+ }
23667
+ .v-snackbar--variant-outlined {
23668
+ border: thin solid currentColor;
23669
+ }
23670
+ .v-snackbar--variant-text .v-snackbar__overlay {
23671
+ background: currentColor;
23672
+ }
23673
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23674
+ background: currentColor;
23675
+ opacity: var(--v-activated-opacity);
23676
+ border-radius: inherit;
23677
+ position: absolute;
23678
+ top: 0;
23679
+ right: 0;
23680
+ bottom: 0;
23681
+ left: 0;
23682
+ pointer-events: none;
23683
+ }
23684
+
23685
+ .v-snackbar__content {
23686
+ flex-grow: 1;
23687
+ font-size: 0.875rem;
23688
+ font-weight: 400;
23689
+ letter-spacing: 0.0178571429em;
23690
+ line-height: 1.25rem;
23691
+ margin-right: auto;
23692
+ padding: 14px 16px;
23693
+ text-align: initial;
23694
+ }
23695
+ .v-snackbar__actions {
23696
+ align-items: center;
23697
+ align-self: center;
23698
+ display: flex;
23699
+ margin-inline-end: 8px;
23700
+ }
23701
+ .v-snackbar__actions > .v-btn {
23702
+ padding: 0 8px;
23703
+ min-width: auto;
23704
+ }
23705
+ .v-snackbar__timer {
23706
+ width: 100%;
23707
+ position: absolute;
23708
+ top: 0;
23709
+ }
23710
+ .v-snackbar__timer .v-progress-linear {
23711
+ transition: 0.2s linear;
23712
+ }
23713
+ .v-snackbar--absolute {
23714
+ position: absolute;
23715
+ z-index: 1;
23716
+ }
23717
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23718
+ min-height: 68px;
23719
+ }
23720
+ .v-snackbar--vertical .v-snackbar__wrapper {
23721
+ flex-direction: column;
23722
+ }
23723
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23724
+ align-self: flex-end;
23725
+ margin-bottom: 8px;
23726
+ }
23727
+
23728
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23729
+ transition-duration: 0.15s;
23730
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23731
+ }
23732
+ .v-snackbar-transition-enter-active {
23733
+ transition-property: opacity, transform;
23734
+ }
23735
+ .v-snackbar-transition-enter-from {
23736
+ opacity: 0;
23737
+ transform: scale(0.8);
23738
+ }
23739
+ .v-snackbar-transition-leave-active {
23740
+ transition-property: opacity;
23741
+ }
23742
+ .v-snackbar-transition-leave-to {
23743
+ opacity: 0;
23744
+ }.v-stepper.v-sheet {
23745
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23746
+ border-radius: 4px;
23747
+ overflow: hidden;
23748
+ }
23749
+ .v-stepper.v-sheet.v-stepper--flat {
23750
+ 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));
23751
+ }
23752
+
23753
+ .v-stepper-header {
23754
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23755
+ align-items: center;
23756
+ display: flex;
23757
+ position: relative;
23758
+ overflow-x: auto;
23759
+ justify-content: space-between;
23760
+ z-index: 1;
23761
+ }
23762
+ .v-stepper-header .v-divider {
23763
+ margin: 0 -16px;
23764
+ }
23765
+ .v-stepper-header .v-divider:last-child {
23766
+ margin-inline-end: 0;
23767
+ }
23768
+ .v-stepper-header .v-divider:first-child {
23769
+ margin-inline-start: 0;
23770
+ }
23771
+ .v-stepper--alt-labels .v-stepper-header {
23772
+ height: auto;
23773
+ }
23774
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23775
+ align-self: flex-start;
23776
+ margin: 35px -67px 0;
23777
+ }
23778
+
23779
+ .v-stepper-window {
23780
+ margin: 1.5rem;
23781
+ }
23782
+
23783
+ .v-stepper-actions {
23784
+ display: flex;
23785
+ align-items: center;
23786
+ justify-content: space-between;
23787
+ padding: 1rem;
23788
+ }
23789
+ .v-stepper .v-stepper-actions {
23790
+ padding: 0 1.5rem 1rem;
23791
+ }
23792
+ .v-stepper-window-item .v-stepper-actions {
23793
+ padding: 1.5rem 0 0;
23794
+ }.v-stepper-item {
23795
+ align-items: center;
23796
+ align-self: stretch;
23797
+ display: inline-flex;
23798
+ flex: none;
23799
+ opacity: var(--v-medium-emphasis-opacity);
23800
+ padding: 1.5rem;
23801
+ transition-duration: 0.2s;
23802
+ transition-property: opacity;
23803
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23804
+ }
23805
+ .v-stepper-item--selected {
23806
+ opacity: 1;
23807
+ }
23808
+ .v-stepper-item--error {
23809
+ color: rgb(var(--v-theme-error));
23810
+ }
23811
+ .v-stepper-item--disabled {
23812
+ opacity: var(--v-medium-emphasis-opacity);
23813
+ pointer-events: none;
23814
+ }
23815
+ .v-stepper--alt-labels .v-stepper-item {
23816
+ flex-direction: column;
23817
+ justify-content: flex-start;
23818
+ align-items: center;
23819
+ flex-basis: 175px;
23820
+ }
23821
+
23822
+ .v-stepper-item__avatar.v-avatar {
23823
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23824
+ color: rgb(var(--v-theme-on-surface-variant));
23825
+ font-size: 0.75rem;
23826
+ margin-inline-end: 8px;
23827
+ }
23828
+ .v-stepper-item__avatar.v-avatar .v-icon {
23829
+ font-size: 0.875rem;
23830
+ }
23831
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23832
+ background: rgb(var(--v-theme-surface-variant));
23833
+ }
23834
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23835
+ background: rgb(var(--v-theme-error));
23836
+ }
23837
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23838
+ margin-bottom: 16px;
23839
+ margin-inline-end: 0;
23840
+ }
23841
+
23842
+ .v-stepper-item__title {
23843
+ line-height: 1;
23844
+ }
23845
+ .v-stepper--mobile .v-stepper-item__title {
23846
+ display: none;
23847
+ }
23848
+
23849
+ .v-stepper-item__subtitle {
23850
+ font-size: 0.75rem;
23851
+ text-align: left;
23852
+ line-height: 1;
23853
+ opacity: var(--v-medium-emphasis-opacity);
23854
+ }
23855
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23856
+ text-align: center;
23857
+ }
23858
+ .v-stepper--mobile .v-stepper-item__subtitle {
23859
+ display: none;
23860
+ }.v-system-bar {
23861
+ align-items: center;
23862
+ display: flex;
23863
+ flex: 1 1 auto;
23864
+ height: 24px;
23865
+ justify-content: flex-end;
23866
+ max-width: 100%;
23867
+ padding-inline: 8px;
23868
+ position: relative;
23869
+ text-align: end;
23870
+ width: 100%;
23871
+ 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));
23872
+ background: rgba(var(--v-theme-surface-light));
23873
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23874
+ font-size: 0.75rem;
23875
+ font-weight: 400;
23876
+ letter-spacing: 0.0333333333em;
23877
+ line-height: 1.25rem;
23878
+ text-transform: none;
23879
+ }
23880
+ .v-system-bar .v-icon {
23881
+ opacity: var(--v-medium-emphasis-opacity);
23882
+ }
23883
+ .v-system-bar--absolute {
23884
+ position: absolute;
23885
+ }
23886
+ .v-system-bar--fixed {
23887
+ position: fixed;
23888
+ }
23889
+ .v-system-bar--rounded {
23890
+ border-radius: 0;
23891
+ }
23892
+ .v-system-bar--window {
23893
+ height: 32px;
23894
+ }
23895
+ .v-system-bar:not(.v-system-bar--absolute) {
23896
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23897
+ }.v-tabs {
23898
+ display: flex;
23899
+ height: var(--v-tabs-height);
23900
+ }
23901
+ .v-tabs--density-default {
23902
+ --v-tabs-height: 48px;
23656
23903
  }
23657
- .v-snackbar--variant-outlined {
23658
- border: thin solid currentColor;
23904
+ .v-tabs--density-default.v-tabs--stacked {
23905
+ --v-tabs-height: 72px;
23659
23906
  }
23660
- .v-snackbar--variant-text .v-snackbar__overlay {
23661
- background: currentColor;
23907
+
23908
+ .v-tabs--density-comfortable {
23909
+ --v-tabs-height: 44px;
23662
23910
  }
23663
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23664
- background: currentColor;
23665
- opacity: var(--v-activated-opacity);
23666
- border-radius: inherit;
23667
- position: absolute;
23668
- top: 0;
23669
- right: 0;
23670
- bottom: 0;
23671
- left: 0;
23672
- pointer-events: none;
23911
+ .v-tabs--density-comfortable.v-tabs--stacked {
23912
+ --v-tabs-height: 68px;
23673
23913
  }
23674
23914
 
23675
- .v-snackbar__content {
23676
- flex-grow: 1;
23677
- font-size: 0.875rem;
23678
- font-weight: 400;
23679
- letter-spacing: 0.0178571429em;
23680
- line-height: 1.25rem;
23681
- margin-right: auto;
23682
- padding: 14px 16px;
23683
- text-align: initial;
23915
+ .v-tabs--density-compact {
23916
+ --v-tabs-height: 36px;
23684
23917
  }
23685
- .v-snackbar__actions {
23686
- align-items: center;
23687
- align-self: center;
23688
- display: flex;
23689
- margin-inline-end: 8px;
23918
+ .v-tabs--density-compact.v-tabs--stacked {
23919
+ --v-tabs-height: 60px;
23690
23920
  }
23691
- .v-snackbar__actions > .v-btn {
23692
- padding: 0 8px;
23693
- min-width: auto;
23921
+
23922
+ .v-tabs.v-slide-group--vertical {
23923
+ height: auto;
23924
+ flex: none;
23925
+ --v-tabs-height: 48px;
23694
23926
  }
23695
- .v-snackbar__timer {
23696
- width: 100%;
23697
- position: absolute;
23698
- top: 0;
23927
+
23928
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23929
+ margin-inline-start: 42px;
23699
23930
  }
23700
- .v-snackbar__timer .v-progress-linear {
23701
- transition: 0.2s linear;
23931
+
23932
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23933
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23934
+ margin-inline-end: auto;
23702
23935
  }
23703
- .v-snackbar--absolute {
23704
- position: absolute;
23705
- z-index: 1;
23936
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23937
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23938
+ margin-inline-start: auto;
23706
23939
  }
23707
- .v-snackbar--multi-line .v-snackbar__wrapper {
23708
- min-height: 68px;
23940
+
23941
+ .v-tabs--grow {
23942
+ flex-grow: 1;
23709
23943
  }
23710
- .v-snackbar--vertical .v-snackbar__wrapper {
23711
- flex-direction: column;
23944
+ .v-tabs--grow .v-tab {
23945
+ flex: 1 0 auto;
23946
+ max-width: none;
23712
23947
  }
23713
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23714
- align-self: flex-end;
23715
- margin-bottom: 8px;
23948
+
23949
+ .v-tabs--align-tabs-end .v-tab:first-child {
23950
+ margin-inline-start: auto;
23951
+ }
23952
+ .v-tabs--align-tabs-end .v-tab:last-child {
23953
+ margin-inline-end: 0;
23716
23954
  }
23717
23955
 
23718
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23719
- transition-duration: 0.15s;
23720
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23956
+ @media (max-width: 1279.98px) {
23957
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23958
+ margin-inline-start: 52px;
23959
+ }
23960
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23961
+ margin-inline-end: 52px;
23962
+ }
23963
+ }.v-tab.v-tab.v-btn {
23964
+ height: var(--v-tabs-height);
23965
+ border-radius: 0;
23966
+ min-width: 90px;
23721
23967
  }
23722
- .v-snackbar-transition-enter-active {
23723
- transition-property: opacity, transform;
23968
+ .v-slide-group--horizontal .v-tab {
23969
+ max-width: 360px;
23724
23970
  }
23725
- .v-snackbar-transition-enter-from {
23971
+ .v-slide-group--vertical .v-tab {
23972
+ justify-content: start;
23973
+ }
23974
+
23975
+ .v-tab__slider {
23976
+ position: absolute;
23977
+ bottom: 0;
23978
+ left: 0;
23979
+ height: 2px;
23980
+ width: 100%;
23981
+ background: currentColor;
23982
+ pointer-events: none;
23726
23983
  opacity: 0;
23727
- transform: scale(0.8);
23728
23984
  }
23729
- .v-snackbar-transition-leave-active {
23730
- transition-property: opacity;
23985
+ .v-tab--selected .v-tab__slider {
23986
+ opacity: 1;
23731
23987
  }
23732
- .v-snackbar-transition-leave-to {
23733
- opacity: 0;
23988
+ .v-slide-group--vertical .v-tab__slider {
23989
+ top: 0;
23990
+ height: 100%;
23991
+ width: 2px;
23734
23992
  }.v-switch .v-label {
23735
23993
  padding-inline-start: 10px;
23736
23994
  }
@@ -23845,123 +24103,113 @@ html.v-overlay-scroll-blocked {
23845
24103
  }
23846
24104
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23847
24105
  width: auto;
23848
- }.v-stepper.v-sheet {
23849
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23850
- border-radius: 4px;
23851
- overflow: hidden;
23852
- }
23853
- .v-stepper.v-sheet.v-stepper--flat {
23854
- 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));
23855
- }
23856
-
23857
- .v-stepper-header {
23858
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23859
- align-items: center;
23860
- display: flex;
23861
- position: relative;
23862
- overflow-x: auto;
23863
- justify-content: space-between;
23864
- z-index: 1;
23865
- }
23866
- .v-stepper-header .v-divider {
23867
- margin: 0 -16px;
24106
+ }.v-textarea .v-field {
24107
+ --v-textarea-control-height: var(--v-input-control-height);
23868
24108
  }
23869
- .v-stepper-header .v-divider:last-child {
23870
- margin-inline-end: 0;
24109
+ .v-textarea .v-field__field {
24110
+ --v-input-control-height: var(--v-textarea-control-height);
23871
24111
  }
23872
- .v-stepper-header .v-divider:first-child {
23873
- margin-inline-start: 0;
24112
+ .v-textarea .v-field__input {
24113
+ flex: 1 1 auto;
24114
+ outline: none;
24115
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24116
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23874
24117
  }
23875
- .v-stepper--alt-labels .v-stepper-header {
23876
- height: auto;
24118
+ .v-textarea .v-field__input.v-textarea__sizer {
24119
+ visibility: hidden;
24120
+ position: absolute;
24121
+ top: 0;
24122
+ left: 0;
24123
+ height: 0 !important;
24124
+ min-height: 0 !important;
24125
+ pointer-events: none;
23877
24126
  }
23878
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23879
- align-self: flex-start;
23880
- margin: 35px -67px 0;
24127
+ .v-textarea--no-resize .v-field__input {
24128
+ resize: none;
23881
24129
  }
23882
-
23883
- .v-stepper-window {
23884
- margin: 1.5rem;
24130
+ .v-textarea .v-field--no-label textarea,
24131
+ .v-textarea .v-field--active textarea {
24132
+ opacity: 1;
23885
24133
  }
23886
-
23887
- .v-stepper-actions {
23888
- display: flex;
23889
- align-items: center;
23890
- justify-content: space-between;
23891
- padding: 1rem;
24134
+ .v-textarea textarea {
24135
+ opacity: 0;
24136
+ flex: 1;
24137
+ min-width: 0;
24138
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23892
24139
  }
23893
- .v-stepper .v-stepper-actions {
23894
- padding: 0 1.5rem 1rem;
24140
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24141
+ outline: none;
23895
24142
  }
23896
- .v-stepper-window-item .v-stepper-actions {
23897
- padding: 1.5rem 0 0;
23898
- }.v-stepper-item {
23899
- align-items: center;
23900
- align-self: stretch;
23901
- display: inline-flex;
23902
- flex: none;
23903
- opacity: var(--v-medium-emphasis-opacity);
23904
- padding: 1.5rem;
23905
- transition-duration: 0.2s;
23906
- transition-property: opacity;
23907
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24143
+ .v-textarea textarea:invalid {
24144
+ box-shadow: none;
24145
+ }/* region BLOCK */
24146
+ .v-text-field input {
24147
+ color: inherit;
24148
+ opacity: 0;
24149
+ flex: 1;
24150
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24151
+ min-width: 0;
23908
24152
  }
23909
- .v-stepper-item--selected {
23910
- opacity: 1;
24153
+ .v-text-field input:focus, .v-text-field input:active {
24154
+ outline: none;
23911
24155
  }
23912
- .v-stepper-item--error {
23913
- color: rgb(var(--v-theme-error));
24156
+ .v-text-field input:invalid {
24157
+ box-shadow: none;
23914
24158
  }
23915
- .v-stepper-item--disabled {
23916
- opacity: var(--v-medium-emphasis-opacity);
23917
- pointer-events: none;
24159
+ .v-text-field .v-field {
24160
+ cursor: text;
23918
24161
  }
23919
- .v-stepper--alt-labels .v-stepper-item {
23920
- flex-direction: column;
23921
- justify-content: flex-start;
23922
- align-items: center;
23923
- flex-basis: 175px;
24162
+ .v-text-field--prefixed.v-text-field .v-field__input {
24163
+ --v-field-padding-start: 6px;
23924
24164
  }
23925
24165
 
23926
- .v-stepper-item__avatar.v-avatar {
23927
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23928
- color: rgb(var(--v-theme-on-surface-variant));
23929
- font-size: 0.75rem;
23930
- margin-inline-end: 8px;
23931
- }
23932
- .v-stepper-item__avatar.v-avatar .v-icon {
23933
- font-size: 0.875rem;
23934
- }
23935
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23936
- background: rgb(var(--v-theme-surface-variant));
24166
+ .v-text-field--suffixed.v-text-field .v-field__input {
24167
+ --v-field-padding-end: 0;
23937
24168
  }
23938
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23939
- background: rgb(var(--v-theme-error));
24169
+
24170
+ .v-text-field .v-input__details {
24171
+ padding-inline: 16px;
23940
24172
  }
23941
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23942
- margin-bottom: 16px;
23943
- margin-inline-end: 0;
24173
+ .v-input--plain-underlined.v-text-field .v-input__details {
24174
+ padding-inline: 0;
23944
24175
  }
23945
24176
 
23946
- .v-stepper-item__title {
23947
- line-height: 1;
24177
+ .v-text-field .v-field--no-label input,
24178
+ .v-text-field .v-field--active input {
24179
+ opacity: 1;
23948
24180
  }
23949
- .v-stepper--mobile .v-stepper-item__title {
23950
- display: none;
24181
+ .v-text-field .v-field--single-line input {
24182
+ transition: none;
23951
24183
  }
23952
24184
 
23953
- .v-stepper-item__subtitle {
23954
- font-size: 0.75rem;
23955
- text-align: left;
23956
- line-height: 1;
23957
- opacity: var(--v-medium-emphasis-opacity);
24185
+ /* endregion */
24186
+ /* region ELEMENTS */
24187
+ .v-text-field__prefix, .v-text-field__suffix {
24188
+ align-items: center;
24189
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24190
+ cursor: default;
24191
+ display: flex;
24192
+ opacity: 0;
24193
+ transition: inherit;
24194
+ white-space: nowrap;
24195
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24196
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24197
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23958
24198
  }
23959
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23960
- text-align: center;
24199
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24200
+ opacity: 1;
23961
24201
  }
23962
- .v-stepper--mobile .v-stepper-item__subtitle {
23963
- display: none;
23964
- }.v-table {
24202
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24203
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24204
+ }
24205
+ .v-text-field__prefix {
24206
+ padding-inline-start: var(--v-field-padding-start);
24207
+ }
24208
+ .v-text-field__suffix {
24209
+ padding-inline-end: var(--v-field-padding-end);
24210
+ }
24211
+
24212
+ /* endregion */.v-table {
23965
24213
  background: rgb(var(--v-theme-surface));
23966
24214
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23967
24215
  font-size: 0.875rem;
@@ -24058,247 +24306,48 @@ html.v-overlay-scroll-blocked {
24058
24306
  --v-table-row-height: 36px;
24059
24307
  }
24060
24308
 
24061
- .v-table__wrapper {
24062
- border-radius: inherit;
24063
- overflow: auto;
24064
- flex: 1 1 auto;
24065
- }
24066
-
24067
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24068
- border-top-left-radius: 0;
24069
- }
24070
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24071
- border-top-right-radius: 0;
24072
- }
24073
-
24074
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24075
- border-bottom-left-radius: 0;
24076
- }
24077
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24078
- border-bottom-right-radius: 0;
24079
- }
24080
-
24081
- .v-table--fixed-height > .v-table__wrapper {
24082
- overflow-y: auto;
24083
- }
24084
-
24085
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24086
- position: sticky;
24087
- top: 0;
24088
- z-index: 2;
24089
- }
24090
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24091
- border-bottom: 0px !important;
24092
- }
24093
-
24094
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24095
- position: sticky;
24096
- bottom: 0;
24097
- z-index: 1;
24098
- }
24099
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24100
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24101
- border-top: 0px !important;
24102
- }.v-system-bar {
24103
- align-items: center;
24104
- display: flex;
24105
- flex: 1 1 auto;
24106
- height: 24px;
24107
- justify-content: flex-end;
24108
- max-width: 100%;
24109
- padding-inline: 8px;
24110
- position: relative;
24111
- text-align: end;
24112
- width: 100%;
24113
- 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));
24114
- background: rgba(var(--v-theme-surface-light));
24115
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24116
- font-size: 0.75rem;
24117
- font-weight: 400;
24118
- letter-spacing: 0.0333333333em;
24119
- line-height: 1.25rem;
24120
- text-transform: none;
24121
- }
24122
- .v-system-bar .v-icon {
24123
- opacity: var(--v-medium-emphasis-opacity);
24124
- }
24125
- .v-system-bar--absolute {
24126
- position: absolute;
24127
- }
24128
- .v-system-bar--fixed {
24129
- position: fixed;
24130
- }
24131
- .v-system-bar--rounded {
24132
- border-radius: 0;
24133
- }
24134
- .v-system-bar--window {
24135
- height: 32px;
24136
- }
24137
- .v-system-bar:not(.v-system-bar--absolute) {
24138
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24139
- }.v-tab.v-tab.v-btn {
24140
- height: var(--v-tabs-height);
24141
- border-radius: 0;
24142
- min-width: 90px;
24143
- }
24144
- .v-slide-group--horizontal .v-tab {
24145
- max-width: 360px;
24146
- }
24147
- .v-slide-group--vertical .v-tab {
24148
- justify-content: start;
24149
- }
24150
-
24151
- .v-tab__slider {
24152
- position: absolute;
24153
- bottom: 0;
24154
- left: 0;
24155
- height: 2px;
24156
- width: 100%;
24157
- background: currentColor;
24158
- pointer-events: none;
24159
- opacity: 0;
24160
- }
24161
- .v-tab--selected .v-tab__slider {
24162
- opacity: 1;
24163
- }
24164
- .v-slide-group--vertical .v-tab__slider {
24165
- top: 0;
24166
- height: 100%;
24167
- width: 2px;
24168
- }.v-tabs {
24169
- display: flex;
24170
- height: var(--v-tabs-height);
24171
- }
24172
- .v-tabs--density-default {
24173
- --v-tabs-height: 48px;
24174
- }
24175
- .v-tabs--density-default.v-tabs--stacked {
24176
- --v-tabs-height: 72px;
24177
- }
24178
-
24179
- .v-tabs--density-comfortable {
24180
- --v-tabs-height: 44px;
24181
- }
24182
- .v-tabs--density-comfortable.v-tabs--stacked {
24183
- --v-tabs-height: 68px;
24184
- }
24185
-
24186
- .v-tabs--density-compact {
24187
- --v-tabs-height: 36px;
24188
- }
24189
- .v-tabs--density-compact.v-tabs--stacked {
24190
- --v-tabs-height: 60px;
24191
- }
24192
-
24193
- .v-tabs.v-slide-group--vertical {
24194
- height: auto;
24195
- flex: none;
24196
- --v-tabs-height: 48px;
24197
- }
24198
-
24199
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24200
- margin-inline-start: 42px;
24201
- }
24202
-
24203
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24204
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24205
- margin-inline-end: auto;
24206
- }
24207
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24208
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24209
- margin-inline-start: auto;
24210
- }
24211
-
24212
- .v-tabs--grow {
24213
- flex-grow: 1;
24214
- }
24215
- .v-tabs--grow .v-tab {
24216
- flex: 1 0 auto;
24217
- max-width: none;
24218
- }
24219
-
24220
- .v-tabs--align-tabs-end .v-tab:first-child {
24221
- margin-inline-start: auto;
24222
- }
24223
- .v-tabs--align-tabs-end .v-tab:last-child {
24224
- margin-inline-end: 0;
24225
- }
24226
-
24227
- @media (max-width: 1279.98px) {
24228
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24229
- margin-inline-start: 52px;
24230
- }
24231
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24232
- margin-inline-end: 52px;
24233
- }
24234
- }/* region BLOCK */
24235
- .v-text-field input {
24236
- color: inherit;
24237
- opacity: 0;
24238
- flex: 1;
24239
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24240
- min-width: 0;
24241
- }
24242
- .v-text-field input:focus, .v-text-field input:active {
24243
- outline: none;
24244
- }
24245
- .v-text-field input:invalid {
24246
- box-shadow: none;
24247
- }
24248
- .v-text-field .v-field {
24249
- cursor: text;
24250
- }
24251
- .v-text-field--prefixed.v-text-field .v-field__input {
24252
- --v-field-padding-start: 6px;
24253
- }
24254
-
24255
- .v-text-field--suffixed.v-text-field .v-field__input {
24256
- --v-field-padding-end: 0;
24257
- }
24258
-
24259
- .v-text-field .v-input__details {
24260
- padding-inline: 16px;
24261
- }
24262
- .v-input--plain-underlined.v-text-field .v-input__details {
24263
- padding-inline: 0;
24309
+ .v-table__wrapper {
24310
+ border-radius: inherit;
24311
+ overflow: auto;
24312
+ flex: 1 1 auto;
24264
24313
  }
24265
24314
 
24266
- .v-text-field .v-field--no-label input,
24267
- .v-text-field .v-field--active input {
24268
- opacity: 1;
24315
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24316
+ border-top-left-radius: 0;
24269
24317
  }
24270
- .v-text-field .v-field--single-line input {
24271
- transition: none;
24318
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24319
+ border-top-right-radius: 0;
24272
24320
  }
24273
24321
 
24274
- /* endregion */
24275
- /* region ELEMENTS */
24276
- .v-text-field__prefix, .v-text-field__suffix {
24277
- align-items: center;
24278
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24279
- cursor: default;
24280
- display: flex;
24281
- opacity: 0;
24282
- transition: inherit;
24283
- white-space: nowrap;
24284
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
24285
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
24286
- padding-bottom: var(--v-field-padding-bottom, 6px);
24322
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24323
+ border-bottom-left-radius: 0;
24287
24324
  }
24288
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
24289
- opacity: 1;
24325
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24326
+ border-bottom-right-radius: 0;
24290
24327
  }
24291
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24292
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24328
+
24329
+ .v-table--fixed-height > .v-table__wrapper {
24330
+ overflow-y: auto;
24293
24331
  }
24294
- .v-text-field__prefix {
24295
- padding-inline-start: var(--v-field-padding-start);
24332
+
24333
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24334
+ position: sticky;
24335
+ top: 0;
24336
+ z-index: 2;
24296
24337
  }
24297
- .v-text-field__suffix {
24298
- padding-inline-end: var(--v-field-padding-end);
24338
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24339
+ border-bottom: 0px !important;
24299
24340
  }
24300
24341
 
24301
- /* endregion */.v-theme-provider {
24342
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24343
+ position: sticky;
24344
+ bottom: 0;
24345
+ z-index: 1;
24346
+ }
24347
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24348
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24349
+ border-top: 0px !important;
24350
+ }.v-theme-provider {
24302
24351
  background: rgb(var(--v-theme-background));
24303
24352
  color: rgb(var(--v-theme-on-background));
24304
24353
  }.v-timeline .v-timeline-divider__dot {
@@ -24717,66 +24766,6 @@ html.v-overlay-scroll-blocked {
24717
24766
 
24718
24767
  .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 {
24719
24768
  padding-inline-end: 0;
24720
- }.v-textarea .v-field {
24721
- --v-textarea-control-height: var(--v-input-control-height);
24722
- }
24723
- .v-textarea .v-field__field {
24724
- --v-input-control-height: var(--v-textarea-control-height);
24725
- }
24726
- .v-textarea .v-field__input {
24727
- flex: 1 1 auto;
24728
- outline: none;
24729
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24730
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24731
- }
24732
- .v-textarea .v-field__input.v-textarea__sizer {
24733
- visibility: hidden;
24734
- position: absolute;
24735
- top: 0;
24736
- left: 0;
24737
- height: 0 !important;
24738
- min-height: 0 !important;
24739
- pointer-events: none;
24740
- }
24741
- .v-textarea--no-resize .v-field__input {
24742
- resize: none;
24743
- }
24744
- .v-textarea .v-field--no-label textarea,
24745
- .v-textarea .v-field--active textarea {
24746
- opacity: 1;
24747
- }
24748
- .v-textarea textarea {
24749
- opacity: 0;
24750
- flex: 1;
24751
- min-width: 0;
24752
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24753
- }
24754
- .v-textarea textarea:focus, .v-textarea textarea:active {
24755
- outline: none;
24756
- }
24757
- .v-textarea textarea:invalid {
24758
- box-shadow: none;
24759
- }.v-tooltip > .v-overlay__content {
24760
- background: rgb(var(--v-theme-surface-variant));
24761
- color: rgb(var(--v-theme-on-surface-variant));
24762
- border-radius: 4px;
24763
- font-size: 0.875rem;
24764
- line-height: 1.6;
24765
- display: inline-block;
24766
- padding: 5px 16px;
24767
- text-transform: initial;
24768
- width: auto;
24769
- opacity: 1;
24770
- pointer-events: none;
24771
- transition-property: opacity, transform;
24772
- }
24773
- .v-tooltip > .v-overlay__content[class*=enter-active] {
24774
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24775
- transition-duration: 150ms;
24776
- }
24777
- .v-tooltip > .v-overlay__content[class*=leave-active] {
24778
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24779
- transition-duration: 75ms;
24780
24769
  }.v-toolbar {
24781
24770
  align-items: flex-start;
24782
24771
  display: flex;
@@ -24913,6 +24902,28 @@ html.v-overlay-scroll-blocked {
24913
24902
  }
24914
24903
  .v-virtual-scroll__container {
24915
24904
  display: block;
24905
+ }.v-tooltip > .v-overlay__content {
24906
+ background: rgb(var(--v-theme-surface-variant));
24907
+ color: rgb(var(--v-theme-on-surface-variant));
24908
+ border-radius: 4px;
24909
+ font-size: 0.875rem;
24910
+ line-height: 1.6;
24911
+ display: inline-block;
24912
+ padding: 5px 16px;
24913
+ text-transform: initial;
24914
+ width: auto;
24915
+ opacity: 1;
24916
+ pointer-events: none;
24917
+ transition-property: opacity, transform;
24918
+ overflow-wrap: break-word;
24919
+ }
24920
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
24921
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24922
+ transition-duration: 150ms;
24923
+ }
24924
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
24925
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24926
+ transition-duration: 75ms;
24916
24927
  }.v-window {
24917
24928
  overflow: hidden;
24918
24929
  }
@@ -24982,6 +24993,40 @@ html.v-overlay-scroll-blocked {
24982
24993
  }
24983
24994
  .v-window-y-reverse-transition-leave-to {
24984
24995
  transform: translateY(100%);
24996
+ }.v-app-bar {
24997
+ display: flex;
24998
+ }
24999
+ .v-app-bar.v-toolbar {
25000
+ background: rgb(var(--v-theme-surface));
25001
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25002
+ }
25003
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
25004
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25005
+ }
25006
+ .v-app-bar:not(.v-toolbar--absolute) {
25007
+ padding-inline-end: var(--v-scrollbar-offset);
25008
+ }.v-color-picker-canvas {
25009
+ display: flex;
25010
+ position: relative;
25011
+ overflow: hidden;
25012
+ contain: content;
25013
+ touch-action: none;
25014
+ }
25015
+ .v-color-picker-canvas__dot {
25016
+ position: absolute;
25017
+ top: 0;
25018
+ left: 0;
25019
+ width: 15px;
25020
+ height: 15px;
25021
+ background: transparent;
25022
+ border-radius: 50%;
25023
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25024
+ }
25025
+ .v-color-picker-canvas__dot--disabled {
25026
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25027
+ }
25028
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25029
+ will-change: transform;
24985
25030
  }.v-color-picker-edit {
24986
25031
  display: flex;
24987
25032
  margin-top: 24px;
@@ -25010,41 +25055,6 @@ html.v-overlay-scroll-blocked {
25010
25055
  }
25011
25056
  .v-color-picker-edit__input span {
25012
25057
  font-size: 0.75rem;
25013
- }.v-color-picker-swatches {
25014
- overflow-y: auto;
25015
- }
25016
- .v-color-picker-swatches > div {
25017
- display: flex;
25018
- flex-wrap: wrap;
25019
- justify-content: center;
25020
- padding: 8px;
25021
- }
25022
-
25023
- .v-color-picker-swatches__swatch {
25024
- display: flex;
25025
- flex-direction: column;
25026
- margin-bottom: 10px;
25027
- }
25028
-
25029
- .v-color-picker-swatches__color {
25030
- position: relative;
25031
- height: 18px;
25032
- max-height: 18px;
25033
- width: 45px;
25034
- margin: 2px 4px;
25035
- border-radius: 2px;
25036
- -webkit-user-select: none;
25037
- user-select: none;
25038
- overflow: hidden;
25039
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25040
- cursor: pointer;
25041
- }
25042
- .v-color-picker-swatches__color > div {
25043
- display: flex;
25044
- align-items: center;
25045
- justify-content: center;
25046
- width: 100%;
25047
- height: 100%;
25048
25058
  }.v-color-picker-preview__alpha .v-slider-track__background {
25049
25059
  background-color: transparent !important;
25050
25060
  }
@@ -25114,28 +25124,41 @@ html.v-overlay-scroll-blocked {
25114
25124
  .v-color-picker-preview__eye-dropper {
25115
25125
  position: relative;
25116
25126
  margin-right: 12px;
25117
- }.v-color-picker-canvas {
25127
+ }.v-color-picker-swatches {
25128
+ overflow-y: auto;
25129
+ }
25130
+ .v-color-picker-swatches > div {
25118
25131
  display: flex;
25119
- position: relative;
25120
- overflow: hidden;
25121
- contain: content;
25122
- touch-action: none;
25132
+ flex-wrap: wrap;
25133
+ justify-content: center;
25134
+ padding: 8px;
25123
25135
  }
25124
- .v-color-picker-canvas__dot {
25125
- position: absolute;
25126
- top: 0;
25127
- left: 0;
25128
- width: 15px;
25129
- height: 15px;
25130
- background: transparent;
25131
- border-radius: 50%;
25132
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25136
+
25137
+ .v-color-picker-swatches__swatch {
25138
+ display: flex;
25139
+ flex-direction: column;
25140
+ margin-bottom: 10px;
25133
25141
  }
25134
- .v-color-picker-canvas__dot--disabled {
25135
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25142
+
25143
+ .v-color-picker-swatches__color {
25144
+ position: relative;
25145
+ height: 18px;
25146
+ max-height: 18px;
25147
+ width: 45px;
25148
+ margin: 2px 4px;
25149
+ border-radius: 2px;
25150
+ -webkit-user-select: none;
25151
+ user-select: none;
25152
+ overflow: hidden;
25153
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25154
+ cursor: pointer;
25136
25155
  }
25137
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25138
- will-change: transform;
25156
+ .v-color-picker-swatches__color > div {
25157
+ display: flex;
25158
+ align-items: center;
25159
+ justify-content: center;
25160
+ width: 100%;
25161
+ height: 100%;
25139
25162
  }.v-slider-thumb {
25140
25163
  touch-action: none;
25141
25164
  color: rgb(var(--v-theme-surface-variant));