vuetify 3.5.9 → 3.5.11

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 (147) hide show
  1. package/dist/_component-variables-labs.sass +1 -0
  2. package/dist/json/attributes.json +106 -6
  3. package/dist/json/importMap-labs.json +10 -6
  4. package/dist/json/importMap.json +128 -128
  5. package/dist/json/tags.json +30 -0
  6. package/dist/json/web-types.json +582 -15
  7. package/dist/vuetify-labs.css +3076 -3034
  8. package/dist/vuetify-labs.d.ts +2711 -1996
  9. package/dist/vuetify-labs.esm.js +518 -40
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +518 -39
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +1609 -1604
  14. package/dist/vuetify.d.ts +1885 -1832
  15. package/dist/vuetify.esm.js +605 -330
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +604 -328
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +1106 -1098
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAlert/index.d.mts +15 -15
  23. package/lib/components/VApp/index.d.mts +8 -8
  24. package/lib/components/VAppBar/index.d.mts +7 -7
  25. package/lib/components/VAutocomplete/VAutocomplete.mjs +4 -4
  26. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  27. package/lib/components/VAutocomplete/index.d.mts +94 -94
  28. package/lib/components/VAvatar/index.d.mts +8 -8
  29. package/lib/components/VBadge/index.d.mts +7 -7
  30. package/lib/components/VBanner/index.d.mts +20 -20
  31. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  32. package/lib/components/VBreadcrumbs/index.d.mts +27 -26
  33. package/lib/components/VBtnGroup/index.d.mts +8 -8
  34. package/lib/components/VCard/index.d.mts +32 -32
  35. package/lib/components/VCarousel/index.d.mts +6 -6
  36. package/lib/components/VCheckbox/index.d.mts +44 -44
  37. package/lib/components/VChip/index.d.mts +7 -7
  38. package/lib/components/VCode/index.d.mts +8 -8
  39. package/lib/components/VCombobox/VCombobox.mjs +5 -4
  40. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  41. package/lib/components/VCombobox/index.d.mts +94 -94
  42. package/lib/components/VDataTable/index.d.mts +6 -6
  43. package/lib/components/VDatePicker/VDatePickerMonth.mjs +10 -4
  44. package/lib/components/VDatePicker/VDatePickerMonth.mjs.map +1 -1
  45. package/lib/components/VDatePicker/index.d.mts +10 -10
  46. package/lib/components/VDefaultsProvider/index.d.mts +8 -8
  47. package/lib/components/VDialog/index.d.mts +12 -6
  48. package/lib/components/VDivider/index.d.mts +8 -8
  49. package/lib/components/VExpansionPanel/index.d.mts +19 -19
  50. package/lib/components/VField/VField.css +2 -0
  51. package/lib/components/VField/VField.mjs +1 -1
  52. package/lib/components/VField/VField.mjs.map +1 -1
  53. package/lib/components/VField/VField.sass +2 -0
  54. package/lib/components/VField/index.d.mts +28 -28
  55. package/lib/components/VFileInput/index.d.mts +133 -133
  56. package/lib/components/VFooter/index.d.mts +8 -8
  57. package/lib/components/VGrid/index.d.mts +32 -32
  58. package/lib/components/VIcon/VIcon.css +4 -0
  59. package/lib/components/VIcon/VIcon.mjs +7 -3
  60. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  61. package/lib/components/VIcon/VIcon.sass +4 -0
  62. package/lib/components/VIcon/_variables.scss +1 -0
  63. package/lib/components/VIcon/index.d.mts +25 -16
  64. package/lib/components/VImg/index.d.mts +4 -4
  65. package/lib/components/VInput/index.d.mts +21 -21
  66. package/lib/components/VKbd/index.d.mts +8 -8
  67. package/lib/components/VLabel/index.d.mts +8 -8
  68. package/lib/components/VLayout/index.d.mts +16 -16
  69. package/lib/components/VLazy/index.d.mts +8 -8
  70. package/lib/components/VList/VListItem.mjs +2 -2
  71. package/lib/components/VList/VListItem.mjs.map +1 -1
  72. package/lib/components/VList/index.d.mts +48 -48
  73. package/lib/components/VLocaleProvider/index.d.mts +12 -12
  74. package/lib/components/VMain/index.d.mts +8 -8
  75. package/lib/components/VMenu/VMenu.mjs +3 -0
  76. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  77. package/lib/components/VMenu/index.d.mts +14 -8
  78. package/lib/components/VNavigationDrawer/VNavigationDrawer.css +1 -1
  79. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +22 -8
  80. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  81. package/lib/components/VNavigationDrawer/VNavigationDrawer.sass +2 -1
  82. package/lib/components/VNavigationDrawer/index.d.mts +11 -11
  83. package/lib/components/VOtpInput/VOtpInput.mjs +7 -2
  84. package/lib/components/VOtpInput/VOtpInput.mjs.map +1 -1
  85. package/lib/components/VOtpInput/index.d.mts +31 -31
  86. package/lib/components/VOverlay/VOverlay.mjs +8 -3
  87. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  88. package/lib/components/VOverlay/index.d.mts +3 -0
  89. package/lib/components/VOverlay/scrollStrategies.mjs +2 -2
  90. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  91. package/lib/components/VPagination/index.d.mts +7 -7
  92. package/lib/components/VProgressLinear/VProgressLinear.css +0 -1
  93. package/lib/components/VProgressLinear/VProgressLinear.sass +0 -1
  94. package/lib/components/VProgressLinear/index.d.mts +7 -7
  95. package/lib/components/VRadioGroup/index.d.mts +44 -44
  96. package/lib/components/VRangeSlider/index.d.mts +47 -47
  97. package/lib/components/VRating/index.d.mts +7 -7
  98. package/lib/components/VResponsive/index.d.mts +8 -8
  99. package/lib/components/VSelect/index.d.mts +94 -94
  100. package/lib/components/VSheet/index.d.mts +8 -8
  101. package/lib/components/VSkeletonLoader/index.d.mts +8 -8
  102. package/lib/components/VSlider/index.d.mts +47 -47
  103. package/lib/components/VSnackbar/index.d.mts +25 -19
  104. package/lib/components/VStepper/index.d.mts +41 -41
  105. package/lib/components/VSwitch/index.d.mts +39 -39
  106. package/lib/components/VSystemBar/index.d.mts +8 -8
  107. package/lib/components/VTabs/index.d.mts +15 -15
  108. package/lib/components/VTextField/index.d.mts +173 -173
  109. package/lib/components/VTextarea/index.d.mts +119 -119
  110. package/lib/components/VThemeProvider/index.d.mts +8 -8
  111. package/lib/components/VTimeline/index.d.mts +8 -8
  112. package/lib/components/VToolbar/index.d.mts +8 -8
  113. package/lib/components/VTooltip/index.d.mts +14 -8
  114. package/lib/components/VWindow/index.d.mts +10 -10
  115. package/lib/components/index.d.mts +1869 -1832
  116. package/lib/components/transitions/index.d.mts +128 -128
  117. package/lib/composables/date/adapters/vuetify.mjs +1 -1
  118. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  119. package/lib/composables/theme.mjs +1 -1
  120. package/lib/composables/theme.mjs.map +1 -1
  121. package/lib/entry-bundler.mjs +3 -2
  122. package/lib/entry-bundler.mjs.map +1 -1
  123. package/lib/framework.mjs +1 -1
  124. package/lib/framework.mjs.map +1 -1
  125. package/lib/index.d.mts +40 -39
  126. package/lib/labs/VCalendar/index.d.mts +32 -32
  127. package/lib/labs/VFab/index.d.mts +15 -15
  128. package/lib/labs/VNumberInput/VNumberInput.css +38 -0
  129. package/lib/labs/VNumberInput/VNumberInput.mjs +209 -0
  130. package/lib/labs/VNumberInput/VNumberInput.mjs.map +1 -0
  131. package/lib/labs/VNumberInput/VNumberInput.sass +47 -0
  132. package/lib/labs/VNumberInput/_variables.scss +1 -0
  133. package/lib/labs/VNumberInput/index.d.mts +607 -0
  134. package/lib/labs/VNumberInput/index.mjs +2 -0
  135. package/lib/labs/VNumberInput/index.mjs.map +1 -0
  136. package/lib/labs/VPicker/index.d.mts +8 -8
  137. package/lib/labs/VSparkline/index.d.mts +7 -7
  138. package/lib/labs/VSpeedDial/VSpeedDial.mjs +9 -5
  139. package/lib/labs/VSpeedDial/VSpeedDial.mjs.map +1 -1
  140. package/lib/labs/VSpeedDial/index.d.mts +120 -24
  141. package/lib/labs/VTreeview/index.d.mts +8 -8
  142. package/lib/labs/components.d.mts +788 -95
  143. package/lib/labs/components.mjs +1 -0
  144. package/lib/labs/components.mjs.map +1 -1
  145. package/lib/locale/no.mjs +1 -1
  146. package/lib/locale/no.mjs.map +1 -1
  147. package/package.json +3 -3
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.9
2
+ * Vuetify v3.5.11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17435,132 +17435,6 @@ html.overflow-y-hidden {
17435
17435
  .v-avatar .v-img {
17436
17436
  height: 100%;
17437
17437
  width: 100%;
17438
- }.v-badge {
17439
- display: inline-block;
17440
- line-height: 1;
17441
- }
17442
-
17443
- .v-badge__badge {
17444
- align-items: center;
17445
- display: inline-flex;
17446
- border-radius: 10px;
17447
- font-size: 0.75rem;
17448
- font-weight: 500;
17449
- height: 1.25rem;
17450
- justify-content: center;
17451
- min-width: 20px;
17452
- padding: 4px 6px;
17453
- pointer-events: auto;
17454
- position: absolute;
17455
- text-align: center;
17456
- text-indent: 0;
17457
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17458
- white-space: nowrap;
17459
- background: rgb(var(--v-theme-surface-variant));
17460
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17461
- }
17462
- .v-badge--bordered .v-badge__badge::after {
17463
- border-radius: inherit;
17464
- border-style: solid;
17465
- border-width: 2px;
17466
- bottom: 0;
17467
- color: rgb(var(--v-theme-background));
17468
- content: "";
17469
- left: 0;
17470
- position: absolute;
17471
- right: 0;
17472
- top: 0;
17473
- transform: scale(1.05);
17474
- }
17475
- .v-badge--dot .v-badge__badge {
17476
- border-radius: 4.5px;
17477
- height: 9px;
17478
- min-width: 0;
17479
- padding: 0;
17480
- width: 9px;
17481
- }
17482
- .v-badge--dot .v-badge__badge::after {
17483
- border-width: 1.5px;
17484
- }
17485
- .v-badge--inline .v-badge__badge {
17486
- position: relative;
17487
- vertical-align: middle;
17488
- }
17489
- .v-badge__badge .v-icon {
17490
- color: inherit;
17491
- font-size: 0.75rem;
17492
- margin: 0 -2px;
17493
- }
17494
- .v-badge__badge img,
17495
- .v-badge__badge .v-img {
17496
- height: 100%;
17497
- width: 100%;
17498
- }
17499
-
17500
- .v-badge__wrapper {
17501
- display: flex;
17502
- position: relative;
17503
- }
17504
- .v-badge--inline .v-badge__wrapper {
17505
- align-items: center;
17506
- display: inline-flex;
17507
- justify-content: center;
17508
- margin: 0 4px;
17509
- }.v-bottom-navigation {
17510
- display: flex;
17511
- max-width: 100%;
17512
- overflow: hidden;
17513
- position: absolute;
17514
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17515
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17516
- border-style: solid;
17517
- border-width: 0;
17518
- border-radius: 0;
17519
- background: rgb(var(--v-theme-surface));
17520
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17521
- }
17522
- .v-bottom-navigation--border {
17523
- border-width: thin;
17524
- box-shadow: none;
17525
- }
17526
- .v-bottom-navigation--active {
17527
- 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));
17528
- }
17529
-
17530
- .v-bottom-navigation__content {
17531
- display: flex;
17532
- flex: none;
17533
- font-size: 0.75rem;
17534
- justify-content: center;
17535
- transition: inherit;
17536
- width: 100%;
17537
- }
17538
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17539
- font-size: inherit;
17540
- height: 100%;
17541
- max-width: 168px;
17542
- min-width: 80px;
17543
- text-transform: none;
17544
- transition: inherit;
17545
- width: auto;
17546
- border-radius: 0;
17547
- }
17548
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17549
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17550
- transition: inherit;
17551
- }
17552
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17553
- font-size: 1.5rem;
17554
- }
17555
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17556
- flex-grow: 1;
17557
- }
17558
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17559
- transition: inherit;
17560
- opacity: 0;
17561
- }
17562
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17563
- transform: translateY(0.5rem);
17564
17438
  }.v-banner {
17565
17439
  display: grid;
17566
17440
  flex: 1 1;
@@ -17718,6 +17592,132 @@ html.overflow-y-hidden {
17718
17592
  }
17719
17593
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
17720
17594
  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
+ }.v-bottom-navigation {
17667
+ display: flex;
17668
+ max-width: 100%;
17669
+ overflow: hidden;
17670
+ position: absolute;
17671
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17672
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17673
+ border-style: solid;
17674
+ border-width: 0;
17675
+ border-radius: 0;
17676
+ background: rgb(var(--v-theme-surface));
17677
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17678
+ }
17679
+ .v-bottom-navigation--border {
17680
+ border-width: thin;
17681
+ box-shadow: none;
17682
+ }
17683
+ .v-bottom-navigation--active {
17684
+ 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));
17685
+ }
17686
+
17687
+ .v-bottom-navigation__content {
17688
+ display: flex;
17689
+ flex: none;
17690
+ font-size: 0.75rem;
17691
+ justify-content: center;
17692
+ transition: inherit;
17693
+ width: 100%;
17694
+ }
17695
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
17696
+ font-size: inherit;
17697
+ height: 100%;
17698
+ max-width: 168px;
17699
+ min-width: 80px;
17700
+ text-transform: none;
17701
+ transition: inherit;
17702
+ width: auto;
17703
+ border-radius: 0;
17704
+ }
17705
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
17706
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17707
+ transition: inherit;
17708
+ }
17709
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
17710
+ font-size: 1.5rem;
17711
+ }
17712
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
17713
+ flex-grow: 1;
17714
+ }
17715
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
17716
+ transition: inherit;
17717
+ opacity: 0;
17718
+ }
17719
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17720
+ transform: translateY(0.5rem);
17721
17721
  }.bottom-sheet-transition-enter-from {
17722
17722
  transform: translateY(100%);
17723
17723
  }
