vuetify 3.4.0-beta.1 → 3.4.1

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 (150) hide show
  1. package/dist/json/attributes.json +1947 -1967
  2. package/dist/json/importMap.json +86 -86
  3. package/dist/json/tags.json +2 -7
  4. package/dist/json/web-types.json +3738 -3886
  5. package/dist/vuetify-labs.css +2203 -2195
  6. package/dist/vuetify-labs.d.ts +1977 -9281
  7. package/dist/vuetify-labs.esm.js +106 -90
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +106 -90
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +1361 -1353
  12. package/dist/vuetify.d.ts +2031 -9325
  13. package/dist/vuetify.esm.js +106 -90
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +106 -90
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +75 -74
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/blueprints/index.d.mts +0 -2
  21. package/lib/blueprints/md1.d.mts +0 -2
  22. package/lib/blueprints/md2.d.mts +0 -2
  23. package/lib/blueprints/md3.d.mts +0 -2
  24. package/lib/components/VAutocomplete/VAutocomplete.mjs +3 -3
  25. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  26. package/lib/components/VAutocomplete/index.d.mts +74 -98
  27. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +1 -1
  28. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  29. package/lib/components/VBottomNavigation/index.d.mts +44 -69
  30. package/lib/components/VBtn/VBtn.css +0 -1
  31. package/lib/components/VBtn/VBtn.mjs +1 -1
  32. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  33. package/lib/components/VBtn/_variables.scss +1 -1
  34. package/lib/components/VBtn/index.d.mts +11 -11
  35. package/lib/components/VBtnGroup/VBtnGroup.css +0 -1
  36. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  37. package/lib/components/VBtnToggle/index.d.mts +45 -71
  38. package/lib/components/VCarousel/VCarousel.mjs +1 -1
  39. package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
  40. package/lib/components/VCarousel/index.d.mts +73 -513
  41. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  42. package/lib/components/VCheckbox/VCheckboxBtn.mjs +1 -1
  43. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  44. package/lib/components/VCheckbox/index.d.mts +100 -482
  45. package/lib/components/VChip/index.d.mts +15 -18
  46. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  47. package/lib/components/VChipGroup/index.d.mts +49 -189
  48. package/lib/components/VCombobox/VCombobox.mjs +3 -3
  49. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  50. package/lib/components/VCombobox/index.d.mts +74 -98
  51. package/lib/components/VDataIterator/index.d.mts +8 -6
  52. package/lib/components/VDataTable/VDataTable.css +3 -0
  53. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  54. package/lib/components/VDataTable/VDataTable.sass +2 -0
  55. package/lib/components/VDataTable/VDataTableRow.mjs.map +1 -1
  56. package/lib/components/VDataTable/VDataTableRows.mjs.map +1 -1
  57. package/lib/components/VDataTable/VDataTableServer.mjs +2 -2
  58. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  59. package/lib/components/VDataTable/VDataTableVirtual.mjs +4 -3
  60. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  61. package/lib/components/VDataTable/composables/items.mjs.map +1 -1
  62. package/lib/components/VDataTable/composables/paginate.mjs.map +1 -1
  63. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  64. package/lib/components/VDataTable/index.d.mts +431 -4162
  65. package/lib/components/VDataTable/types.mjs.map +1 -1
  66. package/lib/components/VDatePicker/VDatePicker.css +4 -0
  67. package/lib/components/VDatePicker/VDatePicker.mjs +29 -22
  68. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  69. package/lib/components/VDatePicker/VDatePicker.sass +4 -0
  70. package/lib/components/VDatePicker/VDatePickerMonth.mjs +3 -1
  71. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  72. package/lib/components/VDatePicker/VDatePickerYears.mjs +1 -1
  73. package/lib/components/VDatePicker/VDatePickerYears.mjs.map +1 -1
  74. package/lib/components/VDatePicker/index.d.mts +32 -36
  75. package/lib/components/VDialog/VDialog.css +4 -1
  76. package/lib/components/VDialog/VDialog.sass +4 -3
  77. package/lib/components/VField/VField.mjs +1 -1
  78. package/lib/components/VField/VField.mjs.map +1 -1
  79. package/lib/components/VField/index.d.mts +33 -41
  80. package/lib/components/VFileInput/index.d.mts +144 -385
  81. package/lib/components/VGrid/VSpacer.mjs +3 -0
  82. package/lib/components/VGrid/VSpacer.mjs.map +1 -1
  83. package/lib/components/VImg/VImg.mjs +10 -2
  84. package/lib/components/VImg/VImg.mjs.map +1 -1
  85. package/lib/components/VInput/VInput.mjs +1 -1
  86. package/lib/components/VInput/VInput.mjs.map +1 -1
  87. package/lib/components/VInput/index.d.mts +72 -154
  88. package/lib/components/VItemGroup/VItemGroup.mjs +1 -1
  89. package/lib/components/VItemGroup/VItemGroup.mjs.map +1 -1
  90. package/lib/components/VItemGroup/index.d.mts +49 -189
  91. package/lib/components/VList/VList.mjs +2 -2
  92. package/lib/components/VList/VList.mjs.map +1 -1
  93. package/lib/components/VList/index.d.mts +58 -95
  94. package/lib/components/VOtpInput/index.d.mts +8 -11
  95. package/lib/components/VRadio/index.d.mts +1 -1
  96. package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -1
  97. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  98. package/lib/components/VRadioGroup/index.d.mts +77 -211
  99. package/lib/components/VRangeSlider/index.d.mts +22 -25
  100. package/lib/components/VSelect/VSelect.mjs +2 -2
  101. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  102. package/lib/components/VSelect/index.d.mts +67 -91
  103. package/lib/components/VSelectionControl/VSelectionControl.mjs +2 -2
  104. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  105. package/lib/components/VSelectionControl/index.d.mts +9 -18
  106. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +1 -1
  107. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  108. package/lib/components/VSelectionControlGroup/index.d.mts +46 -68
  109. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  110. package/lib/components/VSlideGroup/index.d.mts +47 -101
  111. package/lib/components/VSlider/index.d.mts +22 -25
  112. package/lib/components/VStepper/VStepperWindow.mjs +8 -6
  113. package/lib/components/VStepper/VStepperWindow.mjs.map +1 -1
  114. package/lib/components/VStepper/VStepperWindowItem.mjs +3 -1
  115. package/lib/components/VStepper/VStepperWindowItem.mjs.map +1 -1
  116. package/lib/components/VStepper/index.d.mts +18 -140
  117. package/lib/components/VSwitch/VSwitch.mjs +7 -5
  118. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  119. package/lib/components/VSwitch/index.d.mts +90 -303
  120. package/lib/components/VTextField/index.d.mts +173 -451
  121. package/lib/components/VTextarea/index.d.mts +144 -385
  122. package/lib/components/VValidation/VValidation.mjs +2 -2
  123. package/lib/components/VValidation/VValidation.mjs.map +1 -1
  124. package/lib/components/VValidation/index.d.mts +88 -359
  125. package/lib/components/VWindow/VWindow.mjs +1 -1
  126. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  127. package/lib/components/VWindow/index.d.mts +58 -245
  128. package/lib/components/index.d.mts +1974 -9264
  129. package/lib/composables/date/DateAdapter.mjs.map +1 -1
  130. package/lib/composables/date/adapters/vuetify.mjs +1 -13
  131. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  132. package/lib/composables/date/date.mjs +1 -1
  133. package/lib/composables/date/date.mjs.map +1 -1
  134. package/lib/composables/form.mjs.map +1 -1
  135. package/lib/composables/group.mjs.map +1 -1
  136. package/lib/composables/nested/nested.mjs.map +1 -1
  137. package/lib/composables/proxiedModel.mjs.map +1 -1
  138. package/lib/composables/validation.mjs.map +1 -1
  139. package/lib/composables/virtual.mjs +11 -13
  140. package/lib/composables/virtual.mjs.map +1 -1
  141. package/lib/entry-bundler.mjs +1 -1
  142. package/lib/entry-bundler.mjs.map +1 -1
  143. package/lib/framework.mjs +1 -1
  144. package/lib/framework.mjs.map +1 -1
  145. package/lib/index.d.mts +24 -28
  146. package/lib/labs/VConfirmEdit/index.d.mts +0 -10
  147. package/lib/labs/components.d.mts +0 -10
  148. package/lib/util/defineComponent.mjs.map +1 -1
  149. package/lib/util/helpers.mjs.map +1 -1
  150. package/package.json +3 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.4.0-beta.1
2
+ * Vuetify v3.4.1
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17032,34 +17032,6 @@ html.overflow-y-hidden {
17032
17032
  padding-bottom: 16px;
17033
17033
  font-weight: 600;
17034
17034
  letter-spacing: 0.1666666667em;
17035
- }.v-app-bar {
17036
- display: flex;
17037
- }
17038
- .v-app-bar.v-toolbar {
17039
- background: rgb(var(--v-theme-surface));
17040
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17041
- }
17042
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17043
- 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));
17044
- }
17045
- .v-app-bar:not(.v-toolbar--absolute) {
17046
- padding-inline-end: var(--v-scrollbar-offset);
17047
- }.v-application {
17048
- display: flex;
17049
- background: rgb(var(--v-theme-background));
17050
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17051
- }
17052
-
17053
- .v-application__wrap {
17054
- -webkit-backface-visibility: hidden;
17055
- backface-visibility: hidden;
17056
- display: flex;
17057
- flex-direction: column;
17058
- flex: 1 1 auto;
17059
- max-width: 100%;
17060
- min-height: 100vh;
17061
- min-height: 100dvh;
17062
- position: relative;
17063
17035
  }.v-alert {
17064
17036
  display: grid;
17065
17037
  flex: 1 1;
@@ -17270,6 +17242,22 @@ html.overflow-y-hidden {
17270
17242
  text-transform: none;
17271
17243
  word-break: normal;
17272
17244
  word-wrap: break-word;
17245
+ }.v-application {
17246
+ display: flex;
17247
+ background: rgb(var(--v-theme-background));
17248
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17249
+ }
17250
+
17251
+ .v-application__wrap {
17252
+ -webkit-backface-visibility: hidden;
17253
+ backface-visibility: hidden;
17254
+ display: flex;
17255
+ flex-direction: column;
17256
+ flex: 1 1 auto;
17257
+ max-width: 100%;
17258
+ min-height: 100vh;
17259
+ min-height: 100dvh;
17260
+ position: relative;
17273
17261
  }.v-autocomplete .v-field .v-text-field__prefix,
17274
17262
  .v-autocomplete .v-field .v-text-field__suffix,
17275
17263
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17351,93 +17339,18 @@ html.overflow-y-hidden {
17351
17339
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17352
17340
  opacity: var(--v-high-emphasis-opacity);
17353
17341
  transform: rotate(180deg);
17354
- }.v-avatar {
17355
- flex: none;
17356
- align-items: center;
17357
- display: inline-flex;
17358
- justify-content: center;
17359
- line-height: normal;
17360
- overflow: hidden;
17361
- position: relative;
17362
- text-align: center;
17363
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17364
- transition-property: width, height;
17365
- vertical-align: middle;
17366
- border-radius: 50%;
17367
- }
17368
- .v-avatar.v-avatar--size-x-small {
17369
- --v-avatar-height: 24px;
17370
- }
17371
- .v-avatar.v-avatar--size-small {
17372
- --v-avatar-height: 32px;
17373
- }
17374
- .v-avatar.v-avatar--size-default {
17375
- --v-avatar-height: 40px;
17376
- }
17377
- .v-avatar.v-avatar--size-large {
17378
- --v-avatar-height: 48px;
17379
- }
17380
- .v-avatar.v-avatar--size-x-large {
17381
- --v-avatar-height: 56px;
17382
- }
17383
- .v-avatar.v-avatar--density-default {
17384
- height: calc(var(--v-avatar-height) + 0px);
17385
- width: calc(var(--v-avatar-height) + 0px);
17386
- }
17387
- .v-avatar.v-avatar--density-comfortable {
17388
- height: calc(var(--v-avatar-height) + -4px);
17389
- width: calc(var(--v-avatar-height) + -4px);
17390
- }
17391
- .v-avatar.v-avatar--density-compact {
17392
- height: calc(var(--v-avatar-height) + -8px);
17393
- width: calc(var(--v-avatar-height) + -8px);
17394
- }
17395
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17396
- background: transparent;
17397
- color: inherit;
17398
- }
17399
- .v-avatar--variant-plain {
17400
- opacity: 0.62;
17401
- }
17402
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17403
- opacity: 1;
17404
- }
17405
- .v-avatar--variant-plain .v-avatar__overlay {
17406
- display: none;
17407
- }
17408
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
17409
- background: var(--v-theme-surface);
17410
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17411
- }
17412
- .v-avatar--variant-elevated {
17413
- 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));
17414
- }
17415
- .v-avatar--variant-flat {
17416
- 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));
17417
- }
17418
- .v-avatar--variant-outlined {
17419
- border: thin solid currentColor;
17420
- }
17421
- .v-avatar--variant-text .v-avatar__overlay {
17422
- background: currentColor;
17342
+ }.v-app-bar {
17343
+ display: flex;
17423
17344
  }
17424
- .v-avatar--variant-tonal .v-avatar__underlay {
17425
- background: currentColor;
17426
- opacity: var(--v-activated-opacity);
17427
- border-radius: inherit;
17428
- position: absolute;
17429
- top: 0;
17430
- right: 0;
17431
- bottom: 0;
17432
- left: 0;
17433
- pointer-events: none;
17345
+ .v-app-bar.v-toolbar {
17346
+ background: rgb(var(--v-theme-surface));
17347
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17434
17348
  }
17435
- .v-avatar--rounded {
17436
- border-radius: 4px;
17349
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17350
+ 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));
17437
17351
  }
17438
- .v-avatar .v-img {
17439
- height: 100%;
17440
- width: 100%;
17352
+ .v-app-bar:not(.v-toolbar--absolute) {
17353
+ padding-inline-end: var(--v-scrollbar-offset);
17441
17354
  }.v-badge {
17442
17355
  display: inline-block;
17443
17356
  line-height: 1;
@@ -17666,6 +17579,93 @@ html.overflow-y-hidden {
17666
17579
  }
17667
17580
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17668
17581
  align-self: flex-start;
17582
+ }.v-avatar {
17583
+ flex: none;
17584
+ align-items: center;
17585
+ display: inline-flex;
17586
+ justify-content: center;
17587
+ line-height: normal;
17588
+ overflow: hidden;
17589
+ position: relative;
17590
+ text-align: center;
17591
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17592
+ transition-property: width, height;
17593
+ vertical-align: middle;
17594
+ border-radius: 50%;
17595
+ }
17596
+ .v-avatar.v-avatar--size-x-small {
17597
+ --v-avatar-height: 24px;
17598
+ }
17599
+ .v-avatar.v-avatar--size-small {
17600
+ --v-avatar-height: 32px;
17601
+ }
17602
+ .v-avatar.v-avatar--size-default {
17603
+ --v-avatar-height: 40px;
17604
+ }
17605
+ .v-avatar.v-avatar--size-large {
17606
+ --v-avatar-height: 48px;
17607
+ }
17608
+ .v-avatar.v-avatar--size-x-large {
17609
+ --v-avatar-height: 56px;
17610
+ }
17611
+ .v-avatar.v-avatar--density-default {
17612
+ height: calc(var(--v-avatar-height) + 0px);
17613
+ width: calc(var(--v-avatar-height) + 0px);
17614
+ }
17615
+ .v-avatar.v-avatar--density-comfortable {
17616
+ height: calc(var(--v-avatar-height) + -4px);
17617
+ width: calc(var(--v-avatar-height) + -4px);
17618
+ }
17619
+ .v-avatar.v-avatar--density-compact {
17620
+ height: calc(var(--v-avatar-height) + -8px);
17621
+ width: calc(var(--v-avatar-height) + -8px);
17622
+ }
17623
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
17624
+ background: transparent;
17625
+ color: inherit;
17626
+ }
17627
+ .v-avatar--variant-plain {
17628
+ opacity: 0.62;
17629
+ }
17630
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
17631
+ opacity: 1;
17632
+ }
17633
+ .v-avatar--variant-plain .v-avatar__overlay {
17634
+ display: none;
17635
+ }
17636
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
17637
+ background: var(--v-theme-surface);
17638
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17639
+ }
17640
+ .v-avatar--variant-elevated {
17641
+ 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));
17642
+ }
17643
+ .v-avatar--variant-flat {
17644
+ 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));
17645
+ }
17646
+ .v-avatar--variant-outlined {
17647
+ border: thin solid currentColor;
17648
+ }
17649
+ .v-avatar--variant-text .v-avatar__overlay {
17650
+ background: currentColor;
17651
+ }
17652
+ .v-avatar--variant-tonal .v-avatar__underlay {
17653
+ background: currentColor;
17654
+ opacity: var(--v-activated-opacity);
17655
+ border-radius: inherit;
17656
+ position: absolute;
17657
+ top: 0;
17658
+ right: 0;
17659
+ bottom: 0;
17660
+ left: 0;
17661
+ pointer-events: none;
17662
+ }
17663
+ .v-avatar--rounded {
17664
+ border-radius: 4px;
17665
+ }
17666
+ .v-avatar .v-img {
17667
+ height: 100%;
17668
+ width: 100%;
17669
17669
  }.v-bottom-navigation {
17670
17670
  display: flex;
17671
17671
  max-width: 100%;
@@ -17810,151 +17810,143 @@ html.overflow-y-hidden {
17810
17810
  display: inline-block;
17811
17811
  padding: 0 8px;
17812
17812
  vertical-align: middle;
17813
- }/** if false, disabled buttons will be greyed out */
17814
- .v-btn {
17815
- align-items: center;
17816
- border-radius: 4px;
17817
- display: inline-grid;
17818
- grid-template-areas: "prepend content append";
17819
- grid-template-columns: max-content auto max-content;
17820
- font-weight: 500;
17821
- justify-content: center;
17822
- letter-spacing: 0.0892857143em;
17823
- line-height: normal;
17813
+ }.v-btn-group {
17814
+ display: inline-flex;
17815
+ flex-wrap: nowrap;
17824
17816
  max-width: 100%;
17825
- outline: none;
17826
- position: relative;
17827
- text-decoration: none;
17828
- text-indent: 0.0892857143em;
17829
- text-transform: uppercase;
17830
- transition-property: box-shadow, transform, opacity, background;
17831
- transition-duration: 0.28s;
17832
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17833
- -webkit-user-select: none;
17834
- user-select: none;
17817
+ min-width: 0;
17818
+ overflow: hidden;
17835
17819
  vertical-align: middle;
17836
- flex-shrink: 0;
17837
17820
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17838
17821
  border-style: solid;
17839
17822
  border-width: 0;
17823
+ 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));
17824
+ border-radius: 4px;
17825
+ background: transparent;
17826
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17840
17827
  }
