@vuetify/nightly 3.2.0-dev-20230309.0 → 3.2.0-dev-20230322.0

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 (256) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/json/attributes.json +210 -30
  3. package/dist/json/importMap.json +4 -4
  4. package/dist/json/tags.json +47 -2
  5. package/dist/json/web-types.json +529 -63
  6. package/dist/vuetify-labs.css +1186 -1146
  7. package/dist/vuetify-labs.d.ts +56928 -14280
  8. package/dist/vuetify-labs.esm.js +557 -363
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +557 -363
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +204 -179
  13. package/dist/vuetify.d.ts +55330 -15866
  14. package/dist/vuetify.esm.js +400 -306
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +400 -306
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +668 -667
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.ts +6 -9
  22. package/lib/blueprints/md1.d.ts +6 -9
  23. package/lib/blueprints/md2.d.ts +6 -9
  24. package/lib/blueprints/md3.d.ts +6 -9
  25. package/lib/blueprints/md3.mjs +6 -0
  26. package/lib/blueprints/md3.mjs.map +1 -1
  27. package/lib/components/VAlert/VAlert.mjs +29 -15
  28. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  29. package/lib/components/VAlert/index.d.ts +510 -82
  30. package/lib/components/VApp/VApp.css +1 -0
  31. package/lib/components/VApp/VApp.sass +1 -0
  32. package/lib/components/VApp/index.d.ts +158 -20
  33. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  34. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  35. package/lib/components/VAppBar/index.d.ts +616 -110
  36. package/lib/components/VAutocomplete/VAutocomplete.mjs +13 -7
  37. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  38. package/lib/components/VAutocomplete/index.d.ts +1656 -130
  39. package/lib/components/VAvatar/index.d.ts +205 -29
  40. package/lib/components/VBadge/index.d.ts +284 -42
  41. package/lib/components/VBanner/VBanner.mjs +19 -12
  42. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  43. package/lib/components/VBanner/index.d.ts +478 -84
  44. package/lib/components/VBottomNavigation/index.d.ts +321 -40
  45. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +11 -7
  46. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  47. package/lib/components/VBreadcrumbs/index.d.ts +325 -45
  48. package/lib/components/VBtn/VBtn.css +0 -5
  49. package/lib/components/VBtn/VBtn.mjs +65 -58
  50. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  51. package/lib/components/VBtn/VBtn.sass +0 -7
  52. package/lib/components/VBtn/_variables.scss +0 -2
  53. package/lib/components/VBtn/index.d.ts +452 -69
  54. package/lib/components/VBtnGroup/VBtnGroup.mjs +1 -7
  55. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  56. package/lib/components/VBtnGroup/index.d.ts +185 -26
  57. package/lib/components/VBtnToggle/VBtnToggle.mjs +2 -2
  58. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  59. package/lib/components/VBtnToggle/index.d.ts +245 -35
  60. package/lib/components/VCard/VCard.mjs +10 -6
  61. package/lib/components/VCard/VCard.mjs.map +1 -1
  62. package/lib/components/VCard/VCardItem.mjs +27 -23
  63. package/lib/components/VCard/VCardItem.mjs.map +1 -1
  64. package/lib/components/VCard/index.d.ts +938 -172
  65. package/lib/components/VCarousel/index.d.ts +561 -123
  66. package/lib/components/VCheckbox/VCheckbox.mjs +2 -2
  67. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  68. package/lib/components/VCheckbox/VCheckboxBtn.mjs +1 -4
  69. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  70. package/lib/components/VCheckbox/index.d.ts +831 -147
  71. package/lib/components/VChip/VChip.css +110 -90
  72. package/lib/components/VChip/VChip.mjs +70 -48
  73. package/lib/components/VChip/VChip.mjs.map +1 -1
  74. package/lib/components/VChip/_mixins.scss +27 -23
  75. package/lib/components/VChip/index.d.ts +474 -76
  76. package/lib/components/VChipGroup/index.d.ts +227 -32
  77. package/lib/components/VCode/index.d.ts +109 -16
  78. package/lib/components/VColorPicker/index.d.ts +284 -20
  79. package/lib/components/VCombobox/VCombobox.mjs +13 -7
  80. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  81. package/lib/components/VCombobox/index.d.ts +1668 -130
  82. package/lib/components/VCounter/index.d.ts +1894 -87
  83. package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs +4 -1
  84. package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs.map +1 -1
  85. package/lib/components/VDefaultsProvider/index.d.ts +133 -21
  86. package/lib/components/VDialog/VDialog.css +31 -24
  87. package/lib/components/VDialog/VDialog.mjs +2 -2
  88. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  89. package/lib/components/VDialog/VDialog.sass +19 -12
  90. package/lib/components/VDialog/index.d.ts +2362 -146
  91. package/lib/components/VDivider/index.d.ts +130 -23
  92. package/lib/components/VExpansionPanel/index.d.ts +719 -119
  93. package/lib/components/VField/index.d.ts +163 -21
  94. package/lib/components/VFileInput/index.d.ts +1038 -104
  95. package/lib/components/VFooter/VFooter.css +2 -0
  96. package/lib/components/VFooter/VFooter.sass +2 -0
  97. package/lib/components/VFooter/_variables.scss +2 -0
  98. package/lib/components/VFooter/index.d.ts +203 -28
  99. package/lib/components/VForm/index.d.ts +204 -23
  100. package/lib/components/VGrid/VCol.mjs +6 -5
  101. package/lib/components/VGrid/VCol.mjs.map +1 -1
  102. package/lib/components/VGrid/VRow.mjs +4 -4
  103. package/lib/components/VGrid/VRow.mjs.map +1 -1
  104. package/lib/components/VGrid/index.d.ts +733 -76
  105. package/lib/components/VHover/index.d.ts +182 -35
  106. package/lib/components/VIcon/index.d.ts +494 -50
  107. package/lib/components/VImg/VImg.mjs +2 -2
  108. package/lib/components/VImg/VImg.mjs.map +1 -1
  109. package/lib/components/VImg/index.d.ts +275 -46
  110. package/lib/components/VInput/index.d.ts +315 -53
  111. package/lib/components/VItemGroup/index.d.ts +308 -52
  112. package/lib/components/VKbd/VKbd.css +1 -0
  113. package/lib/components/VKbd/VKbd.sass +1 -0
  114. package/lib/components/VKbd/_variables.scss +1 -0
  115. package/lib/components/VKbd/index.d.ts +109 -16
  116. package/lib/components/VLabel/index.d.ts +113 -20
  117. package/lib/components/VLayout/index.d.ts +296 -41
  118. package/lib/components/VLazy/VLazy.mjs +4 -1
  119. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  120. package/lib/components/VLazy/index.d.ts +219 -30
  121. package/lib/components/VList/VListChildren.mjs +2 -2
  122. package/lib/components/VList/VListChildren.mjs.map +1 -1
  123. package/lib/components/VList/VListGroup.mjs +1 -4
  124. package/lib/components/VList/VListGroup.mjs.map +1 -1
  125. package/lib/components/VList/VListItem.mjs +23 -19
  126. package/lib/components/VList/VListItem.mjs.map +1 -1
  127. package/lib/components/VList/index.d.ts +1461 -223
  128. package/lib/components/VLocaleProvider/index.d.ts +121 -20
  129. package/lib/components/VMain/index.d.ts +118 -17
  130. package/lib/components/VMenu/VMenu.css +4 -4
  131. package/lib/components/VMenu/VMenu.mjs +2 -2
  132. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  133. package/lib/components/VMenu/VMenu.sass +1 -1
  134. package/lib/components/VMenu/index.d.ts +2368 -142
  135. package/lib/components/VMessages/index.d.ts +1921 -98
  136. package/lib/components/VNavigationDrawer/index.d.ts +379 -56
  137. package/lib/components/VOverlay/VOverlay.css +2 -2
  138. package/lib/components/VOverlay/VOverlay.mjs +1 -4
  139. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  140. package/lib/components/VOverlay/VOverlay.sass +1 -1
  141. package/lib/components/VOverlay/_variables.scss +1 -1
  142. package/lib/components/VOverlay/index.d.ts +519 -85
  143. package/lib/components/VPagination/index.d.ts +502 -68
  144. package/lib/components/VParallax/VParallax.mjs +3 -3
  145. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  146. package/lib/components/VParallax/index.d.ts +141 -28
  147. package/lib/components/VProgressCircular/index.d.ts +186 -25
  148. package/lib/components/VProgressLinear/index.d.ts +319 -48
  149. package/lib/components/VRadio/index.d.ts +313 -57
  150. package/lib/components/VRadioGroup/VRadioGroup.mjs +4 -6
  151. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  152. package/lib/components/VRadioGroup/index.d.ts +463 -83
  153. package/lib/components/VRangeSlider/index.d.ts +528 -80
  154. package/lib/components/VRating/VRating.mjs.map +1 -1
  155. package/lib/components/VRating/index.d.ts +305 -43
  156. package/lib/components/VResponsive/index.d.ts +142 -27
  157. package/lib/components/VSelect/VSelect.mjs +13 -7
  158. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  159. package/lib/components/VSelect/index.d.ts +3060 -328
  160. package/lib/components/VSelectionControl/VSelectionControl.mjs +1 -4
  161. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  162. package/lib/components/VSelectionControl/index.d.ts +76 -4
  163. package/lib/components/VSelectionControlGroup/index.d.ts +242 -38
  164. package/lib/components/VSheet/VSheet.mjs +1 -7
  165. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  166. package/lib/components/VSheet/index.d.ts +194 -31
  167. package/lib/components/VSlideGroup/index.d.ts +475 -83
  168. package/lib/components/VSlider/VSliderTrack.mjs +1 -0
  169. package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
  170. package/lib/components/VSlider/index.d.ts +521 -79
  171. package/lib/components/VSlider/slider.mjs +5 -6
  172. package/lib/components/VSlider/slider.mjs.map +1 -1
  173. package/lib/components/VSnackbar/VSnackbar.css +2 -7
  174. package/lib/components/VSnackbar/VSnackbar.mjs +4 -3
  175. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  176. package/lib/components/VSnackbar/VSnackbar.sass +3 -8
  177. package/lib/components/VSnackbar/index.d.ts +1219 -81
  178. package/lib/components/VSwitch/VSwitch.mjs +2 -2
  179. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  180. package/lib/components/VSwitch/index.d.ts +498 -92
  181. package/lib/components/VSystemBar/index.d.ts +184 -27
  182. package/lib/components/VTable/index.d.ts +190 -35
  183. package/lib/components/VTabs/VTab.mjs +7 -23
  184. package/lib/components/VTabs/VTab.mjs.map +1 -1
  185. package/lib/components/VTabs/index.d.ts +623 -71
  186. package/lib/components/VTextField/VTextField.mjs +8 -5
  187. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  188. package/lib/components/VTextField/index.d.ts +1404 -106
  189. package/lib/components/VTextarea/VTextarea.mjs +7 -1
  190. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  191. package/lib/components/VTextarea/index.d.ts +1014 -102
  192. package/lib/components/VThemeProvider/index.d.ts +124 -19
  193. package/lib/components/VTimeline/VTimelineDivider.mjs +18 -10
  194. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  195. package/lib/components/VTimeline/index.d.ts +441 -71
  196. package/lib/components/VToolbar/VToolbar.mjs +10 -9
  197. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  198. package/lib/components/VToolbar/index.d.ts +542 -93
  199. package/lib/components/VTooltip/VTooltip.css +3 -3
  200. package/lib/components/VTooltip/VTooltip.mjs +2 -2
  201. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  202. package/lib/components/VTooltip/VTooltip.sass +1 -1
  203. package/lib/components/VTooltip/index.d.ts +1276 -82
  204. package/lib/components/VValidation/index.d.ts +201 -30
  205. package/lib/components/VWindow/index.d.ts +527 -95
  206. package/lib/components/index.d.ts +55255 -15788
  207. package/lib/components/transitions/index.d.ts +2097 -308
  208. package/lib/composables/defaults.mjs +2 -0
  209. package/lib/composables/defaults.mjs.map +1 -1
  210. package/lib/composables/display.mjs +2 -0
  211. package/lib/composables/display.mjs.map +1 -1
  212. package/lib/composables/form.mjs.map +1 -1
  213. package/lib/entry-bundler.mjs +1 -1
  214. package/lib/framework.mjs +1 -1
  215. package/lib/index.d.ts +7 -10
  216. package/lib/labs/VDataTable/VDataTable.css +15 -0
  217. package/lib/labs/VDataTable/VDataTable.mjs +41 -17
  218. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  219. package/lib/labs/VDataTable/VDataTable.sass +9 -0
  220. package/lib/labs/VDataTable/VDataTableFooter.mjs +3 -2
  221. package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
  222. package/lib/labs/VDataTable/VDataTableRow.mjs +8 -2
  223. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  224. package/lib/labs/VDataTable/VDataTableRows.mjs +2 -1
  225. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  226. package/lib/labs/VDataTable/VDataTableServer.mjs +39 -17
  227. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  228. package/lib/labs/VDataTable/VDataTableVirtual.mjs +23 -12
  229. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  230. package/lib/labs/VDataTable/composables/expand.mjs +1 -1
  231. package/lib/labs/VDataTable/composables/expand.mjs.map +1 -1
  232. package/lib/labs/VDataTable/composables/group.mjs +12 -1
  233. package/lib/labs/VDataTable/composables/group.mjs.map +1 -1
  234. package/lib/labs/VDataTable/composables/options.mjs +0 -12
  235. package/lib/labs/VDataTable/composables/options.mjs.map +1 -1
  236. package/lib/labs/VDataTable/composables/paginate.mjs +25 -4
  237. package/lib/labs/VDataTable/composables/paginate.mjs.map +1 -1
  238. package/lib/labs/VDataTable/composables/select.mjs +1 -1
  239. package/lib/labs/VDataTable/composables/select.mjs.map +1 -1
  240. package/lib/labs/VDataTable/composables/sort.mjs +19 -3
  241. package/lib/labs/VDataTable/composables/sort.mjs.map +1 -1
  242. package/lib/labs/VDataTable/index.d.ts +4179 -1017
  243. package/lib/labs/VVirtualScroll/index.d.ts +32 -1
  244. package/lib/labs/components.d.ts +4214 -1026
  245. package/lib/locale/adapters/vue-i18n.d.ts +1 -1
  246. package/lib/locale/adapters/vue-i18n.mjs +1 -1
  247. package/lib/locale/adapters/vue-i18n.mjs.map +1 -1
  248. package/lib/styles/main.css +4 -0
  249. package/lib/styles/settings/_utilities.scss +7 -0
  250. package/lib/util/animation.mjs +8 -1
  251. package/lib/util/animation.mjs.map +1 -1
  252. package/lib/util/defineComponent.mjs +15 -7
  253. package/lib/util/defineComponent.mjs.map +1 -1
  254. package/lib/util/helpers.mjs +4 -0
  255. package/lib/util/helpers.mjs.map +1 -1
  256. package/package.json +5 -10
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.2.0-dev-20230309.0
2
+ * Vuetify v3.2.0-dev-20230322.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -6644,6 +6644,10 @@ html.overflow-y-hidden {
6644
6644
  height: 100% !important;
6645
6645
  }