@@ -17807,150 +17807,156 @@ html.overflow-y-hidden {
17807
17807
  display: inline-block;
17808
17808
  padding: 0 8px;
17809
17809
  vertical-align: middle;
17810
- }.v-btn {
17811
- align-items: center;
17812
- border-radius: 4px;
17813
- display: inline-grid;
17814
- grid-template-areas: "prepend content append";
17815
- grid-template-columns: max-content auto max-content;
17816
- font-weight: 500;
17817
- justify-content: center;
17818
- letter-spacing: 0.0892857143em;
17819
- line-height: normal;
17810
+ }.v-btn-group {
17811
+ display: inline-flex;
17812
+ flex-wrap: nowrap;
17820
17813
  max-width: 100%;
17821
- outline: none;
17822
- position: relative;
17823
- text-decoration: none;
17824
- text-indent: 0.0892857143em;
17825
- text-transform: uppercase;
17826
- transition-property: box-shadow, transform, opacity, background;
17827
- transition-duration: 0.28s;
17828
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17829
- -webkit-user-select: none;
17830
- user-select: none;
17814
+ min-width: 0;
17815
+ overflow: hidden;
17831
17816
  vertical-align: middle;
17832
- flex-shrink: 0;
17833
17817
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17834
17818
  border-style: solid;
17835
17819
  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));
17836
17824
  }
17837
- .v-btn--size-x-small {
17838
- --v-btn-size: 0.625rem;
17839
- --v-btn-height: 20px;
17840
- font-size: var(--v-btn-size);
17841
- min-width: 36px;
17842
- padding: 0 8px;
17825
+ .v-btn-group--border {
17826
+ border-width: thin;
17827
+ box-shadow: none;
17843
17828
  }
17844
-
17845
- .v-btn--size-small {
17846
- --v-btn-size: 0.75rem;
17847
- --v-btn-height: 28px;
17848
- font-size: var(--v-btn-size);
17849
- min-width: 50px;
17850
- padding: 0 12px;
17829
+ .v-btn-group--density-default.v-btn-group {
17830
+ height: 48px;
17851
17831
  }
17852
17832
 
17853
- .v-btn--size-default {
17854
- --v-btn-size: 0.875rem;
17855
- --v-btn-height: 36px;
17856
- font-size: var(--v-btn-size);
17857
- min-width: 64px;
17858
- padding: 0 16px;
17833
+ .v-btn-group--density-comfortable.v-btn-group {
17834
+ height: 40px;
17859
17835
  }
17860
17836
 
17861
- .v-btn--size-large {
17862
- --v-btn-size: 1rem;
17863
- --v-btn-height: 44px;
17864
- font-size: var(--v-btn-size);
17865
- min-width: 78px;
17866
- padding: 0 20px;
17837
+ .v-btn-group--density-compact.v-btn-group {
17838
+ height: 36px;
17867
17839
  }
17868
17840
 
17869
- .v-btn--size-x-large {
17870
- --v-btn-size: 1.125rem;
17871
- --v-btn-height: 52px;
17872
- font-size: var(--v-btn-size);
17873
- min-width: 92px;
17874
- padding: 0 24px;
17841
+ .v-btn-group .v-btn {
17842
+ border-radius: 0;
17843
+ border-color: inherit;
17875
17844
  }
17876
-
17877
- .v-btn.v-btn--density-default {
17878
- height: calc(var(--v-btn-height) + 0px);
17845
+ .v-btn-group .v-btn:not(:last-child) {
17846
+ border-inline-end: none;
17879
17847
  }
17880
-
17881
- .v-btn.v-btn--density-comfortable {
17882
- height: calc(var(--v-btn-height) + -8px);
17848
+ .v-btn-group .v-btn:not(:first-child) {
17849
+ border-inline-start: none;
17883
17850
  }
17884
-
17885
- .v-btn.v-btn--density-compact {
17886
- height: calc(var(--v-btn-height) + -12px);
17851
+ .v-btn-group .v-btn:first-child {
17852
+ border-start-start-radius: inherit;
17853
+ border-end-start-radius: inherit;
17887
17854
  }
17888
-
17889
- .v-btn--border {
17855
+ .v-btn-group .v-btn:last-child {
17856
+ border-start-end-radius: inherit;
17857
+ border-end-end-radius: inherit;
17858
+ }
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));
17863
+ }
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));
17868
+ }
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 {
17890
17896
  border-width: thin;
17891
17897
  box-shadow: none;
17892
17898
  }
17893
- .v-btn--absolute {
17899
+ .v-card--absolute {
17894
17900
  position: absolute;
17895
17901
  }
17896
- .v-btn--fixed {
17902
+ .v-card--fixed {
17897
17903
  position: fixed;
17898
17904
  }
17899
- .v-btn:hover > .v-btn__overlay {
17905
+ .v-card:hover > .v-card__overlay {
17900
17906
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17901
17907
  }
17902
- .v-btn:focus-visible > .v-btn__overlay {
17908
+ .v-card:focus-visible > .v-card__overlay {
17903
17909
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17904
17910
  }
17905
17911
  @supports not selector(:focus-visible) {
17906
- .v-btn:focus > .v-btn__overlay {
17912
+ .v-card:focus > .v-card__overlay {
17907
17913
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17908
17914
  }
17909
17915
  }
17910
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17916
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17911
17917
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17912
17918
  }
17913
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17919
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17914
17920
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17915
17921
  }
17916
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17922
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17917
17923
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17918
17924
  }
17919
17925
  @supports not selector(:focus-visible) {
17920
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17926
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17921
17927
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17922
17928
  }
17923
17929
  }
17924
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17930
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17925
17931
  background: transparent;
17926
17932
  color: inherit;
17927
17933
  }
17928
- .v-btn--variant-plain {
17934
+ .v-card--variant-plain {
17929
17935
  opacity: 0.62;
17930
17936
  }
17931
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17937
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17932
17938
  opacity: 1;
17933
17939
  }
17934
- .v-btn--variant-plain .v-btn__overlay {
17940
+ .v-card--variant-plain .v-card__overlay {
17935
17941
  display: none;
17936
17942
  }
17937
- .v-btn--variant-elevated, .v-btn--variant-flat {
17943
+ .v-card--variant-elevated, .v-card--variant-flat {
17938
17944
  background: rgb(var(--v-theme-surface));
17939
17945
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17940
17946
  }
17941
- .v-btn--variant-elevated {
17942
- 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));
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));
17943
17949
  }
17944
- .v-btn--variant-flat {
17950
+ .v-card--variant-flat {
17945
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));
17946
17952
  }