17841
- .v-btn--size-x-small {
17842
- --v-btn-size: 0.625rem;
17843
- --v-btn-height: 20px;
17844
- font-size: var(--v-btn-size);
17845
- min-width: 36px;
17846
- padding: 0 8px;
17828
+ .v-btn-group--border {
17829
+ border-width: thin;
17830
+ box-shadow: none;
17847
17831
  }
17848
-
17849
- .v-btn--size-small {
17850
- --v-btn-size: 0.75rem;
17851
- --v-btn-height: 28px;
17852
- font-size: var(--v-btn-size);
17853
- min-width: 50px;
17854
- padding: 0 12px;
17832
+ .v-btn-group--density-default.v-btn-group {
17833
+ height: 48px;
17855
17834
  }
17856
17835
 
17857
- .v-btn--size-default {
17858
- --v-btn-size: 0.875rem;
17859
- --v-btn-height: 36px;
17860
- font-size: var(--v-btn-size);
17861
- min-width: 64px;
17862
- padding: 0 16px;
17836
+ .v-btn-group--density-comfortable.v-btn-group {
17837
+ height: 40px;
17863
17838
  }
17864
17839
 
17865
- .v-btn--size-large {
17866
- --v-btn-size: 1rem;
17867
- --v-btn-height: 44px;
17868
- font-size: var(--v-btn-size);
17869
- min-width: 78px;
17870
- padding: 0 20px;
17840
+ .v-btn-group--density-compact.v-btn-group {
17841
+ height: 36px;
17871
17842
  }
17872
17843
 
17873
- .v-btn--size-x-large {
17874
- --v-btn-size: 1.125rem;
17875
- --v-btn-height: 52px;
17876
- font-size: var(--v-btn-size);
17877
- min-width: 92px;
17878
- padding: 0 24px;
17844
+ .v-btn-group .v-btn {
17845
+ border-radius: 0;
17846
+ border-color: inherit;
17879
17847
  }
17880
-
17881
- .v-btn.v-btn--density-default {
17882
- height: calc(var(--v-btn-height) + 0px);
17848
+ .v-btn-group .v-btn:not(:last-child) {
17849
+ border-inline-end: none;
17883
17850
  }
17884
-
17885
- .v-btn.v-btn--density-comfortable {
17886
- height: calc(var(--v-btn-height) + -8px);
17851
+ .v-btn-group .v-btn:not(:first-child) {
17852
+ border-inline-start: none;
17887
17853
  }
17888
-
17889
- .v-btn.v-btn--density-compact {
17890
- height: calc(var(--v-btn-height) + -12px);
17854
+ .v-btn-group .v-btn:first-child {
17855
+ border-start-start-radius: inherit;
17856
+ border-end-start-radius: inherit;
17891
17857
  }
17892
-
17893
- .v-btn--border {
17858
+ .v-btn-group .v-btn:last-child {
17859
+ border-start-end-radius: inherit;
17860
+ border-end-end-radius: inherit;
17861
+ }
17862
+ .v-btn-group--divided .v-btn:not(:last-child) {
17863
+ border-inline-end-width: thin;
17864
+ border-inline-end-style: solid;
17865
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17866
+ }
17867
+ .v-btn-group--tile {
17868
+ border-radius: 0;
17869
+ }.v-card {
17870
+ display: block;
17871
+ overflow: hidden;
17872
+ overflow-wrap: break-word;
17873
+ position: relative;
17874
+ padding: 0;
17875
+ text-decoration: none;
17876
+ transition-duration: 0.28s;
17877
+ transition-property: box-shadow, opacity, background;
17878
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17879
+ z-index: 0;
17880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17881
+ border-style: solid;
17882
+ border-width: 0;
17883
+ border-radius: 4px;
17884
+ }
17885
+ .v-card--border {
17894
17886
  border-width: thin;
17895
17887
  box-shadow: none;
17896
17888
  }
17897
- .v-btn--absolute {
17889
+ .v-card--absolute {
17898
17890
  position: absolute;
17899
17891
  }
17900
- .v-btn--fixed {
17892
+ .v-card--fixed {
17901
17893
  position: fixed;
17902
17894
  }
17903
- .v-btn:hover > .v-btn__overlay {
17895
+ .v-card:hover > .v-card__overlay {
17904
17896
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17905
17897
  }
17906
- .v-btn:focus-visible > .v-btn__overlay {
17898
+ .v-card:focus-visible > .v-card__overlay {
17907
17899
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17908
17900
  }
17909
17901
  @supports not selector(:focus-visible) {
17910
- .v-btn:focus > .v-btn__overlay {
17902
+ .v-card:focus > .v-card__overlay {
17911
17903
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17912
17904
  }
17913
17905
  }
17914
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17906
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17915
17907
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17916
17908
  }
17917
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17909
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17918
17910
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17919
17911
  }
17920
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17912
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17921
17913
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17922
17914
  }
17923
17915
  @supports not selector(:focus-visible) {
17924
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17916
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17925
17917
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17926
17918
  }
17927
17919
  }
17928
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17920
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17929
17921
  background: transparent;
17930
17922
  color: inherit;
17931
17923
  }
17932
- .v-btn--variant-plain {
17924
+ .v-card--variant-plain {
17933
17925
  opacity: 0.62;
17934
17926
  }
17935
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17927
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17936
17928
  opacity: 1;
17937
17929
  }
17938
- .v-btn--variant-plain .v-btn__overlay {
17930
+ .v-card--variant-plain .v-card__overlay {
17939
17931
  display: none;
17940
17932
  }
17941
- .v-btn--variant-elevated, .v-btn--variant-flat {
17933
+ .v-card--variant-elevated, .v-card--variant-flat {
17942
17934
  background: rgb(var(--v-theme-surface));
17943
17935
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17944
17936
  }
17945
- .v-btn--variant-elevated {
17946
- 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));
17937
+ .v-card--variant-elevated {
17938
+ 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));
17947
17939
  }
17948
- .v-btn--variant-flat {
17940
+ .v-card--variant-flat {
17949
17941
  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));
17950
17942
  }
17951
- .v-btn--variant-outlined {
17943
+ .v-card--variant-outlined {
17952
17944
  border: thin solid currentColor;
17953
17945
  }
17954
- .v-btn--variant-text .v-btn__overlay {
17946
+ .v-card--variant-text .v-card__overlay {
17955
17947
  background: currentColor;
17956
17948
  }
17957
- .v-btn--variant-tonal .v-btn__underlay {
17949
+ .v-card--variant-tonal .v-card__underlay {
17958
17950
  background: currentColor;
17959
17951
  opacity: var(--v-activated-opacity);
17960
17952
  border-radius: inherit;
@@ -17965,605 +17957,538 @@ html.overflow-y-hidden {
17965
17957
  left: 0;
17966
17958
  pointer-events: none;
17967
17959
  }
17968
- @supports selector(:focus-visible) {
17969
- .v-btn::after {
17970
- content: "";
17971
- position: absolute;
17972
- top: 0;
17973
- left: 0;
17974
- width: 100%;
17975
- height: 100%;
17976
- pointer-events: none;
17977
- border: 2px solid currentColor;
17978
- border-radius: inherit;
17979
- opacity: 0;
17980
- transition: opacity 0.2s ease-in-out;
17981
- }
17982
- .v-btn:focus-visible::after {
17983
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17984
- }
17985
- }
17986
- .v-btn--icon {
17987
- border-radius: 50%;
17988
- min-width: 0;
17989
- padding: 0;
17990
- }
17991
- .v-btn--icon.v-btn--size-default {
17992
- --v-btn-size: 1rem;
17993
- }
17994
- .v-btn--icon.v-btn--density-default {
17995
- width: calc(var(--v-btn-height) + 12px);
17996
- height: calc(var(--v-btn-height) + 12px);
17997
- }
17998
- .v-btn--icon.v-btn--density-comfortable {
17999
- width: calc(var(--v-btn-height) + 0px);
18000
- height: calc(var(--v-btn-height) + 0px);
18001
- }
18002
- .v-btn--icon.v-btn--density-compact {
18003
- width: calc(var(--v-btn-height) + -8px);
18004
- height: calc(var(--v-btn-height) + -8px);
18005
- }
18006
-
18007
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18008
- 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));
17960
+ .v-card--disabled {
17961
+ pointer-events: none;
17962
+ -webkit-user-select: none;
17963
+ user-select: none;
18009
17964
  }
18010
- .v-btn--elevated:active {
18011
- 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));
17965
+ .v-card--disabled > :not(.v-card__loader) {
17966
+ opacity: 0.6;
18012
17967
  }
18013
- .v-btn--flat {
17968
+ .v-card--flat {
18014
17969
  box-shadow: none;
18015
17970
  }
18016
- .v-btn--block {
18017
- display: flex;
18018
- flex: 1 0 auto;
18019
- min-width: 100%;
17971
+ .v-card--hover {
17972
+ cursor: pointer;
18020
17973
  }
18021
- .v-btn--disabled {
17974
+ .v-card--hover::before, .v-card--hover::after {
17975
+ border-radius: inherit;
17976
+ bottom: 0;
17977
+ content: "";
17978
+ display: block;
17979
+ left: 0;
18022
17980
  pointer-events: none;
18023
- opacity: 0.26;
18024
- }
18025
- .v-btn--disabled:hover {
18026
- opacity: 0.26;
17981
+ position: absolute;
17982
+ right: 0;
17983
+ top: 0;
17984
+ transition: inherit;
18027
17985
  }
18028
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18029
- box-shadow: none;
17986
+ .v-card--hover::before {
18030
17987
  opacity: 1;
18031
- color: rgba(var(--v-theme-on-surface), 0.26);
18032
- background: rgb(var(--v-theme-surface));
17988
+ z-index: -1;
17989
+ 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));
18033
17990
  }
18034
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18035
- opacity: 0.4615384615;
17991
+ .v-card--hover::after {
17992
+ z-index: 1;
17993
+ opacity: 0;
17994
+ 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));
18036
17995
  }
18037
- .v-btn--loading {
18038
- pointer-events: none;
17996
+ .v-card--hover:hover::after {
17997
+ opacity: 1;
18039
17998
  }
18040
- .v-btn--loading .v-btn__content,
18041
- .v-btn--loading .v-btn__prepend,
18042
- .v-btn--loading .v-btn__append {
17999
+ .v-card--hover:hover::before {
18043
18000
  opacity: 0;
18044
18001
  }
18045
- .v-btn--stacked {
18046
- grid-template-areas: "prepend" "content" "append";
18047
- grid-template-columns: auto;
18048
- grid-template-rows: max-content max-content max-content;
18049
- justify-items: center;
18050
- align-content: center;
18002
+ .v-card--hover:hover {
18003
+ 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));
18051
18004
  }
18052
- .v-btn--stacked .v-btn__content {
18053
- flex-direction: column;
18054
- line-height: 1.25;
18005
+ .v-card--link {
18006
+ cursor: pointer;
18055
18007
  }
18056
- .v-btn--stacked .v-btn__prepend,
18057
- .v-btn--stacked .v-btn__append,
18058
- .v-btn--stacked .v-btn__content > .v-icon--start,
18059
- .v-btn--stacked .v-btn__content > .v-icon--end {
18060
- margin-inline: 0;
18008
+
18009
+ .v-card-actions {
18010
+ align-items: center;
18011
+ display: flex;
18012
+ flex: none;
18013
+ min-height: 52px;
18014
+ padding: 0.5rem;
18061
18015
  }
18062
- .v-btn--stacked .v-btn__prepend,
18063
- .v-btn--stacked .v-btn__content > .v-icon--start {
18064
- margin-bottom: 4px;
18016
+
18017
+ .v-card-item {
18018
+ align-items: center;
18019
+ display: grid;
18020
+ flex: none;
18021
+ grid-template-areas: "prepend content append";
18022
+ grid-template-columns: max-content auto max-content;
18023
+ padding: 0.625rem 1rem;
18065
18024
  }
18066
- .v-btn--stacked .v-btn__append,
18067
- .v-btn--stacked .v-btn__content > .v-icon--end {
18068
- margin-top: 4px;
18025
+ .v-card-item + .v-card-text {
18026
+ padding-top: 0;
18069
18027
  }
18070
- .v-btn--stacked.v-btn--size-x-small {
18071
- --v-btn-size: 0.625rem;
18072
- --v-btn-height: 56px;
18073
- font-size: var(--v-btn-size);
18074
- min-width: 56px;
18075
- padding: 0 12px;
18028
+ .v-card-item__prepend {
18029
+ grid-area: prepend;
18030
+ padding-inline-end: 1rem;
18076
18031
  }
18077
-
18078
- .v-btn--stacked.v-btn--size-small {
18079
- --v-btn-size: 0.75rem;
18080
- --v-btn-height: 64px;
18081
- font-size: var(--v-btn-size);
18082
- min-width: 64px;
18083
- padding: 0 14px;
18032
+ .v-card-item__append {
18033
+ grid-area: append;
18034
+ padding-inline-start: 1rem;
18084
18035
  }
18085
18036
 
18086
- .v-btn--stacked.v-btn--size-default {
18087
- --v-btn-size: 0.875rem;
18088
- --v-btn-height: 72px;
18089
- font-size: var(--v-btn-size);
18090
- min-width: 72px;
18091
- padding: 0 16px;
18037
+ .v-card-item__content {
18038
+ align-self: center;
18039
+ grid-area: content;
18040
+ overflow: hidden;
18092
18041
  }
18093
18042
 
18094
- .v-btn--stacked.v-btn--size-large {
18095
- --v-btn-size: 1rem;
18096
- --v-btn-height: 80px;
18097
- font-size: var(--v-btn-size);
18098
- min-width: 80px;
18099
- padding: 0 18px;
18043
+ .v-card-title {
18044
+ display: block;
18045
+ flex: none;
18046
+ font-size: 1.25rem;
18047
+ font-weight: 500;
18048
+ -webkit-hyphens: auto;
18049
+ hyphens: auto;
18050
+ letter-spacing: 0.0125em;
18051
+ min-width: 0;
18052
+ overflow-wrap: normal;
18053
+ overflow: hidden;
18054
+ padding: 0.5rem 1rem;
18055
+ text-overflow: ellipsis;
18056
+ text-transform: none;
18057
+ white-space: nowrap;
18058
+ word-break: normal;
18059
+ word-wrap: break-word;
18100
18060
  }
18101
-
18102
- .v-btn--stacked.v-btn--size-x-large {
18103
- --v-btn-size: 1.125rem;
18104
- --v-btn-height: 88px;
18105
- font-size: var(--v-btn-size);
18106
- min-width: 88px;
18107
- padding: 0 20px;
18061
+ .v-card .v-card-title {
18062
+ line-height: 2rem;
18108
18063
  }
18109
-
18110
- .v-btn--stacked.v-btn--density-default {
18111
- height: calc(var(--v-btn-height) + 0px);
18064
+ .v-card--density-comfortable .v-card-title {
18065
+ line-height: 1.75rem;
18112
18066
  }
18113
-
18114
- .v-btn--stacked.v-btn--density-comfortable {
18115
- height: calc(var(--v-btn-height) + -16px);
18067
+ .v-card--density-compact .v-card-title {
18068
+ line-height: 1.55rem;
18116
18069
  }
18117
-
18118
- .v-btn--stacked.v-btn--density-compact {
18119
- height: calc(var(--v-btn-height) + -24px);
18070
+ .v-card-item .v-card-title {
18071
+ padding: 0;
18072
+ }
18073
+ .v-card-title + .v-card-text,
18074
+ .v-card-title + .v-card-actions {
18075
+ padding-top: 0;
18120
18076
  }
18121
18077
 
18122
- .v-btn--slim {
18123
- padding: 0 8px;
18078
+ .v-card-subtitle {
18079
+ display: block;
18080
+ flex: none;
18081
+ font-size: 0.875rem;
18082
+ font-weight: 400;
18083
+ letter-spacing: 0.0178571429em;
18084
+ opacity: var(--v-medium-emphasis-opacity);
18085
+ overflow: hidden;
18086
+ padding: 0 1rem;
18087
+ text-overflow: ellipsis;
18088
+ text-transform: none;
18089
+ white-space: nowrap;
18124
18090
  }
18125
- .v-btn--rounded {
18126
- border-radius: 24px;
18091
+ .v-card .v-card-subtitle {
18092
+ line-height: 1.25rem;
18127
18093
  }
18128
- .v-btn--rounded.v-btn--icon {
18129
- border-radius: 4px;
18094
+ .v-card--density-comfortable .v-card-subtitle {
18095
+ line-height: 1.125rem;
18130
18096
  }
18131
- .v-btn .v-icon {
18132
- --v-icon-size-multiplier: 0.8571428571;
18097
+ .v-card--density-compact .v-card-subtitle {
18098
+ line-height: 1rem;
18133
18099
  }
18134
- .v-btn--icon .v-icon {
18135
- --v-icon-size-multiplier: 1;
18100
+ .v-card-item .v-card-subtitle {
18101
+ padding: 0 0 0.25rem;
18136
18102
  }
18137
- .v-btn--stacked .v-icon {
18138
- --v-icon-size-multiplier: 1.1428571429;
18103
+
18104
+ .v-card-text {
18105
+ flex: 1 1 auto;
18106
+ font-size: 0.875rem;
18107
+ font-weight: 400;
18108
+ letter-spacing: 0.0178571429em;
18109
+ padding: 1rem;
18110
+ text-transform: none;
18111
+ }
18112
+ .v-card .v-card-text {
18113
+ line-height: 1.25rem;
18114
+ }
18115
+ .v-card--density-comfortable .v-card-text {
18116
+ line-height: 1.2rem;
18117
+ }
18118
+ .v-card--density-compact .v-card-text {
18119
+ line-height: 1.15rem;
18139
18120
  }
18140
18121
 
18141
- .v-btn__loader {
18142
- align-items: center;
18122
+ .v-card__image {
18143
18123
  display: flex;
18144
18124
  height: 100%;
18145
- justify-content: center;
18125
+ flex: 1 1 auto;
18146
18126
  left: 0;
18127
+ overflow: hidden;
18147
18128
  position: absolute;
18148
18129
  top: 0;
18149
18130
  width: 100%;
18131
+ z-index: -1;
18150
18132
  }
18151
18133
 
18152
- .v-btn__content,
18153
- .v-btn__prepend,
18154
- .v-btn__append {
18155
- align-items: center;
18156
- display: flex;
18157
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18158
- }
18159
-
18160
- .v-btn__prepend {
18161
- grid-area: prepend;
18162
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18163
- }
18164
-
18165
- .v-btn__append {
18166
- grid-area: append;
18167
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18134
+ .v-card__content {
18135
+ border-radius: inherit;
18136
+ overflow: hidden;
18137
+ position: relative;
18168
18138
  }
18169
18139
 
18170
- .v-btn__content {
18171
- grid-area: content;
18172
- justify-content: center;
18173
- white-space: nowrap;
18174
- }
18175
- .v-btn__content > .v-icon--start {
18176
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18177
- }
18178
- .v-btn__content > .v-icon--end {
18179
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18180
- }
18181
- .v-btn--stacked .v-btn__content {
18182
- white-space: normal;
18140
+ .v-card__loader {
18141
+ bottom: auto;
18142
+ top: 0;
18143
+ left: 0;
18144
+ position: absolute;
18145
+ right: 0;
18146
+ width: 100%;
18147
+ z-index: 1;
18183
18148
  }
18184
18149
 
18185
- .v-btn__overlay {
18150
+ .v-card__overlay {
18186
18151
  background-color: currentColor;
18187
18152
  border-radius: inherit;
18188
- opacity: 0;
18189
- transition: opacity 0.2s ease-in-out;
18190
- }
18191
-
18192
- .v-btn__overlay,
18193
- .v-btn__underlay {
18194
18153
  position: absolute;
18195
18154
  top: 0;
18155
+ right: 0;
18156
+ bottom: 0;
18196
18157
  left: 0;
18197
- width: 100%;
18198
- height: 100%;
18199
18158
  pointer-events: none;
18200
- }
18201
-
18202
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18203
- margin-inline-start: 0.5rem;
18204
- }
18205
-
18206
- .v-pagination .v-btn {
18207
- border-radius: 4px;
18208
- }
18209
- .v-btn__overlay {
18210
- transition: none;
18211
- }
18212
- .v-pagination__item--is-active .v-btn__overlay {
18213
- opacity: var(--v-border-opacity);
18214
- }/** if false, disabled buttons will be greyed out */
18215
- .v-btn-group {
18159
+ opacity: 0;
18160
+ transition: opacity 0.2s ease-in-out;
18161
+ }.v-chip {
18162
+ align-items: center;
18163
+ cursor: default;
18216
18164
  display: inline-flex;
18217
- flex-wrap: nowrap;
18165
+ font-weight: 400;
18218
18166
  max-width: 100%;
18219
18167
  min-width: 0;
18220
18168
  overflow: hidden;
18169
+ position: relative;
18170
+ text-decoration: none;
18171
+ white-space: nowrap;
18221
18172
  vertical-align: middle;
18222
18173
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18223
18174
  border-style: solid;
18224
18175
  border-width: 0;
18225
- 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));
18226
- border-radius: 4px;
18227
- background: transparent;
18228
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18176
+ border-radius: 9999px;
18229
18177
  }
18230
- .v-btn-group--border {
18231
- border-width: thin;
18232
- box-shadow: none;
18178
+ .v-chip.v-chip--size-x-small {
18179
+ --v-chip-size: 0.625rem;
18180
+ --v-chip-height: 20px;
18181
+ font-size: 0.625rem;
18182
+ padding: 0 8px;
18233
18183
  }
18234
- .v-btn-group--density-default.v-btn-group {
18235
- height: 48px;
18184
+ .v-chip.v-chip--size-x-small .v-avatar {
18185
+ --v-avatar-height: 14px;
18236
18186
  }
18237
-
18238
- .v-btn-group--density-comfortable.v-btn-group {
18239
- height: 40px;
18187
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18188
+ --v-avatar-height: 20px;
18240
18189
  }
18241
18190
 
18242
- .v-btn-group--density-compact.v-btn-group {
18243
- height: 36px;
18191
+ .v-chip.v-chip--size-x-small .v-avatar--start {
18192
+ margin-inline-start: -5.6px;
18193
+ margin-inline-end: 4px;
18194
+ }
18195
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18196
+ margin-inline-start: -8px;
18244
18197
  }
18245
18198
 
18246
- .v-btn-group .v-btn {
18247
- border-radius: 0;
18248
- border-color: inherit;
18199
+ .v-chip.v-chip--size-x-small .v-avatar--end {
18200
+ margin-inline-start: 4px;
18201
+ margin-inline-end: -5.6px;
18249
18202
  }
18250
- .v-btn-group .v-btn:not(:last-child) {
18251
- border-inline-end: none;
18203
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
18204
+ margin-inline-end: -8px;
18252
18205
  }
18253
- .v-btn-group .v-btn:not(:first-child) {
18254
- border-inline-start: none;
18206
+
18207
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
18208
+ margin-inline-start: 12px;
18255
18209
  }
18256
- .v-btn-group .v-btn:first-child {
18257
- border-start-start-radius: inherit;
18258
- border-end-start-radius: inherit;
18210
+
18211
+ .v-chip.v-chip--size-x-small .v-icon--start,
18212
+ .v-chip.v-chip--size-x-small .v-chip__filter {
18213
+ margin-inline-start: -4px;
18214
+ margin-inline-end: 4px;
18259
18215
  }
18260
- .v-btn-group .v-btn:last-child {
18261
- border-start-end-radius: inherit;
18262
- border-end-end-radius: inherit;
18216
+ .v-chip.v-chip--size-x-small .v-icon--end,
18217
+ .v-chip.v-chip--size-x-small .v-chip__close {
18218
+ margin-inline-start: 4px;
18219
+ margin-inline-end: -4px;
18263
18220
  }
18264
- .v-btn-group--divided .v-btn:not(:last-child) {
18265
- border-inline-end-width: thin;
18266
- border-inline-end-style: solid;
18267
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
18222
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
18223
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
18224
+ margin-inline-start: 8px;
18268
18225
  }
18269
- .v-btn-group--tile {
18270
- border-radius: 0;
18271
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18272
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18226
+
18227
+ .v-chip.v-chip--size-small {
18228
+ --v-chip-size: 0.75rem;
18229
+ --v-chip-height: 26px;
18230
+ font-size: 0.75rem;
18231
+ padding: 0 10px;
18273
18232
  }
18274
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18275
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18233
+ .v-chip.v-chip--size-small .v-avatar {
18234
+ --v-avatar-height: 20px;
18276
18235
  }
18277
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18278
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18236
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
18237
+ --v-avatar-height: 26px;
18279
18238
  }
18280
- @supports not selector(:focus-visible) {
18281
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18282
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18283
- }
18284
- }.v-card {
18285
- display: block;
18286
- overflow: hidden;
18287
- overflow-wrap: break-word;
18288
- position: relative;
18289
- padding: 0;
18290
- text-decoration: none;
18291
- transition-duration: 0.28s;
18292
- transition-property: box-shadow, opacity, background;
18293
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18294
- z-index: 0;
18295
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18296
- border-style: solid;
18297
- border-width: 0;
18298
- border-radius: 4px;
18239
+
18240
+ .v-chip.v-chip--size-small .v-avatar--start {
18241
+ margin-inline-start: -7px;
18242
+ margin-inline-end: 5px;
18299
18243
  }
18300
- .v-card--border {
18301
- border-width: thin;
18302
- box-shadow: none;
18244
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18245
+ margin-inline-start: -10px;
18303
18246
  }
18304
- .v-card--absolute {
18305
- position: absolute;
18247
+
18248
+ .v-chip.v-chip--size-small .v-avatar--end {
18249
+ margin-inline-start: 5px;
18250
+ margin-inline-end: -7px;
18306
18251
  }
18307
- .v-card--fixed {
18308
- position: fixed;
18252
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18253
+ margin-inline-end: -10px;
18309
18254
  }
18310
- .v-card:hover > .v-card__overlay {
18311
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18255
+
18256
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18257
+ margin-inline-start: 15px;
18312
18258
  }
18313
- .v-card:focus-visible > .v-card__overlay {
18314
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18259
+
18260
+ .v-chip.v-chip--size-small .v-icon--start,
18261
+ .v-chip.v-chip--size-small .v-chip__filter {
18262
+ margin-inline-start: -5px;
18263
+ margin-inline-end: 5px;
18315
18264
  }
18316
- @supports not selector(:focus-visible) {
18317
- .v-card:focus > .v-card__overlay {
18318
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18319
- }
18265
+ .v-chip.v-chip--size-small .v-icon--end,
18266
+ .v-chip.v-chip--size-small .v-chip__close {
18267
+ margin-inline-start: 5px;
18268
+ margin-inline-end: -5px;
18320
18269
  }
18321
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18322
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18270
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18271
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18272
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18273
+ margin-inline-start: 10px;
18323
18274
  }
18324
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18325
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18275
+
18276
+ .v-chip.v-chip--size-default {
18277
+ --v-chip-size: 0.875rem;
18278
+ --v-chip-height: 32px;
18279
+ font-size: 0.875rem;
18280
+ padding: 0 12px;
18326
18281
  }
18327
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18328
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18282
+ .v-chip.v-chip--size-default .v-avatar {
18283
+ --v-avatar-height: 26px;
18329
18284
  }
18330
- @supports not selector(:focus-visible) {
18331
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18332
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18333
- }
18285
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18286
+ --v-avatar-height: 32px;
18334
18287
  }
18335
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18336
- background: transparent;
18337
- color: inherit;
18288
+
18289
+ .v-chip.v-chip--size-default .v-avatar--start {
18290
+ margin-inline-start: -8.4px;
18291
+ margin-inline-end: 6px;
18338
18292
  }
18339
- .v-card--variant-plain {
18340
- opacity: 0.62;
18293
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18294
+ margin-inline-start: -12px;
18341
18295
  }
18342
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18343
- opacity: 1;
18296
+
18297
+ .v-chip.v-chip--size-default .v-avatar--end {
18298
+ margin-inline-start: 6px;
18299
+ margin-inline-end: -8.4px;
18344
18300
  }
18345
- .v-card--variant-plain .v-card__overlay {
18346
- display: none;
18301
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18302
+ margin-inline-end: -12px;
18347
18303
  }
18348
- .v-card--variant-elevated, .v-card--variant-flat {
18349
- background: rgb(var(--v-theme-surface));
18350
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18304
+
18305
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18306
+ margin-inline-start: 18px;
18351
18307
  }
18352
- .v-card--variant-elevated {
18353
- 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));
18308
+
18309
+ .v-chip.v-chip--size-default .v-icon--start,
18310
+ .v-chip.v-chip--size-default .v-chip__filter {
18311
+ margin-inline-start: -6px;
18312
+ margin-inline-end: 6px;
18354
18313
  }
18355
- .v-card--variant-flat {
18356
- 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));
18314
+ .v-chip.v-chip--size-default .v-icon--end,
18315
+ .v-chip.v-chip--size-default .v-chip__close {
18316
+ margin-inline-start: 6px;
18317
+ margin-inline-end: -6px;
18357
18318
  }
18358
- .v-card--variant-outlined {
18359
- border: thin solid currentColor;
18319
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18320
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18321
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18322
+ margin-inline-start: 12px;
18360
18323
  }
18361
- .v-card--variant-text .v-card__overlay {
18362
- background: currentColor;
18324
+
18325
+ .v-chip.v-chip--size-large {
18326
+ --v-chip-size: 1rem;
18327
+ --v-chip-height: 38px;
18328
+ font-size: 1rem;
18329
+ padding: 0 14px;
18363
18330
  }
18364
- .v-card--variant-tonal .v-card__underlay {
18365
- background: currentColor;
18366
- opacity: var(--v-activated-opacity);
18367
- border-radius: inherit;
18368
- position: absolute;
18369
- top: 0;
18370
- right: 0;
18371
- bottom: 0;
18372
- left: 0;
18373
- pointer-events: none;
18331
+ .v-chip.v-chip--size-large .v-avatar {
18332
+ --v-avatar-height: 32px;
18374
18333
  }
18375
- .v-card--disabled {
18376
- pointer-events: none;
18377
- -webkit-user-select: none;
18378
- user-select: none;
18334
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18335
+ --v-avatar-height: 38px;
18379
18336
  }
18380
- .v-card--disabled > :not(.v-card__loader) {
18381
- opacity: 0.6;
18337
+
18338
+ .v-chip.v-chip--size-large .v-avatar--start {
18339
+ margin-inline-start: -9.8px;
18340
+ margin-inline-end: 7px;
18382
18341
  }
18383
- .v-card--flat {
18384
- box-shadow: none;
18342
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18343
+ margin-inline-start: -14px;
18385
18344
  }
18386
- .v-card--hover {
18387
- cursor: pointer;
18345
+
18346
+ .v-chip.v-chip--size-large .v-avatar--end {
18347
+ margin-inline-start: 7px;
18348
+ margin-inline-end: -9.8px;
18388
18349
  }
18389
- .v-card--hover::before, .v-card--hover::after {
18390
- border-radius: inherit;
18391
- bottom: 0;
18392
- content: "";
18393
- display: block;
18394
- left: 0;
18395
- pointer-events: none;
18396
- position: absolute;
18397
- right: 0;
18398
- top: 0;
18399
- transition: inherit;
18350
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18351
+ margin-inline-end: -14px;
18400
18352
  }
18401
- .v-card--hover::before {
18402
- opacity: 1;
18403
- z-index: -1;
18404
- 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));
18353
+
18354
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18355
+ margin-inline-start: 21px;
18405
18356
  }
18406
- .v-card--hover::after {
18407
- z-index: 1;
18408
- opacity: 0;
18409
- 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));
18357
+
18358
+ .v-chip.v-chip--size-large .v-icon--start,
18359
+ .v-chip.v-chip--size-large .v-chip__filter {
18360
+ margin-inline-start: -7px;
18361
+ margin-inline-end: 7px;
18410
18362
  }
18411
- .v-card--hover:hover::after {
18412
- opacity: 1;
18363
+ .v-chip.v-chip--size-large .v-icon--end,
18364
+ .v-chip.v-chip--size-large .v-chip__close {
18365
+ margin-inline-start: 7px;
18366
+ margin-inline-end: -7px;
18413
18367
  }
18414
- .v-card--hover:hover::before {
18415
- opacity: 0;
18368
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18369
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18370
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18371
+ margin-inline-start: 14px;
18416
18372
  }
18417
- .v-card--hover:hover {
18418
- 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));
18373
+
18374
+ .v-chip.v-chip--size-x-large {
18375
+ --v-chip-size: 1.125rem;
18376
+ --v-chip-height: 44px;
18377
+ font-size: 1.125rem;
18378
+ padding: 0 17px;
18419
18379
  }
18420
- .v-card--link {
18421
- cursor: pointer;
18380
+ .v-chip.v-chip--size-x-large .v-avatar {
18381
+ --v-avatar-height: 38px;
18382
+ }
18383
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18384
+ --v-avatar-height: 44px;
18385
+ }
18386
+
18387
+ .v-chip.v-chip--size-x-large .v-avatar--start {
18388
+ margin-inline-start: -11.9px;
18389
+ margin-inline-end: 8.5px;
18390
+ }
18391
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18392
+ margin-inline-start: -17px;
18393
+ }
18394
+
18395
+ .v-chip.v-chip--size-x-large .v-avatar--end {
18396
+ margin-inline-start: 8.5px;
18397
+ margin-inline-end: -11.9px;
18398
+ }
18399
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18400
+ margin-inline-end: -17px;
18422
18401
  }
18423
18402
 
18424
- .v-card-actions {
18425
- align-items: center;
18426
- display: flex;
18427
- flex: none;
18428
- min-height: 52px;
18429
- padding: 0.5rem;
18403
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18404
+ margin-inline-start: 25.5px;
18430
18405
  }
18431
18406
 
18432
- .v-card-item {
18433
- align-items: center;
18434
- display: grid;
18435
- flex: none;
18436
- grid-template-areas: "prepend content append";
18437
- grid-template-columns: max-content auto max-content;
18438
- padding: 0.625rem 1rem;
18439
- }
18440
- .v-card-item + .v-card-text {
18441
- padding-top: 0;
18407
+ .v-chip.v-chip--size-x-large .v-icon--start,
18408
+ .v-chip.v-chip--size-x-large .v-chip__filter {
18409
+ margin-inline-start: -8.5px;
18410
+ margin-inline-end: 8.5px;
18442
18411
  }
18443
- .v-card-item__prepend {
18444
- grid-area: prepend;
18445
- padding-inline-end: 1rem;
18412
+ .v-chip.v-chip--size-x-large .v-icon--end,
18413
+ .v-chip.v-chip--size-x-large .v-chip__close {
18414
+ margin-inline-start: 8.5px;
18415
+ margin-inline-end: -8.5px;
18446
18416
  }
18447
- .v-card-item__append {
18448
- grid-area: append;
18449
- padding-inline-start: 1rem;
18417
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18418
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18419
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18420
+ margin-inline-start: 17px;
18450
18421
  }
18451
18422
 
18452
- .v-card-item__content {
18453
- align-self: center;
18454
- grid-area: content;
18455
- overflow: hidden;
18423
+ .v-chip.v-chip--density-default {
18424
+ height: calc(var(--v-chip-height) + 0px);
18456
18425
  }
18457
18426
 
18458
- .v-card-title {
18459
- display: block;
18460
- flex: none;
18461
- font-size: 1.25rem;
18462
- font-weight: 500;
18463
- -webkit-hyphens: auto;
18464
- hyphens: auto;
18465
- letter-spacing: 0.0125em;
18466
- min-width: 0;
18467
- overflow-wrap: normal;
18468
- overflow: hidden;
18469
- padding: 0.5rem 1rem;
18470
- text-overflow: ellipsis;
18471
- text-transform: none;
18472
- white-space: nowrap;
18473
- word-break: normal;
18474
- word-wrap: break-word;
18427
+ .v-chip.v-chip--density-comfortable {
18428
+ height: calc(var(--v-chip-height) + -8px);
18475
18429
  }
18476
- .v-card .v-card-title {
18477
- line-height: 2rem;
18430
+
18431
+ .v-chip.v-chip--density-compact {
18432
+ height: calc(var(--v-chip-height) + -12px);
18478
18433
  }
18479
- .v-card--density-comfortable .v-card-title {
18480
- line-height: 1.75rem;
18434
+
18435
+ .v-chip:hover > .v-chip__overlay {
18436
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18481
18437
  }
18482
- .v-card--density-compact .v-card-title {
18483
- line-height: 1.55rem;
18438
+ .v-chip:focus-visible > .v-chip__overlay {
18439
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18484
18440
  }
18485
- .v-card-item .v-card-title {
18486
- padding: 0;
18441
+ @supports not selector(:focus-visible) {
18442
+ .v-chip:focus > .v-chip__overlay {
18443
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18444
+ }
18487
18445
  }
18488
- .v-card-title + .v-card-text,
18489
- .v-card-title + .v-card-actions {
18490
- padding-top: 0;
18446
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
18447
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18491
18448
  }
18492
-
18493
- .v-card-subtitle {
18494
- display: block;
18495
- flex: none;
18496
- font-size: 0.875rem;
18497
- font-weight: 400;
18498
- letter-spacing: 0.0178571429em;
18499
- opacity: var(--v-medium-emphasis-opacity);
18500
- overflow: hidden;
18501
- padding: 0 1rem;
18502
- text-overflow: ellipsis;
18503
- text-transform: none;
18504
- white-space: nowrap;
18449
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
18450
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18505
18451
  }
18506
- .v-card .v-card-subtitle {
18507
- line-height: 1.25rem;
18452
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
18453
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18508
18454
  }
18509
- .v-card--density-comfortable .v-card-subtitle {
18510
- line-height: 1.125rem;
18455
+ @supports not selector(:focus-visible) {
18456
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
18457
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18458
+ }
18511
18459
  }
18512
- .v-card--density-compact .v-card-subtitle {
18513
- line-height: 1rem;
18460
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
18461
+ background: transparent;
18462
+ color: inherit;
18514
18463
  }
18515
- .v-card-item .v-card-subtitle {
18516
- padding: 0 0 0.25rem;
18464
+ .v-chip--variant-plain {
18465
+ opacity: 0.26;
18517
18466
  }
18518
-
18519
- .v-card-text {
18520
- flex: 1 1 auto;
18521
- font-size: 0.875rem;
18522
- font-weight: 400;
18523
- letter-spacing: 0.0178571429em;
18524
- padding: 1rem;
18525
- text-transform: none;
18467
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
18468
+ opacity: 1;
18526
18469
  }
18527
- .v-card .v-card-text {
18528
- line-height: 1.25rem;
18470
+ .v-chip--variant-plain .v-chip__overlay {
18471
+ display: none;
18529
18472
  }
18530
- .v-card--density-comfortable .v-card-text {
18531
- line-height: 1.2rem;
18473
+ .v-chip--variant-elevated, .v-chip--variant-flat {
18474
+ background: rgb(var(--v-theme-surface-variant));
18475
+ color: rgb(var(--v-theme-on-surface-variant));
18532
18476
  }
18533
- .v-card--density-compact .v-card-text {
18534
- line-height: 1.15rem;
18477
+ .v-chip--variant-elevated {
18478
+ 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));
18535
18479
  }
18536
-
18537
- .v-card__image {
18538
- display: flex;
18539
- height: 100%;
18540
- flex: 1 1 auto;
18541
- left: 0;
18542
- overflow: hidden;
18543
- position: absolute;
18544
- top: 0;
18545
- width: 100%;
18546
- z-index: -1;
18480
+ .v-chip--variant-flat {
18481
+ 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));
18547
18482
  }
18548
-
18549
- .v-card__content {
18550
- border-radius: inherit;
18551
- overflow: hidden;
18552
- position: relative;
18483
+ .v-chip--variant-outlined {
18484
+ border: thin solid currentColor;
18553
18485
  }
18554
-
18555
- .v-card__loader {
18556
- bottom: auto;
18557
- top: 0;
18558
- left: 0;
18559
- position: absolute;
18560
- right: 0;
18561
- width: 100%;
18562
- z-index: 1;
18486
+ .v-chip--variant-text .v-chip__overlay {
18487
+ background: currentColor;
18563
18488
  }
18564
-
18565
- .v-card__overlay {
18566
- background-color: currentColor;
18489
+ .v-chip--variant-tonal .v-chip__underlay {
18490
+ background: currentColor;
18491
+ opacity: var(--v-activated-opacity);
18567
18492
  border-radius: inherit;
18568
18493
  position: absolute;
18569
18494
  top: 0;
@@ -18571,480 +18496,553 @@ html.overflow-y-hidden {
18571
18496
  bottom: 0;
18572
18497
  left: 0;
18573
18498
  pointer-events: none;
18574
- opacity: 0;
18575
- transition: opacity 0.2s ease-in-out;
18576
- }.v-carousel {
18577
- overflow: hidden;
18578
- position: relative;
18579
- width: 100%;
18580
- }
18581
- .v-carousel__controls {
18582
- align-items: center;
18583
- background: rgba(var(--v-theme-surface-variant), 0.3);
18584
- bottom: 0;
18585
- display: flex;
18586
- height: 50px;
18587
- justify-content: center;
18588
- list-style-type: none;
18589
- position: absolute;
18590
- width: 100%;
18591
- z-index: 1;
18592
18499
  }
18593
- .v-carousel__controls > .v-item-group {
18594
- flex: 0 1 auto;
18500
+ .v-chip--border {
18501
+ border-width: thin;
18595
18502
  }
18596
- .v-carousel__controls__item {
18597
- margin: 0 8px;
18503
+ .v-chip--link {
18504
+ cursor: pointer;
18598
18505
  }
18599
- .v-carousel__controls__item .v-icon {
18600
- opacity: 0.5;
18506
+ .v-chip--filter {
18507
+ -webkit-user-select: none;
18508
+ user-select: none;
18601
18509
  }
18602
- .v-carousel__controls__item--active .v-icon {
18603
- opacity: 1;
18604
- vertical-align: middle;
18510
+ .v-chip--label {
18511
+ border-radius: 4px;
18605
18512
  }
18606
- .v-carousel__controls__item:hover {
18607
- background: none;
18513
+
18514
+ .v-chip__content {
18515
+ align-items: center;
18516
+ display: inline-flex;
18608
18517
  }
18609
- .v-carousel__controls__item:hover .v-icon {
18610
- opacity: 0.8;
18518
+ .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
18519
+ overflow: hidden;
18611
18520
  }
18612
18521
 
18613
- .v-carousel__progress {
18614
- margin: 0;
18615
- position: absolute;
18616
- bottom: 0;
18617
- left: 0;
18618
- right: 0;
18522
+ .v-chip__filter,
18523
+ .v-chip__prepend,
18524
+ .v-chip__append,
18525
+ .v-chip__close {
18526
+ align-items: center;
18527
+ display: inline-flex;
18619
18528
  }
18620
18529
 
18621
- .v-carousel-item {
18622
- display: block;
18623
- height: inherit;
18624
- text-decoration: none;
18530
+ .v-chip__close {
18531
+ cursor: pointer;
18532
+ flex: 0 1 auto;
18533
+ font-size: 18px;
18534
+ max-height: 18px;
18535
+ max-width: 18px;
18536
+ -webkit-user-select: none;
18537
+ user-select: none;
18538
+ }
18539
+ .v-chip__close .v-icon {
18540
+ font-size: inherit;
18541
+ }
18542
+
18543
+ .v-chip__filter {
18544
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
18625
18545
  }
18626
- .v-carousel-item > .v-img {
18627
- height: inherit;
18546
+
18547
+ .v-chip__overlay {
18548
+ position: absolute;
18549
+ top: 0;
18550
+ left: 0;
18551
+ width: 100%;
18552
+ height: 100%;
18553
+ background-color: currentColor;
18554
+ border-radius: inherit;
18555
+ pointer-events: none;
18556
+ opacity: 0;
18557
+ transition: opacity 0.2s ease-in-out;
18628
18558
  }
18629
18559
 
18630
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18631
- background: transparent;
18560
+ .v-chip--disabled {
18561
+ opacity: 0.3;
18562
+ pointer-events: none;
18563
+ -webkit-user-select: none;
18564
+ user-select: none;
18632
18565
  }
18633
18566
 
18634
- .v-carousel--vertical-delimiters .v-carousel__controls {
18635
- flex-direction: column;
18636
- height: 100% !important;
18637
- width: 50px;
18638
- }.v-checkbox .v-selection-control {
18639
- min-height: var(--v-input-control-height);
18640
- }.v-chip {
18567
+ .v-chip--label {
18568
+ border-radius: 4px;
18569
+ }.v-btn {
18641
18570
  align-items: center;
18642
- cursor: default;
18643
- display: inline-flex;
18644
- font-weight: 400;
18571
+ border-radius: 4px;
18572
+ display: inline-grid;
18573
+ grid-template-areas: "prepend content append";
18574
+ grid-template-columns: max-content auto max-content;
18575
+ font-weight: 500;
18576
+ justify-content: center;
18577
+ letter-spacing: 0.0892857143em;
18578
+ line-height: normal;
18645
18579
  max-width: 100%;
18646
- min-width: 0;
18647
- overflow: hidden;
18580
+ outline: none;
18648
18581
  position: relative;
18649
18582
  text-decoration: none;
18650
- white-space: nowrap;
18583
+ text-indent: 0.0892857143em;
18584
+ text-transform: uppercase;
18585
+ transition-property: box-shadow, transform, opacity, background;
18586
+ transition-duration: 0.28s;
18587
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18588
+ -webkit-user-select: none;
18589
+ user-select: none;
18651
18590
  vertical-align: middle;
18591
+ flex-shrink: 0;
18652
18592
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18653
18593
  border-style: solid;
18654
18594
  border-width: 0;
18655
- border-radius: 9999px;
18656
18595
  }
18657
- .v-chip.v-chip--size-x-small {
18658
- --v-chip-size: 0.625rem;
18659
- --v-chip-height: 20px;
18660
- font-size: 0.625rem;
18596
+ .v-btn--size-x-small {
18597
+ --v-btn-size: 0.625rem;
18598
+ --v-btn-height: 20px;
18599
+ font-size: var(--v-btn-size);
18600
+ min-width: 36px;
18661
18601
  padding: 0 8px;
18662
18602
  }
18663
- .v-chip.v-chip--size-x-small .v-avatar {
18664
- --v-avatar-height: 14px;
18603
+
18604
+ .v-btn--size-small {
18605
+ --v-btn-size: 0.75rem;
18606
+ --v-btn-height: 28px;
18607
+ font-size: var(--v-btn-size);
18608
+ min-width: 50px;
18609
+ padding: 0 12px;
18665
18610
  }
18666
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
18667
- --v-avatar-height: 20px;
18611
+
18612
+ .v-btn--size-default {
18613
+ --v-btn-size: 0.875rem;
18614
+ --v-btn-height: 36px;
18615
+ font-size: var(--v-btn-size);
18616
+ min-width: 64px;
18617
+ padding: 0 16px;
18668
18618
  }
18669
18619
 
18670
- .v-chip.v-chip--size-x-small .v-avatar--start {
18671
- margin-inline-start: -5.6px;
18672
- margin-inline-end: 4px;
18620
+ .v-btn--size-large {
18621
+ --v-btn-size: 1rem;
18622
+ --v-btn-height: 44px;
18623
+ font-size: var(--v-btn-size);
18624
+ min-width: 78px;
18625
+ padding: 0 20px;
18673
18626
  }
18674
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
18675
- margin-inline-start: -8px;
18627
+
18628
+ .v-btn--size-x-large {
18629
+ --v-btn-size: 1.125rem;
18630
+ --v-btn-height: 52px;
18631
+ font-size: var(--v-btn-size);
18632
+ min-width: 92px;
18633
+ padding: 0 24px;
18676
18634
  }
18677
18635
 
18678
- .v-chip.v-chip--size-x-small .v-avatar--end {
18679
- margin-inline-start: 4px;
18680
- margin-inline-end: -5.6px;
18636
+ .v-btn.v-btn--density-default {
18637
+ height: calc(var(--v-btn-height) + 0px);
18681
18638
  }
18682
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
18683
- margin-inline-end: -8px;
18639
+
18640
+ .v-btn.v-btn--density-comfortable {
18641
+ height: calc(var(--v-btn-height) + -8px);
18684
18642
  }
18685
18643
 
18686
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
18687
- margin-inline-start: 12px;
18644
+ .v-btn.v-btn--density-compact {
18645
+ height: calc(var(--v-btn-height) + -12px);
18688
18646
  }
18689
18647
 
18690
- .v-chip.v-chip--size-x-small .v-icon--start,
18691
- .v-chip.v-chip--size-x-small .v-chip__filter {
18692
- margin-inline-start: -4px;
18693
- margin-inline-end: 4px;
18648
+ .v-btn--border {
18649
+ border-width: thin;
18650
+ box-shadow: none;
18694
18651
  }
18695
- .v-chip.v-chip--size-x-small .v-icon--end,
18696
- .v-chip.v-chip--size-x-small .v-chip__close {
18697
- margin-inline-start: 4px;
18698
- margin-inline-end: -4px;
18652
+ .v-btn--absolute {
18653
+ position: absolute;
18699
18654
  }
18700
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
18701
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
18702
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
18703
- margin-inline-start: 8px;
18655
+ .v-btn--fixed {
18656
+ position: fixed;
18704
18657
  }
18705
-
18706
- .v-chip.v-chip--size-small {
18707
- --v-chip-size: 0.75rem;
18708
- --v-chip-height: 26px;
18709
- font-size: 0.75rem;
18710
- padding: 0 10px;
18658
+ .v-btn:hover > .v-btn__overlay {
18659
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18711
18660
  }
18712
- .v-chip.v-chip--size-small .v-avatar {
18713
- --v-avatar-height: 20px;
18661
+ .v-btn:focus-visible > .v-btn__overlay {
18662
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18714
18663
  }
18715
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
18716
- --v-avatar-height: 26px;
18664
+ @supports not selector(:focus-visible) {
18665
+ .v-btn:focus > .v-btn__overlay {
18666
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18667
+ }
18717
18668
  }
18718
-
18719
- .v-chip.v-chip--size-small .v-avatar--start {
18720
- margin-inline-start: -7px;
18721
- margin-inline-end: 5px;
18669
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18670
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18722
18671
  }
18723
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
18724
- margin-inline-start: -10px;
18672
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18673
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18725
18674
  }
18726
-
18727
- .v-chip.v-chip--size-small .v-avatar--end {
18728
- margin-inline-start: 5px;
18729
- margin-inline-end: -7px;
18675
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18676
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18730
18677
  }
18731
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
18732
- margin-inline-end: -10px;
18678
+ @supports not selector(:focus-visible) {
18679
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18680
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18681
+ }
18733
18682
  }
18734
-
18735
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
18736
- margin-inline-start: 15px;
18683
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18684
+ background: transparent;
18685
+ color: inherit;
18737
18686
  }
18738
-
18739
- .v-chip.v-chip--size-small .v-icon--start,
18740
- .v-chip.v-chip--size-small .v-chip__filter {
18741
- margin-inline-start: -5px;
18742
- margin-inline-end: 5px;
18687
+ .v-btn--variant-plain {
18688
+ opacity: 0.62;
18743
18689
  }
18744
- .v-chip.v-chip--size-small .v-icon--end,
18745
- .v-chip.v-chip--size-small .v-chip__close {
18746
- margin-inline-start: 5px;
18747
- margin-inline-end: -5px;
18690
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18691
+ opacity: 1;
18748
18692
  }
18749
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
18750
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
18751
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
18752
- margin-inline-start: 10px;
18693
+ .v-btn--variant-plain .v-btn__overlay {
18694
+ display: none;
18753
18695
  }
18754
-
18755
- .v-chip.v-chip--size-default {
18756
- --v-chip-size: 0.875rem;
18757
- --v-chip-height: 32px;
18758
- font-size: 0.875rem;
18759
- padding: 0 12px;
18696
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18697
+ background: rgb(var(--v-theme-surface));
18698
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18760
18699
  }
18761
- .v-chip.v-chip--size-default .v-avatar {
18762
- --v-avatar-height: 26px;
18700
+ .v-btn--variant-elevated {
18701
+ 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));
18763
18702
  }
18764
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
18765
- --v-avatar-height: 32px;
18703
+ .v-btn--variant-flat {
18704
+ 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));
18766
18705
  }
18767
-
18768
- .v-chip.v-chip--size-default .v-avatar--start {
18769
- margin-inline-start: -8.4px;
18770
- margin-inline-end: 6px;
18706
+ .v-btn--variant-outlined {
18707
+ border: thin solid currentColor;
18771
18708
  }
18772
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
18773
- margin-inline-start: -12px;
18709
+ .v-btn--variant-text .v-btn__overlay {
18710
+ background: currentColor;
18774
18711
  }
18775
-
18776
- .v-chip.v-chip--size-default .v-avatar--end {
18777
- margin-inline-start: 6px;
18778
- margin-inline-end: -8.4px;
18712
+ .v-btn--variant-tonal .v-btn__underlay {
18713
+ background: currentColor;
18714
+ opacity: var(--v-activated-opacity);
18715
+ border-radius: inherit;
18716
+ position: absolute;
18717
+ top: 0;
18718
+ right: 0;
18719
+ bottom: 0;
18720
+ left: 0;
18721
+ pointer-events: none;
18722
+ }
18723
+ @supports selector(:focus-visible) {
18724
+ .v-btn::after {
18725
+ content: "";
18726
+ position: absolute;
18727
+ top: 0;
18728
+ left: 0;
18729
+ width: 100%;
18730
+ height: 100%;
18731
+ pointer-events: none;
18732
+ border: 2px solid currentColor;
18733
+ border-radius: inherit;
18734
+ opacity: 0;
18735
+ transition: opacity 0.2s ease-in-out;
18736
+ }
18737
+ .v-btn:focus-visible::after {
18738
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18739
+ }
18779
18740
  }
18780
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
18781
- margin-inline-end: -12px;
18741
+ .v-btn--icon {
18742
+ border-radius: 50%;
18743
+ min-width: 0;
18744
+ padding: 0;
18782
18745
  }
18783
-
18784
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
18785
- margin-inline-start: 18px;
18746
+ .v-btn--icon.v-btn--size-default {
18747
+ --v-btn-size: 1rem;
18786
18748
  }
18787
-
18788
- .v-chip.v-chip--size-default .v-icon--start,
18789
- .v-chip.v-chip--size-default .v-chip__filter {
18790
- margin-inline-start: -6px;
18791
- margin-inline-end: 6px;
18749
+ .v-btn--icon.v-btn--density-default {
18750
+ width: calc(var(--v-btn-height) + 12px);
18751
+ height: calc(var(--v-btn-height) + 12px);
18792
18752
  }
18793
- .v-chip.v-chip--size-default .v-icon--end,
18794
- .v-chip.v-chip--size-default .v-chip__close {
18795
- margin-inline-start: 6px;
18796
- margin-inline-end: -6px;
18753
+ .v-btn--icon.v-btn--density-comfortable {
18754
+ width: calc(var(--v-btn-height) + 0px);
18755
+ height: calc(var(--v-btn-height) + 0px);
18797
18756
  }
18798
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
18799
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
18800
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
18801
- margin-inline-start: 12px;
18757
+ .v-btn--icon.v-btn--density-compact {
18758
+ width: calc(var(--v-btn-height) + -8px);
18759
+ height: calc(var(--v-btn-height) + -8px);
18802
18760
  }
18803
18761
 
18804
- .v-chip.v-chip--size-large {
18805
- --v-chip-size: 1rem;
18806
- --v-chip-height: 38px;
18807
- font-size: 1rem;
18808
- padding: 0 14px;
18762
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18763
+ 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));
18809
18764
  }
18810
- .v-chip.v-chip--size-large .v-avatar {
18811
- --v-avatar-height: 32px;
18765
+ .v-btn--elevated:active {
18766
+ 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));
18812
18767
  }
18813
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
18814
- --v-avatar-height: 38px;
18768
+ .v-btn--flat {
18769
+ box-shadow: none;
18815
18770
  }
18816
-
18817
- .v-chip.v-chip--size-large .v-avatar--start {
18818
- margin-inline-start: -9.8px;
18819
- margin-inline-end: 7px;
18771
+ .v-btn--block {
18772
+ display: flex;
18773
+ flex: 1 0 auto;
18774
+ min-width: 100%;
18820
18775
  }
18821
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
18822
- margin-inline-start: -14px;
18776
+ .v-btn--disabled {
18777
+ pointer-events: none;
18778
+ opacity: 0.26;
18823
18779
  }
18824
-
18825
- .v-chip.v-chip--size-large .v-avatar--end {
18826
- margin-inline-start: 7px;
18827
- margin-inline-end: -9.8px;
18780
+ .v-btn--disabled:hover {
18781
+ opacity: 0.26;
18828
18782
  }
18829
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
18830
- margin-inline-end: -14px;
18783
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18784
+ box-shadow: none;
18785
+ opacity: 1;
18786
+ color: rgba(var(--v-theme-on-surface), 0.26);
18787
+ background: rgb(var(--v-theme-surface));
18831
18788
  }
18832
-
18833
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
18834
- margin-inline-start: 21px;
18789
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18790
+ opacity: 0.4615384615;
18835
18791
  }
18836
-
18837
- .v-chip.v-chip--size-large .v-icon--start,
18838
- .v-chip.v-chip--size-large .v-chip__filter {
18839
- margin-inline-start: -7px;
18840
- margin-inline-end: 7px;
18792
+ .v-btn--loading {
18793
+ pointer-events: none;
18841
18794
  }
18842
- .v-chip.v-chip--size-large .v-icon--end,
18843
- .v-chip.v-chip--size-large .v-chip__close {
18844
- margin-inline-start: 7px;
18845
- margin-inline-end: -7px;
18795
+ .v-btn--loading .v-btn__content,
18796
+ .v-btn--loading .v-btn__prepend,
18797
+ .v-btn--loading .v-btn__append {
18798
+ opacity: 0;
18846
18799
  }
18847
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
18848
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
18849
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
18850
- margin-inline-start: 14px;
18800
+ .v-btn--stacked {
18801
+ grid-template-areas: "prepend" "content" "append";
18802
+ grid-template-columns: auto;
18803
+ grid-template-rows: max-content max-content max-content;
18804
+ justify-items: center;
18805
+ align-content: center;
18851
18806
  }
18852
-
18853
- .v-chip.v-chip--size-x-large {
18854
- --v-chip-size: 1.125rem;
18855
- --v-chip-height: 44px;
18856
- font-size: 1.125rem;
18857
- padding: 0 17px;
18807
+ .v-btn--stacked .v-btn__content {
18808
+ flex-direction: column;
18809
+ line-height: 1.25;
18858
18810
  }
18859
- .v-chip.v-chip--size-x-large .v-avatar {
18860
- --v-avatar-height: 38px;
18811
+ .v-btn--stacked .v-btn__prepend,
18812
+ .v-btn--stacked .v-btn__append,
18813
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18814
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18815
+ margin-inline: 0;
18861
18816
  }
18862
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
18863
- --v-avatar-height: 44px;
18817
+ .v-btn--stacked .v-btn__prepend,
18818
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18819
+ margin-bottom: 4px;
18864
18820
  }
18865
-
18866
- .v-chip.v-chip--size-x-large .v-avatar--start {
18867
- margin-inline-start: -11.9px;
18868
- margin-inline-end: 8.5px;
18821
+ .v-btn--stacked .v-btn__append,
18822
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18823
+ margin-top: 4px;
18869
18824
  }
18870
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
18871
- margin-inline-start: -17px;
18825
+ .v-btn--stacked.v-btn--size-x-small {
18826
+ --v-btn-size: 0.625rem;
18827
+ --v-btn-height: 56px;
18828
+ font-size: var(--v-btn-size);
18829
+ min-width: 56px;
18830
+ padding: 0 12px;
18872
18831
  }
18873
18832
 
18874
- .v-chip.v-chip--size-x-large .v-avatar--end {
18875
- margin-inline-start: 8.5px;
18876
- margin-inline-end: -11.9px;
18877
- }
18878
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
18879
- margin-inline-end: -17px;
18833
+ .v-btn--stacked.v-btn--size-small {
18834
+ --v-btn-size: 0.75rem;
18835
+ --v-btn-height: 64px;
18836
+ font-size: var(--v-btn-size);
18837
+ min-width: 64px;
18838
+ padding: 0 14px;
18880
18839
  }
18881
18840
 
18882
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
18883
- margin-inline-start: 25.5px;
18841
+ .v-btn--stacked.v-btn--size-default {
18842
+ --v-btn-size: 0.875rem;
18843
+ --v-btn-height: 72px;
18844
+ font-size: var(--v-btn-size);
18845
+ min-width: 72px;
18846
+ padding: 0 16px;
18884
18847
  }
18885
18848
 
18886
- .v-chip.v-chip--size-x-large .v-icon--start,
18887
- .v-chip.v-chip--size-x-large .v-chip__filter {
18888
- margin-inline-start: -8.5px;
18889
- margin-inline-end: 8.5px;
18890
- }
18891
- .v-chip.v-chip--size-x-large .v-icon--end,
18892
- .v-chip.v-chip--size-x-large .v-chip__close {
18893
- margin-inline-start: 8.5px;
18894
- margin-inline-end: -8.5px;
18895
- }
18896
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
18897
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
18898
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
18899
- margin-inline-start: 17px;
18849
+ .v-btn--stacked.v-btn--size-large {
18850
+ --v-btn-size: 1rem;
18851
+ --v-btn-height: 80px;
18852
+ font-size: var(--v-btn-size);
18853
+ min-width: 80px;
18854
+ padding: 0 18px;
18900
18855
  }
18901
18856
 
18902
- .v-chip.v-chip--density-default {
18903
- height: calc(var(--v-chip-height) + 0px);
18857
+ .v-btn--stacked.v-btn--size-x-large {
18858
+ --v-btn-size: 1.125rem;
18859
+ --v-btn-height: 88px;
18860
+ font-size: var(--v-btn-size);
18861
+ min-width: 88px;
18862
+ padding: 0 20px;
18904
18863
  }
18905
18864
 
18906
- .v-chip.v-chip--density-comfortable {
18907
- height: calc(var(--v-chip-height) + -8px);
18865
+ .v-btn--stacked.v-btn--density-default {
18866
+ height: calc(var(--v-btn-height) + 0px);
18908
18867
  }
18909
18868
 
18910
- .v-chip.v-chip--density-compact {
18911
- height: calc(var(--v-chip-height) + -12px);
18869
+ .v-btn--stacked.v-btn--density-comfortable {
18870
+ height: calc(var(--v-btn-height) + -16px);
18912
18871
  }
18913
18872
 
18914
- .v-chip:hover > .v-chip__overlay {
18915
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18916
- }
18917
- .v-chip:focus-visible > .v-chip__overlay {
18918
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18873
+ .v-btn--stacked.v-btn--density-compact {
18874
+ height: calc(var(--v-btn-height) + -24px);
18919
18875
  }
18920
- @supports not selector(:focus-visible) {
18921
- .v-chip:focus > .v-chip__overlay {
18922
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18923
- }
18876
+
18877
+ .v-btn--slim {
18878
+ padding: 0 8px;
18924
18879
  }
18925
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
18926
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18880
+ .v-btn--rounded {
18881
+ border-radius: 24px;
18927
18882
  }
18928
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
18929
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18883
+ .v-btn--rounded.v-btn--icon {
18884
+ border-radius: 4px;
18930
18885
  }
18931
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
18932
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18886
+ .v-btn .v-icon {
18887
+ --v-icon-size-multiplier: 0.8571428571;
18933
18888
  }
18934
- @supports not selector(:focus-visible) {
18935
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
18936
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18937
- }
18889
+ .v-btn--icon .v-icon {
18890
+ --v-icon-size-multiplier: 1;
18938
18891
  }
18939
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
18940
- background: transparent;
18941
- color: inherit;
18892
+ .v-btn--stacked .v-icon {
18893
+ --v-icon-size-multiplier: 1.1428571429;
18942
18894
  }
18943
- .v-chip--variant-plain {
18944
- opacity: 0.26;
18895
+
18896
+ .v-btn__loader {
18897
+ align-items: center;
18898
+ display: flex;
18899
+ height: 100%;
18900
+ justify-content: center;
18901
+ left: 0;
18902
+ position: absolute;
18903
+ top: 0;
18904
+ width: 100%;
18945
18905
  }
18946
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
18947
- opacity: 1;
18906
+
18907
+ .v-btn__content,
18908
+ .v-btn__prepend,
18909
+ .v-btn__append {
18910
+ align-items: center;
18911
+ display: flex;
18912
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18948
18913
  }
18949
- .v-chip--variant-plain .v-chip__overlay {
18950
- display: none;
18914
+
18915
+ .v-btn__prepend {
18916
+ grid-area: prepend;
18917
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18951
18918
  }
18952
- .v-chip--variant-elevated, .v-chip--variant-flat {
18953
- background: rgb(var(--v-theme-surface-variant));
18954
- color: rgb(var(--v-theme-on-surface-variant));
18919
+
18920
+ .v-btn__append {
18921
+ grid-area: append;
18922
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18955
18923
  }
18956
- .v-chip--variant-elevated {
18957
- 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));
18924
+
18925
+ .v-btn__content {
18926
+ grid-area: content;
18927
+ justify-content: center;
18928
+ white-space: nowrap;
18958
18929
  }
18959
- .v-chip--variant-flat {
18960
- 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));
18930
+ .v-btn__content > .v-icon--start {
18931
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18961
18932
  }
18962
- .v-chip--variant-outlined {
18963
- border: thin solid currentColor;
18933
+ .v-btn__content > .v-icon--end {
18934
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18964
18935
  }
18965
- .v-chip--variant-text .v-chip__overlay {
18966
- background: currentColor;
18936
+ .v-btn--stacked .v-btn__content {
18937
+ white-space: normal;
18967
18938
  }
18968
- .v-chip--variant-tonal .v-chip__underlay {
18969
- background: currentColor;
18970
- opacity: var(--v-activated-opacity);
18939
+
18940
+ .v-btn__overlay {
18941
+ background-color: currentColor;
18971
18942
  border-radius: inherit;
18943
+ opacity: 0;
18944
+ transition: opacity 0.2s ease-in-out;
18945
+ }
18946
+
18947
+ .v-btn__overlay,
18948
+ .v-btn__underlay {
18972
18949
  position: absolute;
18973
18950
  top: 0;
18974
- right: 0;
18975
- bottom: 0;
18976
18951
  left: 0;
18952
+ width: 100%;
18953
+ height: 100%;
18977
18954
  pointer-events: none;
18978
18955
  }
18979
- .v-chip--border {
18980
- border-width: thin;
18956
+
18957
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18958
+ margin-inline-start: 0.5rem;
18981
18959
  }
18982
- .v-chip--link {
18983
- cursor: pointer;
18960
+
18961
+ .v-pagination .v-btn {
18962
+ border-radius: 4px;
18984
18963
  }
18985
- .v-chip--filter {
18986
- -webkit-user-select: none;
18987
- user-select: none;
18964
+ .v-btn__overlay {
18965
+ transition: none;
18988
18966
  }
18989
- .v-chip--label {
18990
- border-radius: 4px;
18967
+ .v-pagination__item--is-active .v-btn__overlay {
18968
+ opacity: var(--v-border-opacity);
18969
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18970
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18991
18971
  }
18992
-
18993
- .v-chip__content {
18994
- align-items: center;
18995
- display: inline-flex;
18972
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18973
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18996
18974
  }
18997
- .v-autocomplete__selection .v-chip__content, .v-combobox__selection .v-chip__content, .v-select__selection .v-chip__content {
18975
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18976
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18977
+ }
18978
+ @supports not selector(:focus-visible) {
18979
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18980
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18981
+ }
18982
+ }.v-checkbox .v-selection-control {
18983
+ min-height: var(--v-input-control-height);
18984
+ }.v-carousel {
18998
18985
  overflow: hidden;
18986
+ position: relative;
18987
+ width: 100%;
18999
18988
  }
19000
-
19001
- .v-chip__filter,
19002
- .v-chip__prepend,
19003
- .v-chip__append,
19004
- .v-chip__close {
18989
+ .v-carousel__controls {
19005
18990
  align-items: center;
19006
- display: inline-flex;
18991
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18992
+ bottom: 0;
18993
+ display: flex;
18994
+ height: 50px;
18995
+ justify-content: center;
18996
+ list-style-type: none;
18997
+ position: absolute;
18998
+ width: 100%;
18999
+ z-index: 1;
19007
19000
  }
19008
-
19009
- .v-chip__close {
19010
- cursor: pointer;
19001
+ .v-carousel__controls > .v-item-group {
19011
19002
  flex: 0 1 auto;
19012
- font-size: 18px;
19013
- max-height: 18px;
19014
- max-width: 18px;
19015
- -webkit-user-select: none;
19016
- user-select: none;
19017
19003
  }
19018
- .v-chip__close .v-icon {
19019
- font-size: inherit;
19004
+ .v-carousel__controls__item {
19005
+ margin: 0 8px;
19020
19006
  }
19021
-
19022
- .v-chip__filter {
19023
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
19007
+ .v-carousel__controls__item .v-icon {
19008
+ opacity: 0.5;
19009
+ }
19010
+ .v-carousel__controls__item--active .v-icon {
19011
+ opacity: 1;
19012
+ vertical-align: middle;
19013
+ }
19014
+ .v-carousel__controls__item:hover {
19015
+ background: none;
19016
+ }
19017
+ .v-carousel__controls__item:hover .v-icon {
19018
+ opacity: 0.8;
19024
19019
  }
19025
19020
 
19026
- .v-chip__overlay {
19021
+ .v-carousel__progress {
19022
+ margin: 0;
19027
19023
  position: absolute;
19028
- top: 0;
19024
+ bottom: 0;
19029
19025
  left: 0;
19030
- width: 100%;
19031
- height: 100%;
19032
- background-color: currentColor;
19033
- border-radius: inherit;
19034
- pointer-events: none;
19035
- opacity: 0;
19036
- transition: opacity 0.2s ease-in-out;
19026
+ right: 0;
19037
19027
  }
19038
19028
 
19039
- .v-chip--disabled {
19040
- opacity: 0.3;
19041
- pointer-events: none;
19042
- -webkit-user-select: none;
19043
- user-select: none;
19029
+ .v-carousel-item {
19030
+ display: block;
19031
+ height: inherit;
19032
+ text-decoration: none;
19033
+ }
19034
+ .v-carousel-item > .v-img {
19035
+ height: inherit;
19044
19036
  }
19045
19037
 
19046
- .v-chip--label {
19047
- border-radius: 4px;
19038
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
19039
+ background: transparent;
19040
+ }
19041
+
19042
+ .v-carousel--vertical-delimiters .v-carousel__controls {
19043
+ flex-direction: column;
19044
+ height: 100% !important;
19045
+ width: 50px;
19048
19046
  }.v-chip-group {
19049
19047
  display: flex;
19050
19048
  max-width: 100%;
@@ -19063,26 +19061,87 @@ html.overflow-y-hidden {
19063
19061
  .v-chip-group--column {
19064
19062
  flex-wrap: wrap;
19065
19063
  white-space: normal;
19066
- }.v-color-picker {
19067
- align-self: flex-start;
19068
- contain: content;
19064
+ }.v-combobox .v-field .v-text-field__prefix,
19065
+ .v-combobox .v-field .v-text-field__suffix,
19066
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19067
+ cursor: text;
19069
19068
  }
19070
- .v-color-picker.v-sheet {
19071
- 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));
19072
- border-radius: 4px;
19069
+ .v-combobox .v-field .v-field__input > input {
19070
+ flex: 1 1;
19073
19071
  }
19074
-
19075
- .v-color-picker__controls {
19076
- display: flex;
19077
- flex-direction: column;
19078
- padding: 16px;
19072
+ .v-combobox .v-field input {
19073
+ min-width: 64px;
19074
+ }
19075
+ .v-combobox .v-field:not(.v-field--focused) input {
19076
+ min-width: 0;
19077
+ }
19078
+ .v-combobox .v-field--dirty .v-combobox__selection {
19079
+ margin-inline-end: 2px;
19080
+ }
19081
+ .v-combobox .v-combobox__selection-text {
19082
+ overflow: hidden;
19083
+ text-overflow: ellipsis;
19084
+ white-space: nowrap;
19079
19085
  }
19080
19086
 
19081
- .v-color-picker--flat {
19082
- 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));
19087
+ .v-combobox__content {
19088
+ overflow: hidden;
19089
+ 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));
19090
+ border-radius: 4px;
19083
19091
  }
19084
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19085
- 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));
19092
+ .v-combobox__mask {
19093
+ background: rgb(var(--v-theme-on-surface-variant));
19094
+ }
19095
+ .v-combobox__selection {
19096
+ display: inline-flex;
19097
+ align-items: center;
19098
+ height: 1.5rem;
19099
+ letter-spacing: inherit;
19100
+ line-height: inherit;
19101
+ max-width: 90%;
19102
+ }
19103
+ .v-combobox__selection:first-child {
19104
+ margin-inline-start: 0;
19105
+ }
19106
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19107
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19108
+ .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19109
+ .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19110
+ top: 0px;
19111
+ }
19112
+ .v-combobox--selecting-index .v-combobox__selection {
19113
+ opacity: var(--v-medium-emphasis-opacity);
19114
+ }
19115
+ .v-combobox--selecting-index .v-combobox__selection--selected {
19116
+ opacity: 1;
19117
+ }
19118
+ .v-combobox--selecting-index .v-field__input > input {
19119
+ caret-color: transparent;
19120
+ }
19121
+ .v-combobox--single.v-text-field input {
19122
+ flex: 1 1;
19123
+ position: absolute;
19124
+ left: 0;
19125
+ right: 0;
19126
+ width: 100%;
19127
+ padding-inline: inherit;
19128
+ }
19129
+ .v-combobox--single .v-field--active input {
19130
+ transition: none;
19131
+ }
19132
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19133
+ opacity: 0;
19134
+ }
19135
+ .v-combobox--single .v-field--focused .v-combobox__selection {
19136
+ opacity: 0;
19137
+ }
19138
+ .v-combobox__menu-icon {
19139
+ margin-inline-start: 4px;
19140
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19141
+ }
19142
+ .v-combobox--active-menu .v-combobox__menu-icon {
19143
+ opacity: var(--v-high-emphasis-opacity);
19144
+ transform: rotate(180deg);
19086
19145
  }.v-container {
19087
19146
  width: 100%;
19088
19147
  padding: 16px;
@@ -19755,92 +19814,257 @@ html.overflow-y-hidden {
19755
19814
  .offset-xxl-11 {
19756
19815
  margin-inline-start: 91.6666666667%;
19757
19816
  }
19758
- }.v-combobox .v-field .v-text-field__prefix,
19759
- .v-combobox .v-field .v-text-field__suffix,
19760
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
19761
- cursor: text;
19817
+ }.v-counter {
19818
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19819
+ flex: 0 1 auto;
19820
+ font-size: 12px;
19821
+ transition-duration: 150ms;
19822
+ }.v-date-picker__input {
19823
+ padding-top: 16px;
19824
+ padding-left: 24px;
19825
+ padding-right: 24px;
19762
19826
  }
19763
- .v-combobox .v-field .v-field__input > input {
19764
- flex: 1 1;
19827
+
19828
+ .v-date-picker {
19829
+ overflow: hidden;
19830
+ width: 360px;
19765
19831
  }
19766
- .v-combobox .v-field input {
19767
- min-width: 64px;
19832
+ .v-date-picker--show-week {
19833
+ width: 408px;
19768
19834
  }
19769
- .v-combobox .v-field:not(.v-field--focused) input {
19770
- min-width: 0;
19835
+
19836
+ .v-date-picker-month {
19837
+ padding: 0 12px 12px;
19771
19838
  }
19772
- .v-combobox .v-field--dirty .v-combobox__selection {
19773
- margin-inline-end: 2px;
19839
+
19840
+ .v-date-picker-month__day {
19841
+ height: 48px;
19842
+ width: 48px;
19774
19843
  }
19775
- .v-combobox .v-combobox__selection-text {
19844
+ .v-date-picker-month__day .v-btn {
19845
+ --v-btn-height: 28px;
19846
+ --v-btn-size: 0.85rem;
19847
+ }.v-date-picker-header {
19848
+ display: grid;
19849
+ grid-template-areas: "prepend content append";
19850
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19776
19851
  overflow: hidden;
19777
- text-overflow: ellipsis;
19778
- white-space: nowrap;
19852
+ padding-inline: 24px 12px;
19853
+ padding-bottom: 12px;
19779
19854
  }
19780
19855
 
19781
- .v-combobox__content {
19782
- overflow: hidden;
19783
- 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));
19784
- border-radius: 4px;
19856
+ .v-date-picker-header__append {
19857
+ grid-area: append;
19785
19858
  }
19786
- .v-combobox__mask {
19787
- background: rgb(var(--v-theme-on-surface-variant));
19859
+
19860
+ .v-date-picker-header__prepend {
19861
+ grid-area: prepend;
19862
+ padding-inline-start: 8px;
19788
19863
  }
19789
- .v-combobox__selection {
19864
+
19865
+ .v-date-picker-header__content {
19866
+ align-items: center;
19790
19867
  display: inline-flex;
19868
+ font-size: 32px;
19869
+ line-height: 40px;
19870
+ grid-area: content;
19871
+ justify-content: space-between;
19872
+ }
19873
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19874
+ opacity: 0.7;
19875
+ }
19876
+ .v-date-picker--month .v-date-picker-header__content {
19877
+ opacity: 1;
19878
+ }
19879
+ .v-date-picker--year .v-date-picker-header__content {
19880
+ cursor: pointer;
19881
+ }
19882
+
19883
+ .date-picker-header-transition-enter-active,
19884
+ .date-picker-header-reverse-transition-enter-active {
19885
+ transition-duration: 0.3s;
19886
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19887
+ }
19888
+ .date-picker-header-transition-leave-active,
19889
+ .date-picker-header-reverse-transition-leave-active {
19890
+ transition-duration: 0.3s;
19891
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19892
+ }
19893
+
19894
+ .date-picker-header-transition-enter-from {
19895
+ transform: translate(0, 100%);
19896
+ }
19897
+ .date-picker-header-transition-leave-to {
19898
+ opacity: 0;
19899
+ transform: translate(0, -100%);
19900
+ }
19901
+
19902
+ .date-picker-header-reverse-transition-enter-from {
19903
+ transform: translate(0, -100%);
19904
+ }
19905
+ .date-picker-header-reverse-transition-leave-to {
19906
+ opacity: 0;
19907
+ transform: translate(0, 100%);
19908
+ }.v-date-picker-controls {
19909
+ display: flex;
19791
19910
  align-items: center;
19792
- height: 1.5rem;
19793
- letter-spacing: inherit;
19794
- line-height: inherit;
19795
- max-width: 90%;
19911
+ justify-content: space-between;
19912
+ font-size: 0.875rem;
19913
+ padding-top: 4px;
19914
+ padding-bottom: 4px;
19915
+ padding-inline-start: 6px;
19916
+ padding-inline-end: 12px;
19796
19917
  }
19797
- .v-combobox__selection:first-child {
19798
- margin-inline-start: 0;
19918
+ .v-date-picker-controls > .v-btn:first-child {
19919
+ text-transform: none;
19920
+ font-weight: 400;
19921
+ line-height: initial;
19922
+ letter-spacing: initial;
19799
19923
  }
19800
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
19801
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
19802
- .v-combobox--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
19803
- .v-combobox--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
19804
- top: 0px;
19924
+ .v-date-picker-controls--variant-classic {
19925
+ padding-inline-start: 12px;
19805
19926
  }
19806
- .v-combobox--selecting-index .v-combobox__selection {
19807
- opacity: var(--v-medium-emphasis-opacity);
19927
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
19928
+ opacity: 0.7;
19808
19929
  }
19809
- .v-combobox--selecting-index .v-combobox__selection--selected {
19930
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
19931
+ cursor: pointer;
19932
+ }
19933
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
19810
19934
  opacity: 1;
19811
19935
  }
19812
- .v-combobox--selecting-index .v-field__input > input {
19813
- caret-color: transparent;
19936
+ .v-date-picker-controls .v-btn:last-child {
19937
+ margin-inline-start: 4px;
19814
19938
  }
19815
- .v-combobox--single.v-text-field input {
19939
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
19940
+ transform: rotate(180deg);
19941
+ }
19942
+
19943
+ .v-date-picker-controls__date {
19944
+ margin-inline-end: 4px;
19945
+ }
19946
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
19947
+ margin: auto;
19948
+ text-align: center;
19949
+ }
19950
+
19951
+ .v-date-picker-controls__month {
19952
+ display: flex;
19953
+ }
19954
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
19955
+ flex-direction: row-reverse;
19956
+ }
19957
+
19958
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
19959
+ flex: 1 0 auto;
19960
+ }
19961
+
19962
+ .v-date-picker__title {
19963
+ display: inline-block;
19964
+ }.v-date-picker-month {
19965
+ display: flex;
19966
+ justify-content: center;
19967
+ min-width: 328px;
19968
+ --v-date-picker-month-day-diff: 4px;
19969
+ }
19970
+
19971
+ .v-date-picker-month__weeks {
19972
+ display: grid;
19973
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19974
+ row-gap: 4px;
19975
+ font-size: 0.875rem;
19976
+ }
19977
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
19978
+ grid-row-gap: 0;
19979
+ }
19980
+
19981
+ .v-date-picker-month__weekday {
19982
+ font-size: 0.875rem;
19983
+ }
19984
+
19985
+ .v-date-picker-month__days {
19986
+ display: grid;
19987
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19988
+ row-gap: 4px;
19816
19989
  flex: 1 1;
19817
- position: absolute;
19818
- left: 0;
19819
- right: 0;
19820
- width: 100%;
19821
- padding-inline: inherit;
19990
+ justify-content: space-around;
19822
19991
  }
19823
- .v-combobox--single .v-field--active input {
19824
- transition: none;
19992
+
19993
+ .v-date-picker-month__day {
19994
+ align-items: center;
19995
+ display: flex;
19996
+ justify-content: center;
19997
+ position: relative;
19998
+ }
19999
+ .v-date-picker-month__day--selected .v-btn {
20000
+ background-color: rgb(var(--v-theme-surface-variant));
20001
+ color: rgb(var(--v-theme-on-surface-variant));
20002
+ }
20003
+ .v-date-picker-month__day--week {
20004
+ font-size: var(--v-btn-size);
20005
+ }
20006
+
20007
+ .v-date-picker-month__day--adjacent {
20008
+ opacity: 0.5;
20009
+ }
20010
+
20011
+ .v-date-picker-month__day--hide-adjacent {
20012
+ opacity: 0;
20013
+ }.v-date-picker-months {
20014
+ height: 320px;
20015
+ overflow-y: scroll;
20016
+ }
20017
+
20018
+ .v-date-picker-months__content {
20019
+ align-items: center;
20020
+ display: grid;
20021
+ flex: 1 1;
20022
+ height: inherit;
20023
+ justify-content: space-around;
20024
+ grid-template-columns: repeat(2, 1fr);
20025
+ grid-gap: 4px 24px;
20026
+ padding-inline-start: 36px;
20027
+ padding-inline-end: 36px;
20028
+ }
20029
+ .v-date-picker-months__content .v-btn {
20030
+ text-transform: none;
20031
+ padding-inline-start: 8px;
20032
+ padding-inline-end: 8px;
20033
+ }.v-date-picker-years {
20034
+ height: 320px;
20035
+ overflow-y: scroll;
20036
+ }
20037
+
20038
+ .v-date-picker-years__content {
20039
+ display: grid;
20040
+ flex: 1 1;
20041
+ justify-content: space-around;
20042
+ grid-template-columns: repeat(3, 1fr);
20043
+ gap: 8px 24px;
20044
+ padding-inline: 36px;
20045
+ }
20046
+ .v-date-picker-years__content .v-btn {
20047
+ padding-inline: 8px;
20048
+ }.v-color-picker {
20049
+ align-self: flex-start;
20050
+ contain: content;
19825
20051
  }
19826
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
19827
- opacity: 0;
20052
+ .v-color-picker.v-sheet {
20053
+ 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));
20054
+ border-radius: 4px;
19828
20055
  }
19829
- .v-combobox--single .v-field--focused .v-combobox__selection {
19830
- opacity: 0;
20056
+
20057
+ .v-color-picker__controls {
20058
+ display: flex;
20059
+ flex-direction: column;
20060
+ padding: 16px;
19831
20061
  }
19832
- .v-combobox__menu-icon {
19833
- margin-inline-start: 4px;
19834
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20062
+
20063
+ .v-color-picker--flat {
20064
+ 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));
19835
20065
  }
19836
- .v-combobox--active-menu .v-combobox__menu-icon {
19837
- opacity: var(--v-high-emphasis-opacity);
19838
- transform: rotate(180deg);
19839
- }.v-counter {
19840
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19841
- flex: 0 1 auto;
19842
- font-size: 12px;
19843
- transition-duration: 150ms;
20066
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20067
+ 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));
19844
20068
  }.v-data-table {
19845
20069
  width: 100%;
19846
20070
  }
@@ -19858,6 +20082,9 @@ html.overflow-y-hidden {
19858
20082
  cursor: pointer;
19859
20083
  }
19860
20084
 
20085
+ .v-data-table .v-table__wrapper > table {
20086
+ table-layout: fixed;
20087
+ }
19861
20088
  .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
19862
20089
  .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
19863
20090
  .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
@@ -19974,253 +20201,31 @@ html.overflow-y-hidden {
19974
20201
  align-items: center;
19975
20202
  flex-wrap: wrap;
19976
20203
  padding: 0 8px;
19977
- justify-content: flex-end;
19978
- }
19979
-
19980
- .v-data-table-footer__items-per-page {
19981
- padding-inline-end: 24px;
19982
- display: flex;
19983
- align-items: center;
19984
- justify-content: space-between;
19985
- }
19986
- .v-data-table-footer__items-per-page > span {
19987
- padding-inline-end: 24px;
19988
- }
19989
-
19990
- .v-data-table-footer__info {
19991
- display: flex;
19992
- padding-inline-end: 24px;
19993
- }
19994
-
19995
- .v-data-table-footer__pagination {
19996
- display: flex;
19997
- align-items: center;
19998
- }
19999
-
20000
- .v-data-table-footer__page {
20001
- padding: 0 8px;
20002
- }.v-date-picker__input {
20003
- padding-top: 16px;
20004
- padding-left: 24px;
20005
- padding-right: 24px;
20006
- }
20007
-
20008
- .v-date-picker {
20009
- overflow: hidden;
20010
- }
20011
-
20012
- .v-date-picker-month {
20013
- padding: 0 12px 12px;
20014
- }
20015
-
20016
- .v-date-picker-month__day {
20017
- height: 48px;
20018
- width: 48px;
20019
- }
20020
- .v-date-picker-month__day .v-btn {
20021
- --v-btn-height: 28px;
20022
- --v-btn-size: 0.85rem;
20023
- }.v-date-picker-controls {
20024
- display: flex;
20025
- align-items: center;
20026
- justify-content: space-between;
20027
- font-size: 0.875rem;
20028
- padding-top: 4px;
20029
- padding-bottom: 4px;
20030
- padding-inline-start: 6px;
20031
- padding-inline-end: 12px;
20032
- }
20033
- .v-date-picker-controls > .v-btn:first-child {
20034
- text-transform: none;
20035
- font-weight: 400;
20036
- line-height: initial;
20037
- letter-spacing: initial;
20038
- }
20039
- .v-date-picker-controls--variant-classic {
20040
- padding-inline-start: 12px;
20041
- }
20042
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20043
- opacity: 0.7;
20044
- }
20045
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20046
- cursor: pointer;
20047
- }
20048
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20049
- opacity: 1;
20050
- }
20051
- .v-date-picker-controls .v-btn:last-child {
20052
- margin-inline-start: 4px;
20053
- }
20054
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20055
- transform: rotate(180deg);
20056
- }
20057
-
20058
- .v-date-picker-controls__date {
20059
- margin-inline-end: 4px;
20060
- }
20061
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20062
- margin: auto;
20063
- text-align: center;
20064
- }
20065
-
20066
- .v-date-picker-controls__month {
20067
- display: flex;
20068
- }
20069
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20070
- flex-direction: row-reverse;
20071
- }
20072
-
20073
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20074
- flex: 1 0 auto;
20075
- }
20076
-
20077
- .v-date-picker__title {
20078
- display: inline-block;
20079
- }.v-date-picker-header {
20080
- display: grid;
20081
- grid-template-areas: "prepend content append";
20082
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20083
- overflow: hidden;
20084
- padding-inline: 24px 12px;
20085
- padding-bottom: 12px;
20086
- }
20087
-
20088
- .v-date-picker-header__append {
20089
- grid-area: append;
20090
- }
20091
-
20092
- .v-date-picker-header__prepend {
20093
- grid-area: prepend;
20094
- padding-inline-start: 8px;
20095
- }
20096
-
20097
- .v-date-picker-header__content {
20098
- align-items: center;
20099
- display: inline-flex;
20100
- font-size: 32px;
20101
- line-height: 40px;
20102
- grid-area: content;
20103
- justify-content: space-between;
20104
- }
20105
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20106
- opacity: 0.7;
20107
- }
20108
- .v-date-picker--month .v-date-picker-header__content {
20109
- opacity: 1;
20110
- }
20111
- .v-date-picker--year .v-date-picker-header__content {
20112
- cursor: pointer;
20113
- }
20114
-
20115
- .date-picker-header-transition-enter-active,
20116
- .date-picker-header-reverse-transition-enter-active {
20117
- transition-duration: 0.3s;
20118
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20119
- }
20120
- .date-picker-header-transition-leave-active,
20121
- .date-picker-header-reverse-transition-leave-active {
20122
- transition-duration: 0.3s;
20123
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20124
- }
20125
-
20126
- .date-picker-header-transition-enter-from {
20127
- transform: translate(0, 100%);
20128
- }
20129
- .date-picker-header-transition-leave-to {
20130
- opacity: 0;
20131
- transform: translate(0, -100%);
20132
- }
20133
-
20134
- .date-picker-header-reverse-transition-enter-from {
20135
- transform: translate(0, -100%);
20136
- }
20137
- .date-picker-header-reverse-transition-leave-to {
20138
- opacity: 0;
20139
- transform: translate(0, 100%);
20140
- }.v-date-picker-months {
20141
- height: 320px;
20142
- overflow-y: scroll;
20143
- }
20144
-
20145
- .v-date-picker-months__content {
20146
- align-items: center;
20147
- display: grid;
20148
- flex: 1 1;
20149
- height: inherit;
20150
- justify-content: space-around;
20151
- grid-template-columns: repeat(2, 1fr);
20152
- grid-gap: 4px 24px;
20153
- padding-inline-start: 36px;
20154
- padding-inline-end: 36px;
20155
- }
20156
- .v-date-picker-months__content .v-btn {
20157
- text-transform: none;
20158
- padding-inline-start: 8px;
20159
- padding-inline-end: 8px;
20160
- }.v-date-picker-month {
20161
- display: flex;
20162
- justify-content: center;
20163
- min-width: 328px;
20164
- --v-date-picker-month-day-diff: 4px;
20165
- }
20166
-
20167
- .v-date-picker-month__weeks {
20168
- display: grid;
20169
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20170
- row-gap: 4px;
20171
- font-size: 0.875rem;
20172
- }
20173
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20174
- grid-row-gap: 0;
20175
- }
20176
-
20177
- .v-date-picker-month__weekday {
20178
- font-size: 0.875rem;
20179
- }
20180
-
20181
- .v-date-picker-month__days {
20182
- display: grid;
20183
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20184
- row-gap: 4px;
20185
- flex: 1 1;
20186
- justify-content: space-around;
20187
- }
20188
-
20189
- .v-date-picker-month__day {
20190
- align-items: center;
20191
- display: flex;
20192
- justify-content: center;
20193
- position: relative;
20194
- }
20195
- .v-date-picker-month__day--selected .v-btn {
20196
- background-color: rgb(var(--v-theme-surface-variant));
20197
- color: rgb(var(--v-theme-on-surface-variant));
20198
- }
20199
- .v-date-picker-month__day--week {
20200
- font-size: var(--v-btn-size);
20204
+ justify-content: flex-end;
20201
20205
  }
20202
20206
 
20203
- .v-date-picker-month__day--adjacent {
20204
- opacity: 0.5;
20207
+ .v-data-table-footer__items-per-page {
20208
+ padding-inline-end: 24px;
20209
+ display: flex;
20210
+ align-items: center;
20211
+ justify-content: space-between;
20212
+ }
20213
+ .v-data-table-footer__items-per-page > span {
20214
+ padding-inline-end: 24px;
20205
20215
  }
20206
20216
 
20207
- .v-date-picker-month__day--hide-adjacent {
20208
- opacity: 0;
20209
- }.v-date-picker-years {
20210
- height: 320px;
20211
- overflow-y: scroll;
20217
+ .v-data-table-footer__info {
20218
+ display: flex;
20219
+ padding-inline-end: 24px;
20212
20220
  }
20213
20221
 
20214
- .v-date-picker-years__content {
20215
- display: grid;
20216
- flex: 1 1;
20217
- justify-content: space-around;
20218
- grid-template-columns: repeat(3, 1fr);
20219
- gap: 8px 24px;
20220
- padding-inline: 36px;
20222
+ .v-data-table-footer__pagination {
20223
+ display: flex;
20224
+ align-items: center;
20221
20225
  }
20222
- .v-date-picker-years__content .v-btn {
20223
- padding-inline: 8px;
20226
+
20227
+ .v-data-table-footer__page {
20228
+ padding: 0 8px;
20224
20229
  }.v-dialog {
20225
20230
  align-items: center;
20226
20231
  justify-content: center;
@@ -20231,8 +20236,12 @@ html.overflow-y-hidden {
20231
20236
  width: calc(100% - 48px);
20232
20237
  max-width: calc(100% - 48px);
20233
20238
  margin: 24px;
20239
+ }
20240
+ .v-dialog > .v-overlay__content,
20241
+ .v-dialog > .v-overlay__content > form {
20234
20242
  display: flex;
20235
20243
  flex-direction: column;
20244
+ min-height: 0;
20236
20245
  }
20237
20246
  .v-dialog > .v-overlay__content > .v-card,
20238
20247
  .v-dialog > .v-overlay__content > .v-sheet,
@@ -20283,257 +20292,57 @@ html.overflow-y-hidden {
20283
20292
  .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20284
20293
  .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20285
20294
  .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20286
- min-height: 100%;
20287
- min-width: 100%;
20288
- border-radius: 0;
20289
- }
20290
-
20291
- .v-dialog--scrollable > .v-overlay__content,
20292
- .v-dialog--scrollable > .v-overlay__content > form {
20293
- display: flex;
20294
- overflow: hidden;
20295
- }
20296
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20297
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20298
- display: flex;
20299
- flex: 1 1 100%;
20300
- flex-direction: column;
20301
- max-height: 100%;
20302
- max-width: 100%;
20303
- }
20304
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20305
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20306
- -webkit-backface-visibility: hidden;
20307
- backface-visibility: hidden;
20308
- overflow-y: auto;
20309
- }.v-divider {
20310
- display: block;
20311
- flex: 1 1 100%;
20312
- height: 0px;
20313
- max-height: 0px;
20314
- opacity: var(--v-border-opacity);
20315
- transition: inherit;
20316
- border-style: solid;
20317
- border-width: thin 0 0 0;
20318
- }
20319
- .v-divider--vertical {
20320
- align-self: stretch;
20321
- border-width: 0 thin 0 0;
20322
- display: inline-flex;
20323
- height: inherit;
20324
- margin-left: -1px;
20325
- max-height: 100%;
20326
- max-width: 0px;
20327
- vertical-align: text-bottom;
20328
- width: 0px;
20329
- }
20330
- .v-divider--inset:not(.v-divider--vertical) {
20331
- max-width: calc(100% - 72px);
20332
- margin-inline-start: 72px;
20333
- }
20334
- .v-divider--inset.v-divider--vertical {
20335
- margin-bottom: 8px;
20336
- margin-top: 8px;
20337
- max-height: calc(100% - 16px);
20338
- }.v-expansion-panel {
20339
- background-color: rgb(var(--v-theme-surface));
20340
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20341
- }
20342
- .v-expansion-panel:not(:first-child)::after {
20343
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20344
- }
20345
- .v-expansion-panel--disabled .v-expansion-panel-title {
20346
- color: rgba(var(--v-theme-on-surface), 0.26);
20347
- }
20348
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20349
- opacity: 0.4615384615;
20350
- }
20351
-
20352
- .v-expansion-panels {
20353
- display: flex;
20354
- flex-wrap: wrap;
20355
- justify-content: center;
20356
- list-style-type: none;
20357
- padding: 0;
20358
- width: 100%;
20359
- position: relative;
20360
- z-index: 1;
20361
- }
20362
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20363
- border-bottom-left-radius: 0 !important;
20364
- border-bottom-right-radius: 0 !important;
20365
- }
20366
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20367
- border-top-left-radius: 0 !important;
20368
- border-top-right-radius: 0 !important;
20369
- }
20370
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20371
- border-bottom-left-radius: 0 !important;
20372
- border-bottom-right-radius: 0 !important;
20373
- }
20374
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20375
- border-top-left-radius: 0 !important;
20376
- border-top-right-radius: 0 !important;
20377
- }
20378
- .v-expansion-panels--variant-accordion > :first-child {
20379
- border-bottom-left-radius: 0 !important;
20380
- border-bottom-right-radius: 0 !important;
20381
- }
20382
- .v-expansion-panels--variant-accordion > :last-child {
20383
- border-top-left-radius: 0 !important;
20384
- border-top-right-radius: 0 !important;
20385
- }
20386
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20387
- border-bottom-left-radius: initial;
20388
- border-bottom-right-radius: initial;
20389
- }
20390
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20391
- border-radius: 0 !important;
20392
- }
20393
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20394
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20395
- }
20396
-
20397
- .v-expansion-panel {
20398
- flex: 1 0 100%;
20399
- max-width: 100%;
20400
- position: relative;
20401
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20402
- transition-property: margin-top, border-radius, border, max-width;
20403
- border-radius: 4px;
20404
- }
20405
- .v-expansion-panel:not(:first-child)::after {
20406
- border-top-style: solid;
20407
- border-top-width: thin;
20408
- content: "";
20409
- left: 0;
20410
- position: absolute;
20411
- right: 0;
20412
- top: 0;
20413
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20414
- }
20415
- .v-expansion-panel--disabled .v-expansion-panel-title {
20416
- pointer-events: none;
20417
- }
20418
- .v-expansion-panel--active:not(:first-child),
20419
- .v-expansion-panel--active + .v-expansion-panel {
20420
- margin-top: 16px;
20421
- }
20422
- .v-expansion-panel--active:not(:first-child)::after,
20423
- .v-expansion-panel--active + .v-expansion-panel::after {
20424
- opacity: 0;
20425
- }
20426
- .v-expansion-panel--active > .v-expansion-panel-title {
20427
- border-bottom-left-radius: 0;
20428
- border-bottom-right-radius: 0;
20429
- }
20430
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20431
- min-height: 64px;
20432
- }
20433
-
20434
- .v-expansion-panel__shadow {
20435
- position: absolute;
20436
- top: 0;
20437
- left: 0;
20438
- width: 100%;
20439
- height: 100%;
20440
- 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));
20441
- border-radius: inherit;
20442
- z-index: -1;
20443
- }
20444
-
20445
- .v-expansion-panel-title {
20446
- align-items: center;
20447
- text-align: start;
20448
- border-radius: inherit;
20449
- display: flex;
20450
- font-size: 0.9375rem;
20451
- line-height: 1;
20452
- min-height: 48px;
20453
- outline: none;
20454
- padding: 16px 24px;
20455
- position: relative;
20456
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20457
- width: 100%;
20458
- justify-content: space-between;
20459
- }
20460
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20461
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20462
- }
20463
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20464
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20465
- }
20466
- @supports not selector(:focus-visible) {
20467
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20468
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20469
- }
20470
- }
20471
- .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
20472
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20473
- }
20474
- .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
20475
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20476
- }
20477
- .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
20478
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20479
- }
20480
- @supports not selector(:focus-visible) {
20481
- .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
20482
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20483
- }
20484
- }
20485
- .v-expansion-panel-title--active::before {
20486
- opacity: 0.12;
20487
- }
20488
-
20489
- .v-expansion-panel-title__overlay {
20490
- position: absolute;
20491
- top: 0;
20492
- left: 0;
20493
- width: 100%;
20494
- height: 100%;
20495
- background-color: currentColor;
20496
- border-radius: inherit;
20497
- opacity: 0;
20498
- }
20499
-
20500
- .v-expansion-panel-title__icon {
20501
- display: inline-flex;
20502
- margin-bottom: -4px;
20503
- margin-top: -4px;
20504
- -webkit-user-select: none;
20505
- user-select: none;
20506
- margin-inline-start: auto;
20295
+ min-height: 100%;
20296
+ min-width: 100%;
20297
+ border-radius: 0;
20507
20298
  }
20508
20299
 
20509
- .v-expansion-panel-text {
20300
+ .v-dialog--scrollable > .v-overlay__content,
20301
+ .v-dialog--scrollable > .v-overlay__content > form {
20510
20302
  display: flex;
20511
20303
  }
20512
- .v-expansion-panel-text__wrapper {
20513
- padding: 8px 24px 16px;
20514
- flex: 1 1 auto;
20304
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20305
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20306
+ display: flex;
20307
+ flex: 1 1 100%;
20308
+ flex-direction: column;
20309
+ max-height: 100%;
20515
20310
  max-width: 100%;
20516
20311
  }
20517
-
20518
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20519
- margin-top: 0;
20520
- }
20521
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20522
- opacity: 1;
20523
- }
20524
-
20525
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20526
- max-width: calc(100% - 32px);
20312
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20313
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20314
+ -webkit-backface-visibility: hidden;
20315
+ backface-visibility: hidden;
20316
+ overflow-y: auto;
20317
+ }.v-divider {
20318
+ display: block;
20319
+ flex: 1 1 100%;
20320
+ height: 0px;
20321
+ max-height: 0px;
20322
+ opacity: var(--v-border-opacity);
20323
+ transition: inherit;
20324
+ border-style: solid;
20325
+ border-width: thin 0 0 0;
20527
20326
  }
20528
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20529
- max-width: calc(100% + 16px);
20327
+ .v-divider--vertical {
20328
+ align-self: stretch;
20329
+ border-width: 0 thin 0 0;
20330
+ display: inline-flex;
20331
+ height: inherit;
20332
+ margin-left: -1px;
20333
+ max-height: 100%;
20334
+ max-width: 0px;
20335
+ vertical-align: text-bottom;
20336
+ width: 0px;
20530
20337
  }
20531
-
20532
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20533
- max-width: 100%;
20338
+ .v-divider--inset:not(.v-divider--vertical) {
20339
+ max-width: calc(100% - 72px);
20340
+ margin-inline-start: 72px;
20534
20341
  }
20535
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20536
- max-width: calc(100% - 32px);
20342
+ .v-divider--inset.v-divider--vertical {
20343
+ margin-bottom: 8px;
20344
+ margin-top: 8px;
20345
+ max-height: calc(100% - 16px);
20537
20346
  }/* region INPUT */
20538
20347
  .v-field {
20539
20348
  display: grid;
@@ -21062,65 +20871,264 @@ textarea.v-field__input::placeholder {
21062
20871
  .v-field--reverse .v-field__field, .v-field--reverse .v-field__input {
21063
20872
  flex-direction: row-reverse;
21064
20873
  }
21065
- .v-field--reverse .v-field__input, .v-field--reverse input {
21066
- text-align: end;
20874
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20875
+ text-align: end;
20876
+ }
20877
+
20878
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20879
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20880
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20881
+ }
20882
+
20883
+ .v-field--loading .v-field__outline::after,
20884
+ .v-field--loading .v-field__outline::before {
20885
+ opacity: 0;
20886
+ }
20887
+
20888
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20889
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20890
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20891
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20892
+ top: 0px;
20893
+ }
20894
+ .v-file-input input[type=file] {
20895
+ height: 100%;
20896
+ left: 0;
20897
+ opacity: 0;
20898
+ position: absolute;
20899
+ top: 0;
20900
+ width: 100%;
20901
+ z-index: 1;
20902
+ }
20903
+ .v-file-input .v-input__details {
20904
+ padding-inline: 16px;
20905
+ }.v-footer {
20906
+ align-items: center;
20907
+ display: flex;
20908
+ flex: 1 1 auto;
20909
+ padding: 8px 16px;
20910
+ position: relative;
20911
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20912
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
20913
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20914
+ border-style: solid;
20915
+ border-width: 0;
20916
+ 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));
20917
+ border-radius: 0;
20918
+ background: rgb(var(--v-theme-surface));
20919
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20920
+ }
20921
+ .v-footer--border {
20922
+ border-width: thin;
20923
+ box-shadow: none;
20924
+ }
20925
+ .v-footer--absolute {
20926
+ position: absolute;
20927
+ }
20928
+ .v-footer--fixed {
20929
+ position: fixed;
20930
+ }
20931
+ .v-footer--rounded {
20932
+ border-radius: 4px;
20933
+ }.v-expansion-panel {
20934
+ background-color: rgb(var(--v-theme-surface));
20935
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20936
+ }
20937
+ .v-expansion-panel:not(:first-child)::after {
20938
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20939
+ }
20940
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20941
+ color: rgba(var(--v-theme-on-surface), 0.26);
20942
+ }
20943
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20944
+ opacity: 0.4615384615;
20945
+ }
20946
+
20947
+ .v-expansion-panels {
20948
+ display: flex;
20949
+ flex-wrap: wrap;
20950
+ justify-content: center;
20951
+ list-style-type: none;
20952
+ padding: 0;
20953
+ width: 100%;
20954
+ position: relative;
20955
+ z-index: 1;
20956
+ }
20957
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20958
+ border-bottom-left-radius: 0 !important;
20959
+ border-bottom-right-radius: 0 !important;
20960
+ }
20961
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20962
+ border-top-left-radius: 0 !important;
20963
+ border-top-right-radius: 0 !important;
20964
+ }
20965
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20966
+ border-bottom-left-radius: 0 !important;
20967
+ border-bottom-right-radius: 0 !important;
20968
+ }
20969
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20970
+ border-top-left-radius: 0 !important;
20971
+ border-top-right-radius: 0 !important;
20972
+ }
20973
+ .v-expansion-panels--variant-accordion > :first-child {
20974
+ border-bottom-left-radius: 0 !important;
20975
+ border-bottom-right-radius: 0 !important;
20976
+ }
20977
+ .v-expansion-panels--variant-accordion > :last-child {
20978
+ border-top-left-radius: 0 !important;
20979
+ border-top-right-radius: 0 !important;
20980
+ }
20981
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20982
+ border-bottom-left-radius: initial;
20983
+ border-bottom-right-radius: initial;
20984
+ }
20985
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20986
+ border-radius: 0 !important;
20987
+ }
20988
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20989
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20990
+ }
20991
+
20992
+ .v-expansion-panel {
20993
+ flex: 1 0 100%;
20994
+ max-width: 100%;
20995
+ position: relative;
20996
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20997
+ transition-property: margin-top, border-radius, border, max-width;
20998
+ border-radius: 4px;
20999
+ }
21000
+ .v-expansion-panel:not(:first-child)::after {
21001
+ border-top-style: solid;
21002
+ border-top-width: thin;
21003
+ content: "";
21004
+ left: 0;
21005
+ position: absolute;
21006
+ right: 0;
21007
+ top: 0;
21008
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21009
+ }
21010
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21011
+ pointer-events: none;
21012
+ }
21013
+ .v-expansion-panel--active:not(:first-child),
21014
+ .v-expansion-panel--active + .v-expansion-panel {
21015
+ margin-top: 16px;
21016
+ }
21017
+ .v-expansion-panel--active:not(:first-child)::after,
21018
+ .v-expansion-panel--active + .v-expansion-panel::after {
21019
+ opacity: 0;
21020
+ }
21021
+ .v-expansion-panel--active > .v-expansion-panel-title {
21022
+ border-bottom-left-radius: 0;
21023
+ border-bottom-right-radius: 0;
21024
+ }
21025
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21026
+ min-height: 64px;
21027
+ }
21028
+
21029
+ .v-expansion-panel__shadow {
21030
+ position: absolute;
21031
+ top: 0;
21032
+ left: 0;
21033
+ width: 100%;
21034
+ height: 100%;
21035
+ 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));
21036
+ border-radius: inherit;
21037
+ z-index: -1;
21038
+ }
21039
+
21040
+ .v-expansion-panel-title {
21041
+ align-items: center;
21042
+ text-align: start;
21043
+ border-radius: inherit;
21044
+ display: flex;
21045
+ font-size: 0.9375rem;
21046
+ line-height: 1;
21047
+ min-height: 48px;
21048
+ outline: none;
21049
+ padding: 16px 24px;
21050
+ position: relative;
21051
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21052
+ width: 100%;
21053
+ justify-content: space-between;
21054
+ }
21055
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21056
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21057
+ }
21058
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21059
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21060
+ }
21061
+ @supports not selector(:focus-visible) {
21062
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21063
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21064
+ }
21065
+ }
21066
+ .v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
21067
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21068
+ }
21069
+ .v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
21070
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21067
21071
  }
21068
-
21069
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21070
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21071
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21072
+ .v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
21073
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21072
21074
  }
21073
-
21074
- .v-field--loading .v-field__outline::after,
21075
- .v-field--loading .v-field__outline::before {
21076
- opacity: 0;
21075
+ @supports not selector(:focus-visible) {
21076
+ .v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
21077
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21078
+ }
21077
21079
  }
21078
-
21079
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21080
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21081
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21082
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21083
- top: 0px;
21080
+ .v-expansion-panel-title--active::before {
21081
+ opacity: 0.12;
21084
21082
  }
21085
- .v-file-input input[type=file] {
21086
- height: 100%;
21087
- left: 0;
21088
- opacity: 0;
21083
+
21084
+ .v-expansion-panel-title__overlay {
21089
21085
  position: absolute;
21090
21086
  top: 0;
21087
+ left: 0;
21091
21088
  width: 100%;
21092
- z-index: 1;
21089
+ height: 100%;
21090
+ background-color: currentColor;
21091
+ border-radius: inherit;
21092
+ opacity: 0;
21093
21093
  }
21094
- .v-file-input .v-input__details {
21095
- padding-inline: 16px;
21096
- }.v-footer {
21097
- align-items: center;
21094
+
21095
+ .v-expansion-panel-title__icon {
21096
+ display: inline-flex;
21097
+ margin-bottom: -4px;
21098
+ margin-top: -4px;
21099
+ -webkit-user-select: none;
21100
+ user-select: none;
21101
+ margin-inline-start: auto;
21102
+ }
21103
+
21104
+ .v-expansion-panel-text {
21098
21105
  display: flex;
21106
+ }
21107
+ .v-expansion-panel-text__wrapper {
21108
+ padding: 8px 24px 16px;
21099
21109
  flex: 1 1 auto;
21100
- padding: 8px 16px;
21101
- position: relative;
21102
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21103
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21104
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21105
- border-style: solid;
21106
- border-width: 0;
21107
- 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));
21108
- border-radius: 0;
21109
- background: rgb(var(--v-theme-surface));
21110
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21110
+ max-width: 100%;
21111
21111
  }
21112
- .v-footer--border {
21113
- border-width: thin;
21114
- box-shadow: none;
21112
+
21113
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21114
+ margin-top: 0;
21115
21115
  }
21116
- .v-footer--absolute {
21117
- position: absolute;
21116
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21117
+ opacity: 1;
21118
21118
  }
21119
- .v-footer--fixed {
21120
- position: fixed;
21119
+
21120
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21121
+ max-width: calc(100% - 32px);
21121
21122
  }
21122
- .v-footer--rounded {
21123
- border-radius: 4px;
21123
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21124
+ max-width: calc(100% + 16px);
21125
+ }
21126
+
21127
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21128
+ max-width: 100%;
21129
+ }
21130
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21131
+ max-width: calc(100% - 32px);
21124
21132
  }.v-icon {
21125
21133
  --v-icon-size-multiplier: 1;
21126
21134
  align-items: center;
@@ -21203,31 +21211,6 @@ textarea.v-field__input::placeholder {
21203
21211
 
21204
21212
  .v-img__gradient {
21205
21213
  background-repeat: no-repeat;
21206
- }.v-infinite-scroll--horizontal {
21207
- display: flex;
21208
- flex-direction: row;
21209
- overflow-x: auto;
21210
- }
21211
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21212
- height: 100%;
21213
- width: 1px;
21214
- }
21215
-
21216
- .v-infinite-scroll--vertical {
21217
- display: flex;
21218
- flex-direction: column;
21219
- overflow-y: auto;
21220
- }
21221
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21222
- height: 1px;
21223
- width: 100%;
21224
- }
21225
-
21226
- .v-infinite-scroll__side {
21227
- align-items: center;
21228
- display: flex;
21229
- justify-content: center;
21230
- padding: 8px;
21231
21214
  }.v-input {
21232
21215
  display: grid;
21233
21216
  flex: 1 1 auto;
@@ -21373,26 +21356,36 @@ textarea.v-field__input::placeholder {
21373
21356
 
21374
21357
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21375
21358
  padding-top: calc(var(--v-input-padding-top) + 0px);
21359
+ }.v-infinite-scroll--horizontal {
21360
+ display: flex;
21361
+ flex-direction: row;
21362
+ overflow-x: auto;
21363
+ }
21364
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21365
+ height: 100%;
21366
+ width: 1px;
21367
+ }
21368
+
21369
+ .v-infinite-scroll--vertical {
21370
+ display: flex;
21371
+ flex-direction: column;
21372
+ overflow-y: auto;
21373
+ }
21374
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21375
+ height: 1px;
21376
+ width: 100%;
21377
+ }
21378
+
21379
+ .v-infinite-scroll__side {
21380
+ align-items: center;
21381
+ display: flex;
21382
+ justify-content: center;
21383
+ padding: 8px;
21376
21384
  }.v-item-group {
21377
21385
  flex: 0 1 auto;
21378
21386
  max-width: 100%;
21379
21387
  position: relative;
21380
21388
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21381
- }.v-label {
21382
- align-items: center;
21383
- color: inherit;
21384
- display: inline-flex;
21385
- font-size: 1rem;
21386
- letter-spacing: 0.009375em;
21387
- min-width: 0;
21388
- opacity: var(--v-medium-emphasis-opacity);
21389
- overflow: hidden;
21390
- text-overflow: ellipsis;
21391
- white-space: nowrap;
21392
- }
21393
-
21394
- .v-label--clickable {
21395
- cursor: pointer;
21396
21389
  }.v-layout {
21397
21390
  --v-scrollbar-offset: 0px;
21398
21391
  display: flex;
@@ -21408,6 +21401,23 @@ textarea.v-field__input::placeholder {
21408
21401
 
21409
21402
  .v-layout-item--absolute {
21410
21403
  position: absolute;
21404
+ }.v-label {
21405
+ align-items: center;
21406
+ color: inherit;
21407
+ display: inline-flex;
21408
+ font-size: 1rem;
21409
+ letter-spacing: 0.009375em;
21410
+ min-width: 0;
21411
+ opacity: var(--v-medium-emphasis-opacity);
21412
+ overflow: hidden;
21413
+ text-overflow: ellipsis;
21414
+ white-space: nowrap;
21415
+ }
21416
+
21417
+ .v-label--clickable {
21418
+ cursor: pointer;
21419
+ }.v-locale-provider {
21420
+ display: contents;
21411
21421
  }.v-list {
21412
21422
  overflow: auto;
21413
21423
  padding: 8px 0;
@@ -21942,8 +21952,6 @@ textarea.v-field__input::placeholder {
21942
21952
  }
21943
21953
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
21944
21954
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21945
- }.v-locale-provider {
21946
- display: contents;
21947
21955
  }.v-main {
21948
21956
  flex: 1 0 auto;
21949
21957
  max-width: 100%;
@@ -21985,22 +21993,6 @@ textarea.v-field__input::placeholder {
21985
21993
  overflow: auto;
21986
21994
  height: 100%;
21987
21995
  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));
21988
- }.v-messages {
21989
- flex: 1 1 auto;
21990
- font-size: 12px;
21991
- min-height: 14px;
21992
- min-width: 1px;
21993
- opacity: var(--v-medium-emphasis-opacity);
21994
- position: relative;
21995
- }
21996
- .v-messages__message {
21997
- line-height: 12px;
21998
- word-break: break-word;
21999
- overflow-wrap: break-word;
22000
- word-wrap: break-word;
22001
- -webkit-hyphens: auto;
22002
- hyphens: auto;
22003
- transition-duration: 150ms;
22004
21996
  }.v-navigation-drawer {
22005
21997
  -webkit-overflow-scrolling: touch;
22006
21998
  background: rgb(var(--v-theme-surface));
@@ -22099,6 +22091,22 @@ textarea.v-field__input::placeholder {
22099
22091
  .v-navigation-drawer__append {
22100
22092
  flex: none;
22101
22093
  overflow: hidden;
22094
+ }.v-messages {
22095
+ flex: 1 1 auto;
22096
+ font-size: 12px;
22097
+ min-height: 14px;
22098
+ min-width: 1px;
22099
+ opacity: var(--v-medium-emphasis-opacity);
22100
+ position: relative;
22101
+ }
22102
+ .v-messages__message {
22103
+ line-height: 12px;
22104
+ word-break: break-word;
22105
+ overflow-wrap: break-word;
22106
+ word-wrap: break-word;
22107
+ -webkit-hyphens: auto;
22108
+ hyphens: auto;
22109
+ transition-duration: 150ms;
22102
22110
  }.v-otp-input {
22103
22111
  border-radius: 4px;
22104
22112
  align-items: center;
@@ -22215,14 +22223,6 @@ html.v-overlay-scroll-blocked {
22215
22223
 
22216
22224
  .v-overlay--scroll-blocked {
22217
22225
  padding-inline-end: var(--v-scrollbar-offset);
22218
- }.v-pagination__list {
22219
- display: inline-flex;
22220
- list-style-type: none;
22221
- justify-content: center;
22222
- width: 100%;
22223
- }
22224
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22225
- margin: 0.3rem;
22226
22226
  }.v-parallax {
22227
22227
  position: relative;
22228
22228
  overflow: hidden;
@@ -22331,6 +22331,14 @@ html.v-overlay-scroll-blocked {
22331
22331
  100% {
22332
22332
  transform: rotate(270deg);
22333
22333
  }
22334
+ }.v-pagination__list {
22335
+ display: inline-flex;
22336
+ list-style-type: none;
22337
+ justify-content: center;
22338
+ width: 100%;
22339
+ }
22340
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22341
+ margin: 0.3rem;
22334
22342
  }.v-progress-linear {
22335
22343
  background: transparent;
22336
22344
  overflow: hidden;
@@ -22652,44 +22660,18 @@ html.v-overlay-scroll-blocked {
22652
22660
  overflow: hidden;
22653
22661
  position: absolute;
22654
22662
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22655
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22656
- z-index: 1;
22657
- }
22658
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22659
- opacity: 0;
22660
- }
22661
-
22662
- .v-rating__hidden {
22663
- height: 0;
22664
- opacity: 0;
22665
- position: absolute;
22666
- width: 0;
22667
- }.v-responsive {
22668
- display: flex;
22669
- flex: 1 0 auto;
22670
- max-height: 100%;
22671
- max-width: 100%;
22672
- overflow: hidden;
22673
- position: relative;
22674
- }
22675
- .v-responsive--inline {
22676
- display: inline-flex;
22677
- flex: 0 0 auto;
22678
- }
22679
-
22680
- .v-responsive__content {
22681
- flex: 1 0 0px;
22682
- max-width: 100%;
22663
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22664
+ z-index: 1;
22683
22665
  }
22684
-
22685
- .v-responsive__sizer ~ .v-responsive__content {
22686
- margin-inline-start: -100%;
22666
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22667
+ opacity: 0;
22687
22668
  }
22688
22669
 
22689
- .v-responsive__sizer {
22690
- flex: 1 0 0px;
22691
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22692
- pointer-events: none;
22670
+ .v-rating__hidden {
22671
+ height: 0;
22672
+ opacity: 0;
22673
+ position: absolute;
22674
+ width: 0;
22693
22675
  }.v-select .v-field .v-text-field__prefix,
22694
22676
  .v-select .v-field .v-text-field__suffix,
22695
22677
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22738,6 +22720,40 @@ html.v-overlay-scroll-blocked {
22738
22720
  .v-select--active-menu .v-select__menu-icon {
22739
22721
  opacity: var(--v-high-emphasis-opacity);
22740
22722
  transform: rotate(180deg);
22723
+ }.v-selection-control-group {
22724
+ grid-area: control;
22725
+ display: flex;
22726
+ flex-direction: column;
22727
+ }
22728
+ .v-selection-control-group--inline {
22729
+ flex-direction: row;
22730
+ flex-wrap: wrap;
22731
+ }.v-responsive {
22732
+ display: flex;
22733
+ flex: 1 0 auto;
22734
+ max-height: 100%;
22735
+ max-width: 100%;
22736
+ overflow: hidden;
22737
+ position: relative;
22738
+ }
22739
+ .v-responsive--inline {
22740
+ display: inline-flex;
22741
+ flex: 0 0 auto;
22742
+ }
22743
+
22744
+ .v-responsive__content {
22745
+ flex: 1 0 0px;
22746
+ max-width: 100%;
22747
+ }
22748
+
22749
+ .v-responsive__sizer ~ .v-responsive__content {
22750
+ margin-inline-start: -100%;
22751
+ }
22752
+
22753
+ .v-responsive__sizer {
22754
+ flex: 1 0 0px;
22755
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22756
+ pointer-events: none;
22741
22757
  }.v-selection-control {
22742
22758
  align-items: center;
22743
22759
  contain: layout;
@@ -22839,42 +22855,6 @@ html.v-overlay-scroll-blocked {
22839
22855
  }
22840
22856
  .v-selection-control--focus-visible .v-selection-control__input::before {
22841
22857
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22842
- }.v-selection-control-group {
22843
- grid-area: control;
22844
- display: flex;
22845
- flex-direction: column;
22846
- }
22847
- .v-selection-control-group--inline {
22848
- flex-direction: row;
22849
- flex-wrap: wrap;
22850
- }.v-sheet {
22851
- display: block;
22852
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22853
- border-style: solid;
22854
- border-width: 0;
22855
- 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));
22856
- border-radius: 0;
22857
- background: rgb(var(--v-theme-surface));
22858
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
22859
- }
22860
- .v-sheet--border {
22861
- border-width: thin;
22862
- box-shadow: none;
22863
- }
22864
- .v-sheet--absolute {
22865
- position: absolute;
22866
- }
22867
- .v-sheet--fixed {
22868
- position: fixed;
22869
- }
22870
- .v-sheet--relative {
22871
- position: relative;
22872
- }
22873
- .v-sheet--sticky {
22874
- position: sticky;
22875
- }
22876
- .v-sheet--rounded {
22877
- border-radius: 4px;
22878
22858
  }.v-skeleton-loader {
22879
22859
  align-items: center;
22880
22860
  background: rgb(var(--v-theme-surface));
@@ -23140,6 +23120,34 @@ html.v-overlay-scroll-blocked {
23140
23120
  .v-slide-group--vertical .v-slide-group__container,
23141
23121
  .v-slide-group--vertical .v-slide-group__content {
23142
23122
  flex-direction: column;
23123
+ }.v-sheet {
23124
+ display: block;
23125
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23126
+ border-style: solid;
23127
+ border-width: 0;
23128
+ 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));
23129
+ border-radius: 0;
23130
+ background: rgb(var(--v-theme-surface));
23131
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
23132
+ }
23133
+ .v-sheet--border {
23134
+ border-width: thin;
23135
+ box-shadow: none;
23136
+ }
23137
+ .v-sheet--absolute {
23138
+ position: absolute;
23139
+ }
23140
+ .v-sheet--fixed {
23141
+ position: fixed;
23142
+ }
23143
+ .v-sheet--relative {
23144
+ position: relative;
23145
+ }
23146
+ .v-sheet--sticky {
23147
+ position: sticky;
23148
+ }
23149
+ .v-sheet--rounded {
23150
+ border-radius: 4px;
23143
23151
  }.v-snackbar {
23144
23152
  justify-content: center;
23145
23153
  z-index: 10000;
@@ -23374,230 +23382,98 @@ html.v-overlay-scroll-blocked {
23374
23382
  text-align: center;
23375
23383
  }
23376
23384
  .v-stepper--mobile .v-stepper-item__subtitle {
23377
- display: none;
23378
- }.v-switch .v-label {
23379
- padding-inline-start: 10px;
23380
- }
23381
- .v-switch .v-switch__thumb {
23382
- background-color: rgb(var(--v-theme-surface-bright));
23383
- color: rgb(var(--v-theme-on-surface-bright));
23384
- }
23385
-
23386
- .v-switch__loader {
23387
- display: flex;
23388
- }
23389
- .v-switch__loader .v-progress-circular {
23390
- color: rgb(var(--v-theme-surface));
23391
- }
23392
-
23393
- .v-switch__track,
23394
- .v-switch__thumb {
23395
- transition: none;
23396
- }
23397
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23398
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23399
- background-color: rgb(var(--v-theme-error));
23400
- color: rgb(var(--v-theme-on-error));
23401
- }
23402
-
23403
- .v-switch__track {
23404
- background-color: rgb(var(--v-theme-surface-variant));
23405
- border-radius: 9999px;
23406
- height: 14px;
23407
- opacity: 0.6;
23408
- width: 36px;
23409
- cursor: pointer;
23410
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23411
- }
23412
- .v-switch--inset .v-switch__track {
23413
- border-radius: 9999px;
23414
- height: 32px;
23415
- width: 52px;
23416
- }
23417
-
23418
- .v-switch__thumb {
23419
- align-items: center;
23420
- border-radius: 50%;
23421
- display: flex;
23422
- height: 20px;
23423
- justify-content: center;
23424
- width: 20px;
23425
- pointer-events: none;
23426
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23427
- position: relative;
23428
- overflow: hidden;
23429
- 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));
23430
- }
23431
- .v-switch--inset .v-switch__thumb {
23432
- height: 24px;
23433
- width: 24px;
23434
- transform: scale(0.6666666667);
23435
- 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));
23436
- }
23437
- .v-switch--inset .v-switch__thumb--filled {
23438
- transform: none;
23439
- }
23440
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23441
- transform: none;
23442
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23443
- }
23444
-
23445
- .v-switch .v-selection-control {
23446
- min-height: var(--v-input-control-height);
23447
- }
23448
- .v-switch .v-selection-control__input {
23449
- border-radius: 50%;
23450
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23451
- transform: translateX(-10px);
23452
- position: absolute;
23453
- }
23454
- .v-switch .v-selection-control__input .v-icon {
23455
- position: absolute;
23456
- }
23457
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23458
- transform: translateX(10px);
23459
- }
23460
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23461
- transform: scale(0.8);
23462
- }
23463
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23464
- transform: scale(0.75);
23465
- box-shadow: none;
23466
- }
23467
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23468
- width: auto;
23469
- }.v-system-bar {
23470
- align-items: center;
23471
- display: flex;
23472
- flex: 1 1 auto;
23473
- height: 24px;
23474
- justify-content: flex-end;
23475
- max-width: 100%;
23476
- padding-inline: 8px;
23477
- position: relative;
23478
- text-align: end;
23479
- width: 100%;
23480
- 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));
23481
- background: rgba(var(--v-theme-on-surface-variant));
23482
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23483
- font-size: 0.75rem;
23484
- font-weight: 400;
23485
- letter-spacing: 0.0333333333em;
23486
- line-height: 1.25rem;
23487
- text-transform: none;
23488
- }
23489
- .v-system-bar .v-icon {
23490
- opacity: var(--v-medium-emphasis-opacity);
23491
- }
23492
- .v-system-bar--absolute {
23493
- position: absolute;
23494
- }
23495
- .v-system-bar--fixed {
23496
- position: fixed;
23497
- }
23498
- .v-system-bar--rounded {
23499
- border-radius: 0;
23500
- }
23501
- .v-system-bar--window {
23502
- height: 32px;
23503
- }
23504
- .v-system-bar:not(.v-system-bar--absolute) {
23505
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23506
- }.v-tabs {
23507
- display: flex;
23508
- height: var(--v-tabs-height);
23509
- }
23510
- .v-tabs--density-default {
23511
- --v-tabs-height: 48px;
23512
- }
23513
- .v-tabs--density-default.v-tabs--stacked {
23514
- --v-tabs-height: 72px;
23515
- }
23516
-
23517
- .v-tabs--density-comfortable {
23518
- --v-tabs-height: 44px;
23385
+ display: none;
23386
+ }.v-switch .v-label {
23387
+ padding-inline-start: 10px;
23519
23388
  }
23520
- .v-tabs--density-comfortable.v-tabs--stacked {
23521
- --v-tabs-height: 68px;
23389
+ .v-switch .v-switch__thumb {
23390
+ background-color: rgb(var(--v-theme-surface-bright));
23391
+ color: rgb(var(--v-theme-on-surface-bright));
23522
23392
  }
23523
23393
 
23524
- .v-tabs--density-compact {
23525
- --v-tabs-height: 36px;
23394
+ .v-switch__loader {
23395
+ display: flex;
23526
23396
  }
23527
- .v-tabs--density-compact.v-tabs--stacked {
23528
- --v-tabs-height: 60px;
23397
+ .v-switch__loader .v-progress-circular {
23398
+ color: rgb(var(--v-theme-surface));
23529
23399
  }
23530
23400
 
23531
- .v-tabs.v-slide-group--vertical {
23532
- height: auto;
23533
- flex: none;
23534
- --v-tabs-height: 48px;
23401
+ .v-switch__track,
23402
+ .v-switch__thumb {
23403
+ transition: none;
23535
23404
  }
23536
-
23537
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23538
- margin-inline-start: 42px;
23405
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23406
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23407
+ background-color: rgb(var(--v-theme-error));
23408
+ color: rgb(var(--v-theme-on-error));
23539
23409
  }
23540
23410
 
23541
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23542
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23543
- margin-inline-end: auto;
23411
+ .v-switch__track {
23412
+ background-color: rgb(var(--v-theme-surface-variant));
23413
+ border-radius: 9999px;
23414
+ height: 14px;
23415
+ opacity: 0.6;
23416
+ width: 36px;
23417
+ cursor: pointer;
23418
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23544
23419
  }
23545
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23546
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23547
- margin-inline-start: auto;
23420
+ .v-switch--inset .v-switch__track {
23421
+ border-radius: 9999px;
23422
+ height: 32px;
23423
+ width: 52px;
23548
23424
  }
23549
23425
 
23550
- .v-tabs--grow {
23551
- flex-grow: 1;
23426
+ .v-switch__thumb {
23427
+ align-items: center;
23428
+ border-radius: 50%;
23429
+ display: flex;
23430
+ height: 20px;
23431
+ justify-content: center;
23432
+ width: 20px;
23433
+ pointer-events: none;
23434
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23435
+ position: relative;
23436
+ overflow: hidden;
23437
+ 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));
23552
23438
  }
23553
- .v-tabs--grow .v-tab {
23554
- flex: 1 0 auto;
23555
- max-width: none;
23439
+ .v-switch--inset .v-switch__thumb {
23440
+ height: 24px;
23441
+ width: 24px;
23442
+ transform: scale(0.6666666667);
23443
+ 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));
23556
23444
  }
23557
-
23558
- .v-tabs--align-tabs-end .v-tab:first-child {
23559
- margin-inline-start: auto;
23445
+ .v-switch--inset .v-switch__thumb--filled {
23446
+ transform: none;
23560
23447
  }
23561
- .v-tabs--align-tabs-end .v-tab:last-child {
23562
- margin-inline-end: 0;
23448
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23449
+ transform: none;
23450
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23563
23451
  }
23564
23452
 
23565
- @media (max-width: 1279.98px) {
23566
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23567
- margin-inline-start: 52px;
23568
- }
23569
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23570
- margin-inline-end: 52px;
23571
- }
23572
- }.v-tab.v-tab {
23573
- --v-btn-height: var(--v-tabs-height);
23574
- border-radius: 0;
23575
- min-width: 90px;
23576
- }
23577
- .v-slide-group--horizontal .v-tab {
23578
- max-width: 360px;
23453
+ .v-switch .v-selection-control {
23454
+ min-height: var(--v-input-control-height);
23579
23455
  }
23580
- .v-slide-group--vertical .v-tab {
23581
- justify-content: start;
23456
+ .v-switch .v-selection-control__input {
23457
+ border-radius: 50%;
23458
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23459
+ transform: translateX(-10px);
23460
+ position: absolute;
23582
23461
  }
23583
-
23584
- .v-tab__slider {
23462
+ .v-switch .v-selection-control__input .v-icon {
23585
23463
  position: absolute;
23586
- bottom: 0;
23587
- left: 0;
23588
- height: 2px;
23589
- width: 100%;
23590
- background: currentColor;
23591
- pointer-events: none;
23592
- opacity: 0;
23593
23464
  }
23594
- .v-tab--selected .v-tab__slider {
23595
- opacity: 1;
23465
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23466
+ transform: translateX(10px);
23596
23467
  }
23597
- .v-slide-group--vertical .v-tab__slider {
23598
- top: 0;
23599
- height: 100%;
23600
- width: 2px;
23468
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23469
+ transform: scale(0.8);
23470
+ }
23471
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23472
+ transform: scale(0.75);
23473
+ box-shadow: none;
23474
+ }
23475
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23476
+ width: auto;
23601
23477
  }.v-table {
23602
23478
  background: rgb(var(--v-theme-surface));
23603
23479
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -23746,9 +23622,144 @@ html.v-overlay-scroll-blocked {
23746
23622
  bottom: 0;
23747
23623
  z-index: 1;
23748
23624
  }
23749
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23750
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23751
- border-top: 0px !important;
23625
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23626
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23627
+ border-top: 0px !important;
23628
+ }.v-system-bar {
23629
+ align-items: center;
23630
+ display: flex;
23631
+ flex: 1 1 auto;
23632
+ height: 24px;
23633
+ justify-content: flex-end;
23634
+ max-width: 100%;
23635
+ padding-inline: 8px;
23636
+ position: relative;
23637
+ text-align: end;
23638
+ width: 100%;
23639
+ 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));
23640
+ background: rgba(var(--v-theme-on-surface-variant));
23641
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23642
+ font-size: 0.75rem;
23643
+ font-weight: 400;
23644
+ letter-spacing: 0.0333333333em;
23645
+ line-height: 1.25rem;
23646
+ text-transform: none;
23647
+ }
23648
+ .v-system-bar .v-icon {
23649
+ opacity: var(--v-medium-emphasis-opacity);
23650
+ }
23651
+ .v-system-bar--absolute {
23652
+ position: absolute;
23653
+ }
23654
+ .v-system-bar--fixed {
23655
+ position: fixed;
23656
+ }
23657
+ .v-system-bar--rounded {
23658
+ border-radius: 0;
23659
+ }
23660
+ .v-system-bar--window {
23661
+ height: 32px;
23662
+ }
23663
+ .v-system-bar:not(.v-system-bar--absolute) {
23664
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23665
+ }.v-tab.v-tab {
23666
+ --v-btn-height: var(--v-tabs-height);
23667
+ border-radius: 0;
23668
+ min-width: 90px;
23669
+ }
23670
+ .v-slide-group--horizontal .v-tab {
23671
+ max-width: 360px;
23672
+ }
23673
+ .v-slide-group--vertical .v-tab {
23674
+ justify-content: start;
23675
+ }
23676
+
23677
+ .v-tab__slider {
23678
+ position: absolute;
23679
+ bottom: 0;
23680
+ left: 0;
23681
+ height: 2px;
23682
+ width: 100%;
23683
+ background: currentColor;
23684
+ pointer-events: none;
23685
+ opacity: 0;
23686
+ }
23687
+ .v-tab--selected .v-tab__slider {
23688
+ opacity: 1;
23689
+ }
23690
+ .v-slide-group--vertical .v-tab__slider {
23691
+ top: 0;
23692
+ height: 100%;
23693
+ width: 2px;
23694
+ }.v-tabs {
23695
+ display: flex;
23696
+ height: var(--v-tabs-height);
23697
+ }
23698
+ .v-tabs--density-default {
23699
+ --v-tabs-height: 48px;
23700
+ }
23701
+ .v-tabs--density-default.v-tabs--stacked {
23702
+ --v-tabs-height: 72px;
23703
+ }
23704
+
23705
+ .v-tabs--density-comfortable {
23706
+ --v-tabs-height: 44px;
23707
+ }
23708
+ .v-tabs--density-comfortable.v-tabs--stacked {
23709
+ --v-tabs-height: 68px;
23710
+ }
23711
+
23712
+ .v-tabs--density-compact {
23713
+ --v-tabs-height: 36px;
23714
+ }
23715
+ .v-tabs--density-compact.v-tabs--stacked {
23716
+ --v-tabs-height: 60px;
23717
+ }
23718
+
23719
+ .v-tabs.v-slide-group--vertical {
23720
+ height: auto;
23721
+ flex: none;
23722
+ --v-tabs-height: 48px;
23723
+ }
23724
+
23725
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
23726
+ margin-inline-start: 42px;
23727
+ }
23728
+
23729
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
23730
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
23731
+ margin-inline-end: auto;
23732
+ }
23733
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
23734
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
23735
+ margin-inline-start: auto;
23736
+ }
23737
+
23738
+ .v-tabs--grow {
23739
+ flex-grow: 1;
23740
+ }
23741
+ .v-tabs--grow .v-tab {
23742
+ flex: 1 0 auto;
23743
+ max-width: none;
23744
+ }
23745
+
23746
+ .v-tabs--align-tabs-end .v-tab:first-child {
23747
+ margin-inline-start: auto;
23748
+ }
23749
+ .v-tabs--align-tabs-end .v-tab:last-child {
23750
+ margin-inline-end: 0;
23751
+ }
23752
+
23753
+ @media (max-width: 1279.98px) {
23754
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
23755
+ margin-inline-start: 52px;
23756
+ }
23757
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23758
+ margin-inline-end: 52px;
23759
+ }
23760
+ }.v-theme-provider {
23761
+ background: rgb(var(--v-theme-background));
23762
+ color: rgb(var(--v-theme-on-background));
23752
23763
  }/* region BLOCK */
23753
23764
  .v-text-field input {
23754
23765
  color: inherit;
@@ -23851,9 +23862,6 @@ html.v-overlay-scroll-blocked {
23851
23862
  }
23852
23863
  .v-textarea textarea:invalid {
23853
23864
  box-shadow: none;
23854
- }.v-theme-provider {
23855
- background: rgb(var(--v-theme-background));
23856
- color: rgb(var(--v-theme-on-background));
23857
23865
  }.v-timeline .v-timeline-divider__dot {
23858
23866
  background: rgb(var(--v-theme-on-surface-variant));
23859
23867
  }
@@ -24418,15 +24426,6 @@ html.v-overlay-scroll-blocked {
24418
24426
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24419
24427
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24420
24428
  transition-duration: 75ms;
24421
- }.v-virtual-scroll {
24422
- display: block;
24423
- flex: 1 1 auto;
24424
- max-width: 100%;
24425
- overflow: auto;
24426
- position: relative;
24427
- }
24428
- .v-virtual-scroll__container {
24429
- display: block;
24430
24429
  }.v-window {
24431
24430
  overflow: hidden;
24432
24431
  }
@@ -24496,28 +24495,50 @@ html.v-overlay-scroll-blocked {
24496
24495
  }
24497
24496
  .v-window-y-reverse-transition-leave-to {
24498
24497
  transform: translateY(100%);
24499
- }.v-color-picker-canvas {
24500
- display: flex;
24498
+ }.v-virtual-scroll {
24499
+ display: block;
24500
+ flex: 1 1 auto;
24501
+ max-width: 100%;
24502
+ overflow: auto;
24501
24503
  position: relative;
24502
- overflow: hidden;
24503
- contain: content;
24504
- touch-action: none;
24505
24504
  }
24506
- .v-color-picker-canvas__dot {
24507
- position: absolute;
24508
- top: 0;
24509
- left: 0;
24510
- width: 15px;
24511
- height: 15px;
24512
- background: transparent;
24513
- border-radius: 50%;
24514
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24505
+ .v-virtual-scroll__container {
24506
+ display: block;
24507
+ }.v-color-picker-swatches {
24508
+ overflow-y: auto;
24515
24509
  }
24516
- .v-color-picker-canvas__dot--disabled {
24517
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24510
+ .v-color-picker-swatches > div {
24511
+ display: flex;
24512
+ flex-wrap: wrap;
24513
+ justify-content: center;
24514
+ padding: 8px;
24518
24515
  }
24519
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24520
- will-change: transform;
24516
+
24517
+ .v-color-picker-swatches__swatch {
24518
+ display: flex;
24519
+ flex-direction: column;
24520
+ margin-bottom: 10px;
24521
+ }
24522
+
24523
+ .v-color-picker-swatches__color {
24524
+ position: relative;
24525
+ height: 18px;
24526
+ max-height: 18px;
24527
+ width: 45px;
24528
+ margin: 2px 4px;
24529
+ border-radius: 2px;
24530
+ -webkit-user-select: none;
24531
+ user-select: none;
24532
+ overflow: hidden;
24533
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24534
+ cursor: pointer;
24535
+ }
24536
+ .v-color-picker-swatches__color > div {
24537
+ display: flex;
24538
+ align-items: center;
24539
+ justify-content: center;
24540
+ width: 100%;
24541
+ height: 100%;
24521
24542
  }.v-color-picker-edit {
24522
24543
  display: flex;
24523
24544
  margin-top: 24px;
@@ -24569,241 +24590,74 @@ html.v-overlay-scroll-blocked {
24569
24590
  border-radius: inherit;
24570
24591
  }
24571
24592
 
24572
- .v-color-picker-preview__sliders {
24573
- display: flex;
24574
- flex: 1 0 auto;
24575
- flex-direction: column;
24576
- }
24577
-
24578
- .v-color-picker-preview__dot {
24579
- position: relative;
24580
- height: 30px;
24581
- width: 30px;
24582
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24583
- border-radius: 50%;
24584
- overflow: hidden;
24585
- margin-inline-end: 24px;
24586
- }
24587
- .v-color-picker-preview__dot > div {
24588
- width: 100%;
24589
- height: 100%;
24590
- }
24591
-
24592
- .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24593
- background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24594
- }
24595
-
24596
- .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24597
- background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24598
- }
24599
-
24600
- .v-color-picker-preview__track {
24601
- position: relative;
24602
- width: 100%;
24603
- margin: 0 !important;
24604
- }
24605
- .v-color-picker-preview__track .v-slider-track__fill {
24606
- display: none;
24607
- }
24608
-
24609
- .v-color-picker-preview {
24610
- align-items: center;
24611
- display: flex;
24612
- margin-bottom: 0;
24613
- }
24614
-
24615
- .v-color-picker-preview__eye-dropper {
24616
- position: relative;
24617
- margin-right: 12px;
24618
- }.v-color-picker-swatches {
24619
- overflow-y: auto;
24620
- }
24621
- .v-color-picker-swatches > div {
24622
- display: flex;
24623
- flex-wrap: wrap;
24624
- justify-content: center;
24625
- padding: 8px;
24626
- }
24627
-
24628
- .v-color-picker-swatches__swatch {
24629
- display: flex;
24630
- flex-direction: column;
24631
- margin-bottom: 10px;
24632
- }
24633
-
24634
- .v-color-picker-swatches__color {
24635
- position: relative;
24636
- height: 18px;
24637
- max-height: 18px;
24638
- width: 45px;
24639
- margin: 2px 4px;
24640
- border-radius: 2px;
24641
- -webkit-user-select: none;
24642
- user-select: none;
24643
- overflow: hidden;
24644
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24645
- cursor: pointer;
24646
- }
24647
- .v-color-picker-swatches__color > div {
24648
- display: flex;
24649
- align-items: center;
24650
- justify-content: center;
24651
- width: 100%;
24652
- height: 100%;
24653
- }.v-slider-thumb {
24654
- touch-action: none;
24655
- color: rgb(var(--v-theme-surface-variant));
24656
- }
24657
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24658
- color: inherit;
24659
- }
24660
-
24661
- .v-slider-thumb__label {
24662
- background: rgba(var(--v-theme-surface-variant), 0.7);
24663
- color: rgb(var(--v-theme-on-surface-variant));
24664
- }
24665
- .v-slider-thumb__label::before {
24666
- color: rgba(var(--v-theme-surface-variant), 0.7);
24667
- }
24668
-
24669
- .v-slider-thumb {
24670
- outline: none;
24671
- position: absolute;
24672
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24673
- }
24674
-
24675
- .v-slider-thumb__surface {
24676
- cursor: pointer;
24677
- width: var(--v-slider-thumb-size);
24678
- height: var(--v-slider-thumb-size);
24679
- border-radius: 50%;
24680
- -webkit-user-select: none;
24681
- user-select: none;
24682
- background-color: currentColor;
24683
- }
24684
- .v-slider-thumb__surface::before {
24685
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24686
- content: "";
24687
- color: inherit;
24688
- top: 0;
24689
- left: 0;
24690
- width: 100%;
24691
- height: 100%;
24692
- border-radius: 50%;
24693
- background: currentColor;
24694
- position: absolute;
24695
- pointer-events: none;
24696
- opacity: 0;
24697
- }
24698
- .v-slider-thumb__surface::after {
24699
- content: "";
24700
- width: 42px;
24701
- height: 42px;
24702
- position: absolute;
24703
- top: 50%;
24704
- left: 50%;
24705
- transform: translate(-50%, -50%);
24706
- }
24707
-
24708
- .v-slider-thumb__label-container {
24709
- position: absolute;
24710
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24711
- }
24712
-
24713
- .v-slider-thumb__label {
24714
- display: flex;
24715
- align-items: center;
24716
- justify-content: center;
24717
- font-size: 0.75rem;
24718
- min-width: 35px;
24719
- height: 25px;
24720
- border-radius: 4px;
24721
- padding: 6px;
24722
- position: absolute;
24723
- -webkit-user-select: none;
24724
- user-select: none;
24725
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24726
- }
24727
- .v-slider-thumb__label::before {
24728
- content: "";
24729
- width: 0;
24730
- height: 0;
24731
- position: absolute;
24732
- }
24733
-
24734
- .v-slider-thumb__ripple {
24735
- position: absolute;
24736
- left: calc(var(--v-slider-thumb-size) / -2);
24737
- top: calc(var(--v-slider-thumb-size) / -2);
24738
- width: calc(var(--v-slider-thumb-size) * 2);
24739
- height: calc(var(--v-slider-thumb-size) * 2);
24740
- background: inherit;
24741
- }
24742
-
24743
- .v-slider.v-input--horizontal .v-slider-thumb {
24744
- top: 50%;
24745
- transform: translateY(-50%);
24746
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24747
- }
24748
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24749
- left: calc(var(--v-slider-thumb-size) / 2);
24750
- top: 0;
24593
+ .v-color-picker-preview__sliders {
24594
+ display: flex;
24595
+ flex: 1 0 auto;
24596
+ flex-direction: column;
24751
24597
  }
24752
- .v-slider.v-input--horizontal .v-slider-thumb__label {
24753
- bottom: calc(var(--v-slider-thumb-size) / 2);
24598
+
24599
+ .v-color-picker-preview__dot {
24600
+ position: relative;
24601
+ height: 30px;
24602
+ width: 30px;
24603
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24604
+ border-radius: 50%;
24605
+ overflow: hidden;
24606
+ margin-inline-end: 24px;
24754
24607
  }
24755
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24756
- transform: translateX(-50%);
24608
+ .v-color-picker-preview__dot > div {
24609
+ width: 100%;
24610
+ height: 100%;
24757
24611
  }
24758
24612
 
24759
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24760
- transform: translateX(50%);
24613
+ .v-locale--is-ltr.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-ltr .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24614
+ background: linear-gradient(to right, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24761
24615
  }
24762
24616
 
24763
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24764
- border-left: 6px solid transparent;
24765
- border-right: 6px solid transparent;
24766
- border-top: 6px solid currentColor;
24767
- bottom: -6px;
24617
+ .v-locale--is-rtl.v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background, .v-locale--is-rtl .v-color-picker-preview__hue:not(.v-input--is-disabled) .v-slider-track__background {
24618
+ background: linear-gradient(to left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%, #00F 66.66%, #F0F 83.33%, #F00 100%);
24768
24619
  }
24769
24620
 
24770
- .v-slider.v-input--vertical .v-slider-thumb {
24771
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24772
- }
24773
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
24774
- top: calc(var(--v-slider-thumb-size) / 2);
24775
- right: 0;
24776
- }
24777
- .v-slider.v-input--vertical .v-slider-thumb__label {
24778
- top: -12.5px;
24779
- left: calc(var(--v-slider-thumb-size) / 2);
24621
+ .v-color-picker-preview__track {
24622
+ position: relative;
24623
+ width: 100%;
24624
+ margin: 0 !important;
24780
24625
  }
24781
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
24782
- border-right: 6px solid currentColor;
24783
- border-top: 6px solid transparent;
24784
- border-bottom: 6px solid transparent;
24785
- left: -6px;
24626
+ .v-color-picker-preview__track .v-slider-track__fill {
24627
+ display: none;
24786
24628
  }
24787
24629
 
24788
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
24789
- transform: scale(2);
24790
- opacity: var(--v-focus-opacity);
24630
+ .v-color-picker-preview {
24631
+ align-items: center;
24632
+ display: flex;
24633
+ margin-bottom: 0;
24791
24634
  }
24792
24635
 
24793
- .v-slider-thumb--pressed {
24794
- transition: none;
24636
+ .v-color-picker-preview__eye-dropper {
24637
+ position: relative;
24638
+ margin-right: 12px;
24639
+ }.v-color-picker-canvas {
24640
+ display: flex;
24641
+ position: relative;
24642
+ overflow: hidden;
24643
+ contain: content;
24644
+ touch-action: none;
24795
24645
  }
24796
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24797
- opacity: var(--v-pressed-opacity);
24646
+ .v-color-picker-canvas__dot {
24647
+ position: absolute;
24648
+ top: 0;
24649
+ left: 0;
24650
+ width: 15px;
24651
+ height: 15px;
24652
+ background: transparent;
24653
+ border-radius: 50%;
24654
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24798
24655
  }
24799
-
24800
- @media (hover: hover) {
24801
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
24802
- transform: scale(2);
24803
- }
24804
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24805
- opacity: var(--v-hover-opacity);
24806
- }
24656
+ .v-color-picker-canvas__dot--disabled {
24657
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24658
+ }
24659
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24660
+ will-change: transform;
24807
24661
  }.v-slider-track__background {
24808
24662
  background-color: rgb(var(--v-theme-surface-variant));
24809
24663
  }
@@ -24967,4 +24821,158 @@ html.v-overlay-scroll-blocked {
24967
24821
 
24968
24822
  .v-slider-track__background--opacity {
24969
24823
  opacity: 0.38;
24824
+ }.v-slider-thumb {
24825
+ touch-action: none;
24826
+ color: rgb(var(--v-theme-surface-variant));
24827
+ }
24828
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
24829
+ color: inherit;
24830
+ }
24831
+
24832
+ .v-slider-thumb__label {
24833
+ background: rgba(var(--v-theme-surface-variant), 0.7);
24834
+ color: rgb(var(--v-theme-on-surface-variant));
24835
+ }
24836
+ .v-slider-thumb__label::before {
24837
+ color: rgba(var(--v-theme-surface-variant), 0.7);
24838
+ }
24839
+
24840
+ .v-slider-thumb {
24841
+ outline: none;
24842
+ position: absolute;
24843
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24844
+ }
24845
+
24846
+ .v-slider-thumb__surface {
24847
+ cursor: pointer;
24848
+ width: var(--v-slider-thumb-size);
24849
+ height: var(--v-slider-thumb-size);
24850
+ border-radius: 50%;
24851
+ -webkit-user-select: none;
24852
+ user-select: none;
24853
+ background-color: currentColor;
24854
+ }
24855
+ .v-slider-thumb__surface::before {
24856
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
24857
+ content: "";
24858
+ color: inherit;
24859
+ top: 0;
24860
+ left: 0;
24861
+ width: 100%;
24862
+ height: 100%;
24863
+ border-radius: 50%;
24864
+ background: currentColor;
24865
+ position: absolute;
24866
+ pointer-events: none;
24867
+ opacity: 0;
24868
+ }
24869
+ .v-slider-thumb__surface::after {
24870
+ content: "";
24871
+ width: 42px;
24872
+ height: 42px;
24873
+ position: absolute;
24874
+ top: 50%;
24875
+ left: 50%;
24876
+ transform: translate(-50%, -50%);
24877
+ }
24878
+
24879
+ .v-slider-thumb__label-container {
24880
+ position: absolute;
24881
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24882
+ }
24883
+
24884
+ .v-slider-thumb__label {
24885
+ display: flex;
24886
+ align-items: center;
24887
+ justify-content: center;
24888
+ font-size: 0.75rem;
24889
+ min-width: 35px;
24890
+ height: 25px;
24891
+ border-radius: 4px;
24892
+ padding: 6px;
24893
+ position: absolute;
24894
+ -webkit-user-select: none;
24895
+ user-select: none;
24896
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
24897
+ }
24898
+ .v-slider-thumb__label::before {
24899
+ content: "";
24900
+ width: 0;
24901
+ height: 0;
24902
+ position: absolute;
24903
+ }
24904
+
24905
+ .v-slider-thumb__ripple {
24906
+ position: absolute;
24907
+ left: calc(var(--v-slider-thumb-size) / -2);
24908
+ top: calc(var(--v-slider-thumb-size) / -2);
24909
+ width: calc(var(--v-slider-thumb-size) * 2);
24910
+ height: calc(var(--v-slider-thumb-size) * 2);
24911
+ background: inherit;
24912
+ }
24913
+
24914
+ .v-slider.v-input--horizontal .v-slider-thumb {
24915
+ top: 50%;
24916
+ transform: translateY(-50%);
24917
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24918
+ }
24919
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
24920
+ left: calc(var(--v-slider-thumb-size) / 2);
24921
+ top: 0;
24922
+ }
24923
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
24924
+ bottom: calc(var(--v-slider-thumb-size) / 2);
24925
+ }
24926
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
24927
+ transform: translateX(-50%);
24928
+ }
24929
+
24930
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
24931
+ transform: translateX(50%);
24932
+ }
24933
+
24934
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
24935
+ border-left: 6px solid transparent;
24936
+ border-right: 6px solid transparent;
24937
+ border-top: 6px solid currentColor;
24938
+ bottom: -6px;
24939
+ }
24940
+
24941
+ .v-slider.v-input--vertical .v-slider-thumb {
24942
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
24943
+ }
24944
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
24945
+ top: calc(var(--v-slider-thumb-size) / 2);
24946
+ right: 0;
24947
+ }
24948
+ .v-slider.v-input--vertical .v-slider-thumb__label {
24949
+ top: -12.5px;
24950
+ left: calc(var(--v-slider-thumb-size) / 2);
24951
+ }
24952
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
24953
+ border-right: 6px solid currentColor;
24954
+ border-top: 6px solid transparent;
24955
+ border-bottom: 6px solid transparent;
24956
+ left: -6px;
24957
+ }
24958
+
24959
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
24960
+ transform: scale(2);
24961
+ opacity: var(--v-focus-opacity);
24962
+ }
24963
+
24964
+ .v-slider-thumb--pressed {
24965
+ transition: none;
24966
+ }
24967
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
24968
+ opacity: var(--v-pressed-opacity);
24969
+ }
24970
+
24971
+ @media (hover: hover) {
24972
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
24973
+ transform: scale(2);
24974
+ }
24975
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
24976
+ opacity: var(--v-hover-opacity);
24977
+ }
24970
24978
  }