6646
6646
 
6647
+ .h-screen {
6648
+ height: 100dvh !important;
6649
+ }
6650
+
6647
6651
  .w-auto {
6648
6652
  width: auto !important;
6649
6653
  }
@@ -15793,6 +15797,7 @@ html.overflow-y-hidden {
15793
15797
  background: rgb(var(--v-theme-kbd));
15794
15798
  color: rgb(var(--v-theme-on-kbd));
15795
15799
  border-radius: 3px;
15800
+ display: inline;
15796
15801
  font-size: 85%;
15797
15802
  font-weight: normal;
15798
15803
  padding: 0.2em 0.4rem;
@@ -15810,6 +15815,9 @@ html.overflow-y-hidden {
15810
15815
  .v-data-table__tr--focus {
15811
15816
  border: 1px dotted black;
15812
15817
  }
15818
+ .v-data-table__tr--clickable {
15819
+ cursor: pointer;
15820
+ }
15813
15821
 
15814
15822
  .v-data-table .v-table__wrapper > table > thead > tr > td,
15815
15823
  .v-data-table .v-table__wrapper > table > thead > tr th,
@@ -15829,6 +15837,18 @@ html.overflow-y-hidden {
15829
15837
  .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
15830
15838
  flex-direction: row-reverse;
15831
15839
  }
15840
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
15841
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
15842
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
15843
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
15844
+ text-align: center;
15845
+ }
15846
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
15847
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
15848
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
15849
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
15850
+ justify-content: center;
15851
+ }
15832
15852
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
15833
15853
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
15834
15854
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
@@ -15968,6 +15988,7 @@ html.overflow-y-hidden {
15968
15988
  flex: 1 1 auto;
15969
15989
  max-width: 100%;
15970
15990
  min-height: 100vh;
15991
+ min-height: 100dvh;
15971
15992
  position: relative;
15972
15993
  }.v-app-bar {
15973
15994
  display: flex;
@@ -16361,76 +16382,6 @@ html.overflow-y-hidden {
16361
16382
  .v-avatar .v-img {
16362
16383
  height: 100%;
16363
16384
  width: 100%;
16364
- }.v-badge {
16365
- display: inline-block;
16366
- line-height: 1;
16367
- }
16368
-
16369
- .v-badge__badge {
16370
- align-items: center;
16371
- border-radius: 10px;
16372
- font-size: 0.75rem;
16373
- font-weight: 500;
16374
- height: 1.25rem;
16375
- justify-content: center;
16376
- min-width: 20px;
16377
- padding: 4px 6px;
16378
- pointer-events: auto;
16379
- position: absolute;
16380
- text-align: center;
16381
- text-indent: 0;
16382
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
16383
- white-space: nowrap;
16384
- background: rgb(var(--v-theme-surface-variant));
16385
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
16386
- }
16387
- .v-badge--bordered .v-badge__badge::after {
16388
- border-radius: inherit;
16389
- border-style: solid;
16390
- border-width: 2px;
16391
- bottom: 0;
16392
- color: rgb(var(--v-theme-background));
16393
- content: "";
16394
- left: 0;
16395
- position: absolute;
16396
- right: 0;
16397
- top: 0;
16398
- transform: scale(1.2);
16399
- }
16400
- .v-badge--dot .v-badge__badge {
16401
- border-radius: 4.5px;
16402
- height: 9px;
16403
- min-width: 0;
16404
- padding: 0;
16405
- width: 9px;
16406
- }
16407
- .v-badge--dot .v-badge__badge::after {
16408
- border-width: 1.5px;
16409
- }
16410
- .v-badge--inline .v-badge__badge {
16411
- position: relative;
16412
- vertical-align: middle;
16413
- }
16414
- .v-badge__badge .v-icon {
16415
- color: inherit;
16416
- font-size: 0.75rem;
16417
- margin: 0 -2px;
16418
- }
16419
- .v-badge__badge img,
16420
- .v-badge__badge .v-img {
16421
- height: 100%;
16422
- width: 100%;
16423
- }
16424
-
16425
- .v-badge__wrapper {
16426
- display: flex;
16427
- position: relative;
16428
- }
16429
- .v-badge--inline .v-badge__wrapper {
16430
- align-items: center;
16431
- display: inline-flex;
16432
- justify-content: center;
16433
- margin: 0 4px;
16434
16385
  }.v-banner {
16435
16386
  display: grid;
16436
16387
  flex: 1 1;
@@ -16587,6 +16538,130 @@ html.overflow-y-hidden {
16587
16538
  }
16588
16539
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
16589
16540
  align-self: flex-start;
16541
+ }.v-badge {
16542
+ display: inline-block;
16543
+ line-height: 1;
16544
+ }
16545
+
16546
+ .v-badge__badge {
16547
+ align-items: center;
16548
+ border-radius: 10px;
16549
+ font-size: 0.75rem;
16550
+ font-weight: 500;
16551
+ height: 1.25rem;
16552
+ justify-content: center;
16553
+ min-width: 20px;
16554
+ padding: 4px 6px;
16555
+ pointer-events: auto;
16556
+ position: absolute;
16557
+ text-align: center;
16558
+ text-indent: 0;
16559
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
16560
+ white-space: nowrap;
16561
+ background: rgb(var(--v-theme-surface-variant));
16562
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
16563
+ }
16564
+ .v-badge--bordered .v-badge__badge::after {
16565
+ border-radius: inherit;
16566
+ border-style: solid;
16567
+ border-width: 2px;
16568
+ bottom: 0;
16569
+ color: rgb(var(--v-theme-background));
16570
+ content: "";
16571
+ left: 0;
16572
+ position: absolute;
16573
+ right: 0;
16574
+ top: 0;
16575
+ transform: scale(1.2);
16576
+ }
16577
+ .v-badge--dot .v-badge__badge {
16578
+ border-radius: 4.5px;
16579
+ height: 9px;
16580
+ min-width: 0;
16581
+ padding: 0;
16582
+ width: 9px;
16583
+ }
16584
+ .v-badge--dot .v-badge__badge::after {
16585
+ border-width: 1.5px;
16586
+ }
16587
+ .v-badge--inline .v-badge__badge {
16588
+ position: relative;
16589
+ vertical-align: middle;
16590
+ }
16591
+ .v-badge__badge .v-icon {
16592
+ color: inherit;
16593
+ font-size: 0.75rem;
16594
+ margin: 0 -2px;
16595
+ }
16596
+ .v-badge__badge img,
16597
+ .v-badge__badge .v-img {
16598
+ height: 100%;
16599
+ width: 100%;
16600
+ }
16601
+
16602
+ .v-badge__wrapper {
16603
+ display: flex;
16604
+ position: relative;
16605
+ }
16606
+ .v-badge--inline .v-badge__wrapper {
16607
+ align-items: center;
16608
+ display: inline-flex;
16609
+ justify-content: center;
16610
+ margin: 0 4px;
16611
+ }.v-bottom-navigation {
16612
+ display: flex;
16613
+ max-width: 100%;
16614
+ overflow: hidden;
16615
+ position: absolute;
16616
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16617
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16618
+ border-style: solid;
16619
+ border-width: 0;
16620
+ border-radius: 0;
16621
+ background: rgb(var(--v-theme-surface));
16622
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16623
+ }
16624
+ .v-bottom-navigation--border {
16625
+ border-width: thin;
16626
+ box-shadow: none;
16627
+ }
16628
+ .v-bottom-navigation--active {
16629
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16630
+ }
16631
+
16632
+ .v-bottom-navigation__content {
16633
+ display: flex;
16634
+ flex: none;
16635
+ font-size: 0.75rem;
16636
+ justify-content: center;
16637
+ transition: inherit;
16638
+ width: 100%;
16639
+ }
16640
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
16641
+ font-size: inherit;
16642
+ height: 100%;
16643
+ max-width: 168px;
16644
+ min-width: 80px;
16645
+ text-transform: none;
16646
+ transition: inherit;
16647
+ width: auto;
16648
+ border-radius: 0;
16649
+ }
16650
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
16651
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16652
+ transition: inherit;
16653
+ }
16654
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16655
+ font-size: 1.5rem;
16656
+ }
16657
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
16658
+ flex-grow: 1;
16659
+ }
16660
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
16661
+ opacity: 0;
16662
+ }
16663
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16664
+ transform: translateY(0.5rem);
16590
16665
  }.v-breadcrumbs {
16591
16666
  display: flex;
16592
16667
  align-items: center;
@@ -16642,145 +16717,150 @@ html.overflow-y-hidden {
16642
16717
  padding: 0 8px;
16643
16718
  vertical-align: middle;
16644
16719
  }/** if false, disabled buttons will be greyed out */
16645
- .v-btn-group {
16646
- display: inline-flex;
16647
- flex-wrap: nowrap;
16720
+ .v-btn {
16721
+ align-items: center;
16722
+ border-radius: 4px;
16723
+ display: inline-grid;
16724
+ grid-template-areas: "prepend content append";
16725
+ grid-template-columns: max-content auto max-content;
16726
+ font-weight: 500;
16727
+ justify-content: center;
16728
+ letter-spacing: 0.0892857143em;
16729
+ line-height: normal;
16648
16730
  max-width: 100%;
16649
- min-width: 0;
16650
- overflow: hidden;
16731
+ outline: none;
16732
+ position: relative;
16733
+ text-decoration: none;
16734
+ text-indent: 0.0892857143em;
16735
+ text-transform: uppercase;
16736
+ transition-property: box-shadow, transform, opacity, background;
16737
+ transition-duration: 0.28s;
16738
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16739
+ -webkit-user-select: none;
16740
+ user-select: none;
16651
16741
  vertical-align: middle;
16742
+ flex-shrink: 0;
16652
16743
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16653
16744
  border-style: solid;
16654
16745
  border-width: 0;
16655
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16656
- border-radius: 4px;
16657
- background: transparent;
16658
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16659
- }
16660
- .v-btn-group--border {
16661
- border-width: thin;
16662
- box-shadow: none;
16663
16746
  }
16664
- .v-btn-group--density-default.v-btn-group {
16665
- height: 48px;
16747
+ .v-btn--size-x-small {
16748
+ --v-btn-size: 0.625rem;
16749
+ --v-btn-height: 20px;
16750
+ font-size: 0.625rem;
16751
+ min-width: 36px;
16752
+ padding: 0 8px;
16666
16753
  }
16667
16754
 
16668
- .v-btn-group--density-comfortable.v-btn-group {
16669
- height: 40px;
16755
+ .v-btn--size-small {
16756
+ --v-btn-size: 0.75rem;
16757
+ --v-btn-height: 28px;
16758
+ font-size: 0.75rem;
16759
+ min-width: 50px;
16760
+ padding: 0 12px;
16670
16761
  }
16671
16762
 
16672
- .v-btn-group--density-compact.v-btn-group {
16673
- height: 36px;
16674
- }
16675
-
16676
- .v-btn-group .v-btn {
16677
- border-radius: 0;
16678
- border-color: inherit;
16679
- }
16680
- .v-btn-group .v-btn:not(:last-child) {
16681
- border-inline-end: none;
16763
+ .v-btn--size-default {
16764
+ --v-btn-size: 0.875rem;
16765
+ --v-btn-height: 36px;
16766
+ font-size: 0.875rem;
16767
+ min-width: 64px;
16768
+ padding: 0 16px;
16682
16769
  }
16683
- .v-btn-group .v-btn:not(:first-child) {
16684
- border-inline-start: none;
16770
+
16771
+ .v-btn--size-large {
16772
+ --v-btn-size: 1rem;
16773
+ --v-btn-height: 44px;
16774
+ font-size: 1rem;
16775
+ min-width: 78px;
16776
+ padding: 0 20px;
16685
16777
  }
16686
- .v-btn-group .v-btn:first-child {
16687
- border-start-start-radius: inherit;
16688
- border-end-start-radius: inherit;
16778
+
16779
+ .v-btn--size-x-large {
16780
+ --v-btn-size: 1.125rem;
16781
+ --v-btn-height: 52px;
16782
+ font-size: 1.125rem;
16783
+ min-width: 92px;
16784
+ padding: 0 24px;
16689
16785
  }
16690
- .v-btn-group .v-btn:last-child {
16691
- border-start-end-radius: inherit;
16692
- border-end-end-radius: inherit;
16786
+
16787
+ .v-btn.v-btn--density-default {
16788
+ height: calc(var(--v-btn-height) + 0px);
16693
16789
  }
16694
- .v-btn-group--divided .v-btn:not(:last-child) {
16695
- border-inline-end-width: thin;
16696
- border-inline-end-style: solid;
16697
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16790
+
16791
+ .v-btn.v-btn--density-comfortable {
16792
+ height: calc(var(--v-btn-height) + -8px);
16698
16793
  }
16699
- .v-btn-group--tile {
16700
- border-radius: 0;
16701
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
16702
- opacity: var(--v-activated-opacity);
16703
- }.v-card {
16704
- display: block;
16705
- overflow: hidden;
16706
- overflow-wrap: break-word;
16707
- position: relative;
16708
- padding: 0;
16709
- text-decoration: none;
16710
- transition-duration: 0.28s;
16711
- transition-property: box-shadow, opacity, background;
16712
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16713
- z-index: 0;
16714
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16715
- border-style: solid;
16716
- border-width: 0;
16717
- border-radius: 4px;
16794
+
16795
+ .v-btn.v-btn--density-compact {
16796
+ height: calc(var(--v-btn-height) + -12px);
16718
16797
  }
16719
- .v-card--border {
16798
+
16799
+ .v-btn--border {
16720
16800
  border-width: thin;
16721
16801
  box-shadow: none;
16722
16802
  }
16723
- .v-card--absolute {
16803
+ .v-btn--absolute {
16724
16804
  position: absolute;
16725
16805
  }
16726
- .v-card--fixed {
16806
+ .v-btn--fixed {
16727
16807
  position: fixed;
16728
16808
  }
16729
- .v-card:hover > .v-card__overlay {
16809
+ .v-btn:hover > .v-btn__overlay {
16730
16810
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
16731
16811
  }
16732
- .v-card:focus-visible > .v-card__overlay {
16812
+ .v-btn:focus-visible > .v-btn__overlay {
16733
16813
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16734
16814
  }
16735
16815
  @supports not selector(:focus-visible) {
16736
- .v-card:focus > .v-card__overlay {
16816
+ .v-btn:focus > .v-btn__overlay {
16737
16817
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16738
16818
  }
16739
16819
  }
16740
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
16820
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
16741
16821
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
16742
16822
  }
16743
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
16823
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
16744
16824
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
16745
16825
  }
16746
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
16826
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
16747
16827
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
16748
16828
  }
16749
16829
  @supports not selector(:focus-visible) {
16750
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
16830
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
16751
16831
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
16752
16832
  }
16753
16833
  }
16754
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
16834
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
16755
16835
  background: transparent;
16756
16836
  color: inherit;
16757
16837
  }
16758
- .v-card--variant-plain {
16838
+ .v-btn--variant-plain {
16759
16839
  opacity: 0.62;
16760
16840
  }
16761
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
16841
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
16762
16842
  opacity: 1;
16763
16843
  }
16764
- .v-card--variant-plain .v-card__overlay {
16844
+ .v-btn--variant-plain .v-btn__overlay {
16765
16845
  display: none;
16766
16846
  }
16767
- .v-card--variant-elevated, .v-card--variant-flat {
16847
+ .v-btn--variant-elevated, .v-btn--variant-flat {
16768
16848
  background: rgb(var(--v-theme-surface));
16769
16849
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16770
16850
  }
16771
- .v-card--variant-elevated {
16772
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16851
+ .v-btn--variant-elevated {
16852
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16773
16853
  }
16774
- .v-card--variant-flat {
16854
+ .v-btn--variant-flat {
16775
16855
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16776
16856
  }
16777
- .v-card--variant-outlined {
16857
+ .v-btn--variant-outlined {
16778
16858
  border: thin solid currentColor;
16779
16859
  }
16780
- .v-card--variant-text .v-card__overlay {
16860
+ .v-btn--variant-text .v-btn__overlay {
16781
16861
  background: currentColor;
16782
16862
  }
16783
- .v-card--variant-tonal .v-card__underlay {
16863
+ .v-btn--variant-tonal .v-btn__underlay {
16784
16864
  background: currentColor;
16785
16865
  opacity: var(--v-activated-opacity);
16786
16866
  border-radius: inherit;
@@ -16791,577 +16871,399 @@ html.overflow-y-hidden {
16791
16871
  left: 0;
16792
16872
  pointer-events: none;
16793
16873
  }
16794
- .v-card--disabled {
16795
- pointer-events: none;
16796
- -webkit-user-select: none;
16797
- user-select: none;
16874
+ @supports selector(:focus-visible) {
16875
+ .v-btn::after {
16876
+ content: "";
16877
+ position: absolute;
16878
+ top: 0;
16879
+ left: 0;
16880
+ width: 100%;
16881
+ height: 100%;
16882
+ pointer-events: none;
16883
+ border: 2px solid currentColor;
16884
+ border-radius: inherit;
16885
+ opacity: 0;
16886
+ transition: opacity 0.2s ease-in-out;
16887
+ }
16888
+ .v-btn:focus-visible::after {
16889
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
16890
+ }
16798
16891
  }
16799
- .v-card--disabled > :not(.v-card__loader) {
16800
- opacity: 0.6;
16892
+ .v-btn--icon {
16893
+ border-radius: 50%;
16894
+ min-width: 0;
16895
+ padding: 0;
16801
16896
  }
16802
- .v-card--flat {
16897
+ .v-btn--icon.v-btn--size-default {
16898
+ font-size: 1rem;
16899
+ }
16900
+ .v-btn--icon.v-btn--density-default {
16901
+ width: calc(var(--v-btn-height) + 12px);
16902
+ height: calc(var(--v-btn-height) + 12px);
16903
+ }
16904
+ .v-btn--icon.v-btn--density-comfortable {
16905
+ width: calc(var(--v-btn-height) + 0px);
16906
+ height: calc(var(--v-btn-height) + 0px);
16907
+ }
16908
+ .v-btn--icon.v-btn--density-compact {
16909
+ width: calc(var(--v-btn-height) + -8px);
16910
+ height: calc(var(--v-btn-height) + -8px);
16911
+ }
16912
+
16913
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
16914
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16915
+ }
16916
+ .v-btn--elevated:active {
16917
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16918
+ }
16919
+ .v-btn--flat {
16803
16920
  box-shadow: none;
16804
16921
  }
16805
- .v-card--hover {
16806
- cursor: pointer;
16807
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16922
+ .v-btn--block {
16923
+ display: flex;
16924
+ flex: 1 0 auto;
16925
+ min-width: 100%;
16808
16926
  }
16809
- .v-card--hover::before, .v-card--hover::after {
16810
- border-radius: inherit;
16811
- bottom: 0;
16812
- content: "";
16813
- display: block;
16814
- left: 0;
16927
+ .v-btn--disabled {
16815
16928
  pointer-events: none;
16816
- position: absolute;
16817
- right: 0;
16818
- top: 0;
16819
- transition: inherit;
16929
+ opacity: 0.26;
16820
16930
  }
16821
- .v-card--hover::before {
16931
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
16932
+ box-shadow: none;
16822
16933
  opacity: 1;
16823
- z-index: -1;
16824
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16934
+ color: rgba(var(--v-theme-on-surface), 0.26);
16935
+ background: rgb(var(--v-theme-surface));
16825
16936
  }
16826
- .v-card--hover::after {
16827
- z-index: 1;
16828
- opacity: 0;
16829
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16937
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
16938
+ opacity: 0.4615384615;
16830
16939
  }
16831
- .v-card--hover:hover::after {
16832
- opacity: 1;
16940
+ .v-btn--loading {
16941
+ pointer-events: none;
16833
16942
  }
16834
- .v-card--hover:hover::before {
16943
+ .v-btn--loading .v-btn__content,
16944
+ .v-btn--loading .v-btn__prepend,
16945
+ .v-btn--loading .v-btn__append {
16835
16946
  opacity: 0;
16836
16947
  }
16837
- .v-card--link {
16838
- cursor: pointer;
16948
+ .v-btn--stacked {
16949
+ grid-template-areas: "prepend" "content" "append";
16950
+ grid-template-columns: auto;
16951
+ grid-template-rows: max-content max-content max-content;
16952
+ justify-items: center;
16953
+ align-content: center;
16839
16954
  }
16840
-
16841
- .v-card-actions {
16842
- align-items: center;
16843
- display: flex;
16844
- flex: none;
16845
- min-height: 52px;
16846
- padding: 0.5rem;
16955
+ .v-btn--stacked .v-btn__content {
16956
+ flex-direction: column;
16957
+ line-height: 1.25;
16847
16958
  }
16848
-
16849
- .v-card-item {
16850
- align-items: center;
16851
- display: grid;
16852
- flex: none;
16853
- grid-template-areas: "prepend content append";
16854
- grid-template-columns: max-content auto max-content;
16855
- padding: 0.625rem 1rem;
16959
+ .v-btn--stacked .v-btn__prepend,
16960
+ .v-btn--stacked .v-btn__append,
16961
+ .v-btn--stacked .v-btn__content > .v-icon--start,
16962
+ .v-btn--stacked .v-btn__content > .v-icon--end {
16963
+ margin-inline-start: 0;
16964
+ margin-inline-end: 0;
16856
16965
  }
16857
- .v-card-item + .v-card-text {
16858
- padding-top: 0;
16966
+ .v-btn--stacked .v-btn__prepend,
16967
+ .v-btn--stacked .v-btn__content > .v-icon--start {
16968
+ margin-bottom: 4px;
16859
16969
  }
16860
- .v-card-item__prepend {
16861
- grid-area: prepend;
16862
- padding-inline-end: 1rem;
16970
+ .v-btn--stacked .v-btn__append,
16971
+ .v-btn--stacked .v-btn__content > .v-icon--end {
16972
+ margin-top: 4px;
16863
16973
  }
16864
- .v-card-item__append {
16865
- grid-area: append;
16866
- padding-inline-start: 1rem;
16974
+ .v-btn--stacked.v-btn--size-x-small {
16975
+ --v-btn-size: 0.625rem;
16976
+ --v-btn-height: 56px;
16977
+ font-size: 0.625rem;
16978
+ min-width: 56px;
16979
+ padding: 0 12px;
16867
16980
  }
16868
16981
 
16869
- .v-card-item__content {
16870
- align-self: center;
16871
- grid-area: content;
16872
- overflow: hidden;
16982
+ .v-btn--stacked.v-btn--size-small {
16983
+ --v-btn-size: 0.75rem;
16984
+ --v-btn-height: 64px;
16985
+ font-size: 0.75rem;
16986
+ min-width: 64px;
16987
+ padding: 0 14px;
16873
16988
  }
16874
16989
 
16875
- .v-card-title {
16876
- display: block;
16877
- flex: none;
16878
- font-size: 1.25rem;
16879
- font-weight: 500;
16880
- -webkit-hyphens: auto;
16881
- hyphens: auto;
16882
- letter-spacing: 0.0125em;
16883
- min-width: 0;
16884
- overflow-wrap: normal;
16885
- overflow: hidden;
16886
- padding: 0.5rem 1rem;
16887
- text-overflow: ellipsis;
16888
- text-transform: none;
16889
- white-space: nowrap;
16890
- word-break: normal;
16891
- word-wrap: break-word;
16892
- }
16893
- .v-card .v-card-title {
16894
- line-height: 2rem;
16895
- }
16896
- .v-card--density-comfortable .v-card-title {
16897
- line-height: 1.75rem;
16898
- }
16899
- .v-card--density-compact .v-card-title {
16900
- line-height: 1.55rem;
16901
- }
16902
- .v-card-item .v-card-title {
16903
- padding: 0;
16904
- }
16905
- .v-card-title + .v-card-text,
16906
- .v-card-title + .v-card-actions {
16907
- padding-top: 0;
16990
+ .v-btn--stacked.v-btn--size-default {
16991
+ --v-btn-size: 0.875rem;
16992
+ --v-btn-height: 72px;
16993
+ font-size: 0.875rem;
16994
+ min-width: 72px;
16995
+ padding: 0 16px;
16908
16996
  }
16909
16997
 
16910
- .v-card-subtitle {
16911
- display: block;
16912
- flex: none;
16913
- font-size: 0.875rem;
16914
- font-weight: 400;
16915
- letter-spacing: 0.0178571429em;
16916
- opacity: var(--v-medium-emphasis-opacity);
16917
- overflow: hidden;
16918
- padding: 0 1rem;
16919
- text-overflow: ellipsis;
16920
- text-transform: none;
16921
- white-space: nowrap;
16998
+ .v-btn--stacked.v-btn--size-large {
16999
+ --v-btn-size: 1rem;
17000
+ --v-btn-height: 80px;
17001
+ font-size: 1rem;
17002
+ min-width: 80px;
17003
+ padding: 0 18px;
16922
17004
  }
16923
- .v-card .v-card-subtitle {
16924
- line-height: 1.25rem;
17005
+
17006
+ .v-btn--stacked.v-btn--size-x-large {
17007
+ --v-btn-size: 1.125rem;
17008
+ --v-btn-height: 88px;
17009
+ font-size: 1.125rem;
17010
+ min-width: 88px;
17011
+ padding: 0 20px;
16925
17012
  }
16926
- .v-card--density-comfortable .v-card-subtitle {
16927
- line-height: 1.125rem;
17013
+
17014
+ .v-btn--stacked.v-btn--density-default {
17015
+ height: calc(var(--v-btn-height) + 0px);
16928
17016
  }
16929
- .v-card--density-compact .v-card-subtitle {
16930
- line-height: 1rem;
17017
+
17018
+ .v-btn--stacked.v-btn--density-comfortable {
17019
+ height: calc(var(--v-btn-height) + -16px);
16931
17020
  }
16932
- .v-card-item .v-card-subtitle {
16933
- padding: 0 0 0.25rem;
17021
+
17022
+ .v-btn--stacked.v-btn--density-compact {
17023
+ height: calc(var(--v-btn-height) + -24px);
16934
17024
  }
16935
17025
 
16936
- .v-card-text {
16937
- flex: 1 1 auto;
16938
- font-size: 0.875rem;
16939
- font-weight: 400;
16940
- letter-spacing: 0.0178571429em;
16941
- padding: 1rem;
16942
- text-transform: none;
17026
+ .v-btn--rounded {
17027
+ border-radius: 24px;
16943
17028
  }
16944
- .v-card .v-card-text {
16945
- line-height: 1.25rem;
17029
+ .v-btn .v-icon {
17030
+ --v-icon-size-multiplier: 0.8571428571;
16946
17031
  }
16947
- .v-card--density-comfortable .v-card-text {
16948
- line-height: 1.2rem;
17032
+ .v-btn--icon .v-icon {
17033
+ --v-icon-size-multiplier: 1;
16949
17034
  }
16950
- .v-card--density-compact .v-card-text {
16951
- line-height: 1.15rem;
17035
+ .v-btn--stacked .v-icon {
17036
+ --v-icon-size-multiplier: 1.1428571429;
16952
17037
  }
16953
17038
 
16954
- .v-card__image {
17039
+ .v-btn__loader {
17040
+ align-items: center;
16955
17041
  display: flex;
16956
17042
  height: 100%;
16957
- flex: 1 1 auto;
17043
+ justify-content: center;
16958
17044
  left: 0;
16959
- overflow: hidden;
16960
17045
  position: absolute;
16961
17046
  top: 0;
16962
17047
  width: 100%;
16963
- z-index: -1;
16964
17048
  }
16965
17049
 
16966
- .v-card__content {
16967
- border-radius: inherit;
16968
- overflow: hidden;
16969
- position: relative;
17050
+ .v-btn__content,
17051
+ .v-btn__prepend,
17052
+ .v-btn__append {
17053
+ align-items: center;
17054
+ display: flex;
17055
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16970
17056
  }
16971
17057
 
16972
- .v-card__loader {
16973
- bottom: auto;
16974
- top: 0;
16975
- left: 0;
16976
- position: absolute;
16977
- right: 0;
16978
- width: 100%;
16979
- z-index: 1;
17058
+ .v-btn__prepend {
17059
+ grid-area: prepend;
17060
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17061
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
16980
17062
  }
16981
17063
 
16982
- .v-card__overlay {
16983
- background-color: currentColor;
16984
- border-radius: inherit;
16985
- position: absolute;
16986
- top: 0;
16987
- right: 0;
16988
- bottom: 0;
16989
- left: 0;
16990
- pointer-events: none;
16991
- opacity: 0;
16992
- transition: opacity 0.2s ease-in-out;
16993
- }.v-carousel {
16994
- overflow: hidden;
16995
- position: relative;
16996
- width: 100%;
17064
+ .v-btn__append {
17065
+ grid-area: append;
17066
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17067
+ margin-inline-end: calc(var(--v-btn-height) / -9);
16997
17068
  }
16998
- .v-carousel__controls {
16999
- align-items: center;
17000
- background: rgba(var(--v-theme-surface-variant), 0.3);
17001
- bottom: 0;
17002
- display: flex;
17003
- height: 50px;
17069
+
17070
+ .v-btn__content {
17071
+ grid-area: content;
17004
17072
  justify-content: center;
17005
- list-style-type: none;
17006
- position: absolute;
17007
- width: 100%;
17008
- z-index: 1;
17009
- }
17010
- .v-carousel__controls > .v-item-group {
17011
- flex: 0 1 auto;
17012
- }
17013
- .v-carousel__controls__item {
17014
- margin: 0 8px;
17073
+ white-space: nowrap;
17015
17074
  }
17016
- .v-carousel__controls__item .v-icon {
17017
- opacity: 0.5;
17075
+ .v-btn__content > .v-icon--start {
17076
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17077
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17018
17078
  }
17019
- .v-carousel__controls__item--active .v-icon {
17020
- opacity: 1;
17021
- vertical-align: middle;
17079
+ .v-btn__content > .v-icon--end {
17080
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17081
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17022
17082
  }
17023
- .v-carousel__controls__item:hover {
17024
- background: none;
17083
+ .v-btn--stacked .v-btn__content {
17084
+ white-space: normal;
17025
17085
  }
17026
- .v-carousel__controls__item:hover .v-icon {
17027
- opacity: 0.8;
17086
+
17087
+ .v-btn__overlay {
17088
+ background-color: currentColor;
17089
+ border-radius: inherit;
17090
+ opacity: 0;
17091
+ transition: opacity 0.2s ease-in-out;
17028
17092
  }
17029
17093
 
17030
- .v-carousel__progress {
17031
- margin: 0;
17094
+ .v-btn__overlay,
17095
+ .v-btn__underlay {
17032
17096
  position: absolute;
17033
- bottom: 0;
17097
+ top: 0;
17034
17098
  left: 0;
17035
- right: 0;
17099
+ width: 100%;
17100
+ height: 100%;
17101
+ pointer-events: none;
17036
17102
  }
17037
17103
 
17038
- .v-carousel-item {
17039
- display: block;
17040
- height: inherit;
17041
- text-decoration: none;
17104
+ .v-card-actions .v-btn {
17105
+ padding: 0 8px;
17042
17106
  }
17043
- .v-carousel-item > .v-img {
17044
- height: inherit;
17107
+ .v-card-actions .v-btn ~ .v-btn {
17108
+ margin-inline-start: 0.5rem;
17045
17109
  }
17046
17110
 
17047
- .v-carousel--hide-delimiter-background .v-carousel__controls {
17048
- background: transparent;
17111
+ .v-banner-actions .v-btn {
17112
+ padding: 0 8px;
17049
17113
  }
17050
17114
 
17051
- .v-carousel--vertical-delimiters .v-carousel__controls {
17052
- flex-direction: column;
17053
- height: 100% !important;
17054
- width: 50px;
17055
- }.v-checkbox .v-selection-control {
17056
- min-height: var(--v-input-control-height);
17057
- }.v-chip {
17058
- align-items: center;
17059
- cursor: default;
17115
+ .v-pagination .v-btn {
17116
+ border-radius: 4px;
17117
+ }
17118
+ .v-btn__overlay {
17119
+ transition: none;
17120
+ }
17121
+ .v-pagination__item--is-active .v-btn__overlay {
17122
+ opacity: var(--v-border-opacity);
17123
+ }
17124
+
17125
+ .v-snackbar-actions .v-btn {
17126
+ padding: 0 8px;
17127
+ }/** if false, disabled buttons will be greyed out */
17128
+ .v-btn-group {
17060
17129
  display: inline-flex;
17061
- font-weight: 400;
17130
+ flex-wrap: nowrap;
17062
17131
  max-width: 100%;
17132
+ min-width: 0;
17063
17133
  overflow: hidden;
17064
- position: relative;
17065
- text-decoration: none;
17066
- white-space: nowrap;
17067
17134
  vertical-align: middle;
17068
17135
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17069
17136
  border-style: solid;
17070
17137
  border-width: 0;
17071
- border-radius: 9999px;
17072
- }
17073
- .v-chip.v-chip--size-x-small {
17074
- --v-chip-size: 0.625rem;
17075
- --v-chip-height: 20px;
17076
- font-size: 0.625rem;
17077
- padding: 0 8px;
17078
- }
17079
- .v-chip.v-chip--size-x-small .v-avatar {
17080
- --v-avatar-height: 14px;
17081
- }
17082
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
17083
- --v-avatar-height: 20px;
17084
- }
17085
-
17086
- .v-chip.v-chip--size-x-small .v-chip__filter,
17087
- .v-chip.v-chip--size-x-small .v-chip__prepend,
17088
- .v-chip.v-chip--size-x-small > .v-avatar--start,
17089
- .v-chip.v-chip--size-x-small > .v-icon--start {
17090
- margin-inline-end: 4px;
17091
- }
17092
- .v-chip.v-chip--size-x-small .v-chip__filter,
17093
- .v-chip.v-chip--size-x-small .v-chip__prepend,
17094
- .v-chip.v-chip--size-x-small .v-icon--start {
17095
- margin-inline-start: -4px;
17096
- }
17097
- .v-chip.v-chip--size-x-small .v-avatar--start {
17098
- margin-inline-start: -5.6px;
17099
- }
17100
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
17101
- margin-inline-start: -8px;
17102
- }
17103
-
17104
- .v-chip.v-chip--size-x-small .v-chip__append,
17105
- .v-chip.v-chip--size-x-small .v-chip__close,
17106
- .v-chip.v-chip--size-x-small > .v-avatar--end,
17107
- .v-chip.v-chip--size-x-small > .v-icon--end {
17108
- margin-inline-start: 4px;
17109
- margin-inline-end: -4px;
17110
- }
17111
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
17112
- margin-inline-end: -8px;
17113
- }
17114
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
17115
- margin-inline-start: 8px;
17116
- }
17117
-
17118
- .v-chip.v-chip--size-small {
17119
- --v-chip-size: 0.75rem;
17120
- --v-chip-height: 26px;
17121
- font-size: 0.75rem;
17122
- padding: 0 10px;
17123
- }
17124
- .v-chip.v-chip--size-small .v-avatar {
17125
- --v-avatar-height: 20px;
17126
- }
17127
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
17128
- --v-avatar-height: 26px;
17129
- }
17130
-
17131
- .v-chip.v-chip--size-small .v-chip__filter,
17132
- .v-chip.v-chip--size-small .v-chip__prepend,
17133
- .v-chip.v-chip--size-small > .v-avatar--start,
17134
- .v-chip.v-chip--size-small > .v-icon--start {
17135
- margin-inline-end: 5px;
17136
- }
17137
- .v-chip.v-chip--size-small .v-chip__filter,
17138
- .v-chip.v-chip--size-small .v-chip__prepend,
17139
- .v-chip.v-chip--size-small .v-icon--start {
17140
- margin-inline-start: -5px;
17141
- }
17142
- .v-chip.v-chip--size-small .v-avatar--start {
17143
- margin-inline-start: -7px;
17144
- }
17145
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
17146
- margin-inline-start: -10px;
17147
- }
17148
-
17149
- .v-chip.v-chip--size-small .v-chip__append,
17150
- .v-chip.v-chip--size-small .v-chip__close,
17151
- .v-chip.v-chip--size-small > .v-avatar--end,
17152
- .v-chip.v-chip--size-small > .v-icon--end {
17153
- margin-inline-start: 5px;
17154
- margin-inline-end: -5px;
17155
- }
17156
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
17157
- margin-inline-end: -10px;
17158
- }
17159
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
17160
- margin-inline-start: 10px;
17161
- }
17162
-
17163
- .v-chip.v-chip--size-default {
17164
- --v-chip-size: 0.875rem;
17165
- --v-chip-height: 32px;
17166
- font-size: 0.875rem;
17167
- padding: 0 12px;
17168
- }
17169
- .v-chip.v-chip--size-default .v-avatar {
17170
- --v-avatar-height: 26px;
17171
- }
17172
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
17173
- --v-avatar-height: 32px;
17174
- }
17175
-
17176
- .v-chip.v-chip--size-default .v-chip__filter,
17177
- .v-chip.v-chip--size-default .v-chip__prepend,
17178
- .v-chip.v-chip--size-default > .v-avatar--start,
17179
- .v-chip.v-chip--size-default > .v-icon--start {
17180
- margin-inline-end: 6px;
17181
- }
17182
- .v-chip.v-chip--size-default .v-chip__filter,
17183
- .v-chip.v-chip--size-default .v-chip__prepend,
17184
- .v-chip.v-chip--size-default .v-icon--start {
17185
- margin-inline-start: -6px;
17186
- }
17187
- .v-chip.v-chip--size-default .v-avatar--start {
17188
- margin-inline-start: -8.4px;
17189
- }
17190
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
17191
- margin-inline-start: -12px;
17192
- }
17193
-
17194
- .v-chip.v-chip--size-default .v-chip__append,
17195
- .v-chip.v-chip--size-default .v-chip__close,
17196
- .v-chip.v-chip--size-default > .v-avatar--end,
17197
- .v-chip.v-chip--size-default > .v-icon--end {
17198
- margin-inline-start: 6px;
17199
- margin-inline-end: -6px;
17200
- }
17201
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
17202
- margin-inline-end: -12px;
17203
- }
17204
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
17205
- margin-inline-start: 12px;
17206
- }
17207
-
17208
- .v-chip.v-chip--size-large {
17209
- --v-chip-size: 1rem;
17210
- --v-chip-height: 38px;
17211
- font-size: 1rem;
17212
- padding: 0 14px;
17213
- }
17214
- .v-chip.v-chip--size-large .v-avatar {
17215
- --v-avatar-height: 32px;
17216
- }
17217
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
17218
- --v-avatar-height: 38px;
17219
- }
17220
-
17221
- .v-chip.v-chip--size-large .v-chip__filter,
17222
- .v-chip.v-chip--size-large .v-chip__prepend,
17223
- .v-chip.v-chip--size-large > .v-avatar--start,
17224
- .v-chip.v-chip--size-large > .v-icon--start {
17225
- margin-inline-end: 7px;
17226
- }
17227
- .v-chip.v-chip--size-large .v-chip__filter,
17228
- .v-chip.v-chip--size-large .v-chip__prepend,
17229
- .v-chip.v-chip--size-large .v-icon--start {
17230
- margin-inline-start: -7px;
17138
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17139
+ border-radius: 4px;
17140
+ background: transparent;
17141
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17231
17142
  }
17232
- .v-chip.v-chip--size-large .v-avatar--start {
17233
- margin-inline-start: -9.8px;
17143
+ .v-btn-group--border {
17144
+ border-width: thin;
17145
+ box-shadow: none;
17234
17146
  }
17235
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
17236
- margin-inline-start: -14px;
17147
+ .v-btn-group--density-default.v-btn-group {
17148
+ height: 48px;
17237
17149
  }
17238
17150
 
17239
- .v-chip.v-chip--size-large .v-chip__append,
17240
- .v-chip.v-chip--size-large .v-chip__close,
17241
- .v-chip.v-chip--size-large > .v-avatar--end,
17242
- .v-chip.v-chip--size-large > .v-icon--end {
17243
- margin-inline-start: 7px;
17244
- margin-inline-end: -7px;
17245
- }
17246
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
17247
- margin-inline-end: -14px;
17248
- }
17249
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
17250
- margin-inline-start: 14px;
17151
+ .v-btn-group--density-comfortable.v-btn-group {
17152
+ height: 40px;
17251
17153
  }
17252
17154
 
17253
- .v-chip.v-chip--size-x-large {
17254
- --v-chip-size: 1.125rem;
17255
- --v-chip-height: 44px;
17256
- font-size: 1.125rem;
17257
- padding: 0 17px;
17258
- }
17259
- .v-chip.v-chip--size-x-large .v-avatar {
17260
- --v-avatar-height: 38px;
17261
- }
17262
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
17263
- --v-avatar-height: 44px;
17155
+ .v-btn-group--density-compact.v-btn-group {
17156
+ height: 36px;
17264
17157
  }
17265
17158
 
17266
- .v-chip.v-chip--size-x-large .v-chip__filter,
17267
- .v-chip.v-chip--size-x-large .v-chip__prepend,
17268
- .v-chip.v-chip--size-x-large > .v-avatar--start,
17269
- .v-chip.v-chip--size-x-large > .v-icon--start {
17270
- margin-inline-end: 8.5px;
17159
+ .v-btn-group .v-btn {
17160
+ border-radius: 0;
17161
+ border-color: inherit;
17271
17162
  }
17272
- .v-chip.v-chip--size-x-large .v-chip__filter,
17273
- .v-chip.v-chip--size-x-large .v-chip__prepend,
17274
- .v-chip.v-chip--size-x-large .v-icon--start {
17275
- margin-inline-start: -8.5px;
17163
+ .v-btn-group .v-btn:not(:last-child) {
17164
+ border-inline-end: none;
17276
17165
  }
17277
- .v-chip.v-chip--size-x-large .v-avatar--start {
17278
- margin-inline-start: -11.9px;
17166
+ .v-btn-group .v-btn:not(:first-child) {
17167
+ border-inline-start: none;
17279
17168
  }
17280
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
17281
- margin-inline-start: -17px;
17169
+ .v-btn-group .v-btn:first-child {
17170
+ border-start-start-radius: inherit;
17171
+ border-end-start-radius: inherit;
17282
17172
  }
17283
-
17284
- .v-chip.v-chip--size-x-large .v-chip__append,
17285
- .v-chip.v-chip--size-x-large .v-chip__close,
17286
- .v-chip.v-chip--size-x-large > .v-avatar--end,
17287
- .v-chip.v-chip--size-x-large > .v-icon--end {
17288
- margin-inline-start: 8.5px;
17289
- margin-inline-end: -8.5px;
17173
+ .v-btn-group .v-btn:last-child {
17174
+ border-start-end-radius: inherit;
17175
+ border-end-end-radius: inherit;
17290
17176
  }
17291
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
17292
- margin-inline-end: -17px;
17177
+ .v-btn-group--divided .v-btn:not(:last-child) {
17178
+ border-inline-end-width: thin;
17179
+ border-inline-end-style: solid;
17180
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17293
17181
  }
17294
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
17295
- margin-inline-start: 17px;
17182
+ .v-btn-group--tile {
17183
+ border-radius: 0;
17184
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17185
+ opacity: var(--v-activated-opacity);
17186
+ }.v-card {
17187
+ display: block;
17188
+ overflow: hidden;
17189
+ overflow-wrap: break-word;
17190
+ position: relative;
17191
+ padding: 0;
17192
+ text-decoration: none;
17193
+ transition-duration: 0.28s;
17194
+ transition-property: box-shadow, opacity, background;
17195
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17196
+ z-index: 0;
17197
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17198
+ border-style: solid;
17199
+ border-width: 0;
17200
+ border-radius: 4px;
17296
17201
  }
17297
-
17298
- .v-chip.v-chip--density-default {
17299
- height: calc(var(--v-chip-height) + 0px);
17202
+ .v-card--border {
17203
+ border-width: thin;
17204
+ box-shadow: none;
17300
17205
  }
17301
-
17302
- .v-chip.v-chip--density-comfortable {
17303
- height: calc(var(--v-chip-height) + -8px);
17206
+ .v-card--absolute {
17207
+ position: absolute;
17304
17208
  }
17305
-
17306
- .v-chip.v-chip--density-compact {
17307
- height: calc(var(--v-chip-height) + -12px);
17209
+ .v-card--fixed {
17210
+ position: fixed;
17308
17211
  }
17309
-
17310
- .v-chip:hover > .v-chip__overlay {
17212
+ .v-card:hover > .v-card__overlay {
17311
17213
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17312
17214
  }
17313
- .v-chip:focus-visible > .v-chip__overlay {
17215
+ .v-card:focus-visible > .v-card__overlay {
17314
17216
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17315
17217
  }
17316
17218
  @supports not selector(:focus-visible) {
17317
- .v-chip:focus > .v-chip__overlay {
17219
+ .v-card:focus > .v-card__overlay {
17318
17220
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17319
17221
  }
17320
17222
  }
17321
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
17223
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17322
17224
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17323
17225
  }
17324
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
17226
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17325
17227
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17326
17228
  }
17327
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
17229
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17328
17230
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17329
17231
  }
17330
17232
  @supports not selector(:focus-visible) {
17331
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
17233
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17332
17234
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17333
17235
  }
17334
17236
  }
17335
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
17237
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17336
17238
  background: transparent;
17337
17239
  color: inherit;
17338
17240
  }
17339
- .v-chip--variant-plain {
17340
- opacity: 0.26;
17241
+ .v-card--variant-plain {
17242
+ opacity: 0.62;
17341
17243
  }
17342
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
17244
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17343
17245
  opacity: 1;
17344
17246
  }
17345
- .v-chip--variant-plain .v-chip__overlay {
17247
+ .v-card--variant-plain .v-card__overlay {
17346
17248
  display: none;
17347
17249
  }
17348
- .v-chip--variant-elevated, .v-chip--variant-flat {
17349
- background: rgb(var(--v-theme-surface-variant));
17350
- color: rgb(var(--v-theme-on-surface-variant));
17250
+ .v-card--variant-elevated, .v-card--variant-flat {
17251
+ background: rgb(var(--v-theme-surface));
17252
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17351
17253
  }
17352
- .v-chip--variant-elevated {
17254
+ .v-card--variant-elevated {
17353
17255
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17354
17256
  }
17355
- .v-chip--variant-flat {
17257
+ .v-card--variant-flat {
17356
17258
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17357
17259
  }
17358
- .v-chip--variant-outlined {
17260
+ .v-card--variant-outlined {
17359
17261
  border: thin solid currentColor;
17360
17262
  }
17361
- .v-chip--variant-text .v-chip__overlay {
17263
+ .v-card--variant-text .v-card__overlay {
17362
17264
  background: currentColor;
17363
17265
  }
17364
- .v-chip--variant-tonal .v-chip__underlay {
17266
+ .v-card--variant-tonal .v-card__underlay {
17365
17267
  background: currentColor;
17366
17268
  opacity: var(--v-activated-opacity);
17367
17269
  border-radius: inherit;
@@ -17372,343 +17274,597 @@ html.overflow-y-hidden {
17372
17274
  left: 0;
17373
17275
  pointer-events: none;
17374
17276
  }
17375
- .v-chip--border {
17376
- border-width: thin;
17277
+ .v-card--disabled {
17278
+ pointer-events: none;
17279
+ -webkit-user-select: none;
17280
+ user-select: none;
17377
17281
  }
17378
- .v-chip--link {
17282
+ .v-card--disabled > :not(.v-card__loader) {
17283
+ opacity: 0.6;
17284
+ }
17285
+ .v-card--flat {
17286
+ box-shadow: none;
17287
+ }
17288
+ .v-card--hover {
17379
17289
  cursor: pointer;
17290
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17380
17291
  }
17381
- .v-chip--filter {
17382
- -webkit-user-select: none;
17383
- user-select: none;
17292
+ .v-card--hover::before, .v-card--hover::after {
17293
+ border-radius: inherit;
17294
+ bottom: 0;
17295
+ content: "";
17296
+ display: block;
17297
+ left: 0;
17298
+ pointer-events: none;
17299
+ position: absolute;
17300
+ right: 0;
17301
+ top: 0;
17302
+ transition: inherit;
17384
17303
  }
17385
- .v-chip--label {
17386
- border-radius: 4px;
17304
+ .v-card--hover::before {
17305
+ opacity: 1;
17306
+ z-index: -1;
17307
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17308
+ }
17309
+ .v-card--hover::after {
17310
+ z-index: 1;
17311
+ opacity: 0;
17312
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17313
+ }
17314
+ .v-card--hover:hover::after {
17315
+ opacity: 1;
17316
+ }
17317
+ .v-card--hover:hover::before {
17318
+ opacity: 0;
17319
+ }
17320
+ .v-card--link {
17321
+ cursor: pointer;
17387
17322
  }
17388
17323
 
17389
- .v-chip__filter,
17390
- .v-chip__prepend,
17391
- .v-chip__append,
17392
- .v-chip__close {
17324
+ .v-card-actions {
17393
17325
  align-items: center;
17394
- display: inline-flex;
17326
+ display: flex;
17327
+ flex: none;
17328
+ min-height: 52px;
17329
+ padding: 0.5rem;
17395
17330
  }
17396
17331
 
17397
- .v-chip__close {
17398
- cursor: pointer;
17399
- flex: 0 1 auto;
17400
- font-size: 18px;
17401
- max-height: 18px;
17402
- max-width: 18px;
17403
- -webkit-user-select: none;
17404
- user-select: none;
17332
+ .v-card-item {
17333
+ align-items: center;
17334
+ display: grid;
17335
+ flex: none;
17336
+ grid-template-areas: "prepend content append";
17337
+ grid-template-columns: max-content auto max-content;
17338
+ padding: 0.625rem 1rem;
17405
17339
  }
17406
- .v-chip__close .v-icon {
17407
- font-size: inherit;
17340
+ .v-card-item + .v-card-text {
17341
+ padding-top: 0;
17342
+ }
17343
+ .v-card-item__prepend {
17344
+ grid-area: prepend;
17345
+ padding-inline-end: 1rem;
17346
+ }
17347
+ .v-card-item__append {
17348
+ grid-area: append;
17349
+ padding-inline-start: 1rem;
17408
17350
  }
17409
17351
 
17410
- .v-chip__filter {
17411
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
17352
+ .v-card-item__content {
17353
+ align-self: center;
17354
+ grid-area: content;
17355
+ overflow: hidden;
17412
17356
  }
17413
17357
 
17414
- .v-chip__overlay {
17358
+ .v-card-title {
17359
+ display: block;
17360
+ flex: none;
17361
+ font-size: 1.25rem;
17362
+ font-weight: 500;
17363
+ -webkit-hyphens: auto;
17364
+ hyphens: auto;
17365
+ letter-spacing: 0.0125em;
17366
+ min-width: 0;
17367
+ overflow-wrap: normal;
17368
+ overflow: hidden;
17369
+ padding: 0.5rem 1rem;
17370
+ text-overflow: ellipsis;
17371
+ text-transform: none;
17372
+ white-space: nowrap;
17373
+ word-break: normal;
17374
+ word-wrap: break-word;
17375
+ }
17376
+ .v-card .v-card-title {
17377
+ line-height: 2rem;
17378
+ }
17379
+ .v-card--density-comfortable .v-card-title {
17380
+ line-height: 1.75rem;
17381
+ }
17382
+ .v-card--density-compact .v-card-title {
17383
+ line-height: 1.55rem;
17384
+ }
17385
+ .v-card-item .v-card-title {
17386
+ padding: 0;
17387
+ }
17388
+ .v-card-title + .v-card-text,
17389
+ .v-card-title + .v-card-actions {
17390
+ padding-top: 0;
17391
+ }
17392
+
17393
+ .v-card-subtitle {
17394
+ display: block;
17395
+ flex: none;
17396
+ font-size: 0.875rem;
17397
+ font-weight: 400;
17398
+ letter-spacing: 0.0178571429em;
17399
+ opacity: var(--v-medium-emphasis-opacity);
17400
+ overflow: hidden;
17401
+ padding: 0 1rem;
17402
+ text-overflow: ellipsis;
17403
+ text-transform: none;
17404
+ white-space: nowrap;
17405
+ }
17406
+ .v-card .v-card-subtitle {
17407
+ line-height: 1.25rem;
17408
+ }
17409
+ .v-card--density-comfortable .v-card-subtitle {
17410
+ line-height: 1.125rem;
17411
+ }
17412
+ .v-card--density-compact .v-card-subtitle {
17413
+ line-height: 1rem;
17414
+ }
17415
+ .v-card-item .v-card-subtitle {
17416
+ padding: 0 0 0.25rem;
17417
+ }
17418
+
17419
+ .v-card-text {
17420
+ flex: 1 1 auto;
17421
+ font-size: 0.875rem;
17422
+ font-weight: 400;
17423
+ letter-spacing: 0.0178571429em;
17424
+ padding: 1rem;
17425
+ text-transform: none;
17426
+ }
17427
+ .v-card .v-card-text {
17428
+ line-height: 1.25rem;
17429
+ }
17430
+ .v-card--density-comfortable .v-card-text {
17431
+ line-height: 1.2rem;
17432
+ }
17433
+ .v-card--density-compact .v-card-text {
17434
+ line-height: 1.15rem;
17435
+ }
17436
+
17437
+ .v-card__image {
17438
+ display: flex;
17439
+ height: 100%;
17440
+ flex: 1 1 auto;
17441
+ left: 0;
17442
+ overflow: hidden;
17415
17443
  position: absolute;
17416
17444
  top: 0;
17445
+ width: 100%;
17446
+ z-index: -1;
17447
+ }
17448
+
17449
+ .v-card__content {
17450
+ border-radius: inherit;
17451
+ overflow: hidden;
17452
+ position: relative;
17453
+ }
17454
+
17455
+ .v-card__loader {
17456
+ bottom: auto;
17457
+ top: 0;
17417
17458
  left: 0;
17459
+ position: absolute;
17460
+ right: 0;
17418
17461
  width: 100%;
17419
- height: 100%;
17462
+ z-index: 1;
17463
+ }
17464
+
17465
+ .v-card__overlay {
17420
17466
  background-color: currentColor;
17421
17467
  border-radius: inherit;
17468
+ position: absolute;
17469
+ top: 0;
17470
+ right: 0;
17471
+ bottom: 0;
17472
+ left: 0;
17422
17473
  pointer-events: none;
17423
17474
  opacity: 0;
17424
17475
  transition: opacity 0.2s ease-in-out;
17476
+ }.v-carousel {
17477
+ overflow: hidden;
17478
+ position: relative;
17479
+ width: 100%;
17480
+ }
17481
+ .v-carousel__controls {
17482
+ align-items: center;
17483
+ background: rgba(var(--v-theme-surface-variant), 0.3);
17484
+ bottom: 0;
17485
+ display: flex;
17486
+ height: 50px;
17487
+ justify-content: center;
17488
+ list-style-type: none;
17489
+ position: absolute;
17490
+ width: 100%;
17491
+ z-index: 1;
17492
+ }
17493
+ .v-carousel__controls > .v-item-group {
17494
+ flex: 0 1 auto;
17495
+ }
17496
+ .v-carousel__controls__item {
17497
+ margin: 0 8px;
17498
+ }
17499
+ .v-carousel__controls__item .v-icon {
17500
+ opacity: 0.5;
17501
+ }
17502
+ .v-carousel__controls__item--active .v-icon {
17503
+ opacity: 1;
17504
+ vertical-align: middle;
17505
+ }
17506
+ .v-carousel__controls__item:hover {
17507
+ background: none;
17508
+ }
17509
+ .v-carousel__controls__item:hover .v-icon {
17510
+ opacity: 0.8;
17425
17511
  }
17426
17512
 
17427
- .v-chip--disabled {
17428
- opacity: 0.3;
17429
- pointer-events: none;
17430
- -webkit-user-select: none;
17431
- user-select: none;
17513
+ .v-carousel__progress {
17514
+ margin: 0;
17515
+ position: absolute;
17516
+ bottom: 0;
17517
+ left: 0;
17518
+ right: 0;
17432
17519
  }
17433
17520
 
17434
- .v-chip--label {
17435
- border-radius: 4px;
17436
- }.v-chip-group {
17437
- display: flex;
17521
+ .v-carousel-item {
17522
+ display: block;
17523
+ height: inherit;
17524
+ text-decoration: none;
17525
+ }
17526
+ .v-carousel-item > .v-img {
17527
+ height: inherit;
17528
+ }
17529
+
17530
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
17531
+ background: transparent;
17532
+ }
17533
+
17534
+ .v-carousel--vertical-delimiters .v-carousel__controls {
17535
+ flex-direction: column;
17536
+ height: 100% !important;
17537
+ width: 50px;
17538
+ }.v-checkbox .v-selection-control {
17539
+ min-height: var(--v-input-control-height);
17540
+ }.v-chip {
17541
+ align-items: center;
17542
+ cursor: default;
17543
+ display: inline-flex;
17544
+ font-weight: 400;
17438
17545
  max-width: 100%;
17439
- min-width: 0;
17440
- overflow-x: auto;
17441
- padding: 4px 0;
17442
- flex-wrap: wrap;
17546
+ overflow: hidden;
17547
+ position: relative;
17548
+ text-decoration: none;
17549
+ white-space: nowrap;
17550
+ vertical-align: middle;
17551
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17552
+ border-style: solid;
17553
+ border-width: 0;
17554
+ border-radius: 9999px;
17443
17555
  }
17444
- .v-chip-group .v-chip {
17445
- margin: 4px 8px 4px 0;
17556
+ .v-chip.v-chip--size-x-small {
17557
+ --v-chip-size: 0.625rem;
17558
+ --v-chip-height: 20px;
17559
+ font-size: 0.625rem;
17560
+ padding: 0 8px;
17446
17561
  }
17447
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17448
- opacity: var(--v-activated-opacity);
17562
+ .v-chip.v-chip--size-x-small .v-avatar {
17563
+ --v-avatar-height: 14px;
17564
+ }
17565
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
17566
+ --v-avatar-height: 20px;
17567
+ }
17568
+
17569
+ .v-chip.v-chip--size-x-small .v-avatar--start {
17570
+ margin-inline-start: -5.6px;
17571
+ margin-inline-end: 4px;
17572
+ }
17573
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
17574
+ margin-inline-start: -8px;
17575
+ }
17576
+
17577
+ .v-chip.v-chip--size-x-small .v-avatar--end {
17578
+ margin-inline-start: 4px;
17579
+ margin-inline-end: -5.6px;
17580
+ }
17581
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
17582
+ margin-inline-end: -8px;
17583
+ }
17584
+
17585
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
17586
+ margin-inline-start: 12px;
17587
+ }
17588
+
17589
+ .v-chip.v-chip--size-x-small .v-icon--start,
17590
+ .v-chip.v-chip--size-x-small .v-chip__filter {
17591
+ margin-inline-start: -4px;
17592
+ margin-inline-end: 4px;
17593
+ }
17594
+ .v-chip.v-chip--size-x-small .v-icon--end,
17595
+ .v-chip.v-chip--size-x-small .v-chip__close {
17596
+ margin-inline-start: 4px;
17597
+ margin-inline-end: -4px;
17598
+ }
17599
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
17600
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
17601
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
17602
+ margin-inline-start: 8px;
17603
+ }
17604
+
17605
+ .v-chip.v-chip--size-small {
17606
+ --v-chip-size: 0.75rem;
17607
+ --v-chip-height: 26px;
17608
+ font-size: 0.75rem;
17609
+ padding: 0 10px;
17610
+ }
17611
+ .v-chip.v-chip--size-small .v-avatar {
17612
+ --v-avatar-height: 20px;
17613
+ }
17614
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
17615
+ --v-avatar-height: 26px;
17616
+ }
17617
+
17618
+ .v-chip.v-chip--size-small .v-avatar--start {
17619
+ margin-inline-start: -7px;
17620
+ margin-inline-end: 5px;
17621
+ }
17622
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
17623
+ margin-inline-start: -10px;
17449
17624
  }
17450
17625
 
17451
- .v-chip-group--column {
17452
- flex-wrap: wrap;
17453
- white-space: normal;
17454
- }.v-color-picker {
17455
- align-self: flex-start;
17456
- contain: content;
17626
+ .v-chip.v-chip--size-small .v-avatar--end {
17627
+ margin-inline-start: 5px;
17628
+ margin-inline-end: -7px;
17457
17629
  }
17458
- .v-color-picker.v-sheet {
17459
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17460
- border-radius: 4px;
17630
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
17631
+ margin-inline-end: -10px;
17461
17632
  }
17462
17633
 
17463
- .v-color-picker__controls {
17464
- display: flex;
17465
- flex-direction: column;
17466
- padding: 16px;
17634
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
17635
+ margin-inline-start: 15px;
17467
17636
  }
17468
17637
 
17469
- .v-color-picker--flat {
17470
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17638
+ .v-chip.v-chip--size-small .v-icon--start,
17639
+ .v-chip.v-chip--size-small .v-chip__filter {
17640
+ margin-inline-start: -5px;
17641
+ margin-inline-end: 5px;
17471
17642
  }
17472
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
17473
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17474
- }.v-input--density-default {
17475
- --combobox-chips-margin-bottom: 0px;
17643
+ .v-chip.v-chip--size-small .v-icon--end,
17644
+ .v-chip.v-chip--size-small .v-chip__close {
17645
+ margin-inline-start: 5px;
17646
+ margin-inline-end: -5px;
17647
+ }
17648
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
17649
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
17650
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
17651
+ margin-inline-start: 10px;
17476
17652
  }
17477
17653
 
17478
- .v-input--density-comfortable {
17479
- --combobox-chips-margin-bottom: 2px;
17654
+ .v-chip.v-chip--size-default {
17655
+ --v-chip-size: 0.875rem;
17656
+ --v-chip-height: 32px;
17657
+ font-size: 0.875rem;
17658
+ padding: 0 12px;
17659
+ }
17660
+ .v-chip.v-chip--size-default .v-avatar {
17661
+ --v-avatar-height: 26px;
17662
+ }
17663
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
17664
+ --v-avatar-height: 32px;
17480
17665
  }
17481
17666
 
17482
- .v-input--density-compact {
17483
- --combobox-chips-margin-bottom: 4px;
17667
+ .v-chip.v-chip--size-default .v-avatar--start {
17668
+ margin-inline-start: -8.4px;
17669
+ margin-inline-end: 6px;
17670
+ }
17671
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
17672
+ margin-inline-start: -12px;
17484
17673
  }
17485
17674
 
17486
- .v-combobox .v-field .v-text-field__prefix,
17487
- .v-combobox .v-field .v-text-field__suffix,
17488
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
17489
- cursor: text;
17675
+ .v-chip.v-chip--size-default .v-avatar--end {
17676
+ margin-inline-start: 6px;
17677
+ margin-inline-end: -8.4px;
17490
17678
  }
17491
- .v-combobox .v-field .v-field__input > input {
17492
- align-self: flex-start;
17493
- flex: 1 1;
17679
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
17680
+ margin-inline-end: -12px;
17494
17681
  }
17495
- .v-combobox .v-field .v-field__append-inner > .v-icon {
17496
- margin-inline-start: 4px;
17497
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17682
+
17683
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
17684
+ margin-inline-start: 18px;
17498
17685
  }
17499
- .v-combobox .v-field:not(.v-field--focused) input {
17500
- min-width: 0;
17686
+
17687
+ .v-chip.v-chip--size-default .v-icon--start,
17688
+ .v-chip.v-chip--size-default .v-chip__filter {
17689
+ margin-inline-start: -6px;
17690
+ margin-inline-end: 6px;
17501
17691
  }
17502
- .v-combobox .v-field--dirty .v-combobox__selection {
17503
- margin-inline-end: 2px;
17692
+ .v-chip.v-chip--size-default .v-icon--end,
17693
+ .v-chip.v-chip--size-default .v-chip__close {
17694
+ margin-inline-start: 6px;
17695
+ margin-inline-end: -6px;
17504
17696
  }
17505
- .v-combobox .v-field--single-line .v-combobox__selection-text {
17506
- overflow: hidden;
17507
- text-overflow: ellipsis;
17508
- white-space: nowrap;
17697
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
17698
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
17699
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
17700
+ margin-inline-start: 12px;
17509
17701
  }
17510
17702
 
17511
- .v-combobox__content {
17512
- overflow: hidden;
17513
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17514
- border-radius: 4px;
17703
+ .v-chip.v-chip--size-large {
17704
+ --v-chip-size: 1rem;
17705
+ --v-chip-height: 38px;
17706
+ font-size: 1rem;
17707
+ padding: 0 14px;
17515
17708
  }
17516
- .v-combobox__mask {
17517
- background: rgb(var(--v-theme-on-surface-variant));
17709
+ .v-chip.v-chip--size-large .v-avatar {
17710
+ --v-avatar-height: 32px;
17518
17711
  }
17519
- .v-combobox__selection {
17520
- display: inline-flex;
17521
- letter-spacing: inherit;
17522
- line-height: inherit;
17523
- max-width: 100%;
17712
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
17713
+ --v-avatar-height: 38px;
17524
17714
  }
17525
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
17526
- opacity: var(--v-high-emphasis-opacity);
17527
- transform: rotate(180deg);
17715
+
17716
+ .v-chip.v-chip--size-large .v-avatar--start {
17717
+ margin-inline-start: -9.8px;
17718
+ margin-inline-end: 7px;
17528
17719
  }
17529
- .v-combobox--chips .v-combobox__selection {
17530
- margin-top: 2px;
17531
- margin-bottom: var(--combobox-chips-margin-bottom);
17720
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
17721
+ margin-inline-start: -14px;
17532
17722
  }
17533
- .v-combobox--chips .v-combobox__selection:first-child {
17534
- margin-inline-start: 0;
17723
+
17724
+ .v-chip.v-chip--size-large .v-avatar--end {
17725
+ margin-inline-start: 7px;
17726
+ margin-inline-end: -9.8px;
17535
17727
  }
17536
- .v-combobox--selecting-index .v-combobox__selection {
17537
- opacity: var(--v-medium-emphasis-opacity);
17728
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
17729
+ margin-inline-end: -14px;
17538
17730
  }
17539
- .v-combobox--selecting-index .v-combobox__selection--selected {
17540
- opacity: 1;
17731
+
17732
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
17733
+ margin-inline-start: 21px;
17541
17734
  }
17542
- .v-combobox--selecting-index .v-field__input > input {
17543
- caret-color: transparent !important;
17735
+
17736
+ .v-chip.v-chip--size-large .v-icon--start,
17737
+ .v-chip.v-chip--size-large .v-chip__filter {
17738
+ margin-inline-start: -7px;
17739
+ margin-inline-end: 7px;
17544
17740
  }
17545
- .v-combobox--single.v-text-field input {
17546
- flex: 1 1;
17547
- position: absolute;
17548
- left: 0;
17549
- right: 0;
17550
- width: 100%;
17551
- padding-inline-start: inherit;
17552
- padding-inline-end: inherit;
17741
+ .v-chip.v-chip--size-large .v-icon--end,
17742
+ .v-chip.v-chip--size-large .v-chip__close {
17743
+ margin-inline-start: 7px;
17744
+ margin-inline-end: -7px;
17553
17745
  }
17554
- .v-combobox--single .v-field--active input {
17555
- transition: none;
17746
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
17747
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
17748
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
17749
+ margin-inline-start: 14px;
17556
17750
  }
17557
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
17558
- opacity: 0;
17751
+
17752
+ .v-chip.v-chip--size-x-large {
17753
+ --v-chip-size: 1.125rem;
17754
+ --v-chip-height: 44px;
17755
+ font-size: 1.125rem;
17756
+ padding: 0 17px;
17559
17757
  }
17560
- .v-combobox--single .v-field--focused .v-combobox__selection {
17561
- opacity: 0;
17562
- }.v-counter {
17563
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17564
- flex: 0 1 auto;
17565
- font-size: 12px;
17566
- transition-duration: 150ms;
17567
- }/** if false, disabled buttons will be greyed out */
17568
- .v-btn {
17569
- align-items: center;
17570
- border-radius: 4px;
17571
- display: inline-grid;
17572
- grid-template-areas: "prepend content append";
17573
- grid-template-columns: max-content auto max-content;
17574
- font-weight: 500;
17575
- justify-content: center;
17576
- letter-spacing: 0.0892857143em;
17577
- line-height: normal;
17578
- max-width: 100%;
17579
- outline: none;
17580
- position: relative;
17581
- text-decoration: none;
17582
- text-indent: 0.0892857143em;
17583
- text-transform: uppercase;
17584
- transition-property: box-shadow, transform, opacity, background;
17585
- transition-duration: 0.28s;
17586
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17587
- -webkit-user-select: none;
17588
- user-select: none;
17589
- vertical-align: middle;
17590
- flex-shrink: 0;
17591
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17592
- border-style: solid;
17593
- border-width: 0;
17758
+ .v-chip.v-chip--size-x-large .v-avatar {
17759
+ --v-avatar-height: 38px;
17594
17760
  }
17595
- .v-btn--size-x-small {
17596
- --v-btn-size: 0.625rem;
17597
- --v-btn-height: 20px;
17598
- font-size: 0.625rem;
17599
- min-width: 36px;
17600
- padding: 0 8px;
17761
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
17762
+ --v-avatar-height: 44px;
17601
17763
  }
17602
17764
 
17603
- .v-btn--size-small {
17604
- --v-btn-size: 0.75rem;
17605
- --v-btn-height: 28px;
17606
- font-size: 0.75rem;
17607
- min-width: 50px;
17608
- padding: 0 12px;
17765
+ .v-chip.v-chip--size-x-large .v-avatar--start {
17766
+ margin-inline-start: -11.9px;
17767
+ margin-inline-end: 8.5px;
17609
17768
  }
17610
-
17611
- .v-btn--size-default {
17612
- --v-btn-size: 0.875rem;
17613
- --v-btn-height: 36px;
17614
- font-size: 0.875rem;
17615
- min-width: 64px;
17616
- padding: 0 16px;
17769
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
17770
+ margin-inline-start: -17px;
17617
17771
  }
17618
17772
 
17619
- .v-btn--size-large {
17620
- --v-btn-size: 1rem;
17621
- --v-btn-height: 44px;
17622
- font-size: 1rem;
17623
- min-width: 78px;
17624
- padding: 0 20px;
17773
+ .v-chip.v-chip--size-x-large .v-avatar--end {
17774
+ margin-inline-start: 8.5px;
17775
+ margin-inline-end: -11.9px;
17625
17776
  }
17626
-
17627
- .v-btn--size-x-large {
17628
- --v-btn-size: 1.125rem;
17629
- --v-btn-height: 52px;
17630
- font-size: 1.125rem;
17631
- min-width: 92px;
17632
- padding: 0 24px;
17777
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
17778
+ margin-inline-end: -17px;
17633
17779
  }
17634
17780
 
17635
- .v-btn.v-btn--density-default {
17636
- height: calc(var(--v-btn-height) + 0px);
17781
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
17782
+ margin-inline-start: 25.5px;
17637
17783
  }
17638
17784
 
17639
- .v-btn.v-btn--density-comfortable {
17640
- height: calc(var(--v-btn-height) + -8px);
17785
+ .v-chip.v-chip--size-x-large .v-icon--start,
17786
+ .v-chip.v-chip--size-x-large .v-chip__filter {
17787
+ margin-inline-start: -8.5px;
17788
+ margin-inline-end: 8.5px;
17641
17789
  }
17642
-
17643
- .v-btn.v-btn--density-compact {
17644
- height: calc(var(--v-btn-height) + -12px);
17790
+ .v-chip.v-chip--size-x-large .v-icon--end,
17791
+ .v-chip.v-chip--size-x-large .v-chip__close {
17792
+ margin-inline-start: 8.5px;
17793
+ margin-inline-end: -8.5px;
17794
+ }
17795
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
17796
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
17797
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
17798
+ margin-inline-start: 17px;
17645
17799
  }
17646
17800
 
17647
- .v-btn--border {
17648
- border-width: thin;
17649
- box-shadow: none;
17801
+ .v-chip.v-chip--density-default {
17802
+ height: calc(var(--v-chip-height) + 0px);
17650
17803
  }
17651
- .v-btn--absolute {
17652
- position: absolute;
17804
+
17805
+ .v-chip.v-chip--density-comfortable {
17806
+ height: calc(var(--v-chip-height) + -8px);
17653
17807
  }
17654
- .v-btn--fixed {
17655
- position: fixed;
17808
+
17809
+ .v-chip.v-chip--density-compact {
17810
+ height: calc(var(--v-chip-height) + -12px);
17656
17811
  }
17657
- .v-btn:hover > .v-btn__overlay {
17812
+
17813
+ .v-chip:hover > .v-chip__overlay {
17658
17814
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17659
17815
  }
17660
- .v-btn:focus-visible > .v-btn__overlay {
17816
+ .v-chip:focus-visible > .v-chip__overlay {
17661
17817
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17662
17818
  }
17663
17819
  @supports not selector(:focus-visible) {
17664
- .v-btn:focus > .v-btn__overlay {
17820
+ .v-chip:focus > .v-chip__overlay {
17665
17821
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17666
17822
  }
17667
17823
  }
17668
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17824
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
17669
17825
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17670
17826
  }
17671
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17827
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
17672
17828
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17673
17829
  }
17674
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17830
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
17675
17831
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17676
17832
  }
17677
17833
  @supports not selector(:focus-visible) {
17678
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17834
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
17679
17835
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17680
17836
  }
17681
17837
  }
17682
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17838
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
17683
17839
  background: transparent;
17684
17840
  color: inherit;
17685
17841
  }
17686
- .v-btn--variant-plain {
17687
- opacity: 0.62;
17842
+ .v-chip--variant-plain {
17843
+ opacity: 0.26;
17688
17844
  }
17689
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17845
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
17690
17846
  opacity: 1;
17691
17847
  }
17692
- .v-btn--variant-plain .v-btn__overlay {
17848
+ .v-chip--variant-plain .v-chip__overlay {
17693
17849
  display: none;
17694
17850
  }
17695
- .v-btn--variant-elevated, .v-btn--variant-flat {
17696
- background: rgb(var(--v-theme-surface));
17697
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17851
+ .v-chip--variant-elevated, .v-chip--variant-flat {
17852
+ background: rgb(var(--v-theme-surface-variant));
17853
+ color: rgb(var(--v-theme-on-surface-variant));
17698
17854
  }
17699
- .v-btn--variant-elevated {
17700
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17855
+ .v-chip--variant-elevated {
17856
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17701
17857
  }
17702
- .v-btn--variant-flat {
17858
+ .v-chip--variant-flat {
17703
17859
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17704
17860
  }
17705
- .v-btn--variant-outlined {
17861
+ .v-chip--variant-outlined {
17706
17862
  border: thin solid currentColor;
17707
17863
  }
17708
- .v-btn--variant-text .v-btn__overlay {
17864
+ .v-chip--variant-text .v-chip__overlay {
17709
17865
  background: currentColor;
17710
17866
  }
17711
- .v-btn--variant-tonal .v-btn__underlay {
17867
+ .v-chip--variant-tonal .v-chip__underlay {
17712
17868
  background: currentColor;
17713
17869
  opacity: var(--v-activated-opacity);
17714
17870
  border-radius: inherit;
@@ -17719,264 +17875,193 @@ html.overflow-y-hidden {
17719
17875
  left: 0;
17720
17876
  pointer-events: none;
17721
17877
  }
17722
- @supports selector(:focus-visible) {
17723
- .v-btn::after {
17724
- content: "";
17725
- position: absolute;
17726
- top: 0;
17727
- left: 0;
17728
- width: 100%;
17729
- height: 100%;
17730
- pointer-events: none;
17731
- border: 2px solid currentColor;
17732
- border-radius: inherit;
17733
- opacity: 0;
17734
- transition: opacity 0.2s ease-in-out;
17735
- }
17736
- .v-btn:focus-visible::after {
17737
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17738
- }
17739
- }
17740
- .v-btn--icon {
17741
- border-radius: 50%;
17742
- min-width: 0;
17743
- padding: 0;
17744
- }
17745
- .v-btn--icon.v-btn--size-default {
17746
- font-size: 1rem;
17747
- }
17748
- .v-btn--icon.v-btn--density-default {
17749
- width: calc(var(--v-btn-height) + 12px);
17750
- height: calc(var(--v-btn-height) + 12px);
17751
- }
17752
- .v-btn--icon.v-btn--density-comfortable {
17753
- width: calc(var(--v-btn-height) + 0px);
17754
- height: calc(var(--v-btn-height) + 0px);
17755
- }
17756
- .v-btn--icon.v-btn--density-compact {
17757
- width: calc(var(--v-btn-height) + -8px);
17758
- height: calc(var(--v-btn-height) + -8px);
17759
- }
17760
-
17761
- .v-btn--elevated:hover, .v-btn--elevated:focus {
17762
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17763
- }
17764
- .v-btn--elevated:active {
17765
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17766
- }
17767
- .v-btn--flat {
17768
- box-shadow: none;
17769
- }
17770
- .v-btn--block {
17771
- display: flex;
17772
- flex: 1 0 auto;
17773
- min-width: 100%;
17774
- }
17775
- .v-btn--disabled {
17776
- pointer-events: none;
17777
- opacity: 0.26;
17778
- }
17779
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17780
- box-shadow: none;
17781
- opacity: 1;
17782
- color: rgba(var(--v-theme-on-surface), 0.26);
17783
- background: rgb(var(--v-theme-surface));
17784
- }
17785
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17786
- opacity: 0.4615384615;
17787
- }
17788
- .v-btn--loading {
17789
- pointer-events: none;
17790
- }
17791
- .v-btn--loading .v-btn__content,
17792
- .v-btn--loading .v-btn__prepend,
17793
- .v-btn--loading .v-btn__append {
17794
- opacity: 0;
17795
- }
17796
- .v-btn--stacked {
17797
- grid-template-areas: "prepend" "content" "append";
17798
- grid-template-columns: auto;
17799
- grid-template-rows: max-content max-content max-content;
17800
- justify-items: center;
17801
- align-content: center;
17802
- }
17803
- .v-btn--stacked .v-btn__content {
17804
- flex-direction: column;
17805
- line-height: 1.25;
17806
- }
17807
- .v-btn--stacked .v-btn__prepend,
17808
- .v-btn--stacked .v-btn__append,
17809
- .v-btn--stacked .v-btn__content > .v-icon--start,
17810
- .v-btn--stacked .v-btn__content > .v-icon--end {
17811
- margin-inline-start: 0;
17812
- margin-inline-end: 0;
17813
- }
17814
- .v-btn--stacked .v-btn__prepend,
17815
- .v-btn--stacked .v-btn__content > .v-icon--start {
17816
- margin-bottom: 4px;
17878
+ .v-chip--border {
17879
+ border-width: thin;
17817
17880
  }
17818
- .v-btn--stacked .v-btn__append,
17819
- .v-btn--stacked .v-btn__content > .v-icon--end {
17820
- margin-top: 4px;
17881
+ .v-chip--link {
17882
+ cursor: pointer;
17821
17883
  }
17822
- .v-btn--stacked.v-btn--size-x-small {
17823
- --v-btn-size: 0.625rem;
17824
- --v-btn-height: 56px;
17825
- font-size: 0.625rem;
17826
- min-width: 56px;
17827
- padding: 0 12px;
17884
+ .v-chip--filter {
17885
+ -webkit-user-select: none;
17886
+ user-select: none;
17828
17887
  }
17829
-
17830
- .v-btn--stacked.v-btn--size-small {
17831
- --v-btn-size: 0.75rem;
17832
- --v-btn-height: 64px;
17833
- font-size: 0.75rem;
17834
- min-width: 64px;
17835
- padding: 0 14px;
17888
+ .v-chip--label {
17889
+ border-radius: 4px;
17836
17890
  }
17837
17891
 
17838
- .v-btn--stacked.v-btn--size-default {
17839
- --v-btn-size: 0.875rem;
17840
- --v-btn-height: 72px;
17841
- font-size: 0.875rem;
17842
- min-width: 72px;
17843
- padding: 0 16px;
17892
+ .v-chip__filter,
17893
+ .v-chip__prepend,
17894
+ .v-chip__append,
17895
+ .v-chip__close {
17896
+ align-items: center;
17897
+ display: inline-flex;
17844
17898
  }
17845
17899
 
17846
- .v-btn--stacked.v-btn--size-large {
17847
- --v-btn-size: 1rem;
17848
- --v-btn-height: 80px;
17849
- font-size: 1rem;
17850
- min-width: 80px;
17851
- padding: 0 18px;
17900
+ .v-chip__close {
17901
+ cursor: pointer;
17902
+ flex: 0 1 auto;
17903
+ font-size: 18px;
17904
+ max-height: 18px;
17905
+ max-width: 18px;
17906
+ -webkit-user-select: none;
17907
+ user-select: none;
17852
17908
  }
17853
-
17854
- .v-btn--stacked.v-btn--size-x-large {
17855
- --v-btn-size: 1.125rem;
17856
- --v-btn-height: 88px;
17857
- font-size: 1.125rem;
17858
- min-width: 88px;
17859
- padding: 0 20px;
17909
+ .v-chip__close .v-icon {
17910
+ font-size: inherit;
17860
17911
  }
17861
17912
 
17862
- .v-btn--stacked.v-btn--density-default {
17863
- height: calc(var(--v-btn-height) + 0px);
17913
+ .v-chip__filter {
17914
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
17864
17915
  }
17865
17916
 
17866
- .v-btn--stacked.v-btn--density-comfortable {
17867
- height: calc(var(--v-btn-height) + -16px);
17917
+ .v-chip__overlay {
17918
+ position: absolute;
17919
+ top: 0;
17920
+ left: 0;
17921
+ width: 100%;
17922
+ height: 100%;
17923
+ background-color: currentColor;
17924
+ border-radius: inherit;
17925
+ pointer-events: none;
17926
+ opacity: 0;
17927
+ transition: opacity 0.2s ease-in-out;
17868
17928
  }
17869
17929
 
17870
- .v-btn--stacked.v-btn--density-compact {
17871
- height: calc(var(--v-btn-height) + -24px);
17930
+ .v-chip--disabled {
17931
+ opacity: 0.3;
17932
+ pointer-events: none;
17933
+ -webkit-user-select: none;
17934
+ user-select: none;
17872
17935
  }
17873
17936
 
17874
- .v-btn--rounded {
17875
- border-radius: 24px;
17876
- }
17877
- .v-btn .v-icon {
17878
- --v-icon-size-multiplier: 0.8571428571;
17937
+ .v-chip--label {
17938
+ border-radius: 4px;
17939
+ }.v-chip-group {
17940
+ display: flex;
17941
+ max-width: 100%;
17942
+ min-width: 0;
17943
+ overflow-x: auto;
17944
+ padding: 4px 0;
17945
+ flex-wrap: wrap;
17879
17946
  }
17880
- .v-btn--icon .v-icon {
17881
- --v-icon-size-multiplier: 1;
17947
+ .v-chip-group .v-chip {
17948
+ margin: 4px 8px 4px 0;
17882
17949
  }
17883
- .v-btn--stacked .v-icon {
17884
- --v-icon-size-multiplier: 1.1428571429;
17950
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17951
+ opacity: var(--v-activated-opacity);
17885
17952
  }
17886
17953
 
17887
- .v-btn__loader {
17888
- align-items: center;
17889
- display: flex;
17890
- height: 100%;
17891
- justify-content: center;
17892
- left: 0;
17893
- position: absolute;
17894
- top: 0;
17895
- width: 100%;
17954
+ .v-chip-group--column {
17955
+ flex-wrap: wrap;
17956
+ white-space: normal;
17957
+ }.v-color-picker {
17958
+ align-self: flex-start;
17959
+ contain: content;
17960
+ }
17961
+ .v-color-picker.v-sheet {
17962
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17963
+ border-radius: 4px;
17896
17964
  }
17897
17965
 
17898
- .v-btn__content,
17899
- .v-btn__prepend,
17900
- .v-btn__append {
17901
- align-items: center;
17966
+ .v-color-picker__controls {
17902
17967
  display: flex;
17903
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17968
+ flex-direction: column;
17969
+ padding: 16px;
17904
17970
  }
17905
17971
 
17906
- .v-btn__prepend {
17907
- grid-area: prepend;
17908
- margin-inline-start: calc(var(--v-btn-height) / -9);
17909
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17972
+ .v-color-picker--flat {
17973
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17974
+ }
17975
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
17976
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17977
+ }.v-input--density-default {
17978
+ --combobox-chips-margin-bottom: 0px;
17910
17979
  }
17911
17980
 
17912
- .v-btn__append {
17913
- grid-area: append;
17914
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17915
- margin-inline-end: calc(var(--v-btn-height) / -9);
17981
+ .v-input--density-comfortable {
17982
+ --combobox-chips-margin-bottom: 2px;
17916
17983
  }
17917
17984
 
17918
- .v-btn__content {
17919
- grid-area: content;
17920
- justify-content: center;
17921
- white-space: nowrap;
17985
+ .v-input--density-compact {
17986
+ --combobox-chips-margin-bottom: 4px;
17922
17987
  }
17923
- .v-btn__content > .v-icon--start {
17924
- margin-inline-start: calc(var(--v-btn-height) / -9);
17925
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17988
+
17989
+ .v-combobox .v-field .v-text-field__prefix,
17990
+ .v-combobox .v-field .v-text-field__suffix,
17991
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
17992
+ cursor: text;
17926
17993
  }
17927
- .v-btn__content > .v-icon--end {
17928
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17929
- margin-inline-end: calc(var(--v-btn-height) / -9);
17994
+ .v-combobox .v-field .v-field__input > input {
17995
+ align-self: flex-start;
17996
+ flex: 1 1;
17930
17997
  }
17931
- .v-btn--stacked .v-btn__content {
17932
- white-space: normal;
17998
+ .v-combobox .v-field .v-field__append-inner > .v-icon {
17999
+ margin-inline-start: 4px;
18000
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17933
18001
  }
17934
-
17935
- .v-btn__overlay {
17936
- background-color: currentColor;
17937
- border-radius: inherit;
17938
- opacity: 0;
17939
- transition: opacity 0.2s ease-in-out;
18002
+ .v-combobox .v-field:not(.v-field--focused) input {
18003
+ min-width: 0;
17940
18004
  }
17941
-
17942
- .v-btn__overlay,
17943
- .v-btn__underlay {
17944
- position: absolute;
17945
- top: 0;
17946
- left: 0;
17947
- width: 100%;
17948
- height: 100%;
17949
- pointer-events: none;
18005
+ .v-combobox .v-field--dirty .v-combobox__selection {
18006
+ margin-inline-end: 2px;
17950
18007
  }
17951
-
17952
- .v-app-bar .v-btn {
17953
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18008
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
18009
+ overflow: hidden;
18010
+ text-overflow: ellipsis;
18011
+ white-space: nowrap;
17954
18012
  }
17955
18013
 
17956
- .v-card-actions .v-btn {
17957
- padding: 0 8px;
17958
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18014
+ .v-combobox__content {
18015
+ overflow: hidden;
18016
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
18017
+ border-radius: 4px;
17959
18018
  }
17960
- .v-card-actions .v-btn ~ .v-btn {
17961
- margin-inline-start: 0.5rem;
18019
+ .v-combobox__mask {
18020
+ background: rgb(var(--v-theme-on-surface-variant));
17962
18021
  }
17963
-
17964
- .v-banner-actions .v-btn {
17965
- padding: 0 8px;
18022
+ .v-combobox__selection {
18023
+ display: inline-flex;
18024
+ letter-spacing: inherit;
18025
+ line-height: inherit;
18026
+ max-width: 100%;
17966
18027
  }
17967
-
17968
- .v-pagination .v-btn {
17969
- border-radius: 4px;
18028
+ .v-combobox--active-menu .v-field__append-inner > .v-icon {
18029
+ opacity: var(--v-high-emphasis-opacity);
18030
+ transform: rotate(180deg);
17970
18031
  }
17971
- .v-btn__overlay {
18032
+ .v-combobox--chips .v-combobox__selection {
18033
+ margin-top: 2px;
18034
+ margin-bottom: var(--combobox-chips-margin-bottom);
18035
+ }
18036
+ .v-combobox--chips .v-combobox__selection:first-child {
18037
+ margin-inline-start: 0;
18038
+ }
18039
+ .v-combobox--selecting-index .v-combobox__selection {
18040
+ opacity: var(--v-medium-emphasis-opacity);
18041
+ }
18042
+ .v-combobox--selecting-index .v-combobox__selection--selected {
18043
+ opacity: 1;
18044
+ }
18045
+ .v-combobox--selecting-index .v-field__input > input {
18046
+ caret-color: transparent !important;
18047
+ }
18048
+ .v-combobox--single.v-text-field input {
18049
+ flex: 1 1;
18050
+ position: absolute;
18051
+ left: 0;
18052
+ right: 0;
18053
+ width: 100%;
18054
+ padding-inline-start: inherit;
18055
+ padding-inline-end: inherit;
18056
+ }
18057
+ .v-combobox--single .v-field--active input {
17972
18058
  transition: none;
17973
18059
  }
17974
- .v-pagination__item--is-active .v-btn__overlay {
17975
- opacity: var(--v-border-opacity);
18060
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18061
+ opacity: 0;
17976
18062
  }
17977
-
17978
- .v-snackbar-actions .v-btn {
17979
- padding: 0 8px;
18063
+ .v-combobox--single .v-field--focused .v-combobox__selection {
18064
+ opacity: 0;
17980
18065
  }.v-container {
17981
18066
  width: 100%;
17982
18067
  padding: 16px;
@@ -18858,47 +18943,58 @@ html.overflow-y-hidden {
18858
18943
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
18859
18944
  margin-right: 91.6666666667%;
18860
18945
  }
18946
+ }.v-counter {
18947
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18948
+ flex: 0 1 auto;
18949
+ font-size: 12px;
18950
+ transition-duration: 150ms;
18861
18951
  }.v-dialog {
18862
- align-items: center;
18863
- justify-content: center;
18864
- margin: auto;
18865
- }
18866
- .v-dialog .v-overlay__content {
18867
- max-height: calc(100% - 48px);
18868
- width: calc(100% - 48px);
18869
- max-width: calc(100% - 48px);
18870
18952
  margin: 24px;
18953
+ margin-inline-end: 24px;
18954
+ }
18955
+ .v-dialog.v-overlay--scroll-blocked {
18956
+ margin-inline-end: calc(24px + var(--v-scrollbar-offset));
18957
+ }
18958
+ .v-dialog > .v-overlay__content {
18959
+ max-height: 100%;
18960
+ width: 100%;
18961
+ max-width: 100%;
18871
18962
  display: flex;
18872
18963
  flex-direction: column;
18964
+ top: 50%;
18965
+ left: 50%;
18966
+ transform: translate(-50%, -50%);
18873
18967
  }
18874
- .v-dialog .v-overlay__content > .v-card,
18875
- .v-dialog .v-overlay__content > .v-sheet {
18968
+ .v-dialog > .v-overlay__content > .v-card,
18969
+ .v-dialog > .v-overlay__content > .v-sheet {
18876
18970
  --v-scrollbar-offset: 0px;
18877
18971
  border-radius: 4px;
18878
18972
  overflow-y: auto;
18879
18973
  box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18880
18974
  }
18881
- .v-dialog .v-overlay__content > .v-card {
18975
+ .v-dialog > .v-overlay__content > .v-card {
18882
18976
  display: flex;
18883
18977
  flex-direction: column;
18884
18978
  }
18885
- .v-dialog .v-overlay__content > .v-card > .v-card-item {
18979
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item {
18886
18980
  padding: 14px 24px 0;
18887
18981
  }
18888
- .v-dialog .v-overlay__content > .v-card > .v-card-item + .v-card-text {
18982
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text {
18889
18983
  padding-top: 10px;
18890
18984
  }
18891
- .v-dialog .v-overlay__content > .v-card > .v-card-text {
18985
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text {
18892
18986
  font-size: inherit;
18893
18987
  letter-spacing: 0.03125em;
18894
18988
  line-height: inherit;
18895
18989
  padding: 16px 24px 10px;
18896
18990
  }
18897
18991
 
18898
- .v-dialog--fullscreen {
18992
+ .v-dialog.v-dialog--fullscreen {
18993
+ margin: 0;
18994
+ margin-inline-end: 0;
18899
18995
  --v-scrollbar-offset: 0px;
18900
18996
  }
18901
- .v-dialog--fullscreen .v-overlay__content {
18997
+ .v-dialog.v-dialog--fullscreen > .v-overlay__content {
18902
18998
  border-radius: 0;
18903
18999
  margin: 0;
18904
19000
  padding: 0;
@@ -18909,28 +19005,29 @@ html.overflow-y-hidden {
18909
19005
  overflow-y: auto;
18910
19006
  top: 0;
18911
19007
  left: 0;
19008
+ transform: none;
18912
19009
  }
18913
- .v-dialog--fullscreen .v-overlay__content > .v-card,
18914
- .v-dialog--fullscreen .v-overlay__content > .v-sheet {
19010
+ .v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-card,
19011
+ .v-dialog.v-dialog--fullscreen > .v-overlay__content > .v-sheet {
18915
19012
  min-height: 100%;
18916
19013
  min-width: 100%;
18917
19014
  border-radius: 0;
18918
19015
  }
18919
19016
 
18920
- .v-dialog--scrollable .v-overlay__content,
18921
- .v-dialog--scrollable .v-overlay__content > form {
19017
+ .v-dialog--scrollable > .v-overlay__content,
19018
+ .v-dialog--scrollable > .v-overlay__content > form {
18922
19019
  display: flex;
18923
19020
  }
18924
- .v-dialog--scrollable .v-overlay__content > .v-card,
18925
- .v-dialog--scrollable .v-overlay__content > form > .v-card {
19021
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
19022
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
18926
19023
  display: flex;
18927
19024
  flex: 1 1 100%;
18928
19025
  flex-direction: column;
18929
19026
  max-height: 100%;
18930
19027
  max-width: 100%;
18931
19028
  }
18932
- .v-dialog--scrollable .v-overlay__content > .v-card > .v-card-text,
18933
- .v-dialog--scrollable .v-overlay__content > form > .v-card > .v-card-text {
19029
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
19030
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
18934
19031
  -webkit-backface-visibility: hidden;
18935
19032
  backface-visibility: hidden;
18936
19033
  overflow-y: auto;
@@ -19621,6 +19718,8 @@ textarea.v-field__input::placeholder {
19621
19718
  flex: 1 1 auto;
19622
19719
  padding: 8px 16px;
19623
19720
  position: relative;
19721
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19722
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
19624
19723
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19625
19724
  border-style: solid;
19626
19725
  border-width: 0;
@@ -20380,14 +20479,14 @@ textarea.v-field__input::placeholder {
20380
20479
  --v-layout-right: 0px;
20381
20480
  --v-layout-top: 0px;
20382
20481
  --v-layout-bottom: 0px;
20383
- }.v-menu .v-overlay__content {
20482
+ }.v-menu > .v-overlay__content {
20384
20483
  display: flex;
20385
20484
  flex-direction: column;
20386
20485
  border-radius: 4px;
20387
20486
  }
20388
- .v-menu .v-overlay__content > .v-card,
20389
- .v-menu .v-overlay__content > .v-sheet,
20390
- .v-menu .v-overlay__content > .v-list {
20487
+ .v-menu > .v-overlay__content > .v-card,
20488
+ .v-menu > .v-overlay__content > .v-sheet,
20489
+ .v-menu > .v-overlay__content > .v-list {
20391
20490
  background: rgb(var(--v-theme-surface));
20392
20491
  border-radius: inherit;
20393
20492
  overflow: auto;
@@ -20545,7 +20644,7 @@ html.v-overlay-scroll-blocked {
20545
20644
  border-radius: inherit;
20546
20645
  bottom: 0;
20547
20646
  left: 0;
20548
- opacity: 32%;
20647
+ opacity: 0.32;
20549
20648
  position: fixed;
20550
20649
  right: 0;
20551
20650
  top: 0;
@@ -20560,7 +20659,7 @@ html.v-overlay-scroll-blocked {
20560
20659
  }
20561
20660
 
20562
20661
  .v-overlay--scroll-blocked {
20563
- padding-inline-end: var(--v-scrollbar-offset);
20662
+ margin-inline-end: var(--v-scrollbar-offset);
20564
20663
  }.v-pagination__list {
20565
20664
  display: inline-flex;
20566
20665
  list-style-type: none;
@@ -21265,12 +21364,9 @@ html.v-overlay-scroll-blocked {
21265
21364
  flex-direction: column;
21266
21365
  }.v-snackbar {
21267
21366
  justify-content: center;
21268
- padding-inline-end: var(--v-scrollbar-offset);
21269
- }
21270
- .v-snackbar:not(.v-snackbar--absolute) {
21271
- height: 100vh;
21272
- position: fixed;
21273
21367
  z-index: 10000;
21368
+ margin: 8px;
21369
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
21274
21370
  }
21275
21371
  .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
21276
21372
  align-items: flex-end;
@@ -21278,7 +21374,6 @@ html.v-overlay-scroll-blocked {
21278
21374
  .v-snackbar__wrapper {
21279
21375
  align-items: center;
21280
21376
  display: flex;
21281
- margin: 8px;
21282
21377
  max-width: 672px;
21283
21378
  min-height: 48px;
21284
21379
  min-width: 344px;
@@ -21347,7 +21442,6 @@ html.v-overlay-scroll-blocked {
21347
21442
  min-width: auto;
21348
21443
  }
21349
21444
  .v-snackbar--absolute {
21350
- height: 100%;
21351
21445
  position: absolute;
21352
21446
  z-index: 1;
21353
21447
  }
@@ -22270,6 +22364,27 @@ html.v-overlay-scroll-blocked {
22270
22364
 
22271
22365
  .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 {
22272
22366
  padding-inline-end: 0;
22367
+ }.v-tooltip > .v-overlay__content {
22368
+ background: rgba(var(--v-theme-surface-variant), 0.7);
22369
+ color: rgb(var(--v-theme-on-surface-variant));
22370
+ border-radius: 4px;
22371
+ font-size: 0.875rem;
22372
+ line-height: 1.6;
22373
+ display: inline-block;
22374
+ padding: 5px 16px;
22375
+ text-transform: initial;
22376
+ width: auto;
22377
+ opacity: 1;
22378
+ pointer-events: none;
22379
+ transition-property: opacity, transform;
22380
+ }
22381
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
22382
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22383
+ transition-duration: 150ms;
22384
+ }
22385
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
22386
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
22387
+ transition-duration: 75ms;
22273
22388
  }.v-toolbar {
22274
22389
  align-items: flex-start;
22275
22390
  display: flex;
@@ -22400,27 +22515,6 @@ html.v-overlay-scroll-blocked {
22400
22515
  }
22401
22516
  .v-toolbar-items > .v-btn {
22402
22517
  border-radius: 0;
22403
- }.v-tooltip .v-overlay__content {
22404
- background: rgba(var(--v-theme-surface-variant), 0.7);
22405
- color: rgb(var(--v-theme-on-surface-variant));
22406
- border-radius: 4px;
22407
- font-size: 0.875rem;
22408
- line-height: 1.6;
22409
- display: inline-block;
22410
- padding: 5px 16px;
22411
- text-transform: initial;
22412
- width: auto;
22413
- opacity: 1;
22414
- pointer-events: none;
22415
- transition-property: opacity, transform;
22416
- }
22417
- .v-tooltip .v-overlay__content[class*=enter-active] {
22418
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22419
- transition-duration: 150ms;
22420
- }
22421
- .v-tooltip .v-overlay__content[class*=leave-active] {
22422
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
22423
- transition-duration: 75ms;
22424
22518
  }.v-window {
22425
22519
  overflow: hidden;
22426
22520
  }
@@ -22490,60 +22584,6 @@ html.v-overlay-scroll-blocked {
22490
22584
  }
22491
22585
  .v-window-y-reverse-transition-leave-to {
22492
22586
  transform: translateY(100%);
22493
- }.v-bottom-navigation {
22494
- display: flex;
22495
- max-width: 100%;
22496
- overflow: hidden;
22497
- position: absolute;
22498
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22499
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22500
- border-style: solid;
22501
- border-width: 0;
22502
- border-radius: 0;
22503
- background: rgb(var(--v-theme-surface));
22504
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22505
- }
22506
- .v-bottom-navigation--border {
22507
- border-width: thin;
22508
- box-shadow: none;
22509
- }
22510
- .v-bottom-navigation--active {
22511
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22512
- }
22513
-
22514
- .v-bottom-navigation__content {
22515
- display: flex;
22516
- flex: none;
22517
- font-size: 0.75rem;
22518
- justify-content: center;
22519
- transition: inherit;
22520
- width: 100%;
22521
- }
22522
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
22523
- font-size: inherit;
22524
- height: 100%;
22525
- max-width: 168px;
22526
- min-width: 80px;
22527
- text-transform: none;
22528
- transition: inherit;
22529
- width: auto;
22530
- border-radius: 0;
22531
- }
22532
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
22533
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
22534
- transition: inherit;
22535
- }
22536
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
22537
- font-size: 1.5rem;
22538
- }
22539
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
22540
- flex-grow: 1;
22541
- }
22542
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
22543
- opacity: 0;
22544
- }
22545
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
22546
- transform: translateY(0.5rem);
22547
22587
  }.v-color-picker-canvas {
22548
22588
  display: flex;
22549
22589
  position: relative;