17947
- .v-btn--variant-outlined {
17953
+ .v-card--variant-outlined {
17948
17954
  border: thin solid currentColor;
17949
17955
  }
17950
- .v-btn--variant-text .v-btn__overlay {
17956
+ .v-card--variant-text .v-card__overlay {
17951
17957
  background: currentColor;
17952
17958
  }
17953
- .v-btn--variant-tonal .v-btn__underlay {
17959
+ .v-card--variant-tonal .v-card__underlay {
17954
17960
  background: currentColor;
17955
17961
  opacity: var(--v-activated-opacity);
17956
17962
  border-radius: inherit;
@@ -17961,405 +17967,418 @@ html.overflow-y-hidden {
17961
17967
  left: 0;
17962
17968
  pointer-events: none;
17963
17969
  }
17964
- @supports selector(:focus-visible) {
17965
- .v-btn::after {
17966
- content: "";
17967
- position: absolute;
17968
- top: 0;
17969
- left: 0;
17970
- width: 100%;
17971
- height: 100%;
17972
- pointer-events: none;
17973
- border: 2px solid currentColor;
17974
- border-radius: inherit;
17975
- opacity: 0;
17976
- transition: opacity 0.2s ease-in-out;
17977
- }
17978
- .v-btn:focus-visible::after {
17979
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17980
- }
17981
- }
17982
- .v-btn--icon {
17983
- border-radius: 50%;
17984
- min-width: 0;
17985
- padding: 0;
17970
+ .v-card--disabled {
17971
+ pointer-events: none;
17972
+ -webkit-user-select: none;
17973
+ user-select: none;
17986
17974
  }
17987
- .v-btn--icon.v-btn--size-default {
17988
- --v-btn-size: 1rem;
17975
+ .v-card--disabled > :not(.v-card__loader) {
17976
+ opacity: 0.6;
17989
17977
  }
17990
- .v-btn--icon.v-btn--density-default {
17991
- width: calc(var(--v-btn-height) + 12px);
17992
- height: calc(var(--v-btn-height) + 12px);
17978
+ .v-card--flat {
17979
+ box-shadow: none;
17993
17980
  }
17994
- .v-btn--icon.v-btn--density-comfortable {
17995
- width: calc(var(--v-btn-height) + 0px);
17996
- height: calc(var(--v-btn-height) + 0px);
17981
+ .v-card--hover {
17982
+ cursor: pointer;
17997
17983
  }
17998
- .v-btn--icon.v-btn--density-compact {
17999
- width: calc(var(--v-btn-height) + -8px);
18000
- height: calc(var(--v-btn-height) + -8px);
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;
18001
17995
  }
18002
-
18003
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18004
- 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));
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));
18005
18000
  }
18006
- .v-btn--elevated:active {
18001
+ .v-card--hover::after {
18002
+ z-index: 1;
18003
+ opacity: 0;
18007
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));
18008
18005
  }
18009
- .v-btn--flat {
18010
- box-shadow: none;
18006
+ .v-card--hover:hover::after {
18007
+ opacity: 1;
18011
18008
  }
18012
- .v-btn--block {
18013
- display: flex;
18014
- flex: 1 0 auto;
18015
- min-width: 100%;
18009
+ .v-card--hover:hover::before {
18010
+ opacity: 0;
18016
18011
  }
18017
- .v-btn--disabled {
18018
- pointer-events: none;
18019
- opacity: 0.26;
18012
+ .v-card--hover:hover {
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));
18020
18014
  }
18021
- .v-btn--disabled:hover {
18022
- opacity: 0.26;
18015
+ .v-card--link {
18016
+ cursor: pointer;
18023
18017
  }
18024
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18025
- box-shadow: none;
18026
- opacity: 1;
18027
- color: rgba(var(--v-theme-on-surface), 0.26);
18028
- background: rgb(var(--v-theme-surface));
18029
- }
18030
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18031
- opacity: 0.4615384615;
18018
+
18019
+ .v-card-actions {
18020
+ align-items: center;
18021
+ display: flex;
18022
+ flex: none;
18023
+ min-height: 52px;
18024
+ padding: 0.5rem;
18032
18025
  }
18033
- .v-btn--loading {
18034
- pointer-events: none;
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;
18035
18034
  }
18036
- .v-btn--loading .v-btn__content,
18037
- .v-btn--loading .v-btn__prepend,
18038
- .v-btn--loading .v-btn__append {
18039
- opacity: 0;
18035
+ .v-card-item + .v-card-text {
18036
+ padding-top: 0;
18040
18037
  }
18041
- .v-btn--stacked {
18042
- grid-template-areas: "prepend" "content" "append";
18043
- grid-template-columns: auto;
18044
- grid-template-rows: max-content max-content max-content;
18045
- justify-items: center;
18046
- align-content: center;
18038
+ .v-card-item__prepend, .v-card-item__append {
18039
+ align-items: center;
18040
+ display: flex;
18047
18041
  }
18048
- .v-btn--stacked .v-btn__content {
18049
- flex-direction: column;
18050
- line-height: 1.25;
18042
+ .v-card-item__prepend {
18043
+ grid-area: prepend;
18044
+ padding-inline-end: 0.5rem;
18051
18045
  }
18052
- .v-btn--stacked .v-btn__prepend,
18053
- .v-btn--stacked .v-btn__append,
18054
- .v-btn--stacked .v-btn__content > .v-icon--start,
18055
- .v-btn--stacked .v-btn__content > .v-icon--end {
18056
- margin-inline: 0;
18046
+ .v-card-item__append {
18047
+ grid-area: append;
18048
+ padding-inline-start: 0.5rem;
18057
18049
  }
18058
- .v-btn--stacked .v-btn__prepend,
18059
- .v-btn--stacked .v-btn__content > .v-icon--start {
18060
- margin-bottom: 4px;
18050
+
18051
+ .v-card-item__content {
18052
+ align-self: center;
18053
+ grid-area: content;
18054
+ overflow: hidden;
18061
18055
  }
18062
- .v-btn--stacked .v-btn__append,
18063
- .v-btn--stacked .v-btn__content > .v-icon--end {
18064
- margin-top: 4px;
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;
18065
18074
  }
18066
- .v-btn--stacked.v-btn--size-x-small {
18067
- --v-btn-size: 0.625rem;
18068
- --v-btn-height: 56px;
18069
- font-size: var(--v-btn-size);
18070
- min-width: 56px;
18071
- padding: 0 12px;
18075
+ .v-card .v-card-title {
18076
+ line-height: 2rem;
18072
18077
  }
18073
-
18074
- .v-btn--stacked.v-btn--size-small {
18075
- --v-btn-size: 0.75rem;
18076
- --v-btn-height: 64px;
18077
- font-size: var(--v-btn-size);
18078
- min-width: 64px;
18079
- padding: 0 14px;
18078
+ .v-card--density-comfortable .v-card-title {
18079
+ line-height: 1.75rem;
18080
18080
  }
18081
-
18082
- .v-btn--stacked.v-btn--size-default {
18083
- --v-btn-size: 0.875rem;
18084
- --v-btn-height: 72px;
18085
- font-size: var(--v-btn-size);
18086
- min-width: 72px;
18087
- padding: 0 16px;
18081
+ .v-card--density-compact .v-card-title {
18082
+ line-height: 1.55rem;
18088
18083
  }
18089
-
18090
- .v-btn--stacked.v-btn--size-large {
18091
- --v-btn-size: 1rem;
18092
- --v-btn-height: 80px;
18093
- font-size: var(--v-btn-size);
18094
- min-width: 80px;
18095
- padding: 0 18px;
18084
+ .v-card-item .v-card-title {
18085
+ padding: 0;
18096
18086
  }
18097
-
18098
- .v-btn--stacked.v-btn--size-x-large {
18099
- --v-btn-size: 1.125rem;
18100
- --v-btn-height: 88px;
18101
- font-size: var(--v-btn-size);
18102
- min-width: 88px;
18103
- padding: 0 20px;
18087
+ .v-card-title + .v-card-text,
18088
+ .v-card-title + .v-card-actions {
18089
+ padding-top: 0;
18104
18090
  }
18105
18091
 
18106
- .v-btn--stacked.v-btn--density-default {
18107
- height: calc(var(--v-btn-height) + 0px);
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;
18108
18104
  }
18109
-
18110
- .v-btn--stacked.v-btn--density-comfortable {
18111
- height: calc(var(--v-btn-height) + -16px);
18105
+ .v-card .v-card-subtitle {
18106
+ line-height: 1.25rem;
18112
18107
  }
18113
-
18114
- .v-btn--stacked.v-btn--density-compact {
18115
- height: calc(var(--v-btn-height) + -24px);
18108
+ .v-card--density-comfortable .v-card-subtitle {
18109
+ line-height: 1.125rem;
18116
18110
  }
18117
-
18118
- .v-btn--slim {
18119
- padding: 0 8px;
18111
+ .v-card--density-compact .v-card-subtitle {
18112
+ line-height: 1rem;
18120
18113
  }
18121
- .v-btn--rounded {
18122
- border-radius: 24px;
18114
+ .v-card-item .v-card-subtitle {
18115
+ padding: 0 0 0.25rem;
18123
18116
  }
18124
- .v-btn--rounded.v-btn--icon {
18125
- border-radius: 4px;
18117
+
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;
18126
18125
  }
18127
- .v-btn .v-icon {
18128
- --v-icon-size-multiplier: 0.8571428571;
18126
+ .v-card .v-card-text {
18127
+ line-height: 1.25rem;
18129
18128
  }
18130
- .v-btn--icon .v-icon {
18131
- --v-icon-size-multiplier: 1;
18129
+ .v-card--density-comfortable .v-card-text {
18130
+ line-height: 1.2rem;
18132
18131
  }
18133
- .v-btn--stacked .v-icon {
18134
- --v-icon-size-multiplier: 1.1428571429;
18132
+ .v-card--density-compact .v-card-text {
18133
+ line-height: 1.15rem;
18135
18134
  }
18136
18135
 
18137
- .v-btn__loader {
18138
- align-items: center;
18136
+ .v-card__image {
18139
18137
  display: flex;
18140
18138
  height: 100%;
18141
- justify-content: center;
18139
+ flex: 1 1 auto;
18142
18140
  left: 0;
18141
+ overflow: hidden;
18143
18142
  position: absolute;
18144
18143
  top: 0;
18145
18144
  width: 100%;
18145
+ z-index: -1;
18146
18146
  }
18147
18147
 
18148
- .v-btn__content,
18149
- .v-btn__prepend,
18150
- .v-btn__append {
18151
- align-items: center;
18152
- display: flex;
18153
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18148
+ .v-card__content {
18149
+ border-radius: inherit;
18150
+ overflow: hidden;
18151
+ position: relative;
18154
18152
  }
18155
18153
 
18156
- .v-btn__prepend {
18157
- grid-area: prepend;
18158
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
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;
18159
18162
  }
18160
18163
 
18161
- .v-btn__append {
18162
- grid-area: append;
18163
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
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%;
18164
18179
  }
18165
-
18166
- .v-btn__content {
18167
- grid-area: content;
18180
+ .v-carousel__controls {
18181
+ align-items: center;
18182
+ bottom: 0;
18183
+ display: flex;
18184
+ height: 50px;
18168
18185
  justify-content: center;
18169
- white-space: nowrap;
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));
18170
18192
  }
18171
- .v-btn__content > .v-icon--start {
18172
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18193
+ .v-carousel__controls > .v-item-group {
18194
+ flex: 0 1 auto;
18173
18195
  }
18174
- .v-btn__content > .v-icon--end {
18175
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18196
+ .v-carousel__controls__item {
18197
+ margin: 0 8px;
18176
18198
  }
18177
- .v-btn--stacked .v-btn__content {
18178
- white-space: normal;
18199
+ .v-carousel__controls__item .v-icon {
18200
+ opacity: 0.5;
18179
18201
  }
18180
-
18181
- .v-btn__overlay {
18182
- background-color: currentColor;
18183
- border-radius: inherit;
18184
- opacity: 0;
18185
- transition: opacity 0.2s ease-in-out;
18202
+ .v-carousel__controls__item--active .v-icon {
18203
+ opacity: 1;
18204
+ vertical-align: middle;
18205
+ }
18206
+ .v-carousel__controls__item:hover {
18207
+ background: none;
18208
+ }
18209
+ .v-carousel__controls__item:hover .v-icon {
18210
+ opacity: 0.8;
18186
18211
  }
18187
18212
 
18188
- .v-btn__overlay,
18189
- .v-btn__underlay {
18213
+ .v-carousel__progress {
18214
+ margin: 0;
18190
18215
  position: absolute;
18191
- top: 0;
18216
+ bottom: 0;
18192
18217
  left: 0;
18193
- width: 100%;
18194
- height: 100%;
18195
- pointer-events: none;
18196
- }
18197
-
18198
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18199
- margin-inline-start: 0.5rem;
18218
+ right: 0;
18200
18219
  }
18201
18220
 
18202
- .v-pagination .v-btn {
18203
- border-radius: 4px;
18221
+ .v-carousel-item {
18222
+ display: block;
18223
+ height: inherit;
18224
+ text-decoration: none;
18204
18225
  }
18205
- .v-pagination .v-btn--rounded {
18206
- border-radius: 50%;
18226
+ .v-carousel-item > .v-img {
18227
+ height: inherit;
18207
18228
  }
18208
- .v-btn__overlay {
18209
- transition: none;
18229
+
18230
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18231
+ background: transparent;
18210
18232
  }
18211
- .v-pagination__item--is-active .v-btn__overlay {
18212
- opacity: var(--v-border-opacity);
18213
- }.v-btn-group {
18214
- display: inline-flex;
18215
- flex-wrap: nowrap;
18233
+
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;
18240
+ 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;
18216
18248
  max-width: 100%;
18217
- min-width: 0;
18218
- overflow: hidden;
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;
18219
18259
  vertical-align: middle;
18260
+ flex-shrink: 0;
18220
18261
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
18262
  border-style: solid;
18222
18263
  border-width: 0;
18223
- 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));
18224
- border-radius: 4px;
18225
- background: transparent;
18226
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18227
- }
18228
- .v-btn-group--border {
18229
- border-width: thin;
18230
- box-shadow: none;
18231
18264
  }
18232
- .v-btn-group--density-default.v-btn-group {
18233
- height: 48px;
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
18271
  }
18235
18272
 
18236
- .v-btn-group--density-comfortable.v-btn-group {
18237
- height: 40px;
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;
18238
18279
  }
18239
18280
 
18240
- .v-btn-group--density-compact.v-btn-group {
18241
- height: 36px;
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;
18242
18287
  }
18243
18288
 
18244
- .v-btn-group .v-btn {
18245
- border-radius: 0;
18246
- border-color: inherit;
18247
- }
18248
- .v-btn-group .v-btn:not(:last-child) {
18249
- border-inline-end: none;
18250
- }
18251
- .v-btn-group .v-btn:not(:first-child) {
18252
- border-inline-start: none;
18253
- }
18254
- .v-btn-group .v-btn:first-child {
18255
- border-start-start-radius: inherit;
18256
- border-end-start-radius: inherit;
18257
- }
18258
- .v-btn-group .v-btn:last-child {
18259
- border-start-end-radius: inherit;
18260
- border-end-end-radius: inherit;
18261
- }
18262
- .v-btn-group--divided .v-btn:not(:last-child) {
18263
- border-inline-end-width: thin;
18264
- border-inline-end-style: solid;
18265
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
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;
18266
18295
  }
18267
- .v-btn-group--tile {
18268
- border-radius: 0;
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
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;
18271
18303
  }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18304
+
18305
+ .v-btn.v-btn--density-default {
18306
+ height: calc(var(--v-btn-height) + 0px);
18274
18307
  }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18308
+
18309
+ .v-btn.v-btn--density-comfortable {
18310
+ height: calc(var(--v-btn-height) + -8px);
18277
18311
  }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18282
- }.v-card {
18283
- display: block;
18284
- overflow: hidden;
18285
- overflow-wrap: break-word;
18286
- position: relative;
18287
- padding: 0;
18288
- text-decoration: none;
18289
- transition-duration: 0.28s;
18290
- transition-property: box-shadow, opacity, background;
18291
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18292
- z-index: 0;
18293
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
- border-style: solid;
18295
- border-width: 0;
18296
- border-radius: 4px;
18312
+
18313
+ .v-btn.v-btn--density-compact {
18314
+ height: calc(var(--v-btn-height) + -12px);
18297
18315
  }
18298
- .v-card--border {
18316
+
18317
+ .v-btn--border {
18299
18318
  border-width: thin;
18300
18319
  box-shadow: none;
18301
18320
  }
18302
- .v-card--absolute {
18321
+ .v-btn--absolute {
18303
18322
  position: absolute;
18304
18323
  }
18305
- .v-card--fixed {
18324
+ .v-btn--fixed {
18306
18325
  position: fixed;
18307
18326
  }
18308
- .v-card:hover > .v-card__overlay {
18327
+ .v-btn:hover > .v-btn__overlay {
18309
18328
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18310
18329
  }
18311
- .v-card:focus-visible > .v-card__overlay {
18330
+ .v-btn:focus-visible > .v-btn__overlay {
18312
18331
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18313
18332
  }
18314
18333
  @supports not selector(:focus-visible) {
18315
- .v-card:focus > .v-card__overlay {
18334
+ .v-btn:focus > .v-btn__overlay {
18316
18335
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18317
18336
  }
18318
18337
  }
18319
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18338
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18320
18339
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18321
18340
  }
18322
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18341
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18323
18342
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18324
18343
  }
18325
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18344
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18326
18345
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18327
18346
  }
18328
18347
  @supports not selector(:focus-visible) {
18329
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18348
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18330
18349
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18331
18350
  }
18332
18351
  }
18333
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18352
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18334
18353
  background: transparent;
18335
18354
  color: inherit;
18336
18355
  }
18337
- .v-card--variant-plain {
18356
+ .v-btn--variant-plain {
18338
18357
  opacity: 0.62;
18339
18358
  }
18340
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18359
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18341
18360
  opacity: 1;
18342
18361
  }
18343
- .v-card--variant-plain .v-card__overlay {
18362
+ .v-btn--variant-plain .v-btn__overlay {
18344
18363
  display: none;
18345
18364
  }
18346
- .v-card--variant-elevated, .v-card--variant-flat {
18365
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18347
18366
  background: rgb(var(--v-theme-surface));
18348
18367
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18349
18368
  }
18350
- .v-card--variant-elevated {
18351
- 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));
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));
18352
18371
  }
18353
- .v-card--variant-flat {
18372
+ .v-btn--variant-flat {
18354
18373
  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));
18355
18374
  }
18356
- .v-card--variant-outlined {
18375
+ .v-btn--variant-outlined {
18357
18376
  border: thin solid currentColor;
18358
18377
  }
18359
- .v-card--variant-text .v-card__overlay {
18378
+ .v-btn--variant-text .v-btn__overlay {
18360
18379
  background: currentColor;
18361
18380
  }
18362
- .v-card--variant-tonal .v-card__underlay {
18381
+ .v-btn--variant-tonal .v-btn__underlay {
18363
18382
  background: currentColor;
18364
18383
  opacity: var(--v-activated-opacity);
18365
18384
  border-radius: inherit;
@@ -18370,274 +18389,255 @@ html.overflow-y-hidden {
18370
18389
  left: 0;
18371
18390
  pointer-events: none;
18372
18391
  }
18373
- .v-card--disabled {
18374
- pointer-events: none;
18375
- -webkit-user-select: none;
18376
- user-select: none;
18377
- }
18378
- .v-card--disabled > :not(.v-card__loader) {
18379
- opacity: 0.6;
18380
- }
18381
- .v-card--flat {
18382
- box-shadow: none;
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
+ }
18383
18409
  }
18384
- .v-card--hover {
18385
- cursor: pointer;
18410
+ .v-btn--icon {
18411
+ border-radius: 50%;
18412
+ min-width: 0;
18413
+ padding: 0;
18386
18414
  }
18387
- .v-card--hover::before, .v-card--hover::after {
18388
- border-radius: inherit;
18389
- bottom: 0;
18390
- content: "";
18391
- display: block;
18392
- left: 0;
18393
- pointer-events: none;
18394
- position: absolute;
18395
- right: 0;
18396
- top: 0;
18397
- transition: inherit;
18415
+ .v-btn--icon.v-btn--size-default {
18416
+ --v-btn-size: 1rem;
18398
18417
  }
18399
- .v-card--hover::before {
18400
- opacity: 1;
18401
- z-index: -1;
18402
- 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));
18418
+ .v-btn--icon.v-btn--density-default {
18419
+ width: calc(var(--v-btn-height) + 12px);
18420
+ height: calc(var(--v-btn-height) + 12px);
18403
18421
  }
18404
- .v-card--hover::after {
18405
- z-index: 1;
18406
- opacity: 0;
18407
- 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));
18422
+ .v-btn--icon.v-btn--density-comfortable {
18423
+ width: calc(var(--v-btn-height) + 0px);
18424
+ height: calc(var(--v-btn-height) + 0px);
18408
18425
  }
18409
- .v-card--hover:hover::after {
18410
- opacity: 1;
18426
+ .v-btn--icon.v-btn--density-compact {
18427
+ width: calc(var(--v-btn-height) + -8px);
18428
+ height: calc(var(--v-btn-height) + -8px);
18411
18429
  }
18412
- .v-card--hover:hover::before {
18413
- opacity: 0;
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));
18414
18433
  }
18415
- .v-card--hover:hover {
18434
+ .v-btn--elevated:active {
18416
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));
18417
18436
  }
18418
- .v-card--link {
18419
- cursor: pointer;
18437
+ .v-btn--flat {
18438
+ box-shadow: none;
18420
18439
  }
18421
-
18422
- .v-card-actions {
18423
- align-items: center;
18440
+ .v-btn--block {
18424
18441
  display: flex;
18425
- flex: none;
18426
- min-height: 52px;
18427
- padding: 0.5rem;
18442
+ flex: 1 0 auto;
18443
+ min-width: 100%;
18428
18444
  }
18429
-
18430
- .v-card-item {
18431
- align-items: center;
18432
- display: grid;
18433
- flex: none;
18434
- grid-template-areas: "prepend content append";
18435
- grid-template-columns: max-content auto max-content;
18436
- padding: 0.625rem 1rem;
18445
+ .v-btn--disabled {
18446
+ pointer-events: none;
18447
+ opacity: 0.26;
18437
18448
  }
18438
- .v-card-item + .v-card-text {
18439
- padding-top: 0;
18449
+ .v-btn--disabled:hover {
18450
+ opacity: 0.26;
18440
18451
  }
18441
- .v-card-item__prepend, .v-card-item__append {
18442
- align-items: center;
18443
- display: flex;
18452
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18453
+ box-shadow: none;
18454
+ opacity: 1;
18455
+ color: rgba(var(--v-theme-on-surface), 0.26);
18456
+ background: rgb(var(--v-theme-surface));
18444
18457
  }
18445
- .v-card-item__prepend {
18446
- grid-area: prepend;
18447
- padding-inline-end: 0.5rem;
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;
18448
18460
  }
18449
- .v-card-item__append {
18450
- grid-area: append;
18451
- padding-inline-start: 0.5rem;
18461
+ .v-btn--loading {
18462
+ pointer-events: none;
18452
18463
  }
18453
-
18454
- .v-card-item__content {
18455
- align-self: center;
18456
- grid-area: content;
18457
- overflow: hidden;
18464
+ .v-btn--loading .v-btn__content,
18465
+ .v-btn--loading .v-btn__prepend,
18466
+ .v-btn--loading .v-btn__append {
18467
+ opacity: 0;
18458
18468
  }
18459
-
18460
- .v-card-title {
18461
- display: block;
18462
- flex: none;
18463
- font-size: 1.25rem;
18464
- font-weight: 500;
18465
- -webkit-hyphens: auto;
18466
- hyphens: auto;
18467
- letter-spacing: 0.0125em;
18468
- min-width: 0;
18469
- overflow-wrap: normal;
18470
- overflow: hidden;
18471
- padding: 0.5rem 1rem;
18472
- text-overflow: ellipsis;
18473
- text-transform: none;
18474
- white-space: nowrap;
18475
- word-break: normal;
18476
- word-wrap: break-word;
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;
18477
18475
  }
18478
- .v-card .v-card-title {
18479
- line-height: 2rem;
18476
+ .v-btn--stacked .v-btn__content {
18477
+ flex-direction: column;
18478
+ line-height: 1.25;
18480
18479
  }
18481
- .v-card--density-comfortable .v-card-title {
18482
- line-height: 1.75rem;
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;
18485
+ }
18486
+ .v-btn--stacked .v-btn__prepend,
18487
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18488
+ margin-bottom: 4px;
18489
+ }
18490
+ .v-btn--stacked .v-btn__append,
18491
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18492
+ margin-top: 4px;
18483
18493
  }
18484
- .v-card--density-compact .v-card-title {
18485
- line-height: 1.55rem;
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;
18486
18500
  }
18487
- .v-card-item .v-card-title {
18488
- padding: 0;
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;
18489
18508
  }
18490
- .v-card-title + .v-card-text,
18491
- .v-card-title + .v-card-actions {
18492
- padding-top: 0;
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;
18493
18516
  }
18494
18517
 
18495
- .v-card-subtitle {
18496
- display: block;
18497
- flex: none;
18498
- font-size: 0.875rem;
18499
- font-weight: 400;
18500
- letter-spacing: 0.0178571429em;
18501
- opacity: var(--v-medium-emphasis-opacity);
18502
- overflow: hidden;
18503
- padding: 0 1rem;
18504
- text-overflow: ellipsis;
18505
- text-transform: none;
18506
- white-space: nowrap;
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;
18507
18524
  }
18508
- .v-card .v-card-subtitle {
18509
- line-height: 1.25rem;
18525
+
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;
18510
18532
  }
18511
- .v-card--density-comfortable .v-card-subtitle {
18512
- line-height: 1.125rem;
18533
+
18534
+ .v-btn--stacked.v-btn--density-default {
18535
+ height: calc(var(--v-btn-height) + 0px);
18513
18536
  }
18514
- .v-card--density-compact .v-card-subtitle {
18515
- line-height: 1rem;
18537
+
18538
+ .v-btn--stacked.v-btn--density-comfortable {
18539
+ height: calc(var(--v-btn-height) + -16px);
18516
18540
  }
18517
- .v-card-item .v-card-subtitle {
18518
- padding: 0 0 0.25rem;
18541
+
18542
+ .v-btn--stacked.v-btn--density-compact {
18543
+ height: calc(var(--v-btn-height) + -24px);
18519
18544
  }
18520
18545
 
18521
- .v-card-text {
18522
- flex: 1 1 auto;
18523
- font-size: 0.875rem;
18524
- font-weight: 400;
18525
- letter-spacing: 0.0178571429em;
18526
- padding: 1rem;
18527
- text-transform: none;
18546
+ .v-btn--slim {
18547
+ padding: 0 8px;
18528
18548
  }
18529
- .v-card .v-card-text {
18530
- line-height: 1.25rem;
18549
+ .v-btn--rounded {
18550
+ border-radius: 24px;
18531
18551
  }
18532
- .v-card--density-comfortable .v-card-text {
18533
- line-height: 1.2rem;
18552
+ .v-btn--rounded.v-btn--icon {
18553
+ border-radius: 4px;
18534
18554
  }
18535
- .v-card--density-compact .v-card-text {
18536
- line-height: 1.15rem;
18555
+ .v-btn .v-icon {
18556
+ --v-icon-size-multiplier: 0.8571428571;
18557
+ }
18558
+ .v-btn--icon .v-icon {
18559
+ --v-icon-size-multiplier: 1;
18560
+ }
18561
+ .v-btn--stacked .v-icon {
18562
+ --v-icon-size-multiplier: 1.1428571429;
18537
18563
  }
18538
18564
 
18539
- .v-card__image {
18565
+ .v-btn__loader {
18566
+ align-items: center;
18540
18567
  display: flex;
18541
18568
  height: 100%;
18542
- flex: 1 1 auto;
18569
+ justify-content: center;
18543
18570
  left: 0;
18544
- overflow: hidden;
18545
18571
  position: absolute;
18546
18572
  top: 0;
18547
18573
  width: 100%;
18548
- z-index: -1;
18549
18574
  }
18550
18575
 
18551
- .v-card__content {
18552
- border-radius: inherit;
18553
- overflow: hidden;
18554
- position: relative;
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);
18555
18582
  }
18556
18583
 
18557
- .v-card__loader {
18558
- bottom: auto;
18559
- top: 0;
18560
- left: 0;
18561
- position: absolute;
18562
- right: 0;
18563
- width: 100%;
18564
- z-index: 1;
18584
+ .v-btn__prepend {
18585
+ grid-area: prepend;
18586
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18565
18587
  }
18566
18588
 
18567
- .v-card__overlay {
18568
- background-color: currentColor;
18569
- border-radius: inherit;
18570
- position: absolute;
18571
- top: 0;
18572
- right: 0;
18573
- bottom: 0;
18574
- left: 0;
18575
- pointer-events: none;
18576
- opacity: 0;
18577
- transition: opacity 0.2s ease-in-out;
18578
- }.v-carousel {
18579
- overflow: hidden;
18580
- position: relative;
18581
- width: 100%;
18589
+ .v-btn__append {
18590
+ grid-area: append;
18591
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18582
18592
  }
18583
- .v-carousel__controls {
18584
- align-items: center;
18585
- bottom: 0;
18586
- display: flex;
18587
- height: 50px;
18593
+
18594
+ .v-btn__content {
18595
+ grid-area: content;
18588
18596
  justify-content: center;
18589
- list-style-type: none;
18590
- position: absolute;
18591
- width: 100%;
18592
- z-index: 1;
18593
- background: rgba(var(--v-theme-surface-variant), 0.3);
18594
- color: rgb(var(--v-theme-on-surface-variant));
18595
- }
18596
- .v-carousel__controls > .v-item-group {
18597
- flex: 0 1 auto;
18598
- }
18599
- .v-carousel__controls__item {
18600
- margin: 0 8px;
18597
+ white-space: nowrap;
18601
18598
  }
18602
- .v-carousel__controls__item .v-icon {
18603
- opacity: 0.5;
18599
+ .v-btn__content > .v-icon--start {
18600
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18604
18601
  }
18605
- .v-carousel__controls__item--active .v-icon {
18606
- opacity: 1;
18607
- vertical-align: middle;
18602
+ .v-btn__content > .v-icon--end {
18603
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18608
18604
  }
18609
- .v-carousel__controls__item:hover {
18610
- background: none;
18605
+ .v-btn--stacked .v-btn__content {
18606
+ white-space: normal;
18611
18607
  }
18612
- .v-carousel__controls__item:hover .v-icon {
18613
- opacity: 0.8;
18608
+
18609
+ .v-btn__overlay {
18610
+ background-color: currentColor;
18611
+ border-radius: inherit;
18612
+ opacity: 0;
18613
+ transition: opacity 0.2s ease-in-out;
18614
18614
  }
18615
18615
 
18616
- .v-carousel__progress {
18617
- margin: 0;
18616
+ .v-btn__overlay,
18617
+ .v-btn__underlay {
18618
18618
  position: absolute;
18619
- bottom: 0;
18619
+ top: 0;
18620
18620
  left: 0;
18621
- right: 0;
18621
+ width: 100%;
18622
+ height: 100%;
18623
+ pointer-events: none;
18622
18624
  }
18623
18625
 
18624
- .v-carousel-item {
18625
- display: block;
18626
- height: inherit;
18627
- text-decoration: none;
18628
- }
18629
- .v-carousel-item > .v-img {
18630
- height: inherit;
18626
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18627
+ margin-inline-start: 0.5rem;
18631
18628
  }
18632
18629
 
18633
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18634
- background: transparent;
18630
+ .v-pagination .v-btn {
18631
+ border-radius: 4px;
18635
18632
  }
18636
-
18637
- .v-carousel--vertical-delimiters .v-carousel__controls {
18638
- flex-direction: column;
18639
- height: 100% !important;
18640
- width: 50px;
18633
+ .v-pagination .v-btn--rounded {
18634
+ border-radius: 50%;
18635
+ }
18636
+ .v-btn__overlay {
18637
+ transition: none;
18638
+ }
18639
+ .v-pagination__item--is-active .v-btn__overlay {
18640
+ opacity: var(--v-border-opacity);
18641
18641
  }.v-checkbox.v-input {
18642
18642
  flex: 0 1 auto;
18643
18643
  }
@@ -19740,6 +19740,26 @@ html.overflow-y-hidden {
19740
19740
  .offset-xxl-11 {
19741
19741
  margin-inline-start: 91.6666666667%;
19742
19742
  }
19743
+ }.v-color-picker {
19744
+ align-self: flex-start;
19745
+ contain: content;
19746
+ }
19747
+ .v-color-picker.v-sheet {
19748
+ 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));
19749
+ border-radius: 4px;
19750
+ }
19751
+
19752
+ .v-color-picker__controls {
19753
+ display: flex;
19754
+ flex-direction: column;
19755
+ padding: 16px;
19756
+ }
19757
+
19758
+ .v-color-picker--flat {
19759
+ 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));
19760
+ }
19761
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19762
+ 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));
19743
19763
  }.v-combobox .v-field .v-text-field__prefix,
19744
19764
  .v-combobox .v-field .v-text-field__suffix,
19745
19765
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -19818,34 +19838,49 @@ html.overflow-y-hidden {
19818
19838
  margin-inline-start: 4px;
19819
19839
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19820
19840
  }
19821
- .v-combobox--active-menu .v-combobox__menu-icon {
19822
- opacity: var(--v-high-emphasis-opacity);
19823
- transform: rotate(180deg);
19824
- }.v-color-picker {
19825
- align-self: flex-start;
19826
- contain: content;
19841
+ .v-combobox--active-menu .v-combobox__menu-icon {
19842
+ opacity: var(--v-high-emphasis-opacity);
19843
+ 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;
19827
19861
  }
19828
- .v-color-picker.v-sheet {
19829
- 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));
19830
- border-radius: 4px;
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;
19831
19867
  }
19832
19868
 
19833
- .v-color-picker__controls {
19869
+ .v-data-table-footer__info {
19834
19870
  display: flex;
19835
- flex-direction: column;
19836
- padding: 16px;
19871
+ justify-content: flex-end;
19872
+ min-width: 116px;
19873
+ padding: 0 16px;
19837
19874
  }
19838
19875
 
19839
- .v-color-picker--flat {
19840
- 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));
19876
+ .v-data-table-footer__pagination {
19877
+ display: flex;
19878
+ align-items: center;
19879
+ margin-inline-start: 16px;
19841
19880
  }
19842
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
19843
- 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));
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;
19881
+
19882
+ .v-data-table-footer__page {
19883
+ padding: 0 8px;
19849
19884
  }.v-data-table {
19850
19885
  width: 100%;
19851
19886
  }
@@ -19979,41 +20014,6 @@ html.overflow-y-hidden {
19979
20014
  .v-data-table-rows-loading,
19980
20015
  .v-data-table-rows-no-data {
19981
20016
  text-align: center;
19982
- }.v-data-table-footer {
19983
- display: flex;
19984
- align-items: center;
19985
- flex-wrap: wrap;
19986
- padding: 4px;
19987
- justify-content: flex-end;
19988
- }
19989
-
19990
- .v-data-table-footer__items-per-page {
19991
- display: flex;
19992
- align-items: center;
19993
- justify-content: center;
19994
- }
19995
- .v-data-table-footer__items-per-page > span {
19996
- padding-inline-end: 8px;
19997
- }
19998
- .v-data-table-footer__items-per-page > .v-select {
19999
- width: 90px;
20000
- }
20001
-
20002
- .v-data-table-footer__info {
20003
- display: flex;
20004
- justify-content: flex-end;
20005
- min-width: 116px;
20006
- padding: 0 16px;
20007
- }
20008
-
20009
- .v-data-table-footer__pagination {
20010
- display: flex;
20011
- align-items: center;
20012
- margin-inline-start: 16px;
20013
- }
20014
-
20015
- .v-data-table-footer__page {
20016
- padding: 0 8px;
20017
20017
  }.v-date-picker {
20018
20018
  overflow: hidden;
20019
20019
  width: 328px;
@@ -20080,61 +20080,6 @@ html.overflow-y-hidden {
20080
20080
  .date-picker-header-reverse-transition-leave-to {
20081
20081
  opacity: 0;
20082
20082
  transform: translate(0, 100%);
20083
- }.v-date-picker-month {
20084
- display: flex;
20085
- justify-content: center;
20086
- padding: 0 12px 8px;
20087
- --v-date-picker-month-day-diff: 4px;
20088
- }
20089
-
20090
- .v-date-picker-month__weeks {
20091
- display: grid;
20092
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20093
- column-gap: 4px;
20094
- font-size: 0.85rem;
20095
- }
20096
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20097
- grid-row-gap: 0;
20098
- }
20099
-
20100
- .v-date-picker-month__weekday {
20101
- font-size: 0.85rem;
20102
- }
20103
-
20104
- .v-date-picker-month__days {
20105
- display: grid;
20106
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20107
- column-gap: 4px;
20108
- flex: 1 1;
20109
- justify-content: space-around;
20110
- }
20111
-
20112
- .v-date-picker-month__day {
20113
- align-items: center;
20114
- display: flex;
20115
- justify-content: center;
20116
- position: relative;
20117
- height: 40px;
20118
- width: 40px;
20119
- }
20120
- .v-date-picker-month__day--selected .v-btn {
20121
- background-color: rgb(var(--v-theme-surface-variant));
20122
- color: rgb(var(--v-theme-on-surface-variant));
20123
- }
20124
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20125
- --v-btn-height: 24px;
20126
- --v-btn-size: 0.85rem;
20127
- }
20128
- .v-date-picker-month__day--week {
20129
- font-size: var(--v-btn-size);
20130
- }
20131
-
20132
- .v-date-picker-month__day--adjacent {
20133
- opacity: 0.5;
20134
- }
20135
-
20136
- .v-date-picker-month__day--hide-adjacent {
20137
- opacity: 0;
20138
20083
  }.v-date-picker-controls {
20139
20084
  display: flex;
20140
20085
  align-items: center;
@@ -20191,128 +20136,95 @@ html.overflow-y-hidden {
20191
20136
 
20192
20137
  .v-date-picker__title {
20193
20138
  display: inline-block;
20194
- }.v-date-picker-months {
20195
- height: 288px;
20139
+ }.v-date-picker-month {
20140
+ display: flex;
20141
+ justify-content: center;
20142
+ padding: 0 12px 8px;
20143
+ --v-date-picker-month-day-diff: 4px;
20196
20144
  }
20197
20145
 
20198
- .v-date-picker-months__content {
20199
- align-items: center;
20146
+ .v-date-picker-month__weeks {
20200
20147
  display: grid;
20201
- flex: 1 1;
20202
- height: inherit;
20203
- justify-content: space-around;
20204
- grid-template-columns: repeat(2, 1fr);
20205
- grid-gap: 0px 24px;
20206
- padding-inline-start: 36px;
20207
- padding-inline-end: 36px;
20148
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20149
+ column-gap: 4px;
20150
+ font-size: 0.85rem;
20208
20151
  }
20209
- .v-date-picker-months__content .v-btn {
20210
- text-transform: none;
20211
- padding-inline-start: 8px;
20212
- padding-inline-end: 8px;
20213
- }.v-date-picker-years {
20214
- height: 288px;
20215
- overflow-y: scroll;
20152
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20153
+ grid-row-gap: 0;
20216
20154
  }
20217
20155
 
20218
- .v-date-picker-years__content {
20156
+ .v-date-picker-month__weekday {
20157
+ font-size: 0.85rem;
20158
+ }
20159
+
20160
+ .v-date-picker-month__days {
20219
20161
  display: grid;
20162
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20163
+ column-gap: 4px;
20220
20164
  flex: 1 1;
20221
20165
  justify-content: space-around;
20222
- grid-template-columns: repeat(3, 1fr);
20223
- gap: 8px 24px;
20224
- padding-inline: 32px;
20225
20166
  }
20226
- .v-date-picker-years__content .v-btn {
20227
- padding-inline: 8px;
20228
- }.v-dialog {
20167
+
20168
+ .v-date-picker-month__day {
20229
20169
  align-items: center;
20230
- justify-content: center;
20231
- margin: auto;
20232
- }
20233
- .v-dialog > .v-overlay__content {
20234
- max-height: calc(100% - 48px);
20235
- width: calc(100% - 48px);
20236
- max-width: calc(100% - 48px);
20237
- margin: 24px;
20238
- }
20239
- .v-dialog > .v-overlay__content,
20240
- .v-dialog > .v-overlay__content > form {
20241
- display: flex;
20242
- flex-direction: column;
20243
- min-height: 0;
20244
- }
20245
- .v-dialog > .v-overlay__content > .v-card,
20246
- .v-dialog > .v-overlay__content > .v-sheet,
20247
- .v-dialog > .v-overlay__content > form > .v-card,
20248
- .v-dialog > .v-overlay__content > form > .v-sheet {
20249
- --v-scrollbar-offset: 0px;
20250
- border-radius: 4px;
20251
- overflow-y: auto;
20252
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20253
- }
20254
- .v-dialog > .v-overlay__content > .v-card,
20255
- .v-dialog > .v-overlay__content > form > .v-card {
20256
20170
  display: flex;
20257
- flex-direction: column;
20171
+ justify-content: center;
20172
+ position: relative;
20173
+ height: 40px;
20174
+ width: 40px;
20258
20175
  }
20259
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20260
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20261
- padding: 14px 24px 0;
20176
+ .v-date-picker-month__day--selected .v-btn {
20177
+ background-color: rgb(var(--v-theme-surface-variant));
20178
+ color: rgb(var(--v-theme-on-surface-variant));
20262
20179
  }
20263
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20264
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20265
- padding-top: 10px;
20180
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20181
+ --v-btn-height: 24px;
20182
+ --v-btn-size: 0.85rem;
20266
20183
  }
20267
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20268
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20269
- font-size: inherit;
20270
- letter-spacing: 0.03125em;
20271
- line-height: inherit;
20272
- padding: 16px 24px 10px;
20184
+ .v-date-picker-month__day--week {
20185
+ font-size: var(--v-btn-size);
20273
20186
  }
20274
20187
 
20275
- .v-dialog--fullscreen {
20276
- --v-scrollbar-offset: 0px;
20277
- }
20278
- .v-dialog--fullscreen > .v-overlay__content {
20279
- border-radius: 0;
20280
- margin: 0;
20281
- padding: 0;
20282
- width: 100%;
20283
- height: 100%;
20284
- max-width: 100%;
20285
- max-height: 100%;
20286
- overflow-y: auto;
20287
- top: 0;
20288
- left: 0;
20188
+ .v-date-picker-month__day--adjacent {
20189
+ opacity: 0.5;
20289
20190
  }
20290
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20291
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20292
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20293
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20294
- min-height: 100%;
20295
- min-width: 100%;
20296
- border-radius: 0;
20191
+
20192
+ .v-date-picker-month__day--hide-adjacent {
20193
+ opacity: 0;
20194
+ }.v-date-picker-months {
20195
+ height: 288px;
20297
20196
  }
20298
20197
 
20299
- .v-dialog--scrollable > .v-overlay__content,
20300
- .v-dialog--scrollable > .v-overlay__content > form {
20301
- display: flex;
20198
+ .v-date-picker-months__content {
20199
+ align-items: center;
20200
+ display: grid;
20201
+ flex: 1 1;
20202
+ height: inherit;
20203
+ justify-content: space-around;
20204
+ grid-template-columns: repeat(2, 1fr);
20205
+ grid-gap: 0px 24px;
20206
+ padding-inline-start: 36px;
20207
+ padding-inline-end: 36px;
20302
20208
  }
20303
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20304
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20305
- display: flex;
20306
- flex: 1 1 100%;
20307
- flex-direction: column;
20308
- max-height: 100%;
20309
- max-width: 100%;
20209
+ .v-date-picker-months__content .v-btn {
20210
+ text-transform: none;
20211
+ padding-inline-start: 8px;
20212
+ padding-inline-end: 8px;
20213
+ }.v-date-picker-years {
20214
+ height: 288px;
20215
+ overflow-y: scroll;
20310
20216
  }
20311
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20312
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20313
- -webkit-backface-visibility: hidden;
20314
- backface-visibility: hidden;
20315
- overflow-y: auto;
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;
20316
20228
  }.v-divider {
20317
20229
  display: block;
20318
20230
  flex: 1 1 100%;
@@ -20342,216 +20254,94 @@ html.overflow-y-hidden {
20342
20254
  margin-bottom: 8px;
20343
20255
  margin-top: 8px;
20344
20256
  max-height: calc(100% - 16px);
20345
- }.v-expansion-panel {
20346
- background-color: rgb(var(--v-theme-surface));
20347
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20348
- }
20349
- .v-expansion-panel:not(:first-child)::after {
20350
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20351
- }
20352
- .v-expansion-panel--disabled .v-expansion-panel-title {
20353
- color: rgba(var(--v-theme-on-surface), 0.26);
20354
- }
20355
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20356
- opacity: 0.4615384615;
20357
- }
20358
-
20359
- .v-expansion-panels {
20360
- display: flex;
20361
- flex-wrap: wrap;
20257
+ }.v-dialog {
20258
+ align-items: center;
20362
20259
  justify-content: center;
20363
- list-style-type: none;
20364
- padding: 0;
20365
- width: 100%;
20366
- position: relative;
20367
- z-index: 1;
20368
- }
20369
- .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) {
20370
- border-bottom-left-radius: 0 !important;
20371
- border-bottom-right-radius: 0 !important;
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--after-active) {
20374
- border-top-left-radius: 0 !important;
20375
- border-top-right-radius: 0 !important;
20376
- }
20377
- .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) {
20378
- border-bottom-left-radius: 0 !important;
20379
- border-bottom-right-radius: 0 !important;
20380
- }
20381
- .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) {
20382
- border-top-left-radius: 0 !important;
20383
- border-top-right-radius: 0 !important;
20384
- }
20385
- .v-expansion-panels--variant-accordion > :first-child {
20386
- border-bottom-left-radius: 0 !important;
20387
- border-bottom-right-radius: 0 !important;
20388
- }
20389
- .v-expansion-panels--variant-accordion > :last-child {
20390
- border-top-left-radius: 0 !important;
20391
- border-top-right-radius: 0 !important;
20392
- }
20393
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20394
- border-bottom-left-radius: initial;
20395
- border-bottom-right-radius: initial;
20396
- }
20397
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20398
- border-radius: 0 !important;
20399
- }
20400
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20401
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20402
- }
20403
-
20404
- .v-expansion-panel {
20405
- flex: 1 0 100%;
20406
- max-width: 100%;
20407
- position: relative;
20408
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20409
- transition-property: margin-top, border-radius, border, max-width;
20410
- border-radius: 4px;
20411
- }
20412
- .v-expansion-panel:not(:first-child)::after {
20413
- border-top-style: solid;
20414
- border-top-width: thin;
20415
- content: "";
20416
- left: 0;
20417
- position: absolute;
20418
- right: 0;
20419
- top: 0;
20420
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20421
- }
20422
- .v-expansion-panel--disabled .v-expansion-panel-title {
20423
- pointer-events: none;
20424
- }
20425
- .v-expansion-panel--active:not(:first-child),
20426
- .v-expansion-panel--active + .v-expansion-panel {
20427
- margin-top: 16px;
20428
- }
20429
- .v-expansion-panel--active:not(:first-child)::after,
20430
- .v-expansion-panel--active + .v-expansion-panel::after {
20431
- opacity: 0;
20432
- }
20433
- .v-expansion-panel--active > .v-expansion-panel-title {
20434
- border-bottom-left-radius: 0;
20435
- border-bottom-right-radius: 0;
20436
- }
20437
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20438
- min-height: 64px;
20260
+ margin: auto;
20439
20261
  }
20440
-
20441
- .v-expansion-panel__shadow {
20442
- position: absolute;
20443
- top: 0;
20444
- left: 0;
20445
- width: 100%;
20446
- height: 100%;
20447
- 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));
20448
- border-radius: inherit;
20449
- z-index: -1;
20262
+ .v-dialog > .v-overlay__content {
20263
+ max-height: calc(100% - 48px);
20264
+ width: calc(100% - 48px);
20265
+ max-width: calc(100% - 48px);
20266
+ margin: 24px;
20450
20267
  }
20451
-
20452
- .v-expansion-panel-title {
20453
- align-items: center;
20454
- text-align: start;
20455
- border-radius: inherit;
20268
+ .v-dialog > .v-overlay__content,
20269
+ .v-dialog > .v-overlay__content > form {
20456
20270
  display: flex;
20457
- font-size: 0.9375rem;
20458
- line-height: 1;
20459
- min-height: 48px;
20460
- outline: none;
20461
- padding: 16px 24px;
20462
- position: relative;
20463
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20464
- width: 100%;
20465
- justify-content: space-between;
20466
- }
20467
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20468
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20469
- }
20470
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20471
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20472
- }
20473
- @supports not selector(:focus-visible) {
20474
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20475
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20476
- }
20477
- }
20478
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20479
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20480
- }
20481
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20482
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20483
- }
20484
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20485
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20486
- }
20487
- @supports not selector(:focus-visible) {
20488
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20489
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20490
- }
20491
- }
20492
-
20493
- .v-expansion-panel-title__overlay {
20494
- position: absolute;
20495
- top: 0;
20496
- left: 0;
20497
- width: 100%;
20498
- height: 100%;
20499
- background-color: currentColor;
20500
- border-radius: inherit;
20501
- opacity: 0;
20271
+ flex-direction: column;
20272
+ min-height: 0;
20502
20273
  }
20503
-
20504
- .v-expansion-panel-title__icon {
20505
- display: inline-flex;
20506
- margin-bottom: -4px;
20507
- margin-top: -4px;
20508
- -webkit-user-select: none;
20509
- user-select: none;
20510
- margin-inline-start: auto;
20274
+ .v-dialog > .v-overlay__content > .v-card,
20275
+ .v-dialog > .v-overlay__content > .v-sheet,
20276
+ .v-dialog > .v-overlay__content > form > .v-card,
20277
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20278
+ --v-scrollbar-offset: 0px;
20279
+ border-radius: 4px;
20280
+ overflow-y: auto;
20281
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20511
20282
  }
20512
-
20513
- .v-expansion-panel-text {
20283
+ .v-dialog > .v-overlay__content > .v-card,
20284
+ .v-dialog > .v-overlay__content > form > .v-card {
20514
20285
  display: flex;
20286
+ flex-direction: column;
20515
20287
  }
20516
- .v-expansion-panel-text__wrapper {
20517
- padding: 8px 24px 16px;
20518
- flex: 1 1 auto;
20519
- max-width: 100%;
20288
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20289
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20290
+ padding: 14px 24px 0;
20520
20291
  }
20521
-
20522
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20523
- margin-top: 0;
20292
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20293
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20294
+ padding-top: 10px;
20524
20295
  }
20525
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20526
- opacity: 1;
20296
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20297
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20298
+ font-size: inherit;
20299
+ letter-spacing: 0.03125em;
20300
+ line-height: inherit;
20301
+ padding: 16px 24px 10px;
20527
20302
  }
20528
20303
 
20529
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20530
- max-width: calc(100% - 32px);
20531
- }
20532
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20533
- max-width: calc(100% + 16px);
20304
+ .v-dialog--fullscreen {
20305
+ --v-scrollbar-offset: 0px;
20534
20306
  }
20535
-
20536
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20307
+ .v-dialog--fullscreen > .v-overlay__content {
20308
+ border-radius: 0;
20309
+ margin: 0;
20310
+ padding: 0;
20311
+ width: 100%;
20312
+ height: 100%;
20537
20313
  max-width: 100%;
20314
+ max-height: 100%;
20315
+ overflow-y: auto;
20316
+ top: 0;
20317
+ left: 0;
20538
20318
  }
20539
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20540
- max-width: calc(100% - 32px);
20319
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20320
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20321
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20322
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20323
+ min-height: 100%;
20324
+ min-width: 100%;
20325
+ border-radius: 0;
20541
20326
  }
20542
20327
 
20543
- .v-expansion-panels--flat > .v-expansion-panel::after {
20544
- border-top: none;
20545
- }
20546
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20547
- display: none;
20328
+ .v-dialog--scrollable > .v-overlay__content,
20329
+ .v-dialog--scrollable > .v-overlay__content > form {
20330
+ display: flex;
20548
20331
  }
20549
-
20550
- .v-expansion-panels--tile {
20551
- border-radius: 0;
20332
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20333
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20334
+ display: flex;
20335
+ flex: 1 1 100%;
20336
+ flex-direction: column;
20337
+ max-height: 100%;
20338
+ max-width: 100%;
20552
20339
  }
20553
- .v-expansion-panels--tile > .v-expansion-panel {
20554
- border-radius: 0;
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;
20555
20345
  }/* region INPUT */
20556
20346
  .v-field {
20557
20347
  display: grid;
@@ -21038,6 +20828,8 @@ textarea.v-field__input::placeholder {
21038
20828
  }
21039
20829
  .v-field--variant-outlined .v-field__loader {
21040
20830
  top: calc(100% - 3px);
20831
+ width: calc(100% - 1px * 2);
20832
+ left: 1px;
21041
20833
  }
21042
20834
 
21043
20835
  /* endregion */
@@ -21138,8 +20930,218 @@ textarea.v-field__input::placeholder {
21138
20930
  .v-file-input .v-input__details {
21139
20931
  padding-inline: 16px;
21140
20932
  }
21141
- .v-input--plain-underlined.v-file-input .v-input__details {
21142
- padding-inline: 0;
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;
21101
+ }
21102
+
21103
+ .v-expansion-panel-text {
21104
+ display: flex;
21105
+ }
21106
+ .v-expansion-panel-text__wrapper {
21107
+ padding: 8px 24px 16px;
21108
+ flex: 1 1 auto;
21109
+ max-width: 100%;
21110
+ }
21111
+
21112
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21113
+ margin-top: 0;
21114
+ }
21115
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21116
+ opacity: 1;
21117
+ }
21118
+
21119
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21120
+ max-width: calc(100% - 32px);
21121
+ }
21122
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21123
+ max-width: calc(100% + 16px);
21124
+ }
21125
+
21126
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21127
+ max-width: 100%;
21128
+ }
21129
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21130
+ max-width: calc(100% - 32px);
21131
+ }
21132
+
21133
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21134
+ border-top: none;
21135
+ }
21136
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21137
+ display: none;
21138
+ }
21139
+
21140
+ .v-expansion-panels--tile {
21141
+ border-radius: 0;
21142
+ }
21143
+ .v-expansion-panels--tile > .v-expansion-panel {
21144
+ border-radius: 0;
21143
21145
  }.v-footer {
21144
21146
  align-items: center;
21145
21147
  display: flex;
@@ -21189,6 +21191,10 @@ textarea.v-field__input::placeholder {
21189
21191
  .v-icon--clickable {
21190
21192
  cursor: pointer;
21191
21193
  }
21194
+ .v-icon--disabled {
21195
+ pointer-events: none;
21196
+ opacity: 0.38;
21197
+ }
21192
21198
  .v-icon--size-x-small {
21193
21199
  font-size: calc(var(--v-icon-size-multiplier) * 1em);
21194
21200
  }
@@ -21253,31 +21259,6 @@ textarea.v-field__input::placeholder {
21253
21259
 
21254
21260
  .v-img__gradient {
21255
21261
  background-repeat: no-repeat;
21256
- }.v-infinite-scroll--horizontal {
21257
- display: flex;
21258
- flex-direction: row;
21259
- overflow-x: auto;
21260
- }
21261
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21262
- height: 100%;
21263
- width: 1px;
21264
- }
21265
-
21266
- .v-infinite-scroll--vertical {
21267
- display: flex;
21268
- flex-direction: column;
21269
- overflow-y: auto;
21270
- }
21271
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21272
- height: 1px;
21273
- width: 100%;
21274
- }
21275
-
21276
- .v-infinite-scroll__side {
21277
- align-items: center;
21278
- display: flex;
21279
- justify-content: center;
21280
- padding: 8px;
21281
21262
  }.v-input {
21282
21263
  display: grid;
21283
21264
  flex: 1 1 auto;
@@ -21420,11 +21401,51 @@ textarea.v-field__input::placeholder {
21420
21401
 
21421
21402
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21422
21403
  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;
21423
21429
  }.v-item-group {
21424
21430
  flex: 0 1 auto;
21425
21431
  max-width: 100%;
21426
21432
  position: relative;
21427
21433
  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;
21428
21449
  }.v-label {
21429
21450
  align-items: center;
21430
21451
  color: inherit;
@@ -21440,21 +21461,6 @@ textarea.v-field__input::placeholder {
21440
21461
 
21441
21462
  .v-label--clickable {
21442
21463
  cursor: pointer;
21443
- }.v-layout-item {
21444
- position: absolute;
21445
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21446
- }
21447
-
21448
- .v-layout-item--absolute {
21449
- position: absolute;
21450
- }.v-layout {
21451
- --v-scrollbar-offset: 0px;
21452
- display: flex;
21453
- flex: 1 1 auto;
21454
- }
21455
- .v-layout--full-height {
21456
- --v-scrollbar-offset: inherit;
21457
- height: 100%;
21458
21464
  }.v-list {
21459
21465
  overflow: auto;
21460
21466
  padding: 8px 0;
@@ -22066,62 +22072,6 @@ textarea.v-field__input::placeholder {
22066
22072
  -webkit-hyphens: auto;
22067
22073
  hyphens: auto;
22068
22074
  transition-duration: 150ms;
22069
- }.v-otp-input {
22070
- border-radius: 4px;
22071
- align-items: center;
22072
- display: flex;
22073
- justify-content: center;
22074
- padding: 0.5rem 0;
22075
- position: relative;
22076
- }
22077
- .v-otp-input .v-field {
22078
- height: 100%;
22079
- }
22080
-
22081
- .v-otp-input__divider {
22082
- margin: 0 8px;
22083
- }
22084
-
22085
- .v-otp-input__content {
22086
- align-items: center;
22087
- display: flex;
22088
- gap: 0.5rem;
22089
- height: 64px;
22090
- padding: 0.5rem;
22091
- justify-content: center;
22092
- max-width: 320px;
22093
- position: relative;
22094
- border-radius: inherit;
22095
- }
22096
- .v-otp-input--divided .v-otp-input__content {
22097
- max-width: 360px;
22098
- }
22099
-
22100
- .v-otp-input__field {
22101
- color: inherit;
22102
- font-size: 1.25rem;
22103
- height: 100%;
22104
- outline: none;
22105
- text-align: center;
22106
- width: 100%;
22107
- }
22108
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22109
- -webkit-appearance: none;
22110
- margin: 0;
22111
- }
22112
- .v-otp-input__field[type=number] {
22113
- -moz-appearance: textfield;
22114
- }
22115
-
22116
- .v-otp-input__loader {
22117
- align-items: center;
22118
- display: flex;
22119
- height: 100%;
22120
- justify-content: center;
22121
- width: 100%;
22122
- }
22123
- .v-otp-input__loader .v-progress-linear {
22124
- position: absolute;
22125
22075
  }.v-navigation-drawer {
22126
22076
  -webkit-overflow-scrolling: touch;
22127
22077
  background: rgb(var(--v-theme-surface));
@@ -22198,7 +22148,7 @@ textarea.v-field__input::placeholder {
22198
22148
  width: 100%;
22199
22149
  z-index: -1;
22200
22150
  }
22201
- .v-navigation-drawer__img img {
22151
+ .v-navigation-drawer__img img:not(.v-img__img) {
22202
22152
  height: inherit;
22203
22153
  object-fit: cover;
22204
22154
  width: inherit;
@@ -22220,6 +22170,62 @@ textarea.v-field__input::placeholder {
22220
22170
  .v-navigation-drawer__append {
22221
22171
  flex: none;
22222
22172
  overflow: hidden;
22173
+ }.v-otp-input {
22174
+ border-radius: 4px;
22175
+ align-items: center;
22176
+ display: flex;
22177
+ justify-content: center;
22178
+ padding: 0.5rem 0;
22179
+ position: relative;
22180
+ }
22181
+ .v-otp-input .v-field {
22182
+ height: 100%;
22183
+ }
22184
+
22185
+ .v-otp-input__divider {
22186
+ margin: 0 8px;
22187
+ }
22188
+
22189
+ .v-otp-input__content {
22190
+ align-items: center;
22191
+ display: flex;
22192
+ gap: 0.5rem;
22193
+ height: 64px;
22194
+ padding: 0.5rem;
22195
+ justify-content: center;
22196
+ max-width: 320px;
22197
+ position: relative;
22198
+ border-radius: inherit;
22199
+ }
22200
+ .v-otp-input--divided .v-otp-input__content {
22201
+ max-width: 360px;
22202
+ }
22203
+
22204
+ .v-otp-input__field {
22205
+ color: inherit;
22206
+ font-size: 1.25rem;
22207
+ height: 100%;
22208
+ outline: none;
22209
+ text-align: center;
22210
+ width: 100%;
22211
+ }
22212
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22213
+ -webkit-appearance: none;
22214
+ margin: 0;
22215
+ }
22216
+ .v-otp-input__field[type=number] {
22217
+ -moz-appearance: textfield;
22218
+ }
22219
+
22220
+ .v-otp-input__loader {
22221
+ align-items: center;
22222
+ display: flex;
22223
+ height: 100%;
22224
+ justify-content: center;
22225
+ width: 100%;
22226
+ }
22227
+ .v-otp-input__loader .v-progress-linear {
22228
+ position: absolute;
22223
22229
  }.v-overlay-container {
22224
22230
  contain: layout;
22225
22231
  left: 0;
@@ -22283,6 +22289,12 @@ html.v-overlay-scroll-blocked {
22283
22289
 
22284
22290
  .v-overlay--scroll-blocked {
22285
22291
  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;
22286
22298
  }.v-pagination__list {
22287
22299
  display: inline-flex;
22288
22300
  list-style-type: none;
@@ -22393,12 +22405,6 @@ html.v-overlay-scroll-blocked {
22393
22405
  100% {
22394
22406
  transform: rotate(270deg);
22395
22407
  }
22396
- }.v-parallax {
22397
- position: relative;
22398
- overflow: hidden;
22399
- }
22400
- .v-parallax--active > .v-img__img {
22401
- will-change: transform;
22402
22408
  }.v-progress-linear {
22403
22409
  background: transparent;
22404
22410
  overflow: hidden;
@@ -22457,7 +22463,6 @@ html.v-overlay-scroll-blocked {
22457
22463
  right: auto;
22458
22464
  top: 0;
22459
22465
  width: auto;
22460
- will-change: left, right;
22461
22466
  }
22462
22467
  .v-progress-linear__indeterminate .long {
22463
22468
  animation-name: indeterminate-ltr;
@@ -22678,6 +22683,54 @@ html.v-overlay-scroll-blocked {
22678
22683
 
22679
22684
  .v-slider__label {
22680
22685
  margin-inline-end: 12px;
22686
+ }.v-select .v-field .v-text-field__prefix,
22687
+ .v-select .v-field .v-text-field__suffix,
22688
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22689
+ cursor: pointer;
22690
+ }
22691
+ .v-select .v-field .v-field__input > input {
22692
+ align-self: flex-start;
22693
+ opacity: 1;
22694
+ flex: 0 0;
22695
+ position: absolute;
22696
+ width: 100%;
22697
+ transition: none;
22698
+ pointer-events: none;
22699
+ caret-color: transparent;
22700
+ }
22701
+ .v-select .v-field--dirty .v-select__selection {
22702
+ margin-inline-end: 2px;
22703
+ }
22704
+ .v-select .v-select__selection-text {
22705
+ overflow: hidden;
22706
+ text-overflow: ellipsis;
22707
+ white-space: nowrap;
22708
+ }
22709
+ .v-select__content {
22710
+ overflow: hidden;
22711
+ 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));
22712
+ border-radius: 4px;
22713
+ }
22714
+ .v-select__selection {
22715
+ display: inline-flex;
22716
+ align-items: center;
22717
+ letter-spacing: inherit;
22718
+ line-height: inherit;
22719
+ max-width: 100%;
22720
+ }
22721
+ .v-select .v-select__selection:first-child {
22722
+ margin-inline-start: 0;
22723
+ }
22724
+ .v-select--selected .v-field .v-field__input > input {
22725
+ opacity: 0;
22726
+ }
22727
+ .v-select__menu-icon {
22728
+ margin-inline-start: 4px;
22729
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22730
+ }
22731
+ .v-select--active-menu .v-select__menu-icon {
22732
+ opacity: var(--v-high-emphasis-opacity);
22733
+ transform: rotate(180deg);
22681
22734
  }.v-rating {
22682
22735
  max-width: 100%;
22683
22736
  display: inline-flex;
@@ -22732,80 +22785,14 @@ html.v-overlay-scroll-blocked {
22732
22785
  opacity: 0;
22733
22786
  position: absolute;
22734
22787
  width: 0;
22735
- }.v-responsive {
22788
+ }.v-selection-control-group {
22789
+ grid-area: control;
22736
22790
  display: flex;
22737
- flex: 1 0 auto;
22738
- max-height: 100%;
22739
- max-width: 100%;
22740
- overflow: hidden;
22741
- position: relative;
22742
- }
22743
- .v-responsive--inline {
22744
- display: inline-flex;
22745
- flex: 0 0 auto;
22746
- }
22747
-
22748
- .v-responsive__content {
22749
- flex: 1 0 0px;
22750
- max-width: 100%;
22751
- }
22752
-
22753
- .v-responsive__sizer ~ .v-responsive__content {
22754
- margin-inline-start: -100%;
22755
- }
22756
-
22757
- .v-responsive__sizer {
22758
- flex: 1 0 0px;
22759
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22760
- pointer-events: none;
22761
- }.v-select .v-field .v-text-field__prefix,
22762
- .v-select .v-field .v-text-field__suffix,
22763
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
22764
- cursor: pointer;
22765
- }
22766
- .v-select .v-field .v-field__input > input {
22767
- align-self: flex-start;
22768
- opacity: 1;
22769
- flex: 0 0;
22770
- position: absolute;
22771
- width: 100%;
22772
- transition: none;
22773
- pointer-events: none;
22774
- caret-color: transparent;
22775
- }
22776
- .v-select .v-field--dirty .v-select__selection {
22777
- margin-inline-end: 2px;
22778
- }
22779
- .v-select .v-select__selection-text {
22780
- overflow: hidden;
22781
- text-overflow: ellipsis;
22782
- white-space: nowrap;
22783
- }
22784
- .v-select__content {
22785
- overflow: hidden;
22786
- 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));
22787
- border-radius: 4px;
22788
- }
22789
- .v-select__selection {
22790
- display: inline-flex;
22791
- align-items: center;
22792
- letter-spacing: inherit;
22793
- line-height: inherit;
22794
- max-width: 100%;
22795
- }
22796
- .v-select .v-select__selection:first-child {
22797
- margin-inline-start: 0;
22798
- }
22799
- .v-select--selected .v-field .v-field__input > input {
22800
- opacity: 0;
22801
- }
22802
- .v-select__menu-icon {
22803
- margin-inline-start: 4px;
22804
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22791
+ flex-direction: column;
22805
22792
  }
22806
- .v-select--active-menu .v-select__menu-icon {
22807
- opacity: var(--v-high-emphasis-opacity);
22808
- transform: rotate(180deg);
22793
+ .v-selection-control-group--inline {
22794
+ flex-direction: row;
22795
+ flex-wrap: wrap;
22809
22796
  }.v-selection-control {
22810
22797
  align-items: center;
22811
22798
  contain: layout;
@@ -22935,14 +22922,6 @@ html.v-overlay-scroll-blocked {
22935
22922
  }
22936
22923
  .v-sheet--rounded {
22937
22924
  border-radius: 4px;
22938
- }.v-selection-control-group {
22939
- grid-area: control;
22940
- display: flex;
22941
- flex-direction: column;
22942
- }
22943
- .v-selection-control-group--inline {
22944
- flex-direction: row;
22945
- flex-wrap: wrap;
22946
22925
  }.v-skeleton-loader {
22947
22926
  align-items: center;
22948
22927
  background: rgb(var(--v-theme-surface));
@@ -23164,219 +23143,50 @@ html.v-overlay-scroll-blocked {
23164
23143
 
23165
23144
  @keyframes loading {
23166
23145
  100% {
23167
- transform: translateX(100%);
23168
- }
23169
- }.v-slide-group {
23170
- display: flex;
23171
- overflow: hidden;
23172
- }
23173
-
23174
- .v-slide-group__next,
23175
- .v-slide-group__prev {
23176
- align-items: center;
23177
- display: flex;
23178
- flex: 0 1 52px;
23179
- justify-content: center;
23180
- min-width: 52px;
23181
- cursor: pointer;
23182
- }
23183
- .v-slide-group__next--disabled,
23184
- .v-slide-group__prev--disabled {
23185
- pointer-events: none;
23186
- opacity: var(--v-disabled-opacity);
23187
- }
23188
-
23189
- .v-slide-group__content {
23190
- display: flex;
23191
- flex: 1 0 auto;
23192
- position: relative;
23193
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23194
- white-space: nowrap;
23195
- }
23196
- .v-slide-group__content > * {
23197
- white-space: initial;
23198
- }
23199
-
23200
- .v-slide-group__container {
23201
- contain: content;
23202
- display: flex;
23203
- flex: 1 1 auto;
23204
- overflow: hidden;
23205
- }
23206
-
23207
- .v-slide-group--vertical,
23208
- .v-slide-group--vertical .v-slide-group__container,
23209
- .v-slide-group--vertical .v-slide-group__content {
23210
- flex-direction: column;
23211
- }.v-snackbar {
23212
- justify-content: center;
23213
- z-index: 10000;
23214
- margin: 8px;
23215
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23216
- }
23217
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23218
- align-items: flex-end;
23219
- }
23220
- .v-snackbar__wrapper {
23221
- align-items: center;
23222
- display: flex;
23223
- max-width: 672px;
23224
- min-height: 48px;
23225
- min-width: 344px;
23226
- overflow: hidden;
23227
- padding: 0;
23228
- border-radius: 4px;
23229
- }
23230
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23231
- background: transparent;
23232
- color: inherit;
23233
- }
23234
- .v-snackbar--variant-plain {
23235
- opacity: 0.62;
23236
- }
23237
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23238
- opacity: 1;
23239
- }
23240
- .v-snackbar--variant-plain .v-snackbar__overlay {
23241
- display: none;
23242
- }
23243
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
23244
- background: rgb(var(--v-theme-surface-variant));
23245
- color: rgb(var(--v-theme-on-surface-variant));
23246
- }
23247
- .v-snackbar--variant-elevated {
23248
- 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));
23249
- }
23250
- .v-snackbar--variant-flat {
23251
- 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));
23252
- }
23253
- .v-snackbar--variant-outlined {
23254
- border: thin solid currentColor;
23255
- }
23256
- .v-snackbar--variant-text .v-snackbar__overlay {
23257
- background: currentColor;
23258
- }
23259
- .v-snackbar--variant-tonal .v-snackbar__underlay {
23260
- background: currentColor;
23261
- opacity: var(--v-activated-opacity);
23262
- border-radius: inherit;
23263
- position: absolute;
23264
- top: 0;
23265
- right: 0;
23266
- bottom: 0;
23267
- left: 0;
23268
- pointer-events: none;
23269
- }
23270
-
23271
- .v-snackbar__content {
23272
- flex-grow: 1;
23273
- font-size: 0.875rem;
23274
- font-weight: 400;
23275
- letter-spacing: 0.0178571429em;
23276
- line-height: 1.25rem;
23277
- margin-right: auto;
23278
- padding: 14px 16px;
23279
- text-align: initial;
23280
- }
23281
- .v-snackbar__actions {
23282
- align-items: center;
23283
- align-self: center;
23284
- display: flex;
23285
- margin-inline-end: 8px;
23286
- }
23287
- .v-snackbar__actions > .v-btn {
23288
- padding: 0 8px;
23289
- min-width: auto;
23290
- }
23291
- .v-snackbar__timer {
23292
- width: 100%;
23293
- position: absolute;
23294
- top: 0;
23295
- }
23296
- .v-snackbar__timer .v-progress-linear {
23297
- transition: 0.2s linear;
23298
- }
23299
- .v-snackbar--absolute {
23300
- position: absolute;
23301
- z-index: 1;
23302
- }
23303
- .v-snackbar--multi-line .v-snackbar__wrapper {
23304
- min-height: 68px;
23305
- }
23306
- .v-snackbar--vertical .v-snackbar__wrapper {
23307
- flex-direction: column;
23308
- }
23309
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23310
- align-self: flex-end;
23311
- margin-bottom: 8px;
23312
- }
23313
-
23314
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23315
- transition-duration: 0.15s;
23316
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23317
- }
23318
- .v-snackbar-transition-enter-active {
23319
- transition-property: opacity, transform;
23320
- }
23321
- .v-snackbar-transition-enter-from {
23322
- opacity: 0;
23323
- transform: scale(0.8);
23324
- }
23325
- .v-snackbar-transition-leave-active {
23326
- transition-property: opacity;
23327
- }
23328
- .v-snackbar-transition-leave-to {
23329
- opacity: 0;
23330
- }.v-stepper.v-sheet {
23331
- 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));
23332
- border-radius: 4px;
23146
+ transform: translateX(100%);
23147
+ }
23148
+ }.v-slide-group {
23149
+ display: flex;
23333
23150
  overflow: hidden;
23334
23151
  }
23335
- .v-stepper.v-sheet.v-stepper--flat {
23336
- 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));
23337
- }
23338
23152
 
23339
- .v-stepper-header {
23340
- 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));
23153
+ .v-slide-group__next,
23154
+ .v-slide-group__prev {
23341
23155
  align-items: center;
23342
23156
  display: flex;
23343
- position: relative;
23344
- overflow-x: auto;
23345
- justify-content: space-between;
23346
- z-index: 1;
23347
- }
23348
- .v-stepper-header .v-divider {
23349
- margin: 0 -16px;
23350
- }
23351
- .v-stepper-header .v-divider:last-child {
23352
- margin-inline-end: 0;
23353
- }
23354
- .v-stepper-header .v-divider:first-child {
23355
- margin-inline-start: 0;
23356
- }
23357
- .v-stepper--alt-labels .v-stepper-header {
23358
- height: auto;
23157
+ flex: 0 1 52px;
23158
+ justify-content: center;
23159
+ min-width: 52px;
23160
+ cursor: pointer;
23359
23161
  }
23360
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23361
- align-self: flex-start;
23362
- margin: 35px -67px 0;
23162
+ .v-slide-group__next--disabled,
23163
+ .v-slide-group__prev--disabled {
23164
+ pointer-events: none;
23165
+ opacity: var(--v-disabled-opacity);
23363
23166
  }
23364
23167
 
23365
- .v-stepper-window {
23366
- margin: 1.5rem;
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;
23174
+ }
23175
+ .v-slide-group__content > * {
23176
+ white-space: initial;
23367
23177
  }
23368
23178
 
23369
- .v-stepper-actions {
23179
+ .v-slide-group__container {
23180
+ contain: content;
23370
23181
  display: flex;
23371
- align-items: center;
23372
- justify-content: space-between;
23373
- padding: 1rem;
23374
- }
23375
- .v-stepper .v-stepper-actions {
23376
- padding: 0 1.5rem 1rem;
23182
+ flex: 1 1 auto;
23183
+ overflow: hidden;
23377
23184
  }
23378
- .v-stepper-window-item .v-stepper-actions {
23379
- padding: 1.5rem 0 0;
23185
+
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;
23380
23190
  }.v-stepper-item {
23381
23191
  align-items: center;
23382
23192
  align-self: stretch;
@@ -23443,43 +23253,56 @@ html.v-overlay-scroll-blocked {
23443
23253
  }
23444
23254
  .v-stepper--mobile .v-stepper-item__subtitle {
23445
23255
  display: none;
23446
- }.v-system-bar {
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));
23447
23267
  align-items: center;
23448
23268
  display: flex;
23449
- flex: 1 1 auto;
23450
- height: 24px;
23451
- justify-content: flex-end;
23452
- max-width: 100%;
23453
- padding-inline: 8px;
23454
23269
  position: relative;
23455
- text-align: end;
23456
- width: 100%;
23457
- 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));
23458
- background: rgba(var(--v-theme-surface-light));
23459
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23460
- font-size: 0.75rem;
23461
- font-weight: 400;
23462
- letter-spacing: 0.0333333333em;
23463
- line-height: 1.25rem;
23464
- text-transform: none;
23270
+ overflow-x: auto;
23271
+ justify-content: space-between;
23272
+ z-index: 1;
23465
23273
  }
23466
- .v-system-bar .v-icon {
23467
- opacity: var(--v-medium-emphasis-opacity);
23274
+ .v-stepper-header .v-divider {
23275
+ margin: 0 -16px;
23468
23276
  }
23469
- .v-system-bar--absolute {
23470
- position: absolute;
23277
+ .v-stepper-header .v-divider:last-child {
23278
+ margin-inline-end: 0;
23471
23279
  }
23472
- .v-system-bar--fixed {
23473
- position: fixed;
23280
+ .v-stepper-header .v-divider:first-child {
23281
+ margin-inline-start: 0;
23474
23282
  }
23475
- .v-system-bar--rounded {
23476
- border-radius: 0;
23283
+ .v-stepper--alt-labels .v-stepper-header {
23284
+ height: auto;
23477
23285
  }
23478
- .v-system-bar--window {
23479
- height: 32px;
23286
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23287
+ align-self: flex-start;
23288
+ margin: 35px -67px 0;
23480
23289
  }
23481
- .v-system-bar:not(.v-system-bar--absolute) {
23482
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
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;
23483
23306
  }.v-switch .v-label {
23484
23307
  padding-inline-start: 10px;
23485
23308
  }
@@ -23550,54 +23373,210 @@ html.v-overlay-scroll-blocked {
23550
23373
  position: relative;
23551
23374
  overflow: hidden;
23552
23375
  }
23553
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
23554
- 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));
23376
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
23377
+ 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));
23378
+ }
23379
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
23380
+ background: rgb(var(--v-theme-surface-variant));
23381
+ color: rgb(var(--v-theme-on-surface-variant));
23382
+ 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));
23383
+ }
23384
+ .v-switch--inset .v-switch__thumb {
23385
+ height: 24px;
23386
+ width: 24px;
23387
+ transform: scale(0.6666666667);
23388
+ }
23389
+ .v-switch--inset .v-switch__thumb--filled {
23390
+ transform: none;
23391
+ }
23392
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23393
+ transform: none;
23394
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23395
+ }
23396
+
23397
+ .v-switch.v-input {
23398
+ flex: 0 1 auto;
23399
+ }
23400
+ .v-switch .v-selection-control {
23401
+ min-height: var(--v-input-control-height);
23402
+ }
23403
+ .v-switch .v-selection-control__input {
23404
+ border-radius: 50%;
23405
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23406
+ transform: translateX(-10px);
23407
+ position: absolute;
23408
+ }
23409
+ .v-switch .v-selection-control__input .v-icon {
23410
+ position: absolute;
23411
+ }
23412
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23413
+ transform: translateX(10px);
23414
+ }
23415
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23416
+ transform: scale(0.8);
23417
+ }
23418
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23419
+ transform: scale(0.75);
23420
+ box-shadow: none;
23421
+ }
23422
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23423
+ 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;
23555
23503
  }
23556
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
23557
- background: rgb(var(--v-theme-surface-variant));
23558
- color: rgb(var(--v-theme-on-surface-variant));
23559
- 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));
23504
+ .v-snackbar__timer {
23505
+ width: 100%;
23506
+ position: absolute;
23507
+ top: 0;
23560
23508
  }
