vuetify 3.5.11 → 3.5.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (182) hide show
  1. package/dist/_component-variables-labs.sass +2 -1
  2. package/dist/json/attributes.json +243 -19
  3. package/dist/json/importMap-labs.json +22 -10
  4. package/dist/json/importMap.json +124 -124
  5. package/dist/json/tags.json +71 -0
  6. package/dist/json/web-types.json +747 -38
  7. package/dist/vuetify-labs.css +2339 -2089
  8. package/dist/vuetify-labs.d.ts +1117 -154
  9. package/dist/vuetify-labs.esm.js +675 -25
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +675 -25
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1661 -1652
  14. package/dist/vuetify.d.ts +321 -192
  15. package/dist/vuetify.esm.js +33 -19
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +33 -19
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +93 -92
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAvatar/VAvatar.css +6 -0
  23. package/lib/components/VAvatar/VAvatar.sass +6 -0
  24. package/lib/components/VAvatar/_variables.scss +2 -0
  25. package/lib/components/VCheckbox/index.d.mts +54 -18
  26. package/lib/components/VChip/VChip.css +5 -2
  27. package/lib/components/VChip/VChip.sass +3 -0
  28. package/lib/components/VChip/_variables.scss +2 -2
  29. package/lib/components/VDivider/VDivider.css +1 -1
  30. package/lib/components/VDivider/VDivider.sass +1 -1
  31. package/lib/components/VExpansionPanel/VExpansionPanel.css +3 -3
  32. package/lib/components/VExpansionPanel/VExpansionPanel.sass +2 -2
  33. package/lib/components/VField/VField.css +1 -1
  34. package/lib/components/VField/_variables.scss +1 -1
  35. package/lib/components/VFileInput/index.d.mts +12 -12
  36. package/lib/components/VForm/index.d.mts +42 -42
  37. package/lib/components/VInput/index.d.mts +6 -6
  38. package/lib/components/VRadio/index.d.mts +27 -9
  39. package/lib/components/VRadioGroup/index.d.mts +27 -9
  40. package/lib/components/VSelectionControl/VSelectionControl.mjs +1 -0
  41. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  42. package/lib/components/VSelectionControl/index.d.mts +27 -9
  43. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +1 -1
  44. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  45. package/lib/components/VSelectionControlGroup/index.d.mts +27 -9
  46. package/lib/components/VSwitch/index.d.mts +27 -9
  47. package/lib/components/VTextField/index.d.mts +12 -12
  48. package/lib/components/VTextarea/index.d.mts +12 -12
  49. package/lib/components/VValidation/index.d.mts +6 -6
  50. package/lib/components/index.d.mts +279 -153
  51. package/lib/composables/form.mjs.map +1 -1
  52. package/lib/composables/router.mjs +16 -8
  53. package/lib/composables/router.mjs.map +1 -1
  54. package/lib/composables/transition.mjs +5 -2
  55. package/lib/composables/transition.mjs.map +1 -1
  56. package/lib/composables/validation.mjs +5 -4
  57. package/lib/composables/validation.mjs.map +1 -1
  58. package/lib/entry-bundler.mjs +1 -1
  59. package/lib/framework.mjs +1 -1
  60. package/lib/index.d.mts +42 -39
  61. package/lib/labs/VNumberInput/VNumberInput.mjs +4 -4
  62. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -1
  63. package/lib/labs/VTimePicker/SelectingTimes.mjs.map +1 -0
  64. package/lib/labs/VTimePicker/VTimePicker.css +8 -0
  65. package/lib/labs/VTimePicker/VTimePicker.mjs +265 -0
  66. package/lib/labs/VTimePicker/VTimePicker.mjs.map +1 -0
  67. package/lib/labs/VTimePicker/VTimePicker.sass +10 -0
  68. package/lib/labs/VTimePicker/VTimePickerClock.css +130 -0
  69. package/lib/labs/VTimePicker/VTimePickerClock.mjs +244 -0
  70. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -0
  71. package/lib/{components → labs}/VTimePicker/VTimePickerClock.sass +22 -39
  72. package/lib/labs/VTimePicker/VTimePickerControls.css +104 -0
  73. package/lib/labs/VTimePicker/VTimePickerControls.mjs +125 -0
  74. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -0
  75. package/lib/labs/VTimePicker/VTimePickerControls.sass +102 -0
  76. package/lib/labs/VTimePicker/_variables.scss +34 -0
  77. package/lib/labs/VTimePicker/index.d.mts +848 -0
  78. package/lib/labs/VTimePicker/index.mjs +4 -0
  79. package/lib/labs/VTimePicker/index.mjs.map +1 -0
  80. package/lib/labs/components.d.mts +835 -1
  81. package/lib/labs/components.mjs +1 -0
  82. package/lib/labs/components.mjs.map +1 -1
  83. package/lib/locale/af.mjs +2 -1
  84. package/lib/locale/af.mjs.map +1 -1
  85. package/lib/locale/ar.mjs +2 -1
  86. package/lib/locale/ar.mjs.map +1 -1
  87. package/lib/locale/az.mjs +2 -1
  88. package/lib/locale/az.mjs.map +1 -1
  89. package/lib/locale/bg.mjs +2 -1
  90. package/lib/locale/bg.mjs.map +1 -1
  91. package/lib/locale/ca.mjs +2 -1
  92. package/lib/locale/ca.mjs.map +1 -1
  93. package/lib/locale/ckb.mjs +2 -1
  94. package/lib/locale/ckb.mjs.map +1 -1
  95. package/lib/locale/cs.mjs +2 -1
  96. package/lib/locale/cs.mjs.map +1 -1
  97. package/lib/locale/da.mjs +2 -1
  98. package/lib/locale/da.mjs.map +1 -1
  99. package/lib/locale/de.mjs +2 -1
  100. package/lib/locale/de.mjs.map +1 -1
  101. package/lib/locale/el.mjs +2 -1
  102. package/lib/locale/el.mjs.map +1 -1
  103. package/lib/locale/en.mjs +2 -1
  104. package/lib/locale/en.mjs.map +1 -1
  105. package/lib/locale/es.mjs +2 -1
  106. package/lib/locale/es.mjs.map +1 -1
  107. package/lib/locale/et.mjs +2 -1
  108. package/lib/locale/et.mjs.map +1 -1
  109. package/lib/locale/fa.mjs +2 -1
  110. package/lib/locale/fa.mjs.map +1 -1
  111. package/lib/locale/fi.mjs +2 -1
  112. package/lib/locale/fi.mjs.map +1 -1
  113. package/lib/locale/fr.mjs +2 -1
  114. package/lib/locale/fr.mjs.map +1 -1
  115. package/lib/locale/he.mjs +2 -1
  116. package/lib/locale/he.mjs.map +1 -1
  117. package/lib/locale/hr.mjs +2 -1
  118. package/lib/locale/hr.mjs.map +1 -1
  119. package/lib/locale/hu.mjs +2 -1
  120. package/lib/locale/hu.mjs.map +1 -1
  121. package/lib/locale/id.mjs +2 -1
  122. package/lib/locale/id.mjs.map +1 -1
  123. package/lib/locale/index.d.mts +43 -0
  124. package/lib/locale/it.mjs +2 -1
  125. package/lib/locale/it.mjs.map +1 -1
  126. package/lib/locale/ja.mjs +2 -1
  127. package/lib/locale/ja.mjs.map +1 -1
  128. package/lib/locale/km.mjs +2 -1
  129. package/lib/locale/km.mjs.map +1 -1
  130. package/lib/locale/ko.mjs +2 -1
  131. package/lib/locale/ko.mjs.map +1 -1
  132. package/lib/locale/lt.mjs +2 -1
  133. package/lib/locale/lt.mjs.map +1 -1
  134. package/lib/locale/lv.mjs +2 -1
  135. package/lib/locale/lv.mjs.map +1 -1
  136. package/lib/locale/nl.mjs +2 -1
  137. package/lib/locale/nl.mjs.map +1 -1
  138. package/lib/locale/no.mjs +2 -1
  139. package/lib/locale/no.mjs.map +1 -1
  140. package/lib/locale/pl.mjs +2 -1
  141. package/lib/locale/pl.mjs.map +1 -1
  142. package/lib/locale/pt.mjs +2 -1
  143. package/lib/locale/pt.mjs.map +1 -1
  144. package/lib/locale/ro.mjs +2 -1
  145. package/lib/locale/ro.mjs.map +1 -1
  146. package/lib/locale/ru.mjs +2 -1
  147. package/lib/locale/ru.mjs.map +1 -1
  148. package/lib/locale/sk.mjs +2 -1
  149. package/lib/locale/sk.mjs.map +1 -1
  150. package/lib/locale/sl.mjs +2 -1
  151. package/lib/locale/sl.mjs.map +1 -1
  152. package/lib/locale/sr-Cyrl.mjs +2 -1
  153. package/lib/locale/sr-Cyrl.mjs.map +1 -1
  154. package/lib/locale/sr-Latn.mjs +2 -1
  155. package/lib/locale/sr-Latn.mjs.map +1 -1
  156. package/lib/locale/sv.mjs +2 -1
  157. package/lib/locale/sv.mjs.map +1 -1
  158. package/lib/locale/th.mjs +2 -1
  159. package/lib/locale/th.mjs.map +1 -1
  160. package/lib/locale/tr.mjs +2 -1
  161. package/lib/locale/tr.mjs.map +1 -1
  162. package/lib/locale/uk.mjs +2 -1
  163. package/lib/locale/uk.mjs.map +1 -1
  164. package/lib/locale/vi.mjs +2 -1
  165. package/lib/locale/vi.mjs.map +1 -1
  166. package/lib/locale/zh-Hans.mjs +2 -1
  167. package/lib/locale/zh-Hans.mjs.map +1 -1
  168. package/lib/locale/zh-Hant.mjs +2 -1
  169. package/lib/locale/zh-Hant.mjs.map +1 -1
  170. package/package.json +4 -4
  171. package/lib/components/VTimePicker/SelectingTimes.mjs.map +0 -1
  172. package/lib/components/VTimePicker/VTimePicker.mjs +0 -288
  173. package/lib/components/VTimePicker/VTimePicker.mjs.map +0 -1
  174. package/lib/components/VTimePicker/VTimePickerClock.mjs +0 -251
  175. package/lib/components/VTimePicker/VTimePickerClock.mjs.map +0 -1
  176. package/lib/components/VTimePicker/VTimePickerTitle.mjs +0 -64
  177. package/lib/components/VTimePicker/VTimePickerTitle.mjs.map +0 -1
  178. package/lib/components/VTimePicker/VTimePickerTitle.sass +0 -61
  179. package/lib/components/VTimePicker/_variables.scss +0 -32
  180. package/lib/components/VTimePicker/index.mjs +0 -12
  181. package/lib/components/VTimePicker/index.mjs.map +0 -1
  182. /package/lib/{components → labs}/VTimePicker/SelectingTimes.mjs +0 -0
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.11
2
+ * Vuetify v3.5.12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17432,9 +17432,86 @@ html.overflow-y-hidden {
17432
17432
  .v-avatar--rounded {
17433
17433
  border-radius: 4px;
17434
17434
  }
17435
+ .v-avatar--start {
17436
+ margin-inline-end: 8px;
17437
+ }
17438
+ .v-avatar--end {
17439
+ margin-inline-start: 8px;
17440
+ }
17435
17441
  .v-avatar .v-img {
17436
17442
  height: 100%;
17437
17443
  width: 100%;
17444
+ }.v-badge {
17445
+ display: inline-block;
17446
+ line-height: 1;
17447
+ }
17448
+
17449
+ .v-badge__badge {
17450
+ align-items: center;
17451
+ display: inline-flex;
17452
+ border-radius: 10px;
17453
+ font-size: 0.75rem;
17454
+ font-weight: 500;
17455
+ height: 1.25rem;
17456
+ justify-content: center;
17457
+ min-width: 20px;
17458
+ padding: 4px 6px;
17459
+ pointer-events: auto;
17460
+ position: absolute;
17461
+ text-align: center;
17462
+ text-indent: 0;
17463
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17464
+ white-space: nowrap;
17465
+ background: rgb(var(--v-theme-surface-variant));
17466
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17467
+ }
17468
+ .v-badge--bordered .v-badge__badge::after {
17469
+ border-radius: inherit;
17470
+ border-style: solid;
17471
+ border-width: 2px;
17472
+ bottom: 0;
17473
+ color: rgb(var(--v-theme-background));
17474
+ content: "";
17475
+ left: 0;
17476
+ position: absolute;
17477
+ right: 0;
17478
+ top: 0;
17479
+ transform: scale(1.05);
17480
+ }
17481
+ .v-badge--dot .v-badge__badge {
17482
+ border-radius: 4.5px;
17483
+ height: 9px;
17484
+ min-width: 0;
17485
+ padding: 0;
17486
+ width: 9px;
17487
+ }
17488
+ .v-badge--dot .v-badge__badge::after {
17489
+ border-width: 1.5px;
17490
+ }
17491
+ .v-badge--inline .v-badge__badge {
17492
+ position: relative;
17493
+ vertical-align: middle;
17494
+ }
17495
+ .v-badge__badge .v-icon {
17496
+ color: inherit;
17497
+ font-size: 0.75rem;
17498
+ margin: 0 -2px;
17499
+ }
17500
+ .v-badge__badge img,
17501
+ .v-badge__badge .v-img {
17502
+ height: 100%;
17503
+ width: 100%;
17504
+ }
17505
+
17506
+ .v-badge__wrapper {
17507
+ display: flex;
17508
+ position: relative;
17509
+ }
17510
+ .v-badge--inline .v-badge__wrapper {
17511
+ align-items: center;
17512
+ display: inline-flex;
17513
+ justify-content: center;
17514
+ margin: 0 4px;
17438
17515
  }.v-banner {
17439
17516
  display: grid;
17440
17517
  flex: 1 1;
@@ -17592,77 +17669,6 @@ html.overflow-y-hidden {
17592
17669
  }
17593
17670
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17594
17671
  align-self: flex-start;
17595
- }.v-badge {
17596
- display: inline-block;
17597
- line-height: 1;
17598
- }
17599
-
17600
- .v-badge__badge {
17601
- align-items: center;
17602
- display: inline-flex;
17603
- border-radius: 10px;
17604
- font-size: 0.75rem;
17605
- font-weight: 500;
17606
- height: 1.25rem;
17607
- justify-content: center;
17608
- min-width: 20px;
17609
- padding: 4px 6px;
17610
- pointer-events: auto;
17611
- position: absolute;
17612
- text-align: center;
17613
- text-indent: 0;
17614
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17615
- white-space: nowrap;
17616
- background: rgb(var(--v-theme-surface-variant));
17617
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17618
- }
17619
- .v-badge--bordered .v-badge__badge::after {
17620
- border-radius: inherit;
17621
- border-style: solid;
17622
- border-width: 2px;
17623
- bottom: 0;
17624
- color: rgb(var(--v-theme-background));
17625
- content: "";
17626
- left: 0;
17627
- position: absolute;
17628
- right: 0;
17629
- top: 0;
17630
- transform: scale(1.05);
17631
- }
17632
- .v-badge--dot .v-badge__badge {
17633
- border-radius: 4.5px;
17634
- height: 9px;
17635
- min-width: 0;
17636
- padding: 0;
17637
- width: 9px;
17638
- }
17639
- .v-badge--dot .v-badge__badge::after {
17640
- border-width: 1.5px;
17641
- }
17642
- .v-badge--inline .v-badge__badge {
17643
- position: relative;
17644
- vertical-align: middle;
17645
- }
17646
- .v-badge__badge .v-icon {
17647
- color: inherit;
17648
- font-size: 0.75rem;
17649
- margin: 0 -2px;
17650
- }
17651
- .v-badge__badge img,
17652
- .v-badge__badge .v-img {
17653
- height: 100%;
17654
- width: 100%;
17655
- }
17656
-
17657
- .v-badge__wrapper {
17658
- display: flex;
17659
- position: relative;
17660
- }
17661
- .v-badge--inline .v-badge__wrapper {
17662
- align-items: center;
17663
- display: inline-flex;
17664
- justify-content: center;
17665
- margin: 0 4px;
17666
17672
  }.v-bottom-navigation {
17667
17673
  display: flex;
17668
17674
  max-width: 100%;
@@ -17807,156 +17813,150 @@ html.overflow-y-hidden {
17807
17813
  display: inline-block;
17808
17814
  padding: 0 8px;
17809
17815
  vertical-align: middle;
17810
- }.v-btn-group {
17811
- display: inline-flex;
17812
- flex-wrap: nowrap;
17816
+ }.v-btn {
17817
+ align-items: center;
17818
+ border-radius: 4px;
17819
+ display: inline-grid;
17820
+ grid-template-areas: "prepend content append";
17821
+ grid-template-columns: max-content auto max-content;
17822
+ font-weight: 500;
17823
+ justify-content: center;
17824
+ letter-spacing: 0.0892857143em;
17825
+ line-height: normal;
17813
17826
  max-width: 100%;
17814
- min-width: 0;
17815
- overflow: hidden;
17827
+ outline: none;
17828
+ position: relative;
17829
+ text-decoration: none;
17830
+ text-indent: 0.0892857143em;
17831
+ text-transform: uppercase;
17832
+ transition-property: box-shadow, transform, opacity, background;
17833
+ transition-duration: 0.28s;
17834
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17835
+ -webkit-user-select: none;
17836
+ user-select: none;
17816
17837
  vertical-align: middle;
17838
+ flex-shrink: 0;
17817
17839
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17818
17840
  border-style: solid;
17819
17841
  border-width: 0;
17820
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17821
- border-radius: 4px;
17822
- background: transparent;
17823
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17824
17842
  }
17825
- .v-btn-group--border {
17826
- border-width: thin;
17827
- box-shadow: none;
17843
+ .v-btn--size-x-small {
17844
+ --v-btn-size: 0.625rem;
17845
+ --v-btn-height: 20px;
17846
+ font-size: var(--v-btn-size);
17847
+ min-width: 36px;
17848
+ padding: 0 8px;
17828
17849
  }
17829
- .v-btn-group--density-default.v-btn-group {
17830
- height: 48px;
17850
+
17851
+ .v-btn--size-small {
17852
+ --v-btn-size: 0.75rem;
17853
+ --v-btn-height: 28px;
17854
+ font-size: var(--v-btn-size);
17855
+ min-width: 50px;
17856
+ padding: 0 12px;
17831
17857
  }
17832
17858
 
17833
- .v-btn-group--density-comfortable.v-btn-group {
17834
- height: 40px;
17859
+ .v-btn--size-default {
17860
+ --v-btn-size: 0.875rem;
17861
+ --v-btn-height: 36px;
17862
+ font-size: var(--v-btn-size);
17863
+ min-width: 64px;
17864
+ padding: 0 16px;
17835
17865
  }
17836
17866
 
17837
- .v-btn-group--density-compact.v-btn-group {
17838
- height: 36px;
17867
+ .v-btn--size-large {
17868
+ --v-btn-size: 1rem;
17869
+ --v-btn-height: 44px;
17870
+ font-size: var(--v-btn-size);
17871
+ min-width: 78px;
17872
+ padding: 0 20px;
17839
17873
  }
17840
17874
 
17841
- .v-btn-group .v-btn {
17842
- border-radius: 0;
17843
- border-color: inherit;
17875
+ .v-btn--size-x-large {
17876
+ --v-btn-size: 1.125rem;
17877
+ --v-btn-height: 52px;
17878
+ font-size: var(--v-btn-size);
17879
+ min-width: 92px;
17880
+ padding: 0 24px;
17844
17881
  }
17845
- .v-btn-group .v-btn:not(:last-child) {
17846
- border-inline-end: none;
17882
+
17883
+ .v-btn.v-btn--density-default {
17884
+ height: calc(var(--v-btn-height) + 0px);
17847
17885
  }
17848
- .v-btn-group .v-btn:not(:first-child) {
17849
- border-inline-start: none;
17886
+
17887
+ .v-btn.v-btn--density-comfortable {
17888
+ height: calc(var(--v-btn-height) + -8px);
17850
17889
  }
17851
- .v-btn-group .v-btn:first-child {
17852
- border-start-start-radius: inherit;
17853
- border-end-start-radius: inherit;
17890
+
17891
+ .v-btn.v-btn--density-compact {
17892
+ height: calc(var(--v-btn-height) + -12px);
17854
17893
  }
17855
- .v-btn-group .v-btn:last-child {
17856
- border-start-end-radius: inherit;
17857
- border-end-end-radius: inherit;
17894
+
17895
+ .v-btn--border {
17896
+ border-width: thin;
17897
+ box-shadow: none;
17858
17898
  }
17859
- .v-btn-group--divided .v-btn:not(:last-child) {
17860
- border-inline-end-width: thin;
17861
- border-inline-end-style: solid;
17862
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17899
+ .v-btn--absolute {
17900
+ position: absolute;
17863
17901
  }
17864
- .v-btn-group--tile {
17865
- border-radius: 0;
17866
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
17867
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17902
+ .v-btn--fixed {
17903
+ position: fixed;
17868
17904
  }
17869
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
17870
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17871
- }
17872
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
17873
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17874
- }
17875
- @supports not selector(:focus-visible) {
17876
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
17877
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17878
- }
17879
- }.v-card {
17880
- display: block;
17881
- overflow: hidden;
17882
- overflow-wrap: break-word;
17883
- position: relative;
17884
- padding: 0;
17885
- text-decoration: none;
17886
- transition-duration: 0.28s;
17887
- transition-property: box-shadow, opacity, background;
17888
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17889
- z-index: 0;
17890
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17891
- border-style: solid;
17892
- border-width: 0;
17893
- border-radius: 4px;
17894
- }
17895
- .v-card--border {
17896
- border-width: thin;
17897
- box-shadow: none;
17898
- }
17899
- .v-card--absolute {
17900
- position: absolute;
17901
- }
17902
- .v-card--fixed {
17903
- position: fixed;
17904
- }
17905
- .v-card:hover > .v-card__overlay {
17905
+ .v-btn:hover > .v-btn__overlay {
17906
17906
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17907
17907
  }
17908
- .v-card:focus-visible > .v-card__overlay {
17908
+ .v-btn:focus-visible > .v-btn__overlay {
17909
17909
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17910
17910
  }
17911
17911
  @supports not selector(:focus-visible) {
17912
- .v-card:focus > .v-card__overlay {
17912
+ .v-btn:focus > .v-btn__overlay {
17913
17913
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17914
17914
  }
17915
17915
  }
17916
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17916
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17917
17917
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17918
17918
  }
17919
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17919
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17920
17920
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17921
17921
  }
17922
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17922
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17923
17923
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17924
17924
  }
17925
17925
  @supports not selector(:focus-visible) {
17926
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17926
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17927
17927
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17928
17928
  }
17929
17929
  }
17930
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17930
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17931
17931
  background: transparent;
17932
17932
  color: inherit;
17933
17933
  }
17934
- .v-card--variant-plain {
17934
+ .v-btn--variant-plain {
17935
17935
  opacity: 0.62;
17936
17936
  }
17937
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17937
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17938
17938
  opacity: 1;
17939
17939
  }
17940
- .v-card--variant-plain .v-card__overlay {
17940
+ .v-btn--variant-plain .v-btn__overlay {
17941
17941
  display: none;
17942
17942
  }
17943
- .v-card--variant-elevated, .v-card--variant-flat {
17943
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17944
17944
  background: rgb(var(--v-theme-surface));
17945
17945
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17946
17946
  }
17947
- .v-card--variant-elevated {
17948
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17947
+ .v-btn--variant-elevated {
17948
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17949
17949
  }
17950
- .v-card--variant-flat {
17950
+ .v-btn--variant-flat {
17951
17951
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17952
17952
  }
17953
- .v-card--variant-outlined {
17953
+ .v-btn--variant-outlined {
17954
17954
  border: thin solid currentColor;
17955
17955
  }
17956
- .v-card--variant-text .v-card__overlay {
17956
+ .v-btn--variant-text .v-btn__overlay {
17957
17957
  background: currentColor;
17958
17958
  }
17959
- .v-card--variant-tonal .v-card__underlay {
17959
+ .v-btn--variant-tonal .v-btn__underlay {
17960
17960
  background: currentColor;
17961
17961
  opacity: var(--v-activated-opacity);
17962
17962
  border-radius: inherit;
@@ -17967,418 +17967,405 @@ html.overflow-y-hidden {
17967
17967
  left: 0;
17968
17968
  pointer-events: none;
17969
17969
  }
17970
- .v-card--disabled {
17971
- pointer-events: none;
17972
- -webkit-user-select: none;
17973
- user-select: none;
17974
- }
17975
- .v-card--disabled > :not(.v-card__loader) {
17976
- opacity: 0.6;
17977
- }
17978
- .v-card--flat {
17979
- box-shadow: none;
17970
+ @supports selector(:focus-visible) {
17971
+ .v-btn::after {
17972
+ content: "";
17973
+ position: absolute;
17974
+ top: 0;
17975
+ left: 0;
17976
+ width: 100%;
17977
+ height: 100%;
17978
+ pointer-events: none;
17979
+ border: 2px solid currentColor;
17980
+ border-radius: inherit;
17981
+ opacity: 0;
17982
+ transition: opacity 0.2s ease-in-out;
17983
+ }
17984
+ .v-btn:focus-visible::after {
17985
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17986
+ }
17980
17987
  }
17981
- .v-card--hover {
17982
- cursor: pointer;
17988
+ .v-btn--icon {
17989
+ border-radius: 50%;
17990
+ min-width: 0;
17991
+ padding: 0;
17983
17992
  }
17984
- .v-card--hover::before, .v-card--hover::after {
17985
- border-radius: inherit;
17986
- bottom: 0;
17987
- content: "";
17988
- display: block;
17989
- left: 0;
17990
- pointer-events: none;
17991
- position: absolute;
17992
- right: 0;
17993
- top: 0;
17994
- transition: inherit;
17993
+ .v-btn--icon.v-btn--size-default {
17994
+ --v-btn-size: 1rem;
17995
17995
  }
17996
- .v-card--hover::before {
17997
- opacity: 1;
17998
- z-index: -1;
17999
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17996
+ .v-btn--icon.v-btn--density-default {
17997
+ width: calc(var(--v-btn-height) + 12px);
17998
+ height: calc(var(--v-btn-height) + 12px);
18000
17999
  }
18001
- .v-card--hover::after {
18002
- z-index: 1;
18003
- opacity: 0;
18004
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18000
+ .v-btn--icon.v-btn--density-comfortable {
18001
+ width: calc(var(--v-btn-height) + 0px);
18002
+ height: calc(var(--v-btn-height) + 0px);
18005
18003
  }
18006
- .v-card--hover:hover::after {
18007
- opacity: 1;
18004
+ .v-btn--icon.v-btn--density-compact {
18005
+ width: calc(var(--v-btn-height) + -8px);
18006
+ height: calc(var(--v-btn-height) + -8px);
18008
18007
  }
18009
- .v-card--hover:hover::before {
18010
- opacity: 0;
18008
+
18009
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18010
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18011
18011
  }
18012
- .v-card--hover:hover {
18012
+ .v-btn--elevated:active {
18013
18013
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18014
18014
  }
18015
- .v-card--link {
18016
- cursor: pointer;
18015
+ .v-btn--flat {
18016
+ box-shadow: none;
18017
18017
  }
18018
-
18019
- .v-card-actions {
18020
- align-items: center;
18018
+ .v-btn--block {
18021
18019
  display: flex;
18022
- flex: none;
18023
- min-height: 52px;
18024
- padding: 0.5rem;
18020
+ flex: 1 0 auto;
18021
+ min-width: 100%;
18025
18022
  }
18026
-
18027
- .v-card-item {
18028
- align-items: center;
18029
- display: grid;
18030
- flex: none;
18031
- grid-template-areas: "prepend content append";
18032
- grid-template-columns: max-content auto max-content;
18033
- padding: 0.625rem 1rem;
18023
+ .v-btn--disabled {
18024
+ pointer-events: none;
18025
+ opacity: 0.26;
18034
18026
  }
18035
- .v-card-item + .v-card-text {
18036
- padding-top: 0;
18027
+ .v-btn--disabled:hover {
18028
+ opacity: 0.26;
18037
18029
  }
18038
- .v-card-item__prepend, .v-card-item__append {
18039
- align-items: center;
18040
- display: flex;
18030
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18031
+ box-shadow: none;
18032
+ opacity: 1;
18033
+ color: rgba(var(--v-theme-on-surface), 0.26);
18034
+ background: rgb(var(--v-theme-surface));
18041
18035
  }
18042
- .v-card-item__prepend {
18043
- grid-area: prepend;
18044
- padding-inline-end: 0.5rem;
18036
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18037
+ opacity: 0.4615384615;
18045
18038
  }
18046
- .v-card-item__append {
18047
- grid-area: append;
18048
- padding-inline-start: 0.5rem;
18039
+ .v-btn--loading {
18040
+ pointer-events: none;
18049
18041
  }
18050
-
18051
- .v-card-item__content {
18052
- align-self: center;
18053
- grid-area: content;
18054
- overflow: hidden;
18042
+ .v-btn--loading .v-btn__content,
18043
+ .v-btn--loading .v-btn__prepend,
18044
+ .v-btn--loading .v-btn__append {
18045
+ opacity: 0;
18055
18046
  }
18056
-
18057
- .v-card-title {
18058
- display: block;
18059
- flex: none;
18060
- font-size: 1.25rem;
18061
- font-weight: 500;
18062
- -webkit-hyphens: auto;
18063
- hyphens: auto;
18064
- letter-spacing: 0.0125em;
18065
- min-width: 0;
18066
- overflow-wrap: normal;
18067
- overflow: hidden;
18068
- padding: 0.5rem 1rem;
18069
- text-overflow: ellipsis;
18070
- text-transform: none;
18071
- white-space: nowrap;
18072
- word-break: normal;
18073
- word-wrap: break-word;
18047
+ .v-btn--stacked {
18048
+ grid-template-areas: "prepend" "content" "append";
18049
+ grid-template-columns: auto;
18050
+ grid-template-rows: max-content max-content max-content;
18051
+ justify-items: center;
18052
+ align-content: center;
18074
18053
  }
18075
- .v-card .v-card-title {
18076
- line-height: 2rem;
18054
+ .v-btn--stacked .v-btn__content {
18055
+ flex-direction: column;
18056
+ line-height: 1.25;
18077
18057
  }
18078
- .v-card--density-comfortable .v-card-title {
18079
- line-height: 1.75rem;
18058
+ .v-btn--stacked .v-btn__prepend,
18059
+ .v-btn--stacked .v-btn__append,
18060
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18061
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18062
+ margin-inline: 0;
18080
18063
  }
18081
- .v-card--density-compact .v-card-title {
18082
- line-height: 1.55rem;
18064
+ .v-btn--stacked .v-btn__prepend,
18065
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18066
+ margin-bottom: 4px;
18083
18067
  }
18084
- .v-card-item .v-card-title {
18085
- padding: 0;
18068
+ .v-btn--stacked .v-btn__append,
18069
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18070
+ margin-top: 4px;
18086
18071
  }
18087
- .v-card-title + .v-card-text,
18088
- .v-card-title + .v-card-actions {
18089
- padding-top: 0;
18072
+ .v-btn--stacked.v-btn--size-x-small {
18073
+ --v-btn-size: 0.625rem;
18074
+ --v-btn-height: 56px;
18075
+ font-size: var(--v-btn-size);
18076
+ min-width: 56px;
18077
+ padding: 0 12px;
18090
18078
  }
18091
18079
 
18092
- .v-card-subtitle {
18093
- display: block;
18094
- flex: none;
18095
- font-size: 0.875rem;
18096
- font-weight: 400;
18097
- letter-spacing: 0.0178571429em;
18098
- opacity: var(--v-medium-emphasis-opacity);
18099
- overflow: hidden;
18100
- padding: 0 1rem;
18101
- text-overflow: ellipsis;
18102
- text-transform: none;
18103
- white-space: nowrap;
18080
+ .v-btn--stacked.v-btn--size-small {
18081
+ --v-btn-size: 0.75rem;
18082
+ --v-btn-height: 64px;
18083
+ font-size: var(--v-btn-size);
18084
+ min-width: 64px;
18085
+ padding: 0 14px;
18104
18086
  }
18105
- .v-card .v-card-subtitle {
18106
- line-height: 1.25rem;
18087
+
18088
+ .v-btn--stacked.v-btn--size-default {
18089
+ --v-btn-size: 0.875rem;
18090
+ --v-btn-height: 72px;
18091
+ font-size: var(--v-btn-size);
18092
+ min-width: 72px;
18093
+ padding: 0 16px;
18107
18094
  }
18108
- .v-card--density-comfortable .v-card-subtitle {
18109
- line-height: 1.125rem;
18095
+
18096
+ .v-btn--stacked.v-btn--size-large {
18097
+ --v-btn-size: 1rem;
18098
+ --v-btn-height: 80px;
18099
+ font-size: var(--v-btn-size);
18100
+ min-width: 80px;
18101
+ padding: 0 18px;
18110
18102
  }
18111
- .v-card--density-compact .v-card-subtitle {
18112
- line-height: 1rem;
18103
+
18104
+ .v-btn--stacked.v-btn--size-x-large {
18105
+ --v-btn-size: 1.125rem;
18106
+ --v-btn-height: 88px;
18107
+ font-size: var(--v-btn-size);
18108
+ min-width: 88px;
18109
+ padding: 0 20px;
18113
18110
  }
18114
- .v-card-item .v-card-subtitle {
18115
- padding: 0 0 0.25rem;
18111
+
18112
+ .v-btn--stacked.v-btn--density-default {
18113
+ height: calc(var(--v-btn-height) + 0px);
18116
18114
  }
18117
18115
 
18118
- .v-card-text {
18119
- flex: 1 1 auto;
18120
- font-size: 0.875rem;
18121
- font-weight: 400;
18122
- letter-spacing: 0.0178571429em;
18123
- padding: 1rem;
18124
- text-transform: none;
18116
+ .v-btn--stacked.v-btn--density-comfortable {
18117
+ height: calc(var(--v-btn-height) + -16px);
18125
18118
  }
18126
- .v-card .v-card-text {
18127
- line-height: 1.25rem;
18119
+
18120
+ .v-btn--stacked.v-btn--density-compact {
18121
+ height: calc(var(--v-btn-height) + -24px);
18128
18122
  }
18129
- .v-card--density-comfortable .v-card-text {
18130
- line-height: 1.2rem;
18123
+
18124
+ .v-btn--slim {
18125
+ padding: 0 8px;
18131
18126
  }
18132
- .v-card--density-compact .v-card-text {
18133
- line-height: 1.15rem;
18127
+ .v-btn--rounded {
18128
+ border-radius: 24px;
18129
+ }
18130
+ .v-btn--rounded.v-btn--icon {
18131
+ border-radius: 4px;
18132
+ }
18133
+ .v-btn .v-icon {
18134
+ --v-icon-size-multiplier: 0.8571428571;
18135
+ }
18136
+ .v-btn--icon .v-icon {
18137
+ --v-icon-size-multiplier: 1;
18138
+ }
18139
+ .v-btn--stacked .v-icon {
18140
+ --v-icon-size-multiplier: 1.1428571429;
18134
18141
  }
18135
18142
 
18136
- .v-card__image {
18143
+ .v-btn__loader {
18144
+ align-items: center;
18137
18145
  display: flex;
18138
18146
  height: 100%;
18139
- flex: 1 1 auto;
18147
+ justify-content: center;
18140
18148
  left: 0;
18141
- overflow: hidden;
18142
18149
  position: absolute;
18143
18150
  top: 0;
18144
18151
  width: 100%;
18145
- z-index: -1;
18146
18152
  }
18147
18153
 
18148
- .v-card__content {
18149
- border-radius: inherit;
18150
- overflow: hidden;
18151
- position: relative;
18154
+ .v-btn__content,
18155
+ .v-btn__prepend,
18156
+ .v-btn__append {
18157
+ align-items: center;
18158
+ display: flex;
18159
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18152
18160
  }
18153
18161
 
18154
- .v-card__loader {
18155
- bottom: auto;
18156
- top: 0;
18157
- left: 0;
18158
- position: absolute;
18159
- right: 0;
18160
- width: 100%;
18161
- z-index: 1;
18162
+ .v-btn__prepend {
18163
+ grid-area: prepend;
18164
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18162
18165
  }
18163
18166
 
18164
- .v-card__overlay {
18165
- background-color: currentColor;
18166
- border-radius: inherit;
18167
- position: absolute;
18168
- top: 0;
18169
- right: 0;
18170
- bottom: 0;
18171
- left: 0;
18172
- pointer-events: none;
18173
- opacity: 0;
18174
- transition: opacity 0.2s ease-in-out;
18175
- }.v-carousel {
18176
- overflow: hidden;
18177
- position: relative;
18178
- width: 100%;
18167
+ .v-btn__append {
18168
+ grid-area: append;
18169
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18179
18170
  }
18180
- .v-carousel__controls {
18181
- align-items: center;
18182
- bottom: 0;
18183
- display: flex;
18184
- height: 50px;
18171
+
18172
+ .v-btn__content {
18173
+ grid-area: content;
18185
18174
  justify-content: center;
18186
- list-style-type: none;
18187
- position: absolute;
18188
- width: 100%;
18189
- z-index: 1;
18190
- background: rgba(var(--v-theme-surface-variant), 0.3);
18191
- color: rgb(var(--v-theme-on-surface-variant));
18192
- }
18193
- .v-carousel__controls > .v-item-group {
18194
- flex: 0 1 auto;
18195
- }
18196
- .v-carousel__controls__item {
18197
- margin: 0 8px;
18175
+ white-space: nowrap;
18198
18176
  }
18199
- .v-carousel__controls__item .v-icon {
18200
- opacity: 0.5;
18177
+ .v-btn__content > .v-icon--start {
18178
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18201
18179
  }
18202
- .v-carousel__controls__item--active .v-icon {
18203
- opacity: 1;
18204
- vertical-align: middle;
18180
+ .v-btn__content > .v-icon--end {
18181
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18205
18182
  }
18206
- .v-carousel__controls__item:hover {
18207
- background: none;
18183
+ .v-btn--stacked .v-btn__content {
18184
+ white-space: normal;
18208
18185
  }
18209
- .v-carousel__controls__item:hover .v-icon {
18210
- opacity: 0.8;
18186
+
18187
+ .v-btn__overlay {
18188
+ background-color: currentColor;
18189
+ border-radius: inherit;
18190
+ opacity: 0;
18191
+ transition: opacity 0.2s ease-in-out;
18211
18192
  }
18212
18193
 
18213
- .v-carousel__progress {
18214
- margin: 0;
18194
+ .v-btn__overlay,
18195
+ .v-btn__underlay {
18215
18196
  position: absolute;
18216
- bottom: 0;
18197
+ top: 0;
18217
18198
  left: 0;
18218
- right: 0;
18219
- }
18220
-
18221
- .v-carousel-item {
18222
- display: block;
18223
- height: inherit;
18224
- text-decoration: none;
18225
- }
18226
- .v-carousel-item > .v-img {
18227
- height: inherit;
18199
+ width: 100%;
18200
+ height: 100%;
18201
+ pointer-events: none;
18228
18202
  }
18229
18203
 
18230
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18231
- background: transparent;
18204
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18205
+ margin-inline-start: 0.5rem;
18232
18206
  }
18233
18207
 
18234
- .v-carousel--vertical-delimiters .v-carousel__controls {
18235
- flex-direction: column;
18236
- height: 100% !important;
18237
- width: 50px;
18238
- }.v-btn {
18239
- align-items: center;
18208
+ .v-pagination .v-btn {
18240
18209
  border-radius: 4px;
18241
- display: inline-grid;
18242
- grid-template-areas: "prepend content append";
18243
- grid-template-columns: max-content auto max-content;
18244
- font-weight: 500;
18245
- justify-content: center;
18246
- letter-spacing: 0.0892857143em;
18247
- line-height: normal;
18210
+ }
18211
+ .v-pagination .v-btn--rounded {
18212
+ border-radius: 50%;
18213
+ }
18214
+ .v-btn__overlay {
18215
+ transition: none;
18216
+ }
18217
+ .v-pagination__item--is-active .v-btn__overlay {
18218
+ opacity: var(--v-border-opacity);
18219
+ }.v-btn-group {
18220
+ display: inline-flex;
18221
+ flex-wrap: nowrap;
18248
18222
  max-width: 100%;
18249
- outline: none;
18250
- position: relative;
18251
- text-decoration: none;
18252
- text-indent: 0.0892857143em;
18253
- text-transform: uppercase;
18254
- transition-property: box-shadow, transform, opacity, background;
18255
- transition-duration: 0.28s;
18256
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18257
- -webkit-user-select: none;
18258
- user-select: none;
18223
+ min-width: 0;
18224
+ overflow: hidden;
18259
18225
  vertical-align: middle;
18260
- flex-shrink: 0;
18261
18226
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18262
18227
  border-style: solid;
18263
18228
  border-width: 0;
18229
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18230
+ border-radius: 4px;
18231
+ background: transparent;
18232
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18264
18233
  }
18265
- .v-btn--size-x-small {
18266
- --v-btn-size: 0.625rem;
18267
- --v-btn-height: 20px;
18268
- font-size: var(--v-btn-size);
18269
- min-width: 36px;
18270
- padding: 0 8px;
18234
+ .v-btn-group--border {
18235
+ border-width: thin;
18236
+ box-shadow: none;
18237
+ }
18238
+ .v-btn-group--density-default.v-btn-group {
18239
+ height: 48px;
18271
18240
  }
18272
18241
 
18273
- .v-btn--size-small {
18274
- --v-btn-size: 0.75rem;
18275
- --v-btn-height: 28px;
18276
- font-size: var(--v-btn-size);
18277
- min-width: 50px;
18278
- padding: 0 12px;
18242
+ .v-btn-group--density-comfortable.v-btn-group {
18243
+ height: 40px;
18279
18244
  }
18280
18245
 
18281
- .v-btn--size-default {
18282
- --v-btn-size: 0.875rem;
18283
- --v-btn-height: 36px;
18284
- font-size: var(--v-btn-size);
18285
- min-width: 64px;
18286
- padding: 0 16px;
18246
+ .v-btn-group--density-compact.v-btn-group {
18247
+ height: 36px;
18287
18248
  }
18288
18249
 
18289
- .v-btn--size-large {
18290
- --v-btn-size: 1rem;
18291
- --v-btn-height: 44px;
18292
- font-size: var(--v-btn-size);
18293
- min-width: 78px;
18294
- padding: 0 20px;
18250
+ .v-btn-group .v-btn {
18251
+ border-radius: 0;
18252
+ border-color: inherit;
18295
18253
  }
18296
-
18297
- .v-btn--size-x-large {
18298
- --v-btn-size: 1.125rem;
18299
- --v-btn-height: 52px;
18300
- font-size: var(--v-btn-size);
18301
- min-width: 92px;
18302
- padding: 0 24px;
18254
+ .v-btn-group .v-btn:not(:last-child) {
18255
+ border-inline-end: none;
18303
18256
  }
18304
-
18305
- .v-btn.v-btn--density-default {
18306
- height: calc(var(--v-btn-height) + 0px);
18257
+ .v-btn-group .v-btn:not(:first-child) {
18258
+ border-inline-start: none;
18307
18259
  }
18308
-
18309
- .v-btn.v-btn--density-comfortable {
18310
- height: calc(var(--v-btn-height) + -8px);
18260
+ .v-btn-group .v-btn:first-child {
18261
+ border-start-start-radius: inherit;
18262
+ border-end-start-radius: inherit;
18311
18263
  }
18312
-
18313
- .v-btn.v-btn--density-compact {
18314
- height: calc(var(--v-btn-height) + -12px);
18264
+ .v-btn-group .v-btn:last-child {
18265
+ border-start-end-radius: inherit;
18266
+ border-end-end-radius: inherit;
18315
18267
  }
18316
-
18317
- .v-btn--border {
18268
+ .v-btn-group--divided .v-btn:not(:last-child) {
18269
+ border-inline-end-width: thin;
18270
+ border-inline-end-style: solid;
18271
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18272
+ }
18273
+ .v-btn-group--tile {
18274
+ border-radius: 0;
18275
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18276
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18277
+ }
18278
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18279
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18280
+ }
18281
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18282
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18283
+ }
18284
+ @supports not selector(:focus-visible) {
18285
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18286
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18287
+ }
18288
+ }.v-card {
18289
+ display: block;
18290
+ overflow: hidden;
18291
+ overflow-wrap: break-word;
18292
+ position: relative;
18293
+ padding: 0;
18294
+ text-decoration: none;
18295
+ transition-duration: 0.28s;
18296
+ transition-property: box-shadow, opacity, background;
18297
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18298
+ z-index: 0;
18299
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18300
+ border-style: solid;
18301
+ border-width: 0;
18302
+ border-radius: 4px;
18303
+ }
18304
+ .v-card--border {
18318
18305
  border-width: thin;
18319
18306
  box-shadow: none;
18320
18307
  }
18321
- .v-btn--absolute {
18308
+ .v-card--absolute {
18322
18309
  position: absolute;
18323
18310
  }
18324
- .v-btn--fixed {
18311
+ .v-card--fixed {
18325
18312
  position: fixed;
18326
18313
  }
18327
- .v-btn:hover > .v-btn__overlay {
18314
+ .v-card:hover > .v-card__overlay {
18328
18315
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18329
18316
  }
18330
- .v-btn:focus-visible > .v-btn__overlay {
18317
+ .v-card:focus-visible > .v-card__overlay {
18331
18318
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18332
18319
  }
18333
18320
  @supports not selector(:focus-visible) {
18334
- .v-btn:focus > .v-btn__overlay {
18321
+ .v-card:focus > .v-card__overlay {
18335
18322
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18336
18323
  }
18337
18324
  }
18338
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18325
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18339
18326
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18340
18327
  }
18341
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18328
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18342
18329
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18343
18330
  }
18344
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18331
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18345
18332
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18346
18333
  }
18347
18334
  @supports not selector(:focus-visible) {
18348
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18335
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18349
18336
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18350
18337
  }
18351
18338
  }
18352
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18339
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18353
18340
  background: transparent;
18354
18341
  color: inherit;
18355
18342
  }
18356
- .v-btn--variant-plain {
18343
+ .v-card--variant-plain {
18357
18344
  opacity: 0.62;
18358
18345
  }
18359
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18346
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18360
18347
  opacity: 1;
18361
18348
  }
18362
- .v-btn--variant-plain .v-btn__overlay {
18349
+ .v-card--variant-plain .v-card__overlay {
18363
18350
  display: none;
18364
18351
  }
18365
- .v-btn--variant-elevated, .v-btn--variant-flat {
18352
+ .v-card--variant-elevated, .v-card--variant-flat {
18366
18353
  background: rgb(var(--v-theme-surface));
18367
18354
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18368
18355
  }
18369
- .v-btn--variant-elevated {
18370
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18356
+ .v-card--variant-elevated {
18357
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18371
18358
  }
18372
- .v-btn--variant-flat {
18359
+ .v-card--variant-flat {
18373
18360
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18374
18361
  }
18375
- .v-btn--variant-outlined {
18362
+ .v-card--variant-outlined {
18376
18363
  border: thin solid currentColor;
18377
18364
  }
18378
- .v-btn--variant-text .v-btn__overlay {
18365
+ .v-card--variant-text .v-card__overlay {
18379
18366
  background: currentColor;
18380
18367
  }
18381
- .v-btn--variant-tonal .v-btn__underlay {
18368
+ .v-card--variant-tonal .v-card__underlay {
18382
18369
  background: currentColor;
18383
18370
  opacity: var(--v-activated-opacity);
18384
18371
  border-radius: inherit;
@@ -18389,260 +18376,297 @@ html.overflow-y-hidden {
18389
18376
  left: 0;
18390
18377
  pointer-events: none;
18391
18378
  }
18392
- @supports selector(:focus-visible) {
18393
- .v-btn::after {
18394
- content: "";
18395
- position: absolute;
18396
- top: 0;
18397
- left: 0;
18398
- width: 100%;
18399
- height: 100%;
18400
- pointer-events: none;
18401
- border: 2px solid currentColor;
18402
- border-radius: inherit;
18403
- opacity: 0;
18404
- transition: opacity 0.2s ease-in-out;
18405
- }
18406
- .v-btn:focus-visible::after {
18407
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18408
- }
18409
- }
18410
- .v-btn--icon {
18411
- border-radius: 50%;
18412
- min-width: 0;
18413
- padding: 0;
18414
- }
18415
- .v-btn--icon.v-btn--size-default {
18416
- --v-btn-size: 1rem;
18417
- }
18418
- .v-btn--icon.v-btn--density-default {
18419
- width: calc(var(--v-btn-height) + 12px);
18420
- height: calc(var(--v-btn-height) + 12px);
18421
- }
18422
- .v-btn--icon.v-btn--density-comfortable {
18423
- width: calc(var(--v-btn-height) + 0px);
18424
- height: calc(var(--v-btn-height) + 0px);
18425
- }
18426
- .v-btn--icon.v-btn--density-compact {
18427
- width: calc(var(--v-btn-height) + -8px);
18428
- height: calc(var(--v-btn-height) + -8px);
18429
- }
18430
-
18431
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18432
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18379
+ .v-card--disabled {
18380
+ pointer-events: none;
18381
+ -webkit-user-select: none;
18382
+ user-select: none;
18433
18383
  }
18434
- .v-btn--elevated:active {
18435
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18384
+ .v-card--disabled > :not(.v-card__loader) {
18385
+ opacity: 0.6;
18436
18386
  }
18437
- .v-btn--flat {
18387
+ .v-card--flat {
18438
18388
  box-shadow: none;
18439
18389
  }
18440
- .v-btn--block {
18441
- display: flex;
18442
- flex: 1 0 auto;
18443
- min-width: 100%;
18390
+ .v-card--hover {
18391
+ cursor: pointer;
18444
18392
  }
18445
- .v-btn--disabled {
18393
+ .v-card--hover::before, .v-card--hover::after {
18394
+ border-radius: inherit;
18395
+ bottom: 0;
18396
+ content: "";
18397
+ display: block;
18398
+ left: 0;
18446
18399
  pointer-events: none;
18447
- opacity: 0.26;
18448
- }
18449
- .v-btn--disabled:hover {
18450
- opacity: 0.26;
18400
+ position: absolute;
18401
+ right: 0;
18402
+ top: 0;
18403
+ transition: inherit;
18451
18404
  }
18452
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18453
- box-shadow: none;
18405
+ .v-card--hover::before {
18454
18406
  opacity: 1;
18455
- color: rgba(var(--v-theme-on-surface), 0.26);
18456
- background: rgb(var(--v-theme-surface));
18407
+ z-index: -1;
18408
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18457
18409
  }
18458
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18459
- opacity: 0.4615384615;
18410
+ .v-card--hover::after {
18411
+ z-index: 1;
18412
+ opacity: 0;
18413
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18460
18414
  }
18461
- .v-btn--loading {
18462
- pointer-events: none;
18415
+ .v-card--hover:hover::after {
18416
+ opacity: 1;
18463
18417
  }
18464
- .v-btn--loading .v-btn__content,
18465
- .v-btn--loading .v-btn__prepend,
18466
- .v-btn--loading .v-btn__append {
18418
+ .v-card--hover:hover::before {
18467
18419
  opacity: 0;
18468
18420
  }
18469
- .v-btn--stacked {
18470
- grid-template-areas: "prepend" "content" "append";
18471
- grid-template-columns: auto;
18472
- grid-template-rows: max-content max-content max-content;
18473
- justify-items: center;
18474
- align-content: center;
18421
+ .v-card--hover:hover {
18422
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18475
18423
  }
18476
- .v-btn--stacked .v-btn__content {
18477
- flex-direction: column;
18478
- line-height: 1.25;
18424
+ .v-card--link {
18425
+ cursor: pointer;
18479
18426
  }
18480
- .v-btn--stacked .v-btn__prepend,
18481
- .v-btn--stacked .v-btn__append,
18482
- .v-btn--stacked .v-btn__content > .v-icon--start,
18483
- .v-btn--stacked .v-btn__content > .v-icon--end {
18484
- margin-inline: 0;
18427
+
18428
+ .v-card-actions {
18429
+ align-items: center;
18430
+ display: flex;
18431
+ flex: none;
18432
+ min-height: 52px;
18433
+ padding: 0.5rem;
18485
18434
  }
18486
- .v-btn--stacked .v-btn__prepend,
18487
- .v-btn--stacked .v-btn__content > .v-icon--start {
18488
- margin-bottom: 4px;
18435
+
18436
+ .v-card-item {
18437
+ align-items: center;
18438
+ display: grid;
18439
+ flex: none;
18440
+ grid-template-areas: "prepend content append";
18441
+ grid-template-columns: max-content auto max-content;
18442
+ padding: 0.625rem 1rem;
18489
18443
  }
18490
- .v-btn--stacked .v-btn__append,
18491
- .v-btn--stacked .v-btn__content > .v-icon--end {
18492
- margin-top: 4px;
18444
+ .v-card-item + .v-card-text {
18445
+ padding-top: 0;
18493
18446
  }
18494
- .v-btn--stacked.v-btn--size-x-small {
18495
- --v-btn-size: 0.625rem;
18496
- --v-btn-height: 56px;
18497
- font-size: var(--v-btn-size);
18498
- min-width: 56px;
18499
- padding: 0 12px;
18447
+ .v-card-item__prepend, .v-card-item__append {
18448
+ align-items: center;
18449
+ display: flex;
18500
18450
  }
18501
-
18502
- .v-btn--stacked.v-btn--size-small {
18503
- --v-btn-size: 0.75rem;
18504
- --v-btn-height: 64px;
18505
- font-size: var(--v-btn-size);
18506
- min-width: 64px;
18507
- padding: 0 14px;
18451
+ .v-card-item__prepend {
18452
+ grid-area: prepend;
18453
+ padding-inline-end: 0.5rem;
18508
18454
  }
18509
-
18510
- .v-btn--stacked.v-btn--size-default {
18511
- --v-btn-size: 0.875rem;
18512
- --v-btn-height: 72px;
18513
- font-size: var(--v-btn-size);
18514
- min-width: 72px;
18515
- padding: 0 16px;
18455
+ .v-card-item__append {
18456
+ grid-area: append;
18457
+ padding-inline-start: 0.5rem;
18516
18458
  }
18517
18459
 
18518
- .v-btn--stacked.v-btn--size-large {
18519
- --v-btn-size: 1rem;
18520
- --v-btn-height: 80px;
18521
- font-size: var(--v-btn-size);
18522
- min-width: 80px;
18523
- padding: 0 18px;
18460
+ .v-card-item__content {
18461
+ align-self: center;
18462
+ grid-area: content;
18463
+ overflow: hidden;
18524
18464
  }
18525
18465
 
18526
- .v-btn--stacked.v-btn--size-x-large {
18527
- --v-btn-size: 1.125rem;
18528
- --v-btn-height: 88px;
18529
- font-size: var(--v-btn-size);
18530
- min-width: 88px;
18531
- padding: 0 20px;
18466
+ .v-card-title {
18467
+ display: block;
18468
+ flex: none;
18469
+ font-size: 1.25rem;
18470
+ font-weight: 500;
18471
+ -webkit-hyphens: auto;
18472
+ hyphens: auto;
18473
+ letter-spacing: 0.0125em;
18474
+ min-width: 0;
18475
+ overflow-wrap: normal;
18476
+ overflow: hidden;
18477
+ padding: 0.5rem 1rem;
18478
+ text-overflow: ellipsis;
18479
+ text-transform: none;
18480
+ white-space: nowrap;
18481
+ word-break: normal;
18482
+ word-wrap: break-word;
18532
18483
  }
18533
-
18534
- .v-btn--stacked.v-btn--density-default {
18535
- height: calc(var(--v-btn-height) + 0px);
18484
+ .v-card .v-card-title {
18485
+ line-height: 2rem;
18536
18486
  }
18537
-
18538
- .v-btn--stacked.v-btn--density-comfortable {
18539
- height: calc(var(--v-btn-height) + -16px);
18487
+ .v-card--density-comfortable .v-card-title {
18488
+ line-height: 1.75rem;
18540
18489
  }
18541
-
18542
- .v-btn--stacked.v-btn--density-compact {
18543
- height: calc(var(--v-btn-height) + -24px);
18490
+ .v-card--density-compact .v-card-title {
18491
+ line-height: 1.55rem;
18492
+ }
18493
+ .v-card-item .v-card-title {
18494
+ padding: 0;
18495
+ }
18496
+ .v-card-title + .v-card-text,
18497
+ .v-card-title + .v-card-actions {
18498
+ padding-top: 0;
18544
18499
  }
18545
18500
 
18546
- .v-btn--slim {
18547
- padding: 0 8px;
18501
+ .v-card-subtitle {
18502
+ display: block;
18503
+ flex: none;
18504
+ font-size: 0.875rem;
18505
+ font-weight: 400;
18506
+ letter-spacing: 0.0178571429em;
18507
+ opacity: var(--v-medium-emphasis-opacity);
18508
+ overflow: hidden;
18509
+ padding: 0 1rem;
18510
+ text-overflow: ellipsis;
18511
+ text-transform: none;
18512
+ white-space: nowrap;
18548
18513
  }
18549
- .v-btn--rounded {
18550
- border-radius: 24px;
18514
+ .v-card .v-card-subtitle {
18515
+ line-height: 1.25rem;
18551
18516
  }
18552
- .v-btn--rounded.v-btn--icon {
18553
- border-radius: 4px;
18517
+ .v-card--density-comfortable .v-card-subtitle {
18518
+ line-height: 1.125rem;
18554
18519
  }
18555
- .v-btn .v-icon {
18556
- --v-icon-size-multiplier: 0.8571428571;
18520
+ .v-card--density-compact .v-card-subtitle {
18521
+ line-height: 1rem;
18557
18522
  }
18558
- .v-btn--icon .v-icon {
18559
- --v-icon-size-multiplier: 1;
18523
+ .v-card-item .v-card-subtitle {
18524
+ padding: 0 0 0.25rem;
18560
18525
  }
18561
- .v-btn--stacked .v-icon {
18562
- --v-icon-size-multiplier: 1.1428571429;
18526
+
18527
+ .v-card-text {
18528
+ flex: 1 1 auto;
18529
+ font-size: 0.875rem;
18530
+ font-weight: 400;
18531
+ letter-spacing: 0.0178571429em;
18532
+ padding: 1rem;
18533
+ text-transform: none;
18534
+ }
18535
+ .v-card .v-card-text {
18536
+ line-height: 1.25rem;
18537
+ }
18538
+ .v-card--density-comfortable .v-card-text {
18539
+ line-height: 1.2rem;
18540
+ }
18541
+ .v-card--density-compact .v-card-text {
18542
+ line-height: 1.15rem;
18563
18543
  }
18564
18544
 
18565
- .v-btn__loader {
18566
- align-items: center;
18545
+ .v-card__image {
18567
18546
  display: flex;
18568
18547
  height: 100%;
18569
- justify-content: center;
18548
+ flex: 1 1 auto;
18570
18549
  left: 0;
18550
+ overflow: hidden;
18571
18551
  position: absolute;
18572
18552
  top: 0;
18573
18553
  width: 100%;
18554
+ z-index: -1;
18574
18555
  }
18575
18556
 
18576
- .v-btn__content,
18577
- .v-btn__prepend,
18578
- .v-btn__append {
18579
- align-items: center;
18580
- display: flex;
18581
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18582
- }
18583
-
18584
- .v-btn__prepend {
18585
- grid-area: prepend;
18586
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18587
- }
18588
-
18589
- .v-btn__append {
18590
- grid-area: append;
18591
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18557
+ .v-card__content {
18558
+ border-radius: inherit;
18559
+ overflow: hidden;
18560
+ position: relative;
18592
18561
  }
18593
18562
 
18594
- .v-btn__content {
18595
- grid-area: content;
18596
- justify-content: center;
18597
- white-space: nowrap;
18598
- }
18599
- .v-btn__content > .v-icon--start {
18600
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18601
- }
18602
- .v-btn__content > .v-icon--end {
18603
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18604
- }
18605
- .v-btn--stacked .v-btn__content {
18606
- white-space: normal;
18563
+ .v-card__loader {
18564
+ bottom: auto;
18565
+ top: 0;
18566
+ left: 0;
18567
+ position: absolute;
18568
+ right: 0;
18569
+ width: 100%;
18570
+ z-index: 1;
18607
18571
  }
18608
18572
 
18609
- .v-btn__overlay {
18573
+ .v-card__overlay {
18610
18574
  background-color: currentColor;
18611
18575
  border-radius: inherit;
18576
+ position: absolute;
18577
+ top: 0;
18578
+ right: 0;
18579
+ bottom: 0;
18580
+ left: 0;
18581
+ pointer-events: none;
18612
18582
  opacity: 0;
18613
18583
  transition: opacity 0.2s ease-in-out;
18584
+ }.v-carousel {
18585
+ overflow: hidden;
18586
+ position: relative;
18587
+ width: 100%;
18614
18588
  }
18615
-
18616
- .v-btn__overlay,
18617
- .v-btn__underlay {
18589
+ .v-carousel__controls {
18590
+ align-items: center;
18591
+ bottom: 0;
18592
+ display: flex;
18593
+ height: 50px;
18594
+ justify-content: center;
18595
+ list-style-type: none;
18618
18596
  position: absolute;
18619
- top: 0;
18620
- left: 0;
18621
18597
  width: 100%;
18622
- height: 100%;
18623
- pointer-events: none;
18598
+ z-index: 1;
18599
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18600
+ color: rgb(var(--v-theme-on-surface-variant));
18601
+ }
18602
+ .v-carousel__controls > .v-item-group {
18603
+ flex: 0 1 auto;
18604
+ }
18605
+ .v-carousel__controls__item {
18606
+ margin: 0 8px;
18607
+ }
18608
+ .v-carousel__controls__item .v-icon {
18609
+ opacity: 0.5;
18610
+ }
18611
+ .v-carousel__controls__item--active .v-icon {
18612
+ opacity: 1;
18613
+ vertical-align: middle;
18614
+ }
18615
+ .v-carousel__controls__item:hover {
18616
+ background: none;
18617
+ }
18618
+ .v-carousel__controls__item:hover .v-icon {
18619
+ opacity: 0.8;
18624
18620
  }
18625
18621
 
18626
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18627
- margin-inline-start: 0.5rem;
18622
+ .v-carousel__progress {
18623
+ margin: 0;
18624
+ position: absolute;
18625
+ bottom: 0;
18626
+ left: 0;
18627
+ right: 0;
18628
18628
  }
18629
18629
 
18630
- .v-pagination .v-btn {
18631
- border-radius: 4px;
18630
+ .v-carousel-item {
18631
+ display: block;
18632
+ height: inherit;
18633
+ text-decoration: none;
18632
18634
  }
18633
- .v-pagination .v-btn--rounded {
18634
- border-radius: 50%;
18635
+ .v-carousel-item > .v-img {
18636
+ height: inherit;
18635
18637
  }
18636
- .v-btn__overlay {
18637
- transition: none;
18638
+
18639
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18640
+ background: transparent;
18638
18641
  }
18639
- .v-pagination__item--is-active .v-btn__overlay {
18640
- opacity: var(--v-border-opacity);
18642
+
18643
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18644
+ flex-direction: column;
18645
+ height: 100% !important;
18646
+ width: 50px;
18641
18647
  }.v-checkbox.v-input {
18642
18648
  flex: 0 1 auto;
18643
18649
  }
18644
18650
  .v-checkbox .v-selection-control {
18645
18651
  min-height: var(--v-input-control-height);
18652
+ }.v-chip-group {
18653
+ display: flex;
18654
+ max-width: 100%;
18655
+ min-width: 0;
18656
+ overflow-x: auto;
18657
+ padding: 4px 0;
18658
+ }
18659
+ .v-chip-group .v-chip {
18660
+ margin: 4px 8px 4px 0;
18661
+ }
18662
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
18663
+ opacity: var(--v-activated-opacity);
18664
+ }
18665
+
18666
+ .v-chip-group--column .v-slide-group__content {
18667
+ white-space: normal;
18668
+ flex-wrap: wrap;
18669
+ max-width: 100%;
18646
18670
  }.v-chip {
18647
18671
  align-items: center;
18648
18672
  display: inline-flex;
@@ -18659,6 +18683,9 @@ html.overflow-y-hidden {
18659
18683
  border-width: 0;
18660
18684
  border-radius: 9999px;
18661
18685
  }
18686
+ .v-chip .v-icon {
18687
+ --v-icon-size-multiplier: 0.8571428571;
18688
+ }
18662
18689
  .v-chip.v-chip--size-x-small {
18663
18690
  --v-chip-size: 0.625rem;
18664
18691
  --v-chip-height: 20px;
@@ -18909,11 +18936,11 @@ html.overflow-y-hidden {
18909
18936
  }
18910
18937
 
18911
18938
  .v-chip.v-chip--density-comfortable {
18912
- height: calc(var(--v-chip-height) + -8px);
18939
+ height: calc(var(--v-chip-height) + -4px);
18913
18940
  }
18914
18941
 
18915
18942
  .v-chip.v-chip--density-compact {
18916
- height: calc(var(--v-chip-height) + -12px);
18943
+ height: calc(var(--v-chip-height) + -8px);
18917
18944
  }
18918
18945
 
18919
18946
  .v-chip:hover > .v-chip__overlay {
@@ -19050,24 +19077,6 @@ html.overflow-y-hidden {
19050
19077
 
19051
19078
  .v-chip--label {
19052
19079
  border-radius: 4px;
19053
- }.v-chip-group {
19054
- display: flex;
19055
- max-width: 100%;
19056
- min-width: 0;
19057
- overflow-x: auto;
19058
- padding: 4px 0;
19059
- }
19060
- .v-chip-group .v-chip {
19061
- margin: 4px 8px 4px 0;
19062
- }
19063
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
19064
- opacity: var(--v-activated-opacity);
19065
- }
19066
-
19067
- .v-chip-group--column .v-slide-group__content {
19068
- white-space: normal;
19069
- flex-wrap: wrap;
19070
- max-width: 100%;
19071
19080
  }.v-container {
19072
19081
  width: 100%;
19073
19082
  padding: 16px;
@@ -19841,46 +19850,6 @@ html.overflow-y-hidden {
19841
19850
  .v-combobox--active-menu .v-combobox__menu-icon {
19842
19851
  opacity: var(--v-high-emphasis-opacity);
19843
19852
  transform: rotate(180deg);
19844
- }.v-counter {
19845
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19846
- flex: 0 1 auto;
19847
- font-size: 12px;
19848
- transition-duration: 150ms;
19849
- }.v-data-table-footer {
19850
- display: flex;
19851
- align-items: center;
19852
- flex-wrap: wrap;
19853
- padding: 4px;
19854
- justify-content: flex-end;
19855
- }
19856
-
19857
- .v-data-table-footer__items-per-page {
19858
- display: flex;
19859
- align-items: center;
19860
- justify-content: center;
19861
- }
19862
- .v-data-table-footer__items-per-page > span {
19863
- padding-inline-end: 8px;
19864
- }
19865
- .v-data-table-footer__items-per-page > .v-select {
19866
- width: 90px;
19867
- }
19868
-
19869
- .v-data-table-footer__info {
19870
- display: flex;
19871
- justify-content: flex-end;
19872
- min-width: 116px;
19873
- padding: 0 16px;
19874
- }
19875
-
19876
- .v-data-table-footer__pagination {
19877
- display: flex;
19878
- align-items: center;
19879
- margin-inline-start: 16px;
19880
- }
19881
-
19882
- .v-data-table-footer__page {
19883
- padding: 0 8px;
19884
19853
  }.v-data-table {
19885
19854
  width: 100%;
19886
19855
  }
@@ -20014,72 +19983,47 @@ html.overflow-y-hidden {
20014
19983
  .v-data-table-rows-loading,
20015
19984
  .v-data-table-rows-no-data {
20016
19985
  text-align: center;
20017
- }.v-date-picker {
20018
- overflow: hidden;
20019
- width: 328px;
20020
- }
20021
- .v-date-picker--show-week {
20022
- width: 368px;
20023
- }.v-date-picker-header {
20024
- align-items: flex-end;
20025
- height: 70px;
20026
- display: grid;
20027
- grid-template-areas: "prepend content append";
20028
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20029
- overflow: hidden;
20030
- padding-inline: 24px 12px;
20031
- padding-bottom: 12px;
20032
- }
20033
-
20034
- .v-date-picker-header__append {
20035
- grid-area: append;
20036
- }
20037
-
20038
- .v-date-picker-header__prepend {
20039
- grid-area: prepend;
20040
- padding-inline-start: 8px;
19986
+ }.v-data-table-footer {
19987
+ display: flex;
19988
+ align-items: center;
19989
+ flex-wrap: wrap;
19990
+ padding: 4px;
19991
+ justify-content: flex-end;
20041
19992
  }
20042
19993
 
20043
- .v-date-picker-header__content {
19994
+ .v-data-table-footer__items-per-page {
19995
+ display: flex;
20044
19996
  align-items: center;
20045
- display: inline-flex;
20046
- font-size: 32px;
20047
- line-height: 40px;
20048
- grid-area: content;
20049
- justify-content: space-between;
19997
+ justify-content: center;
20050
19998
  }
20051
- .v-date-picker-header--clickable .v-date-picker-header__content {
20052
- cursor: pointer;
19999
+ .v-data-table-footer__items-per-page > span {
20000
+ padding-inline-end: 8px;
20053
20001
  }
20054
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20055
- opacity: 0.7;
20002
+ .v-data-table-footer__items-per-page > .v-select {
20003
+ width: 90px;
20056
20004
  }
20057
20005
 
20058
- .date-picker-header-transition-enter-active,
20059
- .date-picker-header-reverse-transition-enter-active {
20060
- transition-duration: 0.3s;
20061
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20062
- }
20063
- .date-picker-header-transition-leave-active,
20064
- .date-picker-header-reverse-transition-leave-active {
20065
- transition-duration: 0.3s;
20066
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20006
+ .v-data-table-footer__info {
20007
+ display: flex;
20008
+ justify-content: flex-end;
20009
+ min-width: 116px;
20010
+ padding: 0 16px;
20067
20011
  }
20068
20012
 
20069
- .date-picker-header-transition-enter-from {
20070
- transform: translate(0, 100%);
20071
- }
20072
- .date-picker-header-transition-leave-to {
20073
- opacity: 0;
20074
- transform: translate(0, -100%);
20013
+ .v-data-table-footer__pagination {
20014
+ display: flex;
20015
+ align-items: center;
20016
+ margin-inline-start: 16px;
20075
20017
  }
20076
20018
 
20077
- .date-picker-header-reverse-transition-enter-from {
20078
- transform: translate(0, -100%);
20019
+ .v-data-table-footer__page {
20020
+ padding: 0 8px;
20021
+ }.v-date-picker {
20022
+ overflow: hidden;
20023
+ width: 328px;
20079
20024
  }
20080
- .date-picker-header-reverse-transition-leave-to {
20081
- opacity: 0;
20082
- transform: translate(0, 100%);
20025
+ .v-date-picker--show-week {
20026
+ width: 368px;
20083
20027
  }.v-date-picker-controls {
20084
20028
  display: flex;
20085
20029
  align-items: center;
@@ -20123,19 +20067,79 @@ html.overflow-y-hidden {
20123
20067
  text-align: center;
20124
20068
  }
20125
20069
 
20126
- .v-date-picker-controls__month {
20127
- display: flex;
20070
+ .v-date-picker-controls__month {
20071
+ display: flex;
20072
+ }
20073
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20074
+ flex-direction: row-reverse;
20075
+ }
20076
+
20077
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20078
+ flex: 1 0 auto;
20079
+ }
20080
+
20081
+ .v-date-picker__title {
20082
+ display: inline-block;
20083
+ }.v-date-picker-header {
20084
+ align-items: flex-end;
20085
+ height: 70px;
20086
+ display: grid;
20087
+ grid-template-areas: "prepend content append";
20088
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20089
+ overflow: hidden;
20090
+ padding-inline: 24px 12px;
20091
+ padding-bottom: 12px;
20092
+ }
20093
+
20094
+ .v-date-picker-header__append {
20095
+ grid-area: append;
20096
+ }
20097
+
20098
+ .v-date-picker-header__prepend {
20099
+ grid-area: prepend;
20100
+ padding-inline-start: 8px;
20101
+ }
20102
+
20103
+ .v-date-picker-header__content {
20104
+ align-items: center;
20105
+ display: inline-flex;
20106
+ font-size: 32px;
20107
+ line-height: 40px;
20108
+ grid-area: content;
20109
+ justify-content: space-between;
20110
+ }
20111
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20112
+ cursor: pointer;
20113
+ }
20114
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20115
+ opacity: 0.7;
20116
+ }
20117
+
20118
+ .date-picker-header-transition-enter-active,
20119
+ .date-picker-header-reverse-transition-enter-active {
20120
+ transition-duration: 0.3s;
20121
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20122
+ }
20123
+ .date-picker-header-transition-leave-active,
20124
+ .date-picker-header-reverse-transition-leave-active {
20125
+ transition-duration: 0.3s;
20126
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20127
+ }
20128
+
20129
+ .date-picker-header-transition-enter-from {
20130
+ transform: translate(0, 100%);
20128
20131
  }
20129
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20130
- flex-direction: row-reverse;
20132
+ .date-picker-header-transition-leave-to {
20133
+ opacity: 0;
20134
+ transform: translate(0, -100%);
20131
20135
  }
20132
20136
 
20133
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20134
- flex: 1 0 auto;
20137
+ .date-picker-header-reverse-transition-enter-from {
20138
+ transform: translate(0, -100%);
20135
20139
  }
20136
-
20137
- .v-date-picker__title {
20138
- display: inline-block;
20140
+ .date-picker-header-reverse-transition-leave-to {
20141
+ opacity: 0;
20142
+ transform: translate(0, 100%);
20139
20143
  }.v-date-picker-month {
20140
20144
  display: flex;
20141
20145
  justify-content: center;
@@ -20191,6 +20195,21 @@ html.overflow-y-hidden {
20191
20195
 
20192
20196
  .v-date-picker-month__day--hide-adjacent {
20193
20197
  opacity: 0;
20198
+ }.v-date-picker-years {
20199
+ height: 288px;
20200
+ overflow-y: scroll;
20201
+ }
20202
+
20203
+ .v-date-picker-years__content {
20204
+ display: grid;
20205
+ flex: 1 1;
20206
+ justify-content: space-around;
20207
+ grid-template-columns: repeat(3, 1fr);
20208
+ gap: 8px 24px;
20209
+ padding-inline: 32px;
20210
+ }
20211
+ .v-date-picker-years__content .v-btn {
20212
+ padding-inline: 8px;
20194
20213
  }.v-date-picker-months {
20195
20214
  height: 288px;
20196
20215
  }
@@ -20210,21 +20229,6 @@ html.overflow-y-hidden {
20210
20229
  text-transform: none;
20211
20230
  padding-inline-start: 8px;
20212
20231
  padding-inline-end: 8px;
20213
- }.v-date-picker-years {
20214
- height: 288px;
20215
- overflow-y: scroll;
20216
- }
20217
-
20218
- .v-date-picker-years__content {
20219
- display: grid;
20220
- flex: 1 1;
20221
- justify-content: space-around;
20222
- grid-template-columns: repeat(3, 1fr);
20223
- gap: 8px 24px;
20224
- padding-inline: 32px;
20225
- }
20226
- .v-date-picker-years__content .v-btn {
20227
- padding-inline: 8px;
20228
20232
  }.v-divider {
20229
20233
  display: block;
20230
20234
  flex: 1 1 100%;
@@ -20239,7 +20243,7 @@ html.overflow-y-hidden {
20239
20243
  align-self: stretch;
20240
20244
  border-width: 0 thin 0 0;
20241
20245
  display: inline-flex;
20242
- height: inherit;
20246
+ height: 100%;
20243
20247
  margin-left: -1px;
20244
20248
  max-height: 100%;
20245
20249
  max-width: 0px;
@@ -20337,11 +20341,221 @@ html.overflow-y-hidden {
20337
20341
  max-height: 100%;
20338
20342
  max-width: 100%;
20339
20343
  }
20340
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20341
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20342
- -webkit-backface-visibility: hidden;
20343
- backface-visibility: hidden;
20344
- overflow-y: auto;
20344
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20345
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20346
+ -webkit-backface-visibility: hidden;
20347
+ backface-visibility: hidden;
20348
+ overflow-y: auto;
20349
+ }.v-expansion-panel {
20350
+ background-color: rgb(var(--v-theme-surface));
20351
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20352
+ }
20353
+ .v-expansion-panel:not(:first-child)::after {
20354
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20355
+ }
20356
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20357
+ color: rgba(var(--v-theme-on-surface), 0.26);
20358
+ }
20359
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20360
+ opacity: 0.4615384615;
20361
+ }
20362
+
20363
+ .v-expansion-panels {
20364
+ display: flex;
20365
+ flex-wrap: wrap;
20366
+ justify-content: center;
20367
+ list-style-type: none;
20368
+ padding: 0;
20369
+ width: 100%;
20370
+ position: relative;
20371
+ z-index: 1;
20372
+ }
20373
+ .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) {
20374
+ border-bottom-left-radius: 0 !important;
20375
+ border-bottom-right-radius: 0 !important;
20376
+ }
20377
+ .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) {
20378
+ border-top-left-radius: 0 !important;
20379
+ border-top-right-radius: 0 !important;
20380
+ }
20381
+ .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) {
20382
+ border-bottom-left-radius: 0 !important;
20383
+ border-bottom-right-radius: 0 !important;
20384
+ }
20385
+ .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) {
20386
+ border-top-left-radius: 0 !important;
20387
+ border-top-right-radius: 0 !important;
20388
+ }
20389
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20390
+ border-bottom-left-radius: 0 !important;
20391
+ border-bottom-right-radius: 0 !important;
20392
+ }
20393
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20394
+ border-top-left-radius: 0 !important;
20395
+ border-top-right-radius: 0 !important;
20396
+ }
20397
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20398
+ border-bottom-left-radius: initial;
20399
+ border-bottom-right-radius: initial;
20400
+ }
20401
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20402
+ border-radius: 0 !important;
20403
+ }
20404
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20405
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20406
+ }
20407
+
20408
+ .v-expansion-panel {
20409
+ flex: 1 0 100%;
20410
+ max-width: 100%;
20411
+ position: relative;
20412
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20413
+ transition-property: margin-top, border-radius, border, max-width;
20414
+ border-radius: 4px;
20415
+ }
20416
+ .v-expansion-panel:not(:first-child)::after {
20417
+ border-top-style: solid;
20418
+ border-top-width: thin;
20419
+ content: "";
20420
+ left: 0;
20421
+ position: absolute;
20422
+ right: 0;
20423
+ top: 0;
20424
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20425
+ }
20426
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20427
+ pointer-events: none;
20428
+ }
20429
+ .v-expansion-panel--active:not(:first-child),
20430
+ .v-expansion-panel--active + .v-expansion-panel {
20431
+ margin-top: 16px;
20432
+ }
20433
+ .v-expansion-panel--active:not(:first-child)::after,
20434
+ .v-expansion-panel--active + .v-expansion-panel::after {
20435
+ opacity: 0;
20436
+ }
20437
+ .v-expansion-panel--active > .v-expansion-panel-title {
20438
+ border-bottom-left-radius: 0;
20439
+ border-bottom-right-radius: 0;
20440
+ }
20441
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20442
+ min-height: 64px;
20443
+ }
20444
+
20445
+ .v-expansion-panel__shadow {
20446
+ position: absolute;
20447
+ top: 0;
20448
+ left: 0;
20449
+ width: 100%;
20450
+ height: 100%;
20451
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20452
+ border-radius: inherit;
20453
+ z-index: -1;
20454
+ }
20455
+
20456
+ .v-expansion-panel-title {
20457
+ align-items: center;
20458
+ text-align: start;
20459
+ border-radius: inherit;
20460
+ display: flex;
20461
+ font-size: 0.9375rem;
20462
+ line-height: 1;
20463
+ min-height: 48px;
20464
+ outline: none;
20465
+ padding: 16px 24px;
20466
+ position: relative;
20467
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20468
+ width: 100%;
20469
+ justify-content: space-between;
20470
+ }
20471
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20472
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20473
+ }
20474
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20475
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20476
+ }
20477
+ @supports not selector(:focus-visible) {
20478
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20479
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20480
+ }
20481
+ }
20482
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20483
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20484
+ }
20485
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20486
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20487
+ }
20488
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20489
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20490
+ }
20491
+ @supports not selector(:focus-visible) {
20492
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20493
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20494
+ }
20495
+ }
20496
+
20497
+ .v-expansion-panel-title__overlay {
20498
+ position: absolute;
20499
+ top: 0;
20500
+ left: 0;
20501
+ width: 100%;
20502
+ height: 100%;
20503
+ background-color: currentColor;
20504
+ border-radius: inherit;
20505
+ opacity: 0;
20506
+ }
20507
+
20508
+ .v-expansion-panel-title__icon {
20509
+ display: inline-flex;
20510
+ margin-bottom: -4px;
20511
+ margin-top: -4px;
20512
+ -webkit-user-select: none;
20513
+ user-select: none;
20514
+ margin-inline-start: auto;
20515
+ }
20516
+
20517
+ .v-expansion-panel-text {
20518
+ display: flex;
20519
+ }
20520
+ .v-expansion-panel-text__wrapper {
20521
+ padding: 8px 24px 16px;
20522
+ flex: 1 1 auto;
20523
+ max-width: 100%;
20524
+ }
20525
+
20526
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
20527
+ margin-top: 0;
20528
+ }
20529
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20530
+ opacity: 1;
20531
+ }
20532
+
20533
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
20534
+ max-width: calc(100% - 32px);
20535
+ }
20536
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20537
+ max-width: calc(100% + 16px);
20538
+ }
20539
+
20540
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
20541
+ max-width: 100%;
20542
+ }
20543
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20544
+ max-width: calc(100% - 32px);
20545
+ }
20546
+
20547
+ .v-expansion-panels--flat > .v-expansion-panel::after {
20548
+ border-top: none;
20549
+ }
20550
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20551
+ display: none;
20552
+ }
20553
+
20554
+ .v-expansion-panels--tile {
20555
+ border-radius: 0;
20556
+ }
20557
+ .v-expansion-panels--tile > .v-expansion-panel {
20558
+ border-radius: 0;
20345
20559
  }/* region INPUT */
20346
20560
  .v-field {
20347
20561
  display: grid;
@@ -20457,7 +20671,7 @@ html.overflow-y-hidden {
20457
20671
  box-shadow: none;
20458
20672
  }
20459
20673
  .v-field--rounded {
20460
- border-radius: 9999px;
20674
+ border-radius: 24px;
20461
20675
  }
20462
20676
  .v-field.v-field--prepended {
20463
20677
  --v-field-padding-start: 6px;
@@ -20853,295 +21067,85 @@ textarea.v-field__input::placeholder {
20853
21067
  opacity: 0;
20854
21068
  }
20855
21069
  @media (hover: hover) {
20856
- .v-field--variant-filled:hover .v-field__overlay {
20857
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20858
- }
20859
- }
20860
- .v-field--variant-filled.v-field--focused .v-field__overlay {
20861
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20862
- }
20863
-
20864
- .v-field--variant-solo-filled .v-field__overlay {
20865
- background-color: currentColor;
20866
- opacity: 0.04;
20867
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20868
- }
20869
- @media (hover: hover) {
20870
- .v-field--variant-solo-filled:hover .v-field__overlay {
20871
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20872
- }
20873
- }
20874
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
20875
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20876
- }
20877
-
20878
- .v-field--variant-solo-inverted .v-field__overlay {
20879
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20880
- }
20881
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20882
- opacity: 0;
20883
- }
20884
- @media (hover: hover) {
20885
- .v-field--variant-solo-inverted:hover .v-field__overlay {
20886
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20887
- }
20888
- }
20889
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20890
- background-color: rgb(var(--v-theme-surface-variant));
20891
- opacity: 1;
20892
- }
20893
-
20894
- /* endregion */
20895
- /* region MODIFIERS */
20896
- .v-field--reverse .v-field__field,
20897
- .v-field--reverse .v-field__input,
20898
- .v-field--reverse .v-field__outline {
20899
- flex-direction: row-reverse;
20900
- }
20901
- .v-field--reverse .v-field__input, .v-field--reverse input {
20902
- text-align: end;
20903
- }
20904
-
20905
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20906
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20907
- 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;
20908
- }
20909
-
20910
- .v-field--loading .v-field__outline::after,
20911
- .v-field--loading .v-field__outline::before {
20912
- opacity: 0;
20913
- }
20914
-
20915
- /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20916
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20917
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20918
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20919
- top: 0px;
20920
- }
20921
- .v-file-input input[type=file] {
20922
- height: 100%;
20923
- left: 0;
20924
- opacity: 0;
20925
- position: absolute;
20926
- top: 0;
20927
- width: 100%;
20928
- z-index: 1;
20929
- }
20930
- .v-file-input .v-input__details {
20931
- padding-inline: 16px;
20932
- }
20933
- .v-input--plain-underlined.v-file-input .v-input__details {
20934
- padding-inline: 0;
20935
- }.v-expansion-panel {
20936
- background-color: rgb(var(--v-theme-surface));
20937
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20938
- }
20939
- .v-expansion-panel:not(:first-child)::after {
20940
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20941
- }
20942
- .v-expansion-panel--disabled .v-expansion-panel-title {
20943
- color: rgba(var(--v-theme-on-surface), 0.26);
20944
- }
20945
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20946
- opacity: 0.4615384615;
20947
- }
20948
-
20949
- .v-expansion-panels {
20950
- display: flex;
20951
- flex-wrap: wrap;
20952
- justify-content: center;
20953
- list-style-type: none;
20954
- padding: 0;
20955
- width: 100%;
20956
- position: relative;
20957
- z-index: 1;
20958
- }
20959
- .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) {
20960
- border-bottom-left-radius: 0 !important;
20961
- border-bottom-right-radius: 0 !important;
20962
- }
20963
- .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) {
20964
- border-top-left-radius: 0 !important;
20965
- border-top-right-radius: 0 !important;
20966
- }
20967
- .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) {
20968
- border-bottom-left-radius: 0 !important;
20969
- border-bottom-right-radius: 0 !important;
20970
- }
20971
- .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) {
20972
- border-top-left-radius: 0 !important;
20973
- border-top-right-radius: 0 !important;
20974
- }
20975
- .v-expansion-panels--variant-accordion > :first-child {
20976
- border-bottom-left-radius: 0 !important;
20977
- border-bottom-right-radius: 0 !important;
20978
- }
20979
- .v-expansion-panels--variant-accordion > :last-child {
20980
- border-top-left-radius: 0 !important;
20981
- border-top-right-radius: 0 !important;
20982
- }
20983
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20984
- border-bottom-left-radius: initial;
20985
- border-bottom-right-radius: initial;
20986
- }
20987
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20988
- border-radius: 0 !important;
20989
- }
20990
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20991
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20992
- }
20993
-
20994
- .v-expansion-panel {
20995
- flex: 1 0 100%;
20996
- max-width: 100%;
20997
- position: relative;
20998
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20999
- transition-property: margin-top, border-radius, border, max-width;
21000
- border-radius: 4px;
21001
- }
21002
- .v-expansion-panel:not(:first-child)::after {
21003
- border-top-style: solid;
21004
- border-top-width: thin;
21005
- content: "";
21006
- left: 0;
21007
- position: absolute;
21008
- right: 0;
21009
- top: 0;
21010
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21011
- }
21012
- .v-expansion-panel--disabled .v-expansion-panel-title {
21013
- pointer-events: none;
21014
- }
21015
- .v-expansion-panel--active:not(:first-child),
21016
- .v-expansion-panel--active + .v-expansion-panel {
21017
- margin-top: 16px;
21018
- }
21019
- .v-expansion-panel--active:not(:first-child)::after,
21020
- .v-expansion-panel--active + .v-expansion-panel::after {
21021
- opacity: 0;
21022
- }
21023
- .v-expansion-panel--active > .v-expansion-panel-title {
21024
- border-bottom-left-radius: 0;
21025
- border-bottom-right-radius: 0;
21026
- }
21027
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21028
- min-height: 64px;
21029
- }
21030
-
21031
- .v-expansion-panel__shadow {
21032
- position: absolute;
21033
- top: 0;
21034
- left: 0;
21035
- width: 100%;
21036
- height: 100%;
21037
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21038
- border-radius: inherit;
21039
- z-index: -1;
21040
- }
21041
-
21042
- .v-expansion-panel-title {
21043
- align-items: center;
21044
- text-align: start;
21045
- border-radius: inherit;
21046
- display: flex;
21047
- font-size: 0.9375rem;
21048
- line-height: 1;
21049
- min-height: 48px;
21050
- outline: none;
21051
- padding: 16px 24px;
21052
- position: relative;
21053
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21054
- width: 100%;
21055
- justify-content: space-between;
21056
- }
21057
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21058
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21059
- }
21060
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21061
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21062
- }
21063
- @supports not selector(:focus-visible) {
21064
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21065
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21066
- }
21067
- }
21068
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21069
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21070
- }
21071
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21072
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21073
- }
21074
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21075
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21076
- }
21077
- @supports not selector(:focus-visible) {
21078
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21079
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21080
- }
21081
- }
21082
-
21083
- .v-expansion-panel-title__overlay {
21084
- position: absolute;
21085
- top: 0;
21086
- left: 0;
21087
- width: 100%;
21088
- height: 100%;
21089
- background-color: currentColor;
21090
- border-radius: inherit;
21091
- opacity: 0;
21092
- }
21093
-
21094
- .v-expansion-panel-title__icon {
21095
- display: inline-flex;
21096
- margin-bottom: -4px;
21097
- margin-top: -4px;
21098
- -webkit-user-select: none;
21099
- user-select: none;
21100
- margin-inline-start: auto;
21070
+ .v-field--variant-filled:hover .v-field__overlay {
21071
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21072
+ }
21073
+ }
21074
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21075
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21101
21076
  }
21102
21077
 
21103
- .v-expansion-panel-text {
21104
- display: flex;
21078
+ .v-field--variant-solo-filled .v-field__overlay {
21079
+ background-color: currentColor;
21080
+ opacity: 0.04;
21081
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21105
21082
  }
21106
- .v-expansion-panel-text__wrapper {
21107
- padding: 8px 24px 16px;
21108
- flex: 1 1 auto;
21109
- max-width: 100%;
21083
+ @media (hover: hover) {
21084
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21085
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21086
+ }
21087
+ }
21088
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21089
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21110
21090
  }
21111
21091
 
21112
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21113
- margin-top: 0;
21092
+ .v-field--variant-solo-inverted .v-field__overlay {
21093
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21114
21094
  }
21115
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21095
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21096
+ opacity: 0;
21097
+ }
21098
+ @media (hover: hover) {
21099
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21100
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21101
+ }
21102
+ }
21103
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21104
+ background-color: rgb(var(--v-theme-surface-variant));
21116
21105
  opacity: 1;
21117
21106
  }
21118
21107
 
21119
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21120
- max-width: calc(100% - 32px);
21108
+ /* endregion */
21109
+ /* region MODIFIERS */
21110
+ .v-field--reverse .v-field__field,
21111
+ .v-field--reverse .v-field__input,
21112
+ .v-field--reverse .v-field__outline {
21113
+ flex-direction: row-reverse;
21121
21114
  }
21122
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21123
- max-width: calc(100% + 16px);
21115
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21116
+ text-align: end;
21124
21117
  }
21125
21118
 
21126
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21127
- max-width: 100%;
21119
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21120
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21121
+ 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;
21128
21122
  }
21129
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21130
- max-width: calc(100% - 32px);
21123
+
21124
+ .v-field--loading .v-field__outline::after,
21125
+ .v-field--loading .v-field__outline::before {
21126
+ opacity: 0;
21131
21127
  }
21132
21128
 
21133
- .v-expansion-panels--flat > .v-expansion-panel::after {
21134
- border-top: none;
21129
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21130
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21131
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21132
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21133
+ top: 0px;
21135
21134
  }
21136
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21137
- display: none;
21135
+ .v-file-input input[type=file] {
21136
+ height: 100%;
21137
+ left: 0;
21138
+ opacity: 0;
21139
+ position: absolute;
21140
+ top: 0;
21141
+ width: 100%;
21142
+ z-index: 1;
21138
21143
  }
21139
-
21140
- .v-expansion-panels--tile {
21141
- border-radius: 0;
21144
+ .v-file-input .v-input__details {
21145
+ padding-inline: 16px;
21142
21146
  }
21143
- .v-expansion-panels--tile > .v-expansion-panel {
21144
- border-radius: 0;
21147
+ .v-input--plain-underlined.v-file-input .v-input__details {
21148
+ padding-inline: 0;
21145
21149
  }.v-footer {
21146
21150
  align-items: center;
21147
21151
  display: flex;
@@ -21259,6 +21263,31 @@ textarea.v-field__input::placeholder {
21259
21263
 
21260
21264
  .v-img__gradient {
21261
21265
  background-repeat: no-repeat;
21266
+ }.v-infinite-scroll--horizontal {
21267
+ display: flex;
21268
+ flex-direction: row;
21269
+ overflow-x: auto;
21270
+ }
21271
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21272
+ height: 100%;
21273
+ width: 1px;
21274
+ }
21275
+
21276
+ .v-infinite-scroll--vertical {
21277
+ display: flex;
21278
+ flex-direction: column;
21279
+ overflow-y: auto;
21280
+ }
21281
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21282
+ height: 1px;
21283
+ width: 100%;
21284
+ }
21285
+
21286
+ .v-infinite-scroll__side {
21287
+ align-items: center;
21288
+ display: flex;
21289
+ justify-content: center;
21290
+ padding: 8px;
21262
21291
  }.v-input {
21263
21292
  display: grid;
21264
21293
  flex: 1 1 auto;
@@ -21401,51 +21430,11 @@ textarea.v-field__input::placeholder {
21401
21430
 
21402
21431
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21403
21432
  padding-top: calc(var(--v-input-padding-top) + 0px);
21404
- }.v-infinite-scroll--horizontal {
21405
- display: flex;
21406
- flex-direction: row;
21407
- overflow-x: auto;
21408
- }
21409
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21410
- height: 100%;
21411
- width: 1px;
21412
- }
21413
-
21414
- .v-infinite-scroll--vertical {
21415
- display: flex;
21416
- flex-direction: column;
21417
- overflow-y: auto;
21418
- }
21419
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21420
- height: 1px;
21421
- width: 100%;
21422
- }
21423
-
21424
- .v-infinite-scroll__side {
21425
- align-items: center;
21426
- display: flex;
21427
- justify-content: center;
21428
- padding: 8px;
21429
21433
  }.v-item-group {
21430
21434
  flex: 0 1 auto;
21431
21435
  max-width: 100%;
21432
21436
  position: relative;
21433
21437
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21434
- }.v-layout {
21435
- --v-scrollbar-offset: 0px;
21436
- display: flex;
21437
- flex: 1 1 auto;
21438
- }
21439
- .v-layout--full-height {
21440
- --v-scrollbar-offset: inherit;
21441
- height: 100%;
21442
- }.v-layout-item {
21443
- position: absolute;
21444
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21445
- }
21446
-
21447
- .v-layout-item--absolute {
21448
- position: absolute;
21449
21438
  }.v-label {
21450
21439
  align-items: center;
21451
21440
  color: inherit;
@@ -21461,6 +21450,21 @@ textarea.v-field__input::placeholder {
21461
21450
 
21462
21451
  .v-label--clickable {
21463
21452
  cursor: pointer;
21453
+ }.v-layout {
21454
+ --v-scrollbar-offset: 0px;
21455
+ display: flex;
21456
+ flex: 1 1 auto;
21457
+ }
21458
+ .v-layout--full-height {
21459
+ --v-scrollbar-offset: inherit;
21460
+ height: 100%;
21461
+ }.v-layout-item {
21462
+ position: absolute;
21463
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21464
+ }
21465
+
21466
+ .v-layout-item--absolute {
21467
+ position: absolute;
21464
21468
  }.v-list {
21465
21469
  overflow: auto;
21466
21470
  padding: 8px 0;
@@ -22015,6 +22019,19 @@ textarea.v-field__input::placeholder {
22015
22019
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22016
22020
  }.v-locale-provider {
22017
22021
  display: contents;
22022
+ }.v-menu > .v-overlay__content {
22023
+ display: flex;
22024
+ flex-direction: column;
22025
+ border-radius: 4px;
22026
+ }
22027
+ .v-menu > .v-overlay__content > .v-card,
22028
+ .v-menu > .v-overlay__content > .v-sheet,
22029
+ .v-menu > .v-overlay__content > .v-list {
22030
+ background: rgb(var(--v-theme-surface));
22031
+ border-radius: inherit;
22032
+ overflow: auto;
22033
+ height: 100%;
22034
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22018
22035
  }.v-main {
22019
22036
  flex: 1 0 auto;
22020
22037
  max-width: 100%;
@@ -22043,19 +22060,6 @@ textarea.v-field__input::placeholder {
22043
22060
  --v-layout-right: 0px;
22044
22061
  --v-layout-top: 0px;
22045
22062
  --v-layout-bottom: 0px;
22046
- }.v-menu > .v-overlay__content {
22047
- display: flex;
22048
- flex-direction: column;
22049
- border-radius: 4px;
22050
- }
22051
- .v-menu > .v-overlay__content > .v-card,
22052
- .v-menu > .v-overlay__content > .v-sheet,
22053
- .v-menu > .v-overlay__content > .v-list {
22054
- background: rgb(var(--v-theme-surface));
22055
- border-radius: inherit;
22056
- overflow: auto;
22057
- height: 100%;
22058
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22059
22063
  }.v-messages {
22060
22064
  flex: 1 1 auto;
22061
22065
  font-size: 12px;
@@ -22289,12 +22293,6 @@ html.v-overlay-scroll-blocked {
22289
22293
 
22290
22294
  .v-overlay--scroll-blocked {
22291
22295
  padding-inline-end: var(--v-scrollbar-offset);
22292
- }.v-parallax {
22293
- position: relative;
22294
- overflow: hidden;
22295
- }
22296
- .v-parallax--active > .v-img__img {
22297
- will-change: transform;
22298
22296
  }.v-pagination__list {
22299
22297
  display: inline-flex;
22300
22298
  list-style-type: none;
@@ -22303,6 +22301,17 @@ html.v-overlay-scroll-blocked {
22303
22301
  }
22304
22302
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22305
22303
  margin: 0.3rem;
22304
+ }.v-counter {
22305
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22306
+ flex: 0 1 auto;
22307
+ font-size: 12px;
22308
+ transition-duration: 150ms;
22309
+ }.v-parallax {
22310
+ position: relative;
22311
+ overflow: hidden;
22312
+ }
22313
+ .v-parallax--active > .v-img__img {
22314
+ will-change: transform;
22306
22315
  }.v-progress-circular {
22307
22316
  align-items: center;
22308
22317
  display: inline-flex;
@@ -22624,8 +22633,62 @@ html.v-overlay-scroll-blocked {
22624
22633
  padding-inline-start: 6px;
22625
22634
  margin-top: 8px;
22626
22635
  }
22627
- .v-radio-group .v-input__details {
22628
- padding-inline: 16px;
22636
+ .v-radio-group .v-input__details {
22637
+ padding-inline: 16px;
22638
+ }.v-rating {
22639
+ max-width: 100%;
22640
+ display: inline-flex;
22641
+ white-space: nowrap;
22642
+ }
22643
+ .v-rating--readonly {
22644
+ pointer-events: none;
22645
+ }
22646
+
22647
+ .v-rating__wrapper {
22648
+ align-items: center;
22649
+ display: inline-flex;
22650
+ flex-direction: column;
22651
+ }
22652
+ .v-rating__wrapper--bottom {
22653
+ flex-direction: column-reverse;
22654
+ }
22655
+
22656
+ .v-rating__item {
22657
+ display: inline-flex;
22658
+ position: relative;
22659
+ }
22660
+ .v-rating__item label {
22661
+ cursor: pointer;
22662
+ }
22663
+ .v-rating__item .v-btn--variant-plain {
22664
+ opacity: 1;
22665
+ }
22666
+ .v-rating__item .v-btn {
22667
+ transition-property: transform;
22668
+ }
22669
+ .v-rating__item .v-btn .v-icon {
22670
+ transition: inherit;
22671
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22672
+ }
22673
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22674
+ transform: scale(1.25);
22675
+ }
22676
+ .v-rating__item--half {
22677
+ overflow: hidden;
22678
+ position: absolute;
22679
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22680
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22681
+ z-index: 1;
22682
+ }
22683
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22684
+ opacity: 0;
22685
+ }
22686
+
22687
+ .v-rating__hidden {
22688
+ height: 0;
22689
+ opacity: 0;
22690
+ position: absolute;
22691
+ width: 0;
22629
22692
  }.v-slider .v-slider__container input {
22630
22693
  cursor: default;
22631
22694
  padding: 0;
@@ -22731,68 +22794,32 @@ html.v-overlay-scroll-blocked {
22731
22794
  .v-select--active-menu .v-select__menu-icon {
22732
22795
  opacity: var(--v-high-emphasis-opacity);
22733
22796
  transform: rotate(180deg);
22734
- }.v-rating {
22797
+ }.v-responsive {
22798
+ display: flex;
22799
+ flex: 1 0 auto;
22800
+ max-height: 100%;
22735
22801
  max-width: 100%;
22736
- display: inline-flex;
22737
- white-space: nowrap;
22738
- }
22739
- .v-rating--readonly {
22740
- pointer-events: none;
22802
+ overflow: hidden;
22803
+ position: relative;
22741
22804
  }
22742
-
22743
- .v-rating__wrapper {
22744
- align-items: center;
22805
+ .v-responsive--inline {
22745
22806
  display: inline-flex;
22746
- flex-direction: column;
22747
- }
22748
- .v-rating__wrapper--bottom {
22749
- flex-direction: column-reverse;
22807
+ flex: 0 0 auto;
22750
22808
  }
22751
22809
 
22752
- .v-rating__item {
22753
- display: inline-flex;
22754
- position: relative;
22755
- }
22756
- .v-rating__item label {
22757
- cursor: pointer;
22758
- }
22759
- .v-rating__item .v-btn--variant-plain {
22760
- opacity: 1;
22761
- }
22762
- .v-rating__item .v-btn {
22763
- transition-property: transform;
22764
- }
22765
- .v-rating__item .v-btn .v-icon {
22766
- transition: inherit;
22767
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22768
- }
22769
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22770
- transform: scale(1.25);
22771
- }
22772
- .v-rating__item--half {
22773
- overflow: hidden;
22774
- position: absolute;
22775
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22776
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22777
- z-index: 1;
22778
- }
22779
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22780
- opacity: 0;
22810
+ .v-responsive__content {
22811
+ flex: 1 0 0px;
22812
+ max-width: 100%;
22781
22813
  }
22782
22814
 
22783
- .v-rating__hidden {
22784
- height: 0;
22785
- opacity: 0;
22786
- position: absolute;
22787
- width: 0;
22788
- }.v-selection-control-group {
22789
- grid-area: control;
22790
- display: flex;
22791
- flex-direction: column;
22815
+ .v-responsive__sizer ~ .v-responsive__content {
22816
+ margin-inline-start: -100%;
22792
22817
  }
22793
- .v-selection-control-group--inline {
22794
- flex-direction: row;
22795
- flex-wrap: wrap;
22818
+
22819
+ .v-responsive__sizer {
22820
+ flex: 1 0 0px;
22821
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22822
+ pointer-events: none;
22796
22823
  }.v-selection-control {
22797
22824
  align-items: center;
22798
22825
  contain: layout;
@@ -22894,6 +22921,14 @@ html.v-overlay-scroll-blocked {
22894
22921
  }
22895
22922
  .v-selection-control--focus-visible .v-selection-control__input::before {
22896
22923
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22924
+ }.v-selection-control-group {
22925
+ grid-area: control;
22926
+ display: flex;
22927
+ flex-direction: column;
22928
+ }
22929
+ .v-selection-control-group--inline {
22930
+ flex-direction: row;
22931
+ flex-wrap: wrap;
22897
22932
  }.v-sheet {
22898
22933
  display: block;
22899
22934
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23150,43 +23185,212 @@ html.v-overlay-scroll-blocked {
23150
23185
  overflow: hidden;
23151
23186
  }
23152
23187
 
23153
- .v-slide-group__next,
23154
- .v-slide-group__prev {
23188
+ .v-slide-group__next,
23189
+ .v-slide-group__prev {
23190
+ align-items: center;
23191
+ display: flex;
23192
+ flex: 0 1 52px;
23193
+ justify-content: center;
23194
+ min-width: 52px;
23195
+ cursor: pointer;
23196
+ }
23197
+ .v-slide-group__next--disabled,
23198
+ .v-slide-group__prev--disabled {
23199
+ pointer-events: none;
23200
+ opacity: var(--v-disabled-opacity);
23201
+ }
23202
+
23203
+ .v-slide-group__content {
23204
+ display: flex;
23205
+ flex: 1 0 auto;
23206
+ position: relative;
23207
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23208
+ white-space: nowrap;
23209
+ }
23210
+ .v-slide-group__content > * {
23211
+ white-space: initial;
23212
+ }
23213
+
23214
+ .v-slide-group__container {
23215
+ contain: content;
23216
+ display: flex;
23217
+ flex: 1 1 auto;
23218
+ overflow: hidden;
23219
+ }
23220
+
23221
+ .v-slide-group--vertical,
23222
+ .v-slide-group--vertical .v-slide-group__container,
23223
+ .v-slide-group--vertical .v-slide-group__content {
23224
+ flex-direction: column;
23225
+ }.v-snackbar {
23226
+ justify-content: center;
23227
+ z-index: 10000;
23228
+ margin: 8px;
23229
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23230
+ }
23231
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23232
+ align-items: flex-end;
23233
+ }
23234
+ .v-snackbar__wrapper {
23235
+ align-items: center;
23236
+ display: flex;
23237
+ max-width: 672px;
23238
+ min-height: 48px;
23239
+ min-width: 344px;
23240
+ overflow: hidden;
23241
+ padding: 0;
23242
+ border-radius: 4px;
23243
+ }
23244
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23245
+ background: transparent;
23246
+ color: inherit;
23247
+ }
23248
+ .v-snackbar--variant-plain {
23249
+ opacity: 0.62;
23250
+ }
23251
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23252
+ opacity: 1;
23253
+ }
23254
+ .v-snackbar--variant-plain .v-snackbar__overlay {
23255
+ display: none;
23256
+ }
23257
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23258
+ background: rgb(var(--v-theme-surface-variant));
23259
+ color: rgb(var(--v-theme-on-surface-variant));
23260
+ }
23261
+ .v-snackbar--variant-elevated {
23262
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23263
+ }
23264
+ .v-snackbar--variant-flat {
23265
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23266
+ }
23267
+ .v-snackbar--variant-outlined {
23268
+ border: thin solid currentColor;
23269
+ }
23270
+ .v-snackbar--variant-text .v-snackbar__overlay {
23271
+ background: currentColor;
23272
+ }
23273
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
23274
+ background: currentColor;
23275
+ opacity: var(--v-activated-opacity);
23276
+ border-radius: inherit;
23277
+ position: absolute;
23278
+ top: 0;
23279
+ right: 0;
23280
+ bottom: 0;
23281
+ left: 0;
23282
+ pointer-events: none;
23283
+ }
23284
+
23285
+ .v-snackbar__content {
23286
+ flex-grow: 1;
23287
+ font-size: 0.875rem;
23288
+ font-weight: 400;
23289
+ letter-spacing: 0.0178571429em;
23290
+ line-height: 1.25rem;
23291
+ margin-right: auto;
23292
+ padding: 14px 16px;
23293
+ text-align: initial;
23294
+ }
23295
+ .v-snackbar__actions {
23296
+ align-items: center;
23297
+ align-self: center;
23298
+ display: flex;
23299
+ margin-inline-end: 8px;
23300
+ }
23301
+ .v-snackbar__actions > .v-btn {
23302
+ padding: 0 8px;
23303
+ min-width: auto;
23304
+ }
23305
+ .v-snackbar__timer {
23306
+ width: 100%;
23307
+ position: absolute;
23308
+ top: 0;
23309
+ }
23310
+ .v-snackbar__timer .v-progress-linear {
23311
+ transition: 0.2s linear;
23312
+ }
23313
+ .v-snackbar--absolute {
23314
+ position: absolute;
23315
+ z-index: 1;
23316
+ }
23317
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23318
+ min-height: 68px;
23319
+ }
23320
+ .v-snackbar--vertical .v-snackbar__wrapper {
23321
+ flex-direction: column;
23322
+ }
23323
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23324
+ align-self: flex-end;
23325
+ margin-bottom: 8px;
23326
+ }
23327
+
23328
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23329
+ transition-duration: 0.15s;
23330
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23331
+ }
23332
+ .v-snackbar-transition-enter-active {
23333
+ transition-property: opacity, transform;
23334
+ }
23335
+ .v-snackbar-transition-enter-from {
23336
+ opacity: 0;
23337
+ transform: scale(0.8);
23338
+ }
23339
+ .v-snackbar-transition-leave-active {
23340
+ transition-property: opacity;
23341
+ }
23342
+ .v-snackbar-transition-leave-to {
23343
+ opacity: 0;
23344
+ }.v-stepper.v-sheet {
23345
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23346
+ border-radius: 4px;
23347
+ overflow: hidden;
23348
+ }
23349
+ .v-stepper.v-sheet.v-stepper--flat {
23350
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23351
+ }
23352
+
23353
+ .v-stepper-header {
23354
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23155
23355
  align-items: center;
23156
23356
  display: flex;
23157
- flex: 0 1 52px;
23158
- justify-content: center;
23159
- min-width: 52px;
23160
- cursor: pointer;
23357
+ position: relative;
23358
+ overflow-x: auto;
23359
+ justify-content: space-between;
23360
+ z-index: 1;
23161
23361
  }
23162
- .v-slide-group__next--disabled,
23163
- .v-slide-group__prev--disabled {
23164
- pointer-events: none;
23165
- opacity: var(--v-disabled-opacity);
23362
+ .v-stepper-header .v-divider {
23363
+ margin: 0 -16px;
23166
23364
  }
23167
-
23168
- .v-slide-group__content {
23169
- display: flex;
23170
- flex: 1 0 auto;
23171
- position: relative;
23172
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23173
- white-space: nowrap;
23365
+ .v-stepper-header .v-divider:last-child {
23366
+ margin-inline-end: 0;
23174
23367
  }
23175
- .v-slide-group__content > * {
23176
- white-space: initial;
23368
+ .v-stepper-header .v-divider:first-child {
23369
+ margin-inline-start: 0;
23370
+ }
23371
+ .v-stepper--alt-labels .v-stepper-header {
23372
+ height: auto;
23373
+ }
23374
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23375
+ align-self: flex-start;
23376
+ margin: 35px -67px 0;
23177
23377
  }
23178
23378
 
23179
- .v-slide-group__container {
23180
- contain: content;
23181
- display: flex;
23182
- flex: 1 1 auto;
23183
- overflow: hidden;
23379
+ .v-stepper-window {
23380
+ margin: 1.5rem;
23184
23381
  }
23185
23382
 
23186
- .v-slide-group--vertical,
23187
- .v-slide-group--vertical .v-slide-group__container,
23188
- .v-slide-group--vertical .v-slide-group__content {
23189
- flex-direction: column;
23383
+ .v-stepper-actions {
23384
+ display: flex;
23385
+ align-items: center;
23386
+ justify-content: space-between;
23387
+ padding: 1rem;
23388
+ }
23389
+ .v-stepper .v-stepper-actions {
23390
+ padding: 0 1.5rem 1rem;
23391
+ }
23392
+ .v-stepper-window-item .v-stepper-actions {
23393
+ padding: 1.5rem 0 0;
23190
23394
  }.v-stepper-item {
23191
23395
  align-items: center;
23192
23396
  align-self: stretch;
@@ -23253,56 +23457,6 @@ html.v-overlay-scroll-blocked {
23253
23457
  }
23254
23458
  .v-stepper--mobile .v-stepper-item__subtitle {
23255
23459
  display: none;
23256
- }.v-stepper.v-sheet {
23257
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23258
- border-radius: 4px;
23259
- overflow: hidden;
23260
- }
23261
- .v-stepper.v-sheet.v-stepper--flat {
23262
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23263
- }
23264
-
23265
- .v-stepper-header {
23266
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23267
- align-items: center;
23268
- display: flex;
23269
- position: relative;
23270
- overflow-x: auto;
23271
- justify-content: space-between;
23272
- z-index: 1;
23273
- }
23274
- .v-stepper-header .v-divider {
23275
- margin: 0 -16px;
23276
- }
23277
- .v-stepper-header .v-divider:last-child {
23278
- margin-inline-end: 0;
23279
- }
23280
- .v-stepper-header .v-divider:first-child {
23281
- margin-inline-start: 0;
23282
- }
23283
- .v-stepper--alt-labels .v-stepper-header {
23284
- height: auto;
23285
- }
23286
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23287
- align-self: flex-start;
23288
- margin: 35px -67px 0;
23289
- }
23290
-
23291
- .v-stepper-window {
23292
- margin: 1.5rem;
23293
- }
23294
-
23295
- .v-stepper-actions {
23296
- display: flex;
23297
- align-items: center;
23298
- justify-content: space-between;
23299
- padding: 1rem;
23300
- }
23301
- .v-stepper .v-stepper-actions {
23302
- padding: 0 1.5rem 1rem;
23303
- }
23304
- .v-stepper-window-item .v-stepper-actions {
23305
- padding: 1.5rem 0 0;
23306
23460
  }.v-switch .v-label {
23307
23461
  padding-inline-start: 10px;
23308
23462
  }
@@ -23421,125 +23575,6 @@ html.v-overlay-scroll-blocked {
23421
23575
  }
23422
23576
  .v-switch.v-switch--inset .v-selection-control__wrapper {
23423
23577
  width: auto;
23424
- }.v-snackbar {
23425
- justify-content: center;
23426
- z-index: 10000;
23427
- margin: 8px;
23428
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23429
- }
23430
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23431
- align-items: flex-end;
23432
- }
23433
- .v-snackbar__wrapper {
23434
- align-items: center;
23435
- display: flex;
23436
- max-width: 672px;
23437
- min-height: 48px;
23438
- min-width: 344px;
23439
- overflow: hidden;
23440
- padding: 0;
23441
- border-radius: 4px;
23442
- }
23443
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23444
- background: transparent;
23445
- color: inherit;
23446
- }
23447
- .v-snackbar--variant-plain {
23448
- opacity: 0.62;
23449
- }
23450
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23451
- opacity: 1;
23452
- }
23453
- .v-snackbar--variant-plain .v-snackbar__overlay {
23454
- display: none;
23455
- }
23456
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23457
- background: rgb(var(--v-theme-surface-variant));
23458
- color: rgb(var(--v-theme-on-surface-variant));
23459
- }
23460
- .v-snackbar--variant-elevated {
23461
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23462
- }
23463
- .v-snackbar--variant-flat {
23464
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23465
- }
23466
- .v-snackbar--variant-outlined {
23467
- border: thin solid currentColor;
23468
- }
23469
- .v-snackbar--variant-text .v-snackbar__overlay {
23470
- background: currentColor;
23471
- }
23472
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23473
- background: currentColor;
23474
- opacity: var(--v-activated-opacity);
23475
- border-radius: inherit;
23476
- position: absolute;
23477
- top: 0;
23478
- right: 0;
23479
- bottom: 0;
23480
- left: 0;
23481
- pointer-events: none;
23482
- }
23483
-
23484
- .v-snackbar__content {
23485
- flex-grow: 1;
23486
- font-size: 0.875rem;
23487
- font-weight: 400;
23488
- letter-spacing: 0.0178571429em;
23489
- line-height: 1.25rem;
23490
- margin-right: auto;
23491
- padding: 14px 16px;
23492
- text-align: initial;
23493
- }
23494
- .v-snackbar__actions {
23495
- align-items: center;
23496
- align-self: center;
23497
- display: flex;
23498
- margin-inline-end: 8px;
23499
- }
23500
- .v-snackbar__actions > .v-btn {
23501
- padding: 0 8px;
23502
- min-width: auto;
23503
- }
23504
- .v-snackbar__timer {
23505
- width: 100%;
23506
- position: absolute;
23507
- top: 0;
23508
- }
23509
- .v-snackbar__timer .v-progress-linear {
23510
- transition: 0.2s linear;
23511
- }
23512
- .v-snackbar--absolute {
23513
- position: absolute;
23514
- z-index: 1;
23515
- }
23516
- .v-snackbar--multi-line .v-snackbar__wrapper {
23517
- min-height: 68px;
23518
- }
23519
- .v-snackbar--vertical .v-snackbar__wrapper {
23520
- flex-direction: column;
23521
- }
23522
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23523
- align-self: flex-end;
23524
- margin-bottom: 8px;
23525
- }
23526
-
23527
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23528
- transition-duration: 0.15s;
23529
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23530
- }
23531
- .v-snackbar-transition-enter-active {
23532
- transition-property: opacity, transform;
23533
- }
23534
- .v-snackbar-transition-enter-from {
23535
- opacity: 0;
23536
- transform: scale(0.8);
23537
- }
23538
- .v-snackbar-transition-leave-active {
23539
- transition-property: opacity;
23540
- }
23541
- .v-snackbar-transition-leave-to {
23542
- opacity: 0;
23543
23578
  }.v-system-bar {
23544
23579
  align-items: center;
23545
23580
  display: flex;
@@ -23566,46 +23601,17 @@ html.v-overlay-scroll-blocked {
23566
23601
  .v-system-bar--absolute {
23567
23602
  position: absolute;
23568
23603
  }
23569
- .v-system-bar--fixed {
23570
- position: fixed;
23571
- }
23572
- .v-system-bar--rounded {
23573
- border-radius: 0;
23574
- }
23575
- .v-system-bar--window {
23576
- height: 32px;
23577
- }
23578
- .v-system-bar:not(.v-system-bar--absolute) {
23579
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23580
- }.v-tab.v-tab.v-btn {
23581
- height: var(--v-tabs-height);
23582
- border-radius: 0;
23583
- min-width: 90px;
23584
- }
23585
- .v-slide-group--horizontal .v-tab {
23586
- max-width: 360px;
23587
- }
23588
- .v-slide-group--vertical .v-tab {
23589
- justify-content: start;
23590
- }
23591
-
23592
- .v-tab__slider {
23593
- position: absolute;
23594
- bottom: 0;
23595
- left: 0;
23596
- height: 2px;
23597
- width: 100%;
23598
- background: currentColor;
23599
- pointer-events: none;
23600
- opacity: 0;
23601
- }
23602
- .v-tab--selected .v-tab__slider {
23603
- opacity: 1;
23604
+ .v-system-bar--fixed {
23605
+ position: fixed;
23604
23606
  }
23605
- .v-slide-group--vertical .v-tab__slider {
23606
- top: 0;
23607
- height: 100%;
23608
- width: 2px;
23607
+ .v-system-bar--rounded {
23608
+ border-radius: 0;
23609
+ }
23610
+ .v-system-bar--window {
23611
+ height: 32px;
23612
+ }
23613
+ .v-system-bar:not(.v-system-bar--absolute) {
23614
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23609
23615
  }.v-tabs {
23610
23616
  display: flex;
23611
23617
  height: var(--v-tabs-height);
@@ -23672,113 +23678,36 @@ html.v-overlay-scroll-blocked {
23672
23678
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23673
23679
  margin-inline-end: 52px;
23674
23680
  }
23675
- }.v-textarea .v-field {
23676
- --v-textarea-control-height: var(--v-input-control-height);
23681
+ }.v-tab.v-tab.v-btn {
23682
+ height: var(--v-tabs-height);
23683
+ border-radius: 0;
23684
+ min-width: 90px;
23677
23685
  }
23678
- .v-textarea .v-field__field {
23679
- --v-input-control-height: var(--v-textarea-control-height);
23686
+ .v-slide-group--horizontal .v-tab {
23687
+ max-width: 360px;
23680
23688
  }
23681
- .v-textarea .v-field__input {
23682
- flex: 1 1 auto;
23683
- outline: none;
23684
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23685
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23689
+ .v-slide-group--vertical .v-tab {
23690
+ justify-content: start;
23686
23691
  }
23687
- .v-textarea .v-field__input.v-textarea__sizer {
23688
- visibility: hidden;
23692
+
23693
+ .v-tab__slider {
23689
23694
  position: absolute;
23690
- top: 0;
23695
+ bottom: 0;
23691
23696
  left: 0;
23692
- height: 0 !important;
23693
- min-height: 0 !important;
23697
+ height: 2px;
23698
+ width: 100%;
23699
+ background: currentColor;
23694
23700
  pointer-events: none;
23695
- }
23696
- .v-textarea--no-resize .v-field__input {
23697
- resize: none;
23698
- }
23699
- .v-textarea .v-field--no-label textarea,
23700
- .v-textarea .v-field--active textarea {
23701
- opacity: 1;
23702
- }
23703
- .v-textarea textarea {
23704
- opacity: 0;
23705
- flex: 1;
23706
- min-width: 0;
23707
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23708
- }
23709
- .v-textarea textarea:focus, .v-textarea textarea:active {
23710
- outline: none;
23711
- }
23712
- .v-textarea textarea:invalid {
23713
- box-shadow: none;
23714
- }/* region BLOCK */
23715
- .v-text-field input {
23716
- color: inherit;
23717
- opacity: 0;
23718
- flex: 1;
23719
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23720
- min-width: 0;
23721
- }
23722
- .v-text-field input:focus, .v-text-field input:active {
23723
- outline: none;
23724
- }
23725
- .v-text-field input:invalid {
23726
- box-shadow: none;
23727
- }
23728
- .v-text-field .v-field {
23729
- cursor: text;
23730
- }
23731
- .v-text-field--prefixed.v-text-field .v-field__input {
23732
- --v-field-padding-start: 6px;
23733
- }
23734
-
23735
- .v-text-field--suffixed.v-text-field .v-field__input {
23736
- --v-field-padding-end: 0;
23737
- }
23738
-
23739
- .v-text-field .v-input__details {
23740
- padding-inline: 16px;
23741
- }
23742
- .v-input--plain-underlined.v-text-field .v-input__details {
23743
- padding-inline: 0;
23744
- }
23745
-
23746
- .v-text-field .v-field--no-label input,
23747
- .v-text-field .v-field--active input {
23748
- opacity: 1;
23749
- }
23750
- .v-text-field .v-field--single-line input {
23751
- transition: none;
23752
- }
23753
-
23754
- /* endregion */
23755
- /* region ELEMENTS */
23756
- .v-text-field__prefix, .v-text-field__suffix {
23757
- align-items: center;
23758
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23759
- cursor: default;
23760
- display: flex;
23761
23701
  opacity: 0;
23762
- transition: inherit;
23763
- white-space: nowrap;
23764
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23765
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23766
- padding-bottom: var(--v-field-padding-bottom, 6px);
23767
23702
  }
23768
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23703
+ .v-tab--selected .v-tab__slider {
23769
23704
  opacity: 1;
23770
23705
  }
23771
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23772
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23773
- }
23774
- .v-text-field__prefix {
23775
- padding-inline-start: var(--v-field-padding-start);
23776
- }
23777
- .v-text-field__suffix {
23778
- padding-inline-end: var(--v-field-padding-end);
23779
- }
23780
-
23781
- /* endregion */.v-table {
23706
+ .v-slide-group--vertical .v-tab__slider {
23707
+ top: 0;
23708
+ height: 100%;
23709
+ width: 2px;
23710
+ }.v-table {
23782
23711
  background: rgb(var(--v-theme-surface));
23783
23712
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23784
23713
  font-size: 0.875rem;
@@ -23846,77 +23775,183 @@ html.v-overlay-scroll-blocked {
23846
23775
  transition-property: box-shadow, opacity, background, height;
23847
23776
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23848
23777
  }
23849
- .v-table > .v-table__wrapper > table > tbody > tr > td,
23850
- .v-table > .v-table__wrapper > table > thead > tr > td,
23851
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
23852
- height: var(--v-table-row-height);
23778
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
23779
+ .v-table > .v-table__wrapper > table > thead > tr > td,
23780
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
23781
+ height: var(--v-table-row-height);
23782
+ }
23783
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
23784
+ .v-table > .v-table__wrapper > table > thead > tr > th,
23785
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
23786
+ height: var(--v-table-header-height);
23787
+ font-weight: 500;
23788
+ -webkit-user-select: none;
23789
+ user-select: none;
23790
+ text-align: start;
23791
+ }
23792
+ .v-table--density-default {
23793
+ --v-table-header-height: 56px;
23794
+ --v-table-row-height: 52px;
23795
+ }
23796
+
23797
+ .v-table--density-comfortable {
23798
+ --v-table-header-height: 48px;
23799
+ --v-table-row-height: 44px;
23800
+ }
23801
+
23802
+ .v-table--density-compact {
23803
+ --v-table-header-height: 40px;
23804
+ --v-table-row-height: 36px;
23805
+ }
23806
+
23807
+ .v-table__wrapper {
23808
+ border-radius: inherit;
23809
+ overflow: auto;
23810
+ flex: 1 1 auto;
23811
+ }
23812
+
23813
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23814
+ border-top-left-radius: 0;
23815
+ }
23816
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23817
+ border-top-right-radius: 0;
23818
+ }
23819
+
23820
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23821
+ border-bottom-left-radius: 0;
23822
+ }
23823
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23824
+ border-bottom-right-radius: 0;
23825
+ }
23826
+
23827
+ .v-table--fixed-height > .v-table__wrapper {
23828
+ overflow-y: auto;
23829
+ }
23830
+
23831
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
23832
+ position: sticky;
23833
+ top: 0;
23834
+ z-index: 2;
23835
+ }
23836
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23837
+ border-bottom: 0px !important;
23838
+ }
23839
+
23840
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23841
+ position: sticky;
23842
+ bottom: 0;
23843
+ z-index: 1;
23844
+ }
23845
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23846
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23847
+ border-top: 0px !important;
23848
+ }.v-textarea .v-field {
23849
+ --v-textarea-control-height: var(--v-input-control-height);
23850
+ }
23851
+ .v-textarea .v-field__field {
23852
+ --v-input-control-height: var(--v-textarea-control-height);
23853
+ }
23854
+ .v-textarea .v-field__input {
23855
+ flex: 1 1 auto;
23856
+ outline: none;
23857
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23858
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23859
+ }
23860
+ .v-textarea .v-field__input.v-textarea__sizer {
23861
+ visibility: hidden;
23862
+ position: absolute;
23863
+ top: 0;
23864
+ left: 0;
23865
+ height: 0 !important;
23866
+ min-height: 0 !important;
23867
+ pointer-events: none;
23868
+ }
23869
+ .v-textarea--no-resize .v-field__input {
23870
+ resize: none;
23871
+ }
23872
+ .v-textarea .v-field--no-label textarea,
23873
+ .v-textarea .v-field--active textarea {
23874
+ opacity: 1;
23875
+ }
23876
+ .v-textarea textarea {
23877
+ opacity: 0;
23878
+ flex: 1;
23879
+ min-width: 0;
23880
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23881
+ }
23882
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23883
+ outline: none;
23884
+ }
23885
+ .v-textarea textarea:invalid {
23886
+ box-shadow: none;
23887
+ }/* region BLOCK */
23888
+ .v-text-field input {
23889
+ color: inherit;
23890
+ opacity: 0;
23891
+ flex: 1;
23892
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23893
+ min-width: 0;
23894
+ }
23895
+ .v-text-field input:focus, .v-text-field input:active {
23896
+ outline: none;
23897
+ }
23898
+ .v-text-field input:invalid {
23899
+ box-shadow: none;
23853
23900
  }
23854
- .v-table > .v-table__wrapper > table > tbody > tr > th,
23855
- .v-table > .v-table__wrapper > table > thead > tr > th,
23856
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
23857
- height: var(--v-table-header-height);
23858
- font-weight: 500;
23859
- -webkit-user-select: none;
23860
- user-select: none;
23861
- text-align: start;
23901
+ .v-text-field .v-field {
23902
+ cursor: text;
23862
23903
  }
23863
- .v-table--density-default {
23864
- --v-table-header-height: 56px;
23865
- --v-table-row-height: 52px;
23904
+ .v-text-field--prefixed.v-text-field .v-field__input {
23905
+ --v-field-padding-start: 6px;
23866
23906
  }
23867
23907
 
23868
- .v-table--density-comfortable {
23869
- --v-table-header-height: 48px;
23870
- --v-table-row-height: 44px;
23908
+ .v-text-field--suffixed.v-text-field .v-field__input {
23909
+ --v-field-padding-end: 0;
23871
23910
  }
23872
23911
 
23873
- .v-table--density-compact {
23874
- --v-table-header-height: 40px;
23875
- --v-table-row-height: 36px;
23912
+ .v-text-field .v-input__details {
23913
+ padding-inline: 16px;
23876
23914
  }
23877
-
23878
- .v-table__wrapper {
23879
- border-radius: inherit;
23880
- overflow: auto;
23881
- flex: 1 1 auto;
23915
+ .v-input--plain-underlined.v-text-field .v-input__details {
23916
+ padding-inline: 0;
23882
23917
  }
23883
23918
 
23884
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
23885
- border-top-left-radius: 0;
23919
+ .v-text-field .v-field--no-label input,
23920
+ .v-text-field .v-field--active input {
23921
+ opacity: 1;
23886
23922
  }
23887
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
23888
- border-top-right-radius: 0;
23923
+ .v-text-field .v-field--single-line input {
23924
+ transition: none;
23889
23925
  }
23890
23926
 
23891
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
23892
- border-bottom-left-radius: 0;
23927
+ /* endregion */
23928
+ /* region ELEMENTS */
23929
+ .v-text-field__prefix, .v-text-field__suffix {
23930
+ align-items: center;
23931
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23932
+ cursor: default;
23933
+ display: flex;
23934
+ opacity: 0;
23935
+ transition: inherit;
23936
+ white-space: nowrap;
23937
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23938
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23939
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23893
23940
  }
23894
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
23895
- border-bottom-right-radius: 0;
23941
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23942
+ opacity: 1;
23896
23943
  }
23897
-
23898
- .v-table--fixed-height > .v-table__wrapper {
23899
- overflow-y: auto;
23944
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23945
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23900
23946
  }
23901
-
23902
- .v-table--fixed-header > .v-table__wrapper > table > thead {
23903
- position: sticky;
23904
- top: 0;
23905
- z-index: 2;
23947
+ .v-text-field__prefix {
23948
+ padding-inline-start: var(--v-field-padding-start);
23906
23949
  }
23907
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
23908
- border-bottom: 0px !important;
23950
+ .v-text-field__suffix {
23951
+ padding-inline-end: var(--v-field-padding-end);
23909
23952
  }
23910
23953
 
23911
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
23912
- position: sticky;
23913
- bottom: 0;
23914
- z-index: 1;
23915
- }
23916
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23917
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23918
- border-top: 0px !important;
23919
- }.v-theme-provider {
23954
+ /* endregion */.v-theme-provider {
23920
23955
  background: rgb(var(--v-theme-background));
23921
23956
  color: rgb(var(--v-theme-on-background));
23922
23957
  }.v-timeline .v-timeline-divider__dot {
@@ -24486,15 +24521,6 @@ html.v-overlay-scroll-blocked {
24486
24521
  .v-tooltip > .v-overlay__content[class*=leave-active] {
24487
24522
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
24488
24523
  transition-duration: 75ms;
24489
- }.v-virtual-scroll {
24490
- display: block;
24491
- flex: 1 1 auto;
24492
- max-width: 100%;
24493
- overflow: auto;
24494
- position: relative;
24495
- }
24496
- .v-virtual-scroll__container {
24497
- display: block;
24498
24524
  }.v-window {
24499
24525
  overflow: hidden;
24500
24526
  }
@@ -24564,32 +24590,15 @@ html.v-overlay-scroll-blocked {
24564
24590
  }
24565
24591
  .v-window-y-reverse-transition-leave-to {
24566
24592
  transform: translateY(100%);
24567
- }.v-responsive {
24568
- display: flex;
24569
- flex: 1 0 auto;
24570
- max-height: 100%;
24593
+ }.v-virtual-scroll {
24594
+ display: block;
24595
+ flex: 1 1 auto;
24571
24596
  max-width: 100%;
24572
- overflow: hidden;
24597
+ overflow: auto;
24573
24598
  position: relative;
24574
24599
  }
24575
- .v-responsive--inline {
24576
- display: inline-flex;
24577
- flex: 0 0 auto;
24578
- }
24579
-
24580
- .v-responsive__content {
24581
- flex: 1 0 0px;
24582
- max-width: 100%;
24583
- }
24584
-
24585
- .v-responsive__sizer ~ .v-responsive__content {
24586
- margin-inline-start: -100%;
24587
- }
24588
-
24589
- .v-responsive__sizer {
24590
- flex: 1 0 0px;
24591
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24592
- pointer-events: none;
24600
+ .v-virtual-scroll__container {
24601
+ display: block;
24593
24602
  }.v-color-picker-canvas {
24594
24603
  display: flex;
24595
24604
  position: relative;
@@ -24612,69 +24621,6 @@ html.v-overlay-scroll-blocked {
24612
24621
  }
24613
24622
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24614
24623
  will-change: transform;
24615
- }.v-color-picker-edit {
24616
- display: flex;
24617
- margin-top: 24px;
24618
- }
24619
-
24620
- .v-color-picker-edit__input {
24621
- width: 100%;
24622
- display: flex;
24623
- flex-wrap: wrap;
24624
- justify-content: center;
24625
- text-align: center;
24626
- }
24627
- .v-color-picker-edit__input:not(:last-child) {
24628
- margin-inline-end: 8px;
24629
- }
24630
- .v-color-picker-edit__input input {
24631
- border-radius: 4px;
24632
- margin-bottom: 8px;
24633
- min-width: 0;
24634
- outline: none;
24635
- text-align: center;
24636
- width: 100%;
24637
- height: 32px;
24638
- background: rgba(var(--v-theme-surface-variant), 0.2);
24639
- color: rgba(var(--v-theme-on-surface));
24640
- }
24641
- .v-color-picker-edit__input span {
24642
- font-size: 0.75rem;
24643
- }.v-color-picker-swatches {
24644
- overflow-y: auto;
24645
- }
24646
- .v-color-picker-swatches > div {
24647
- display: flex;
24648
- flex-wrap: wrap;
24649
- justify-content: center;
24650
- padding: 8px;
24651
- }
24652
-
24653
- .v-color-picker-swatches__swatch {
24654
- display: flex;
24655
- flex-direction: column;
24656
- margin-bottom: 10px;
24657
- }
24658
-
24659
- .v-color-picker-swatches__color {
24660
- position: relative;
24661
- height: 18px;
24662
- max-height: 18px;
24663
- width: 45px;
24664
- margin: 2px 4px;
24665
- border-radius: 2px;
24666
- -webkit-user-select: none;
24667
- user-select: none;
24668
- overflow: hidden;
24669
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24670
- cursor: pointer;
24671
- }
24672
- .v-color-picker-swatches__color > div {
24673
- display: flex;
24674
- align-items: center;
24675
- justify-content: center;
24676
- width: 100%;
24677
- height: 100%;
24678
24624
  }.v-color-picker-preview__alpha .v-slider-track__background {
24679
24625
  background-color: transparent !important;
24680
24626
  }
@@ -24745,6 +24691,69 @@ html.v-overlay-scroll-blocked {
24745
24691
  .v-color-picker-preview__eye-dropper {
24746
24692
  position: relative;
24747
24693
  margin-right: 12px;
24694
+ }.v-color-picker-swatches {
24695
+ overflow-y: auto;
24696
+ }
24697
+ .v-color-picker-swatches > div {
24698
+ display: flex;
24699
+ flex-wrap: wrap;
24700
+ justify-content: center;
24701
+ padding: 8px;
24702
+ }
24703
+
24704
+ .v-color-picker-swatches__swatch {
24705
+ display: flex;
24706
+ flex-direction: column;
24707
+ margin-bottom: 10px;
24708
+ }
24709
+
24710
+ .v-color-picker-swatches__color {
24711
+ position: relative;
24712
+ height: 18px;
24713
+ max-height: 18px;
24714
+ width: 45px;
24715
+ margin: 2px 4px;
24716
+ border-radius: 2px;
24717
+ -webkit-user-select: none;
24718
+ user-select: none;
24719
+ overflow: hidden;
24720
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24721
+ cursor: pointer;
24722
+ }
24723
+ .v-color-picker-swatches__color > div {
24724
+ display: flex;
24725
+ align-items: center;
24726
+ justify-content: center;
24727
+ width: 100%;
24728
+ height: 100%;
24729
+ }.v-color-picker-edit {
24730
+ display: flex;
24731
+ margin-top: 24px;
24732
+ }
24733
+
24734
+ .v-color-picker-edit__input {
24735
+ width: 100%;
24736
+ display: flex;
24737
+ flex-wrap: wrap;
24738
+ justify-content: center;
24739
+ text-align: center;
24740
+ }
24741
+ .v-color-picker-edit__input:not(:last-child) {
24742
+ margin-inline-end: 8px;
24743
+ }
24744
+ .v-color-picker-edit__input input {
24745
+ border-radius: 4px;
24746
+ margin-bottom: 8px;
24747
+ min-width: 0;
24748
+ outline: none;
24749
+ text-align: center;
24750
+ width: 100%;
24751
+ height: 32px;
24752
+ background: rgba(var(--v-theme-surface-variant), 0.2);
24753
+ color: rgba(var(--v-theme-on-surface));
24754
+ }
24755
+ .v-color-picker-edit__input span {
24756
+ font-size: 0.75rem;
24748
24757
  }.v-picker.v-sheet {
24749
24758
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24750
24759
  border-radius: 4px;