23561
- .v-switch--inset .v-switch__thumb {
23562
- height: 24px;
23563
- width: 24px;
23564
- transform: scale(0.6666666667);
23509
+ .v-snackbar__timer .v-progress-linear {
23510
+ transition: 0.2s linear;
23565
23511
  }
23566
- .v-switch--inset .v-switch__thumb--filled {
23567
- transform: none;
23512
+ .v-snackbar--absolute {
23513
+ position: absolute;
23514
+ z-index: 1;
23568
23515
  }
23569
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23570
- transform: none;
23571
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
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;
23572
23525
  }
23573
23526
 
23574
- .v-switch.v-input {
23575
- flex: 0 1 auto;
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);
23576
23530
  }
23577
- .v-switch .v-selection-control {
23578
- min-height: var(--v-input-control-height);
23531
+ .v-snackbar-transition-enter-active {
23532
+ transition-property: opacity, transform;
23579
23533
  }
23580
- .v-switch .v-selection-control__input {
23581
- border-radius: 50%;
23582
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23583
- transform: translateX(-10px);
23584
- position: absolute;
23534
+ .v-snackbar-transition-enter-from {
23535
+ opacity: 0;
23536
+ transform: scale(0.8);
23585
23537
  }
23586
- .v-switch .v-selection-control__input .v-icon {
23538
+ .v-snackbar-transition-leave-active {
23539
+ transition-property: opacity;
23540
+ }
23541
+ .v-snackbar-transition-leave-to {
23542
+ opacity: 0;
23543
+ }.v-system-bar {
23544
+ align-items: center;
23545
+ display: flex;
23546
+ flex: 1 1 auto;
23547
+ height: 24px;
23548
+ justify-content: flex-end;
23549
+ max-width: 100%;
23550
+ padding-inline: 8px;
23551
+ position: relative;
23552
+ text-align: end;
23553
+ width: 100%;
23554
+ 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));
23555
+ background: rgba(var(--v-theme-surface-light));
23556
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23557
+ font-size: 0.75rem;
23558
+ font-weight: 400;
23559
+ letter-spacing: 0.0333333333em;
23560
+ line-height: 1.25rem;
23561
+ text-transform: none;
23562
+ }
23563
+ .v-system-bar .v-icon {
23564
+ opacity: var(--v-medium-emphasis-opacity);
23565
+ }
23566
+ .v-system-bar--absolute {
23587
23567
  position: absolute;
23588
23568
  }
23589
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23590
- transform: translateX(10px);
23569
+ .v-system-bar--fixed {
23570
+ position: fixed;
23591
23571
  }
23592
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23593
- transform: scale(0.8);
23572
+ .v-system-bar--rounded {
23573
+ border-radius: 0;
23594
23574
  }
23595
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23596
- transform: scale(0.75);
23597
- box-shadow: none;
23575
+ .v-system-bar--window {
23576
+ height: 32px;
23598
23577
  }
23599
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23600
- width: auto;
23578
+ .v-system-bar:not(.v-system-bar--absolute) {
23579
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23601
23580
  }.v-tab.v-tab.v-btn {
23602
23581
  height: var(--v-tabs-height);
23603
23582
  border-radius: 0;
@@ -24585,6 +24564,32 @@ html.v-overlay-scroll-blocked {
24585
24564
  }
24586
24565
  .v-window-y-reverse-transition-leave-to {
24587
24566
  transform: translateY(100%);
24567
+ }.v-responsive {
24568
+ display: flex;
24569
+ flex: 1 0 auto;
24570
+ max-height: 100%;
24571
+ max-width: 100%;
24572
+ overflow: hidden;
24573
+ position: relative;
24574
+ }
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;
24588
24593
  }.v-color-picker-canvas {
24589
24594
  display: flex;
24590
24595
  position: relative;
@@ -24607,6 +24612,69 @@ html.v-overlay-scroll-blocked {
24607
24612
  }
24608
24613
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24609
24614
  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%;
24610
24678
  }.v-color-picker-preview__alpha .v-slider-track__background {
24611
24679
  background-color: transparent !important;
24612
24680
  }
@@ -24677,69 +24745,6 @@ html.v-overlay-scroll-blocked {
24677
24745
  .v-color-picker-preview__eye-dropper {
24678
24746
  position: relative;
24679
24747
  margin-right: 12px;
24680
- }.v-color-picker-edit {
24681
- display: flex;
24682
- margin-top: 24px;
24683
- }
24684
-
24685
- .v-color-picker-edit__input {
24686
- width: 100%;
24687
- display: flex;
24688
- flex-wrap: wrap;
24689
- justify-content: center;
24690
- text-align: center;
24691
- }
24692
- .v-color-picker-edit__input:not(:last-child) {
24693
- margin-inline-end: 8px;
24694
- }
24695
- .v-color-picker-edit__input input {
24696
- border-radius: 4px;
24697
- margin-bottom: 8px;
24698
- min-width: 0;
24699
- outline: none;
24700
- text-align: center;
24701
- width: 100%;
24702
- height: 32px;
24703
- background: rgba(var(--v-theme-surface-variant), 0.2);
24704
- color: rgba(var(--v-theme-on-surface));
24705
- }
24706
- .v-color-picker-edit__input span {
24707
- font-size: 0.75rem;
24708
- }.v-color-picker-swatches {
24709
- overflow-y: auto;
24710
- }
24711
- .v-color-picker-swatches > div {
24712
- display: flex;
24713
- flex-wrap: wrap;
24714
- justify-content: center;
24715
- padding: 8px;
24716
- }
24717
-
24718
- .v-color-picker-swatches__swatch {
24719
- display: flex;
24720
- flex-direction: column;
24721
- margin-bottom: 10px;
24722
- }
24723
-
24724
- .v-color-picker-swatches__color {
24725
- position: relative;
24726
- height: 18px;
24727
- max-height: 18px;
24728
- width: 45px;
24729
- margin: 2px 4px;
24730
- border-radius: 2px;
24731
- -webkit-user-select: none;
24732
- user-select: none;
24733
- overflow: hidden;
24734
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24735
- cursor: pointer;
24736
- }
24737
- .v-color-picker-swatches__color > div {
24738
- display: flex;
24739
- align-items: center;
24740
- justify-content: center;
24741
- width: 100%;
24742
- height: 100%;
24743
24748
  }.v-picker.v-sheet {
24744
24749
  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));
24745
24750
  border-radius: 4px;