@vuetify/nightly 3.7.1-master.2024-08-29 → 3.7.1-master.2024-09-01

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 (37) hide show
  1. package/dist/json/importMap-labs.json +20 -20
  2. package/dist/json/importMap.json +134 -134
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +4938 -4938
  5. package/dist/vuetify-labs.d.ts +57 -0
  6. package/dist/vuetify-labs.esm.js +38 -40
  7. package/dist/vuetify-labs.esm.js.map +1 -1
  8. package/dist/vuetify-labs.js +38 -40
  9. package/dist/vuetify-labs.min.css +2 -2
  10. package/dist/vuetify.css +1481 -1481
  11. package/dist/vuetify.d.ts +104 -47
  12. package/dist/vuetify.esm.js +26 -9
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +26 -9
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +22 -22
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAutocomplete/index.d.mts +3 -0
  20. package/lib/components/VCombobox/index.d.mts +3 -0
  21. package/lib/components/VList/VList.mjs +4 -2
  22. package/lib/components/VList/VList.mjs.map +1 -1
  23. package/lib/components/VList/VListItem.mjs +5 -2
  24. package/lib/components/VList/VListItem.mjs.map +1 -1
  25. package/lib/components/VList/index.d.mts +57 -0
  26. package/lib/components/VSelect/index.d.mts +3 -0
  27. package/lib/components/index.d.mts +57 -0
  28. package/lib/composables/nested/nested.mjs +15 -3
  29. package/lib/composables/nested/nested.mjs.map +1 -1
  30. package/lib/entry-bundler.mjs +1 -1
  31. package/lib/framework.mjs +1 -1
  32. package/lib/index.d.mts +47 -47
  33. package/lib/labs/VTreeview/VTreeview.mjs +3 -12
  34. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  35. package/lib/labs/VTreeview/VTreeviewItem.mjs +9 -20
  36. package/lib/labs/VTreeview/VTreeviewItem.mjs.map +1 -1
  37. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.1-master.2024-08-29
2
+ * Vuetify v3.7.1-master.2024-09-01
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18652,6 +18652,63 @@ html.overflow-y-hidden {
18652
18652
  }
18653
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18654
  align-self: flex-start;
18655
+ }.v-breadcrumbs {
18656
+ display: flex;
18657
+ align-items: center;
18658
+ line-height: 1.6;
18659
+ padding: 16px 12px;
18660
+ }
18661
+ .v-breadcrumbs--rounded {
18662
+ border-radius: 4px;
18663
+ }
18664
+ .v-breadcrumbs--density-default {
18665
+ padding-top: 16px;
18666
+ padding-bottom: 16px;
18667
+ }
18668
+
18669
+ .v-breadcrumbs--density-comfortable {
18670
+ padding-top: 12px;
18671
+ padding-bottom: 12px;
18672
+ }
18673
+
18674
+ .v-breadcrumbs--density-compact {
18675
+ padding-top: 8px;
18676
+ padding-bottom: 8px;
18677
+ }
18678
+
18679
+ .v-breadcrumbs__prepend {
18680
+ align-items: center;
18681
+ display: inline-flex;
18682
+ }
18683
+
18684
+ .v-breadcrumbs-item {
18685
+ align-items: center;
18686
+ color: inherit;
18687
+ display: inline-flex;
18688
+ padding: 0 4px;
18689
+ text-decoration: none;
18690
+ vertical-align: middle;
18691
+ }
18692
+ .v-breadcrumbs-item--disabled {
18693
+ opacity: var(--v-disabled-opacity);
18694
+ pointer-events: none;
18695
+ }
18696
+ .v-breadcrumbs-item--link {
18697
+ color: inherit;
18698
+ text-decoration: none;
18699
+ }
18700
+ .v-breadcrumbs-item--link:hover {
18701
+ text-decoration: underline;
18702
+ }
18703
+ .v-breadcrumbs-item .v-icon {
18704
+ font-size: 1rem;
18705
+ margin-inline: -4px 2px;
18706
+ }
18707
+
18708
+ .v-breadcrumbs-divider {
18709
+ display: inline-block;
18710
+ padding: 0 8px;
18711
+ vertical-align: middle;
18655
18712
  }.bottom-sheet-transition-enter-from {
18656
18713
  transform: translateY(100%);
18657
18714
  }
@@ -18749,209 +18806,155 @@ html.overflow-y-hidden {
18749
18806
  }
18750
18807
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18751
18808
  transform: translateY(0.5rem);
18752
- }.v-breadcrumbs {
18753
- display: flex;
18754
- align-items: center;
18755
- line-height: 1.6;
18756
- padding: 16px 12px;
18809
+ }.v-btn-group {
18810
+ display: inline-flex;
18811
+ flex-wrap: nowrap;
18812
+ max-width: 100%;
18813
+ min-width: 0;
18814
+ overflow: hidden;
18815
+ vertical-align: middle;
18757
18816
  }
18758
- .v-breadcrumbs--rounded {
18817
+ .v-btn-group {
18818
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18819
+ border-style: solid;
18820
+ border-width: 0;
18821
+ }
18822
+ .v-btn-group--border {
18823
+ border-width: thin;
18824
+ box-shadow: none;
18825
+ }
18826
+ .v-btn-group {
18827
+ 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));
18828
+ }
18829
+ .v-btn-group {
18759
18830
  border-radius: 4px;
18760
18831
  }
18761
- .v-breadcrumbs--density-default {
18762
- padding-top: 16px;
18763
- padding-bottom: 16px;
18832
+ .v-btn-group {
18833
+ background: transparent;
18834
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18764
18835
  }
18765
-
18766
- .v-breadcrumbs--density-comfortable {
18767
- padding-top: 12px;
18768
- padding-bottom: 12px;
18836
+ .v-btn-group--density-default.v-btn-group {
18837
+ height: 48px;
18769
18838
  }
18770
18839
 
18771
- .v-breadcrumbs--density-compact {
18772
- padding-top: 8px;
18773
- padding-bottom: 8px;
18840
+ .v-btn-group--density-comfortable.v-btn-group {
18841
+ height: 40px;
18774
18842
  }
18775
18843
 
18776
- .v-breadcrumbs__prepend {
18777
- align-items: center;
18778
- display: inline-flex;
18844
+ .v-btn-group--density-compact.v-btn-group {
18845
+ height: 36px;
18779
18846
  }
18780
18847
 
18781
- .v-breadcrumbs-item {
18782
- align-items: center;
18783
- color: inherit;
18784
- display: inline-flex;
18785
- padding: 0 4px;
18786
- text-decoration: none;
18787
- vertical-align: middle;
18848
+ .v-btn-group .v-btn {
18849
+ border-radius: 0;
18850
+ border-color: inherit;
18788
18851
  }
18789
- .v-breadcrumbs-item--disabled {
18790
- opacity: var(--v-disabled-opacity);
18791
- pointer-events: none;
18852
+ .v-btn-group .v-btn:not(:last-child) {
18853
+ border-inline-end: none;
18792
18854
  }
18793
- .v-breadcrumbs-item--link {
18794
- color: inherit;
18795
- text-decoration: none;
18855
+ .v-btn-group .v-btn:not(:first-child) {
18856
+ border-inline-start: none;
18796
18857
  }
18797
- .v-breadcrumbs-item--link:hover {
18798
- text-decoration: underline;
18858
+ .v-btn-group .v-btn:first-child {
18859
+ border-start-start-radius: inherit;
18860
+ border-end-start-radius: inherit;
18799
18861
  }
18800
- .v-breadcrumbs-item .v-icon {
18801
- font-size: 1rem;
18802
- margin-inline: -4px 2px;
18862
+ .v-btn-group .v-btn:last-child {
18863
+ border-start-end-radius: inherit;
18864
+ border-end-end-radius: inherit;
18803
18865
  }
18804
-
18805
- .v-breadcrumbs-divider {
18806
- display: inline-block;
18807
- padding: 0 8px;
18808
- vertical-align: middle;
18809
- }.v-btn {
18810
- align-items: center;
18811
- border-radius: 4px;
18812
- display: inline-grid;
18813
- grid-template-areas: "prepend content append";
18814
- grid-template-columns: max-content auto max-content;
18815
- font-weight: 500;
18816
- justify-content: center;
18817
- letter-spacing: 0.0892857143em;
18818
- line-height: normal;
18819
- max-width: 100%;
18820
- outline: none;
18866
+ .v-btn-group--divided .v-btn:not(:last-child) {
18867
+ border-inline-end-width: thin;
18868
+ border-inline-end-style: solid;
18869
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18870
+ }
18871
+ .v-btn-group--tile {
18872
+ border-radius: 0;
18873
+ }.v-card {
18874
+ display: block;
18875
+ overflow: hidden;
18876
+ overflow-wrap: break-word;
18821
18877
  position: relative;
18878
+ padding: 0;
18822
18879
  text-decoration: none;
18823
- text-indent: 0.0892857143em;
18824
- text-transform: uppercase;
18825
- transition-property: box-shadow, transform, opacity, background;
18826
18880
  transition-duration: 0.28s;
18881
+ transition-property: box-shadow, opacity, background;
18827
18882
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18828
- -webkit-user-select: none;
18829
- user-select: none;
18830
- vertical-align: middle;
18831
- flex-shrink: 0;
18832
- }
18833
- .v-btn--size-x-small {
18834
- --v-btn-size: 0.625rem;
18835
- --v-btn-height: 20px;
18836
- font-size: var(--v-btn-size);
18837
- min-width: 36px;
18838
- padding: 0 8px;
18839
- }
18840
-
18841
- .v-btn--size-small {
18842
- --v-btn-size: 0.75rem;
18843
- --v-btn-height: 28px;
18844
- font-size: var(--v-btn-size);
18845
- min-width: 50px;
18846
- padding: 0 12px;
18847
- }
18848
-
18849
- .v-btn--size-default {
18850
- --v-btn-size: 0.875rem;
18851
- --v-btn-height: 36px;
18852
- font-size: var(--v-btn-size);
18853
- min-width: 64px;
18854
- padding: 0 16px;
18855
- }
18856
-
18857
- .v-btn--size-large {
18858
- --v-btn-size: 1rem;
18859
- --v-btn-height: 44px;
18860
- font-size: var(--v-btn-size);
18861
- min-width: 78px;
18862
- padding: 0 20px;
18863
- }
18864
-
18865
- .v-btn--size-x-large {
18866
- --v-btn-size: 1.125rem;
18867
- --v-btn-height: 52px;
18868
- font-size: var(--v-btn-size);
18869
- min-width: 92px;
18870
- padding: 0 24px;
18871
- }
18872
-
18873
- .v-btn.v-btn--density-default {
18874
- height: calc(var(--v-btn-height) + 0px);
18875
- }
18876
-
18877
- .v-btn.v-btn--density-comfortable {
18878
- height: calc(var(--v-btn-height) + -8px);
18879
- }
18880
-
18881
- .v-btn.v-btn--density-compact {
18882
- height: calc(var(--v-btn-height) + -12px);
18883
+ z-index: 0;
18883
18884
  }
18884
-
18885
- .v-btn {
18885
+ .v-card {
18886
18886
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
18887
  border-style: solid;
18888
18888
  border-width: 0;
18889
18889
  }
18890
- .v-btn--border {
18890
+ .v-card--border {
18891
18891
  border-width: thin;
18892
18892
  box-shadow: none;
18893
18893
  }
18894
- .v-btn--absolute {
18894
+ .v-card--absolute {
18895
18895
  position: absolute;
18896
18896
  }
18897
- .v-btn--fixed {
18897
+ .v-card--fixed {
18898
18898
  position: fixed;
18899
18899
  }
18900
- .v-btn:hover > .v-btn__overlay {
18900
+ .v-card {
18901
+ border-radius: 4px;
18902
+ }
18903
+ .v-card:hover > .v-card__overlay {
18901
18904
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18902
18905
  }
18903
- .v-btn:focus-visible > .v-btn__overlay {
18906
+ .v-card:focus-visible > .v-card__overlay {
18904
18907
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18905
18908
  }
18906
18909
  @supports not selector(:focus-visible) {
18907
- .v-btn:focus > .v-btn__overlay {
18910
+ .v-card:focus > .v-card__overlay {
18908
18911
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18909
18912
  }
18910
18913
  }
18911
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18914
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18912
18915
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18913
18916
  }
18914
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18917
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18915
18918
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18916
18919
  }
18917
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18920
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18918
18921
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18919
18922
  }
18920
18923
  @supports not selector(:focus-visible) {
18921
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18924
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18922
18925
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18923
18926
  }
18924
18927
  }
18925
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18928
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18926
18929
  background: transparent;
18927
18930
  color: inherit;
18928
18931
  }
18929
- .v-btn--variant-plain {
18932
+ .v-card--variant-plain {
18930
18933
  opacity: 0.62;
18931
18934
  }
18932
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18935
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18933
18936
  opacity: 1;
18934
18937
  }
18935
- .v-btn--variant-plain .v-btn__overlay {
18938
+ .v-card--variant-plain .v-card__overlay {
18936
18939
  display: none;
18937
18940
  }
18938
- .v-btn--variant-elevated, .v-btn--variant-flat {
18941
+ .v-card--variant-elevated, .v-card--variant-flat {
18939
18942
  background: rgb(var(--v-theme-surface));
18940
18943
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18941
18944
  }
18942
- .v-btn--variant-elevated {
18943
- 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));
18945
+ .v-card--variant-elevated {
18946
+ 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));
18944
18947
  }
18945
- .v-btn--variant-flat {
18948
+ .v-card--variant-flat {
18946
18949
  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));
18947
18950
  }
18948
- .v-btn--variant-outlined {
18951
+ .v-card--variant-outlined {
18949
18952
  border: thin solid currentColor;
18950
18953
  }
18951
- .v-btn--variant-text .v-btn__overlay {
18954
+ .v-card--variant-text .v-card__overlay {
18952
18955
  background: currentColor;
18953
18956
  }
18954
- .v-btn--variant-tonal .v-btn__underlay {
18957
+ .v-card--variant-tonal .v-card__underlay {
18955
18958
  background: currentColor;
18956
18959
  opacity: var(--v-activated-opacity);
18957
18960
  border-radius: inherit;
@@ -18961,437 +18964,366 @@ html.overflow-y-hidden {
18961
18964
  left: 0;
18962
18965
  pointer-events: none;
18963
18966
  }
18964
- .v-btn .v-btn__underlay {
18967
+ .v-card .v-card__underlay {
18965
18968
  position: absolute;
18966
18969
  }
18967
- @supports selector(:focus-visible) {
18968
- .v-btn::after {
18969
- pointer-events: none;
18970
- border: 2px solid currentColor;
18971
- border-radius: inherit;
18972
- opacity: 0;
18973
- transition: opacity 0.2s ease-in-out;
18974
- }
18975
- .v-btn::after {
18976
- content: "";
18977
- position: absolute;
18978
- top: 0;
18979
- left: 0;
18980
- width: 100%;
18981
- height: 100%;
18982
- }
18983
- .v-btn:focus-visible::after {
18984
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18985
- }
18986
- }
18987
- .v-btn--icon {
18988
- border-radius: 50%;
18989
- min-width: 0;
18990
- padding: 0;
18991
- }
18992
- .v-btn--icon.v-btn--size-default {
18993
- --v-btn-size: 1rem;
18994
- }
18995
- .v-btn--icon.v-btn--density-default {
18996
- width: calc(var(--v-btn-height) + 12px);
18997
- height: calc(var(--v-btn-height) + 12px);
18998
- }
18999
- .v-btn--icon.v-btn--density-comfortable {
19000
- width: calc(var(--v-btn-height) + 0px);
19001
- height: calc(var(--v-btn-height) + 0px);
19002
- }
19003
- .v-btn--icon.v-btn--density-compact {
19004
- width: calc(var(--v-btn-height) + -8px);
19005
- height: calc(var(--v-btn-height) + -8px);
19006
- }
19007
-
19008
- .v-btn--elevated:hover, .v-btn--elevated:focus {
19009
- 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));
18970
+ .v-card--disabled {
18971
+ pointer-events: none;
18972
+ -webkit-user-select: none;
18973
+ user-select: none;
19010
18974
  }
19011
- .v-btn--elevated:active {
19012
- 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));
18975
+ .v-card--disabled > :not(.v-card__loader) {
18976
+ opacity: 0.6;
19013
18977
  }
19014
- .v-btn--flat {
18978
+ .v-card--flat {
19015
18979
  box-shadow: none;
19016
18980
  }
19017
- .v-btn--block {
19018
- display: flex;
19019
- flex: 1 0 auto;
19020
- min-width: 100%;
18981
+ .v-card--hover {
18982
+ cursor: pointer;
19021
18983
  }
19022
- .v-btn--disabled {
18984
+ .v-card--hover::before, .v-card--hover::after {
18985
+ border-radius: inherit;
18986
+ bottom: 0;
18987
+ content: "";
18988
+ display: block;
18989
+ left: 0;
19023
18990
  pointer-events: none;
19024
- opacity: 0.26;
19025
- }
19026
- .v-btn--disabled:hover {
19027
- opacity: 0.26;
18991
+ position: absolute;
18992
+ right: 0;
18993
+ top: 0;
18994
+ transition: inherit;
19028
18995
  }
19029
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19030
- box-shadow: none;
18996
+ .v-card--hover::before {
19031
18997
  opacity: 1;
19032
- color: rgba(var(--v-theme-on-surface), 0.26);
19033
- background: rgb(var(--v-theme-surface));
19034
- }
19035
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19036
- opacity: 0.4615384615;
18998
+ z-index: -1;
19037
18999
  }
19038
- .v-btn--loading {
19039
- pointer-events: none;
19000
+ .v-card--hover::before {
19001
+ 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));
19040
19002
  }
19041
- .v-btn--loading .v-btn__content,
19042
- .v-btn--loading .v-btn__prepend,
19043
- .v-btn--loading .v-btn__append {
19003
+ .v-card--hover::after {
19004
+ z-index: 1;
19044
19005
  opacity: 0;
19045
19006
  }
19046
- .v-btn--stacked {
19047
- grid-template-areas: "prepend" "content" "append";
19048
- grid-template-columns: auto;
19049
- grid-template-rows: max-content max-content max-content;
19050
- justify-items: center;
19051
- align-content: center;
19052
- }
19053
- .v-btn--stacked .v-btn__content {
19054
- flex-direction: column;
19055
- line-height: 1.25;
19007
+ .v-card--hover::after {
19008
+ 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));
19056
19009
  }
19057
- .v-btn--stacked .v-btn__prepend,
19058
- .v-btn--stacked .v-btn__append,
19059
- .v-btn--stacked .v-btn__content > .v-icon--start,
19060
- .v-btn--stacked .v-btn__content > .v-icon--end {
19061
- margin-inline: 0;
19010
+ .v-card--hover:hover::after {
19011
+ opacity: 1;
19062
19012
  }
19063
- .v-btn--stacked .v-btn__prepend,
19064
- .v-btn--stacked .v-btn__content > .v-icon--start {
19065
- margin-bottom: 4px;
19013
+ .v-card--hover:hover::before {
19014
+ opacity: 0;
19066
19015
  }
19067
- .v-btn--stacked .v-btn__append,
19068
- .v-btn--stacked .v-btn__content > .v-icon--end {
19069
- margin-top: 4px;
19016
+ .v-card--hover:hover {
19017
+ 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));
19070
19018
  }
19071
- .v-btn--stacked.v-btn--size-x-small {
19072
- --v-btn-size: 0.625rem;
19073
- --v-btn-height: 56px;
19074
- font-size: var(--v-btn-size);
19075
- min-width: 56px;
19076
- padding: 0 12px;
19019
+ .v-card--link {
19020
+ cursor: pointer;
19077
19021
  }
19078
19022
 
19079
- .v-btn--stacked.v-btn--size-small {
19080
- --v-btn-size: 0.75rem;
19081
- --v-btn-height: 64px;
19082
- font-size: var(--v-btn-size);
19083
- min-width: 64px;
19084
- padding: 0 14px;
19023
+ .v-card-actions {
19024
+ align-items: center;
19025
+ display: flex;
19026
+ flex: none;
19027
+ min-height: 52px;
19028
+ padding: 0.5rem;
19029
+ gap: 0.5rem;
19085
19030
  }
19086
19031
 
19087
- .v-btn--stacked.v-btn--size-default {
19088
- --v-btn-size: 0.875rem;
19089
- --v-btn-height: 72px;
19090
- font-size: var(--v-btn-size);
19091
- min-width: 72px;
19092
- padding: 0 16px;
19032
+ .v-card-item {
19033
+ align-items: center;
19034
+ display: grid;
19035
+ flex: none;
19036
+ grid-template-areas: "prepend content append";
19037
+ grid-template-columns: max-content auto max-content;
19038
+ padding: 0.625rem 1rem;
19093
19039
  }
19094
-
19095
- .v-btn--stacked.v-btn--size-large {
19096
- --v-btn-size: 1rem;
19097
- --v-btn-height: 80px;
19098
- font-size: var(--v-btn-size);
19099
- min-width: 80px;
19100
- padding: 0 18px;
19040
+ .v-card-item + .v-card-text {
19041
+ padding-top: 0;
19101
19042
  }
19102
-
19103
- .v-btn--stacked.v-btn--size-x-large {
19104
- --v-btn-size: 1.125rem;
19105
- --v-btn-height: 88px;
19106
- font-size: var(--v-btn-size);
19107
- min-width: 88px;
19108
- padding: 0 20px;
19043
+ .v-card-item__prepend, .v-card-item__append {
19044
+ align-items: center;
19045
+ display: flex;
19109
19046
  }
19110
-
19111
- .v-btn--stacked.v-btn--density-default {
19112
- height: calc(var(--v-btn-height) + 0px);
19047
+ .v-card-item__prepend {
19048
+ grid-area: prepend;
19049
+ padding-inline-end: 0.5rem;
19113
19050
  }
19114
-
19115
- .v-btn--stacked.v-btn--density-comfortable {
19116
- height: calc(var(--v-btn-height) + -16px);
19051
+ .v-card-item__append {
19052
+ grid-area: append;
19053
+ padding-inline-start: 0.5rem;
19117
19054
  }
19118
19055
 
19119
- .v-btn--stacked.v-btn--density-compact {
19120
- height: calc(var(--v-btn-height) + -24px);
19056
+ .v-card-item__content {
19057
+ align-self: center;
19058
+ grid-area: content;
19059
+ overflow: hidden;
19121
19060
  }
19122
19061
 
19123
- .v-btn--slim {
19124
- padding: 0 8px;
19125
- }
19126
- .v-btn--readonly {
19127
- pointer-events: none;
19062
+ .v-card-title {
19063
+ display: block;
19064
+ flex: none;
19065
+ font-size: 1.25rem;
19066
+ font-weight: 500;
19067
+ -webkit-hyphens: auto;
19068
+ hyphens: auto;
19069
+ letter-spacing: 0.0125em;
19070
+ min-width: 0;
19071
+ overflow-wrap: normal;
19072
+ overflow: hidden;
19073
+ padding: 0.5rem 1rem;
19074
+ text-overflow: ellipsis;
19075
+ text-transform: none;
19076
+ white-space: nowrap;
19077
+ word-break: normal;
19078
+ word-wrap: break-word;
19128
19079
  }
19129
- .v-btn--rounded {
19130
- border-radius: 24px;
19080
+ .v-card .v-card-title {
19081
+ line-height: 1.6;
19131
19082
  }
19132
- .v-btn--rounded.v-btn--icon {
19133
- border-radius: 4px;
19083
+ .v-card--density-comfortable .v-card-title {
19084
+ line-height: 1.75rem;
19134
19085
  }
19135
- .v-btn .v-icon {
19136
- --v-icon-size-multiplier: 0.8571428571;
19086
+ .v-card--density-compact .v-card-title {
19087
+ line-height: 1.55rem;
19137
19088
  }
19138
- .v-btn--icon .v-icon {
19139
- --v-icon-size-multiplier: 1;
19089
+ .v-card-item .v-card-title {
19090
+ padding: 0;
19140
19091
  }
19141
- .v-btn--stacked .v-icon {
19142
- --v-icon-size-multiplier: 1.1428571429;
19143
- }
19144
- .v-btn--stacked.v-btn--block {
19145
- min-width: 100%;
19092
+ .v-card-title + .v-card-text,
19093
+ .v-card-title + .v-card-actions {
19094
+ padding-top: 0;
19146
19095
  }
19147
19096
 
19148
- .v-btn__loader {
19149
- align-items: center;
19150
- display: flex;
19151
- height: 100%;
19152
- justify-content: center;
19153
- left: 0;
19154
- position: absolute;
19155
- top: 0;
19156
- width: 100%;
19097
+ .v-card-subtitle {
19098
+ display: block;
19099
+ flex: none;
19100
+ font-size: 0.875rem;
19101
+ font-weight: 400;
19102
+ letter-spacing: 0.0178571429em;
19103
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19104
+ overflow: hidden;
19105
+ padding: 0 1rem;
19106
+ text-overflow: ellipsis;
19107
+ text-transform: none;
19108
+ white-space: nowrap;
19157
19109
  }
19158
- .v-btn__loader > .v-progress-circular {
19159
- width: 1.5em;
19160
- height: 1.5em;
19110
+ .v-card .v-card-subtitle {
19111
+ line-height: 1.425;
19161
19112
  }
19162
-
19163
- .v-btn__content,
19164
- .v-btn__prepend,
19165
- .v-btn__append {
19166
- align-items: center;
19167
- display: flex;
19168
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19113
+ .v-card--density-comfortable .v-card-subtitle {
19114
+ line-height: 1.125rem;
19169
19115
  }
19170
-
19171
- .v-btn__prepend {
19172
- grid-area: prepend;
19173
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19116
+ .v-card--density-compact .v-card-subtitle {
19117
+ line-height: 1rem;
19174
19118
  }
19175
- .v-btn--slim .v-btn__prepend {
19176
- margin-inline-start: 0;
19119
+ .v-card-item .v-card-subtitle {
19120
+ padding: 0 0 0.25rem;
19177
19121
  }
19178
19122
 
19179
- .v-btn__append {
19180
- grid-area: append;
19181
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19182
- }
19183
- .v-btn--slim .v-btn__append {
19184
- margin-inline-end: 0;
19123
+ .v-card-text {
19124
+ flex: 1 1 auto;
19125
+ font-size: 0.875rem;
19126
+ font-weight: 400;
19127
+ letter-spacing: 0.0178571429em;
19128
+ opacity: var(--v-card-text-opacity, 1);
19129
+ padding: 1rem;
19130
+ text-transform: none;
19185
19131
  }
19186
-
19187
- .v-btn__content {
19188
- grid-area: content;
19189
- justify-content: center;
19190
- white-space: nowrap;
19132
+ .v-card .v-card-text {
19133
+ line-height: 1.425;
19191
19134
  }
19192
- .v-btn__content > .v-icon--start {
19193
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19135
+ .v-card--density-comfortable .v-card-text {
19136
+ line-height: 1.2rem;
19194
19137
  }
19195
- .v-btn__content > .v-icon--end {
19196
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19138
+ .v-card--density-compact .v-card-text {
19139
+ line-height: 1.15rem;
19197
19140
  }
19198
- .v-btn--stacked .v-btn__content {
19199
- white-space: normal;
19141
+
19142
+ .v-card__image {
19143
+ display: flex;
19144
+ height: 100%;
19145
+ flex: 1 1 auto;
19146
+ left: 0;
19147
+ overflow: hidden;
19148
+ position: absolute;
19149
+ top: 0;
19150
+ width: 100%;
19151
+ z-index: -1;
19200
19152
  }
19201
19153
 
19202
- .v-btn__overlay {
19203
- background-color: currentColor;
19154
+ .v-card__content {
19204
19155
  border-radius: inherit;
19205
- opacity: 0;
19206
- transition: opacity 0.2s ease-in-out;
19156
+ overflow: hidden;
19157
+ position: relative;
19207
19158
  }
19208
19159
 
19209
- .v-btn__overlay,
19210
- .v-btn__underlay {
19211
- pointer-events: none;
19212
- }
19213
- .v-btn__overlay,
19214
- .v-btn__underlay {
19215
- position: absolute;
19160
+ .v-card__loader {
19161
+ bottom: auto;
19216
19162
  top: 0;
19217
19163
  left: 0;
19164
+ position: absolute;
19165
+ right: 0;
19218
19166
  width: 100%;
19219
- height: 100%;
19167
+ z-index: 1;
19220
19168
  }
19221
19169
 
19222
- .v-pagination .v-btn {
19170
+ .v-card__overlay {
19171
+ background-color: currentColor;
19172
+ border-radius: inherit;
19173
+ position: absolute;
19174
+ top: 0;
19175
+ right: 0;
19176
+ bottom: 0;
19177
+ left: 0;
19178
+ pointer-events: none;
19179
+ opacity: 0;
19180
+ transition: opacity 0.2s ease-in-out;
19181
+ }.v-btn {
19182
+ align-items: center;
19223
19183
  border-radius: 4px;
19224
- }
19225
- .v-pagination .v-btn--rounded {
19226
- border-radius: 50%;
19227
- }
19228
- .v-btn__overlay {
19229
- transition: none;
19230
- }
19231
- .v-pagination__item--is-active .v-btn__overlay {
19232
- opacity: var(--v-border-opacity);
19233
- }.v-btn-group {
19234
- display: inline-flex;
19235
- flex-wrap: nowrap;
19184
+ display: inline-grid;
19185
+ grid-template-areas: "prepend content append";
19186
+ grid-template-columns: max-content auto max-content;
19187
+ font-weight: 500;
19188
+ justify-content: center;
19189
+ letter-spacing: 0.0892857143em;
19190
+ line-height: normal;
19236
19191
  max-width: 100%;
19237
- min-width: 0;
19238
- overflow: hidden;
19192
+ outline: none;
19193
+ position: relative;
19194
+ text-decoration: none;
19195
+ text-indent: 0.0892857143em;
19196
+ text-transform: uppercase;
19197
+ transition-property: box-shadow, transform, opacity, background;
19198
+ transition-duration: 0.28s;
19199
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19200
+ -webkit-user-select: none;
19201
+ user-select: none;
19239
19202
  vertical-align: middle;
19203
+ flex-shrink: 0;
19240
19204
  }
19241
- .v-btn-group {
19242
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19243
- border-style: solid;
19244
- border-width: 0;
19205
+ .v-btn--size-x-small {
19206
+ --v-btn-size: 0.625rem;
19207
+ --v-btn-height: 20px;
19208
+ font-size: var(--v-btn-size);
19209
+ min-width: 36px;
19210
+ padding: 0 8px;
19245
19211
  }
19246
- .v-btn-group--border {
19247
- border-width: thin;
19248
- box-shadow: none;
19212
+
19213
+ .v-btn--size-small {
19214
+ --v-btn-size: 0.75rem;
19215
+ --v-btn-height: 28px;
19216
+ font-size: var(--v-btn-size);
19217
+ min-width: 50px;
19218
+ padding: 0 12px;
19249
19219
  }
19250
- .v-btn-group {
19251
- 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));
19220
+
19221
+ .v-btn--size-default {
19222
+ --v-btn-size: 0.875rem;
19223
+ --v-btn-height: 36px;
19224
+ font-size: var(--v-btn-size);
19225
+ min-width: 64px;
19226
+ padding: 0 16px;
19252
19227
  }
19253
- .v-btn-group {
19254
- border-radius: 4px;
19228
+
19229
+ .v-btn--size-large {
19230
+ --v-btn-size: 1rem;
19231
+ --v-btn-height: 44px;
19232
+ font-size: var(--v-btn-size);
19233
+ min-width: 78px;
19234
+ padding: 0 20px;
19255
19235
  }
19256
- .v-btn-group {
19257
- background: transparent;
19258
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19236
+
19237
+ .v-btn--size-x-large {
19238
+ --v-btn-size: 1.125rem;
19239
+ --v-btn-height: 52px;
19240
+ font-size: var(--v-btn-size);
19241
+ min-width: 92px;
19242
+ padding: 0 24px;
19259
19243
  }
19260
- .v-btn-group--density-default.v-btn-group {
19261
- height: 48px;
19244
+
19245
+ .v-btn.v-btn--density-default {
19246
+ height: calc(var(--v-btn-height) + 0px);
19262
19247
  }
19263
19248
 
19264
- .v-btn-group--density-comfortable.v-btn-group {
19265
- height: 40px;
19249
+ .v-btn.v-btn--density-comfortable {
19250
+ height: calc(var(--v-btn-height) + -8px);
19266
19251
  }
19267
19252
 
19268
- .v-btn-group--density-compact.v-btn-group {
19269
- height: 36px;
19253
+ .v-btn.v-btn--density-compact {
19254
+ height: calc(var(--v-btn-height) + -12px);
19270
19255
  }
19271
19256
 
19272
- .v-btn-group .v-btn {
19273
- border-radius: 0;
19274
- border-color: inherit;
19257
+ .v-btn {
19258
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19259
+ border-style: solid;
19260
+ border-width: 0;
19275
19261
  }
19276
- .v-btn-group .v-btn:not(:last-child) {
19277
- border-inline-end: none;
19262
+ .v-btn--border {
19263
+ border-width: thin;
19264
+ box-shadow: none;
19278
19265
  }
19279
- .v-btn-group .v-btn:not(:first-child) {
19280
- border-inline-start: none;
19266
+ .v-btn--absolute {
19267
+ position: absolute;
19281
19268
  }
19282
- .v-btn-group .v-btn:first-child {
19283
- border-start-start-radius: inherit;
19284
- border-end-start-radius: inherit;
19269
+ .v-btn--fixed {
19270
+ position: fixed;
19285
19271
  }
19286
- .v-btn-group .v-btn:last-child {
19287
- border-start-end-radius: inherit;
19288
- border-end-end-radius: inherit;
19272
+ .v-btn:hover > .v-btn__overlay {
19273
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19289
19274
  }
19290
- .v-btn-group--divided .v-btn:not(:last-child) {
19291
- border-inline-end-width: thin;
19292
- border-inline-end-style: solid;
19293
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19275
+ .v-btn:focus-visible > .v-btn__overlay {
19276
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19294
19277
  }
19295
- .v-btn-group--tile {
19296
- border-radius: 0;
19297
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19278
+ @supports not selector(:focus-visible) {
19279
+ .v-btn:focus > .v-btn__overlay {
19280
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19281
+ }
19282
+ }
19283
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19298
19284
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
19285
  }
19300
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19301
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19302
- }
19303
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19304
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19305
- }
19306
- @supports not selector(:focus-visible) {
19307
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19308
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19309
- }
19310
- }.v-card {
19311
- display: block;
19312
- overflow: hidden;
19313
- overflow-wrap: break-word;
19314
- position: relative;
19315
- padding: 0;
19316
- text-decoration: none;
19317
- transition-duration: 0.28s;
19318
- transition-property: box-shadow, opacity, background;
19319
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19320
- z-index: 0;
19321
- }
19322
- .v-card {
19323
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19324
- border-style: solid;
19325
- border-width: 0;
19326
- }
19327
- .v-card--border {
19328
- border-width: thin;
19329
- box-shadow: none;
19330
- }
19331
- .v-card--absolute {
19332
- position: absolute;
19333
- }
19334
- .v-card--fixed {
19335
- position: fixed;
19336
- }
19337
- .v-card {
19338
- border-radius: 4px;
19339
- }
19340
- .v-card:hover > .v-card__overlay {
19341
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19342
- }
19343
- .v-card:focus-visible > .v-card__overlay {
19344
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19345
- }
19346
- @supports not selector(:focus-visible) {
19347
- .v-card:focus > .v-card__overlay {
19348
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19349
- }
19350
- }
19351
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19352
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19353
- }
19354
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19286
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19355
19287
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19356
19288
  }
19357
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19289
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19358
19290
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19359
19291
  }
19360
19292
  @supports not selector(:focus-visible) {
19361
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19293
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19362
19294
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19363
19295
  }
19364
19296
  }
19365
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19297
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19366
19298
  background: transparent;
19367
19299
  color: inherit;
19368
19300
  }
19369
- .v-card--variant-plain {
19301
+ .v-btn--variant-plain {
19370
19302
  opacity: 0.62;
19371
19303
  }
19372
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19304
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19373
19305
  opacity: 1;
19374
19306
  }
19375
- .v-card--variant-plain .v-card__overlay {
19307
+ .v-btn--variant-plain .v-btn__overlay {
19376
19308
  display: none;
19377
19309
  }
19378
- .v-card--variant-elevated, .v-card--variant-flat {
19310
+ .v-btn--variant-elevated, .v-btn--variant-flat {
19379
19311
  background: rgb(var(--v-theme-surface));
19380
19312
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19381
19313
  }
19382
- .v-card--variant-elevated {
19383
- 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));
19314
+ .v-btn--variant-elevated {
19315
+ 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));
19384
19316
  }
19385
- .v-card--variant-flat {
19317
+ .v-btn--variant-flat {
19386
19318
  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));
19387
19319
  }
19388
- .v-card--variant-outlined {
19320
+ .v-btn--variant-outlined {
19389
19321
  border: thin solid currentColor;
19390
19322
  }
19391
- .v-card--variant-text .v-card__overlay {
19323
+ .v-btn--variant-text .v-btn__overlay {
19392
19324
  background: currentColor;
19393
19325
  }
19394
- .v-card--variant-tonal .v-card__underlay {
19326
+ .v-btn--variant-tonal .v-btn__underlay {
19395
19327
  background: currentColor;
19396
19328
  opacity: var(--v-activated-opacity);
19397
19329
  border-radius: inherit;
@@ -19401,225 +19333,293 @@ html.overflow-y-hidden {
19401
19333
  left: 0;
19402
19334
  pointer-events: none;
19403
19335
  }
19404
- .v-card .v-card__underlay {
19336
+ .v-btn .v-btn__underlay {
19405
19337
  position: absolute;
19406
19338
  }
19407
- .v-card--disabled {
19408
- pointer-events: none;
19409
- -webkit-user-select: none;
19410
- user-select: none;
19339
+ @supports selector(:focus-visible) {
19340
+ .v-btn::after {
19341
+ pointer-events: none;
19342
+ border: 2px solid currentColor;
19343
+ border-radius: inherit;
19344
+ opacity: 0;
19345
+ transition: opacity 0.2s ease-in-out;
19346
+ }
19347
+ .v-btn::after {
19348
+ content: "";
19349
+ position: absolute;
19350
+ top: 0;
19351
+ left: 0;
19352
+ width: 100%;
19353
+ height: 100%;
19354
+ }
19355
+ .v-btn:focus-visible::after {
19356
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19357
+ }
19411
19358
  }
19412
- .v-card--disabled > :not(.v-card__loader) {
19413
- opacity: 0.6;
19359
+ .v-btn--icon {
19360
+ border-radius: 50%;
19361
+ min-width: 0;
19362
+ padding: 0;
19414
19363
  }
19415
- .v-card--flat {
19364
+ .v-btn--icon.v-btn--size-default {
19365
+ --v-btn-size: 1rem;
19366
+ }
19367
+ .v-btn--icon.v-btn--density-default {
19368
+ width: calc(var(--v-btn-height) + 12px);
19369
+ height: calc(var(--v-btn-height) + 12px);
19370
+ }
19371
+ .v-btn--icon.v-btn--density-comfortable {
19372
+ width: calc(var(--v-btn-height) + 0px);
19373
+ height: calc(var(--v-btn-height) + 0px);
19374
+ }
19375
+ .v-btn--icon.v-btn--density-compact {
19376
+ width: calc(var(--v-btn-height) + -8px);
19377
+ height: calc(var(--v-btn-height) + -8px);
19378
+ }
19379
+
19380
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19381
+ 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));
19382
+ }
19383
+ .v-btn--elevated:active {
19384
+ 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));
19385
+ }
19386
+ .v-btn--flat {
19416
19387
  box-shadow: none;
19417
19388
  }
19418
- .v-card--hover {
19419
- cursor: pointer;
19389
+ .v-btn--block {
19390
+ display: flex;
19391
+ flex: 1 0 auto;
19392
+ min-width: 100%;
19420
19393
  }
19421
- .v-card--hover::before, .v-card--hover::after {
19422
- border-radius: inherit;
19423
- bottom: 0;
19424
- content: "";
19425
- display: block;
19426
- left: 0;
19394
+ .v-btn--disabled {
19427
19395
  pointer-events: none;
19428
- position: absolute;
19429
- right: 0;
19430
- top: 0;
19431
- transition: inherit;
19396
+ opacity: 0.26;
19432
19397
  }
19433
- .v-card--hover::before {
19398
+ .v-btn--disabled:hover {
19399
+ opacity: 0.26;
19400
+ }
19401
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19402
+ box-shadow: none;
19434
19403
  opacity: 1;
19435
- z-index: -1;
19404
+ color: rgba(var(--v-theme-on-surface), 0.26);
19405
+ background: rgb(var(--v-theme-surface));
19436
19406
  }
19437
- .v-card--hover::before {
19438
- 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));
19407
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19408
+ opacity: 0.4615384615;
19439
19409
  }
19440
- .v-card--hover::after {
19441
- z-index: 1;
19410
+ .v-btn--loading {
19411
+ pointer-events: none;
19412
+ }
19413
+ .v-btn--loading .v-btn__content,
19414
+ .v-btn--loading .v-btn__prepend,
19415
+ .v-btn--loading .v-btn__append {
19442
19416
  opacity: 0;
19443
19417
  }
19444
- .v-card--hover::after {
19445
- 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));
19418
+ .v-btn--stacked {
19419
+ grid-template-areas: "prepend" "content" "append";
19420
+ grid-template-columns: auto;
19421
+ grid-template-rows: max-content max-content max-content;
19422
+ justify-items: center;
19423
+ align-content: center;
19446
19424
  }
19447
- .v-card--hover:hover::after {
19448
- opacity: 1;
19425
+ .v-btn--stacked .v-btn__content {
19426
+ flex-direction: column;
19427
+ line-height: 1.25;
19449
19428
  }
19450
- .v-card--hover:hover::before {
19451
- opacity: 0;
19429
+ .v-btn--stacked .v-btn__prepend,
19430
+ .v-btn--stacked .v-btn__append,
19431
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19432
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19433
+ margin-inline: 0;
19452
19434
  }
19453
- .v-card--hover:hover {
19454
- 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));
19435
+ .v-btn--stacked .v-btn__prepend,
19436
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19437
+ margin-bottom: 4px;
19455
19438
  }
19456
- .v-card--link {
19457
- cursor: pointer;
19439
+ .v-btn--stacked .v-btn__append,
19440
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19441
+ margin-top: 4px;
19442
+ }
19443
+ .v-btn--stacked.v-btn--size-x-small {
19444
+ --v-btn-size: 0.625rem;
19445
+ --v-btn-height: 56px;
19446
+ font-size: var(--v-btn-size);
19447
+ min-width: 56px;
19448
+ padding: 0 12px;
19458
19449
  }
19459
19450
 
19460
- .v-card-actions {
19461
- align-items: center;
19462
- display: flex;
19463
- flex: none;
19464
- min-height: 52px;
19465
- padding: 0.5rem;
19466
- gap: 0.5rem;
19451
+ .v-btn--stacked.v-btn--size-small {
19452
+ --v-btn-size: 0.75rem;
19453
+ --v-btn-height: 64px;
19454
+ font-size: var(--v-btn-size);
19455
+ min-width: 64px;
19456
+ padding: 0 14px;
19467
19457
  }
19468
19458
 
19469
- .v-card-item {
19470
- align-items: center;
19471
- display: grid;
19472
- flex: none;
19473
- grid-template-areas: "prepend content append";
19474
- grid-template-columns: max-content auto max-content;
19475
- padding: 0.625rem 1rem;
19459
+ .v-btn--stacked.v-btn--size-default {
19460
+ --v-btn-size: 0.875rem;
19461
+ --v-btn-height: 72px;
19462
+ font-size: var(--v-btn-size);
19463
+ min-width: 72px;
19464
+ padding: 0 16px;
19476
19465
  }
19477
- .v-card-item + .v-card-text {
19478
- padding-top: 0;
19466
+
19467
+ .v-btn--stacked.v-btn--size-large {
19468
+ --v-btn-size: 1rem;
19469
+ --v-btn-height: 80px;
19470
+ font-size: var(--v-btn-size);
19471
+ min-width: 80px;
19472
+ padding: 0 18px;
19479
19473
  }
19480
- .v-card-item__prepend, .v-card-item__append {
19481
- align-items: center;
19482
- display: flex;
19474
+
19475
+ .v-btn--stacked.v-btn--size-x-large {
19476
+ --v-btn-size: 1.125rem;
19477
+ --v-btn-height: 88px;
19478
+ font-size: var(--v-btn-size);
19479
+ min-width: 88px;
19480
+ padding: 0 20px;
19483
19481
  }
19484
- .v-card-item__prepend {
19485
- grid-area: prepend;
19486
- padding-inline-end: 0.5rem;
19482
+
19483
+ .v-btn--stacked.v-btn--density-default {
19484
+ height: calc(var(--v-btn-height) + 0px);
19487
19485
  }
19488
- .v-card-item__append {
19489
- grid-area: append;
19490
- padding-inline-start: 0.5rem;
19486
+
19487
+ .v-btn--stacked.v-btn--density-comfortable {
19488
+ height: calc(var(--v-btn-height) + -16px);
19491
19489
  }
19492
19490
 
19493
- .v-card-item__content {
19494
- align-self: center;
19495
- grid-area: content;
19496
- overflow: hidden;
19491
+ .v-btn--stacked.v-btn--density-compact {
19492
+ height: calc(var(--v-btn-height) + -24px);
19497
19493
  }
19498
19494
 
19499
- .v-card-title {
19500
- display: block;
19501
- flex: none;
19502
- font-size: 1.25rem;
19503
- font-weight: 500;
19504
- -webkit-hyphens: auto;
19505
- hyphens: auto;
19506
- letter-spacing: 0.0125em;
19507
- min-width: 0;
19508
- overflow-wrap: normal;
19509
- overflow: hidden;
19510
- padding: 0.5rem 1rem;
19511
- text-overflow: ellipsis;
19512
- text-transform: none;
19513
- white-space: nowrap;
19514
- word-break: normal;
19515
- word-wrap: break-word;
19495
+ .v-btn--slim {
19496
+ padding: 0 8px;
19516
19497
  }
19517
- .v-card .v-card-title {
19518
- line-height: 1.6;
19498
+ .v-btn--readonly {
19499
+ pointer-events: none;
19519
19500
  }
19520
- .v-card--density-comfortable .v-card-title {
19521
- line-height: 1.75rem;
19501
+ .v-btn--rounded {
19502
+ border-radius: 24px;
19522
19503
  }
19523
- .v-card--density-compact .v-card-title {
19524
- line-height: 1.55rem;
19504
+ .v-btn--rounded.v-btn--icon {
19505
+ border-radius: 4px;
19525
19506
  }
19526
- .v-card-item .v-card-title {
19527
- padding: 0;
19507
+ .v-btn .v-icon {
19508
+ --v-icon-size-multiplier: 0.8571428571;
19528
19509
  }
19529
- .v-card-title + .v-card-text,
19530
- .v-card-title + .v-card-actions {
19531
- padding-top: 0;
19510
+ .v-btn--icon .v-icon {
19511
+ --v-icon-size-multiplier: 1;
19512
+ }
19513
+ .v-btn--stacked .v-icon {
19514
+ --v-icon-size-multiplier: 1.1428571429;
19515
+ }
19516
+ .v-btn--stacked.v-btn--block {
19517
+ min-width: 100%;
19532
19518
  }
19533
19519
 
19534
- .v-card-subtitle {
19535
- display: block;
19536
- flex: none;
19537
- font-size: 0.875rem;
19538
- font-weight: 400;
19539
- letter-spacing: 0.0178571429em;
19540
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19541
- overflow: hidden;
19542
- padding: 0 1rem;
19543
- text-overflow: ellipsis;
19544
- text-transform: none;
19545
- white-space: nowrap;
19520
+ .v-btn__loader {
19521
+ align-items: center;
19522
+ display: flex;
19523
+ height: 100%;
19524
+ justify-content: center;
19525
+ left: 0;
19526
+ position: absolute;
19527
+ top: 0;
19528
+ width: 100%;
19546
19529
  }
19547
- .v-card .v-card-subtitle {
19548
- line-height: 1.425;
19530
+ .v-btn__loader > .v-progress-circular {
19531
+ width: 1.5em;
19532
+ height: 1.5em;
19549
19533
  }
19550
- .v-card--density-comfortable .v-card-subtitle {
19551
- line-height: 1.125rem;
19534
+
19535
+ .v-btn__content,
19536
+ .v-btn__prepend,
19537
+ .v-btn__append {
19538
+ align-items: center;
19539
+ display: flex;
19540
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19552
19541
  }
19553
- .v-card--density-compact .v-card-subtitle {
19554
- line-height: 1rem;
19542
+
19543
+ .v-btn__prepend {
19544
+ grid-area: prepend;
19545
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19555
19546
  }
19556
- .v-card-item .v-card-subtitle {
19557
- padding: 0 0 0.25rem;
19547
+ .v-btn--slim .v-btn__prepend {
19548
+ margin-inline-start: 0;
19558
19549
  }
19559
19550
 
19560
- .v-card-text {
19561
- flex: 1 1 auto;
19562
- font-size: 0.875rem;
19563
- font-weight: 400;
19564
- letter-spacing: 0.0178571429em;
19565
- opacity: var(--v-card-text-opacity, 1);
19566
- padding: 1rem;
19567
- text-transform: none;
19551
+ .v-btn__append {
19552
+ grid-area: append;
19553
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19568
19554
  }
19569
- .v-card .v-card-text {
19570
- line-height: 1.425;
19555
+ .v-btn--slim .v-btn__append {
19556
+ margin-inline-end: 0;
19571
19557
  }
19572
- .v-card--density-comfortable .v-card-text {
19573
- line-height: 1.2rem;
19558
+
19559
+ .v-btn__content {
19560
+ grid-area: content;
19561
+ justify-content: center;
19562
+ white-space: nowrap;
19574
19563
  }
19575
- .v-card--density-compact .v-card-text {
19576
- line-height: 1.15rem;
19564
+ .v-btn__content > .v-icon--start {
19565
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19566
+ }
19567
+ .v-btn__content > .v-icon--end {
19568
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19577
19569
  }
19578
-
19579
- .v-card__image {
19580
- display: flex;
19581
- height: 100%;
19582
- flex: 1 1 auto;
19583
- left: 0;
19584
- overflow: hidden;
19585
- position: absolute;
19586
- top: 0;
19587
- width: 100%;
19588
- z-index: -1;
19570
+ .v-btn--stacked .v-btn__content {
19571
+ white-space: normal;
19589
19572
  }
19590
19573
 
19591
- .v-card__content {
19574
+ .v-btn__overlay {
19575
+ background-color: currentColor;
19592
19576
  border-radius: inherit;
19593
- overflow: hidden;
19594
- position: relative;
19577
+ opacity: 0;
19578
+ transition: opacity 0.2s ease-in-out;
19595
19579
  }
19596
19580
 
19597
- .v-card__loader {
19598
- bottom: auto;
19581
+ .v-btn__overlay,
19582
+ .v-btn__underlay {
19583
+ pointer-events: none;
19584
+ }
19585
+ .v-btn__overlay,
19586
+ .v-btn__underlay {
19587
+ position: absolute;
19599
19588
  top: 0;
19600
19589
  left: 0;
19601
- position: absolute;
19602
- right: 0;
19603
19590
  width: 100%;
19604
- z-index: 1;
19591
+ height: 100%;
19605
19592
  }
19606
19593
 
19607
- .v-card__overlay {
19608
- background-color: currentColor;
19609
- border-radius: inherit;
19610
- position: absolute;
19611
- top: 0;
19612
- right: 0;
19613
- bottom: 0;
19614
- left: 0;
19615
- pointer-events: none;
19616
- opacity: 0;
19617
- transition: opacity 0.2s ease-in-out;
19594
+ .v-pagination .v-btn {
19595
+ border-radius: 4px;
19596
+ }
19597
+ .v-pagination .v-btn--rounded {
19598
+ border-radius: 50%;
19599
+ }
19600
+ .v-btn__overlay {
19601
+ transition: none;
19602
+ }
19603
+ .v-pagination__item--is-active .v-btn__overlay {
19604
+ opacity: var(--v-border-opacity);
19618
19605
  }.v-checkbox.v-input {
19619
19606
  flex: 0 1 auto;
19620
19607
  }
19621
19608
  .v-checkbox .v-selection-control {
19622
19609
  min-height: var(--v-input-control-height);
19610
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19611
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19612
+ }
19613
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19614
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19615
+ }
19616
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19617
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19618
+ }
19619
+ @supports not selector(:focus-visible) {
19620
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19621
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19622
+ }
19623
19623
  }.v-carousel {
19624
19624
  overflow: hidden;
19625
19625
  position: relative;
@@ -20121,6 +20121,28 @@ html.overflow-y-hidden {
20121
20121
  white-space: normal;
20122
20122
  flex-wrap: wrap;
20123
20123
  max-width: 100%;
20124
+ }.v-color-picker {
20125
+ align-self: flex-start;
20126
+ contain: content;
20127
+ }
20128
+ .v-color-picker.v-sheet {
20129
+ 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));
20130
+ }
20131
+ .v-color-picker.v-sheet {
20132
+ border-radius: 4px;
20133
+ }
20134
+
20135
+ .v-color-picker__controls {
20136
+ display: flex;
20137
+ flex-direction: column;
20138
+ padding: 16px;
20139
+ }
20140
+
20141
+ .v-color-picker--flat {
20142
+ 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));
20143
+ }
20144
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
+ 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));
20124
20146
  }.v-combobox .v-field .v-text-field__prefix,
20125
20147
  .v-combobox .v-field .v-text-field__suffix,
20126
20148
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20206,33 +20228,42 @@ html.overflow-y-hidden {
20206
20228
  .v-combobox--active-menu .v-combobox__menu-icon {
20207
20229
  opacity: var(--v-high-emphasis-opacity);
20208
20230
  transform: rotate(180deg);
20209
- }.v-color-picker {
20210
- align-self: flex-start;
20211
- contain: content;
20231
+ }.v-counter {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ flex: 0 1 auto;
20234
+ font-size: 12px;
20235
+ transition-duration: 150ms;
20236
+ }.v-data-table-footer {
20237
+ align-items: center;
20238
+ display: flex;
20239
+ flex-wrap: wrap;
20240
+ justify-content: flex-end;
20241
+ padding: 8px 4px;
20212
20242
  }
20213
- .v-color-picker.v-sheet {
20214
- 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));
20243
+ .v-data-table-footer__items-per-page {
20244
+ align-items: center;
20245
+ display: flex;
20246
+ justify-content: center;
20215
20247
  }
20216
- .v-color-picker.v-sheet {
20217
- border-radius: 4px;
20248
+ .v-data-table-footer__items-per-page > span {
20249
+ padding-inline-end: 8px;
20218
20250
  }
20219
-
20220
- .v-color-picker__controls {
20251
+ .v-data-table-footer__items-per-page > .v-select {
20252
+ width: 90px;
20253
+ }
20254
+ .v-data-table-footer__info {
20221
20255
  display: flex;
20222
- flex-direction: column;
20223
- padding: 16px;
20256
+ justify-content: flex-end;
20257
+ min-width: 116px;
20258
+ padding: 0 16px;
20224
20259
  }
20225
-
20226
- .v-color-picker--flat {
20227
- 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));
20260
+ .v-data-table-footer__paginationz {
20261
+ align-items: center;
20262
+ display: flex;
20263
+ margin-inline-start: 16px;
20228
20264
  }
20229
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20230
- 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));
20231
- }.v-counter {
20232
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
- flex: 0 1 auto;
20234
- font-size: 12px;
20235
- transition-duration: 150ms;
20265
+ .v-data-table-footer__page {
20266
+ padding: 0 8px;
20236
20267
  }.v-data-table {
20237
20268
  width: 100%;
20238
20269
  }
@@ -20375,144 +20406,57 @@ html.overflow-y-hidden {
20375
20406
  .v-data-table-progress > th {
20376
20407
  border: none !important;
20377
20408
  height: auto !important;
20378
- padding: 0 !important;
20379
- }
20380
-
20381
- .v-data-table-progress__loader {
20382
- position: relative;
20383
- }
20384
-
20385
- .v-data-table-rows-loading,
20386
- .v-data-table-rows-no-data {
20387
- text-align: center;
20388
- }
20389
-
20390
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20391
- grid-template-columns: 0;
20392
- justify-content: center;
20393
- }
20394
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20395
- grid-template-columns: 0;
20396
- justify-content: end;
20397
- }
20398
- .v-data-table__tr--mobile > td {
20399
- align-items: center;
20400
- column-gap: 4px;
20401
- display: grid;
20402
- grid-template-columns: repeat(2, 1fr);
20403
- min-height: var(--v-table-row-height);
20404
- }
20405
- .v-data-table__tr--mobile > td:not(:last-child) {
20406
- border-bottom: 0 !important;
20407
- }
20408
-
20409
- .v-data-table__td-title {
20410
- font-weight: 500;
20411
- text-align: left;
20412
- }
20413
-
20414
- .v-data-table__td-value {
20415
- text-align: right;
20416
- }
20417
-
20418
- .v-data-table__td-sort-icon {
20419
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20420
- }
20421
- .v-data-table__td-sort-icon-active {
20422
- color: rgba(var(--v-theme-on-surface));
20423
- }.v-data-table-footer {
20424
- align-items: center;
20425
- display: flex;
20426
- flex-wrap: wrap;
20427
- justify-content: flex-end;
20428
- padding: 8px 4px;
20429
- }
20430
- .v-data-table-footer__items-per-page {
20431
- align-items: center;
20432
- display: flex;
20433
- justify-content: center;
20434
- }
20435
- .v-data-table-footer__items-per-page > span {
20436
- padding-inline-end: 8px;
20437
- }
20438
- .v-data-table-footer__items-per-page > .v-select {
20439
- width: 90px;
20440
- }
20441
- .v-data-table-footer__info {
20442
- display: flex;
20443
- justify-content: flex-end;
20444
- min-width: 116px;
20445
- padding: 0 16px;
20446
- }
20447
- .v-data-table-footer__paginationz {
20448
- align-items: center;
20449
- display: flex;
20450
- margin-inline-start: 16px;
20451
- }
20452
- .v-data-table-footer__page {
20453
- padding: 0 8px;
20454
- }.v-date-picker {
20455
- overflow: hidden;
20456
- width: 328px;
20457
- }
20458
- .v-date-picker--show-week {
20459
- width: 368px;
20460
- }.v-date-picker-controls {
20461
- display: flex;
20462
- align-items: center;
20463
- justify-content: space-between;
20464
- font-size: 0.875rem;
20465
- padding-top: 4px;
20466
- padding-bottom: 4px;
20467
- padding-inline-start: 6px;
20468
- padding-inline-end: 12px;
20469
- }
20470
- .v-date-picker-controls > .v-btn:first-child {
20471
- text-transform: none;
20472
- font-weight: 400;
20473
- line-height: initial;
20474
- letter-spacing: initial;
20475
- }
20476
- .v-date-picker-controls--variant-classic {
20477
- padding-inline-start: 12px;
20478
- }
20479
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20480
- opacity: 0.7;
20481
- }
20482
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20483
- cursor: pointer;
20484
- }
20485
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20486
- opacity: 1;
20487
- }
20488
- .v-date-picker-controls .v-btn:last-child {
20489
- margin-inline-start: 4px;
20490
- }
20491
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
- transform: rotate(180deg);
20409
+ padding: 0 !important;
20493
20410
  }
20494
20411
 
20495
- .v-date-picker-controls__date {
20496
- margin-inline-end: 4px;
20412
+ .v-data-table-progress__loader {
20413
+ position: relative;
20497
20414
  }
20498
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
- margin: auto;
20415
+
20416
+ .v-data-table-rows-loading,
20417
+ .v-data-table-rows-no-data {
20500
20418
  text-align: center;
20501
20419
  }
20502
20420
 
20503
- .v-date-picker-controls__month {
20504
- display: flex;
20421
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20422
+ grid-template-columns: 0;
20423
+ justify-content: center;
20505
20424
  }
20506
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
- flex-direction: row-reverse;
20425
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20426
+ grid-template-columns: 0;
20427
+ justify-content: end;
20428
+ }
20429
+ .v-data-table__tr--mobile > td {
20430
+ align-items: center;
20431
+ column-gap: 4px;
20432
+ display: grid;
20433
+ grid-template-columns: repeat(2, 1fr);
20434
+ min-height: var(--v-table-row-height);
20435
+ }
20436
+ .v-data-table__tr--mobile > td:not(:last-child) {
20437
+ border-bottom: 0 !important;
20508
20438
  }
20509
20439
 
20510
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
- flex: 1 0 auto;
20440
+ .v-data-table__td-title {
20441
+ font-weight: 500;
20442
+ text-align: left;
20512
20443
  }
20513
20444
 
20514
- .v-date-picker__title {
20515
- display: inline-block;
20445
+ .v-data-table__td-value {
20446
+ text-align: right;
20447
+ }
20448
+
20449
+ .v-data-table__td-sort-icon {
20450
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20451
+ }
20452
+ .v-data-table__td-sort-icon-active {
20453
+ color: rgba(var(--v-theme-on-surface));
20454
+ }.v-date-picker {
20455
+ overflow: hidden;
20456
+ width: 328px;
20457
+ }
20458
+ .v-date-picker--show-week {
20459
+ width: 368px;
20516
20460
  }.v-date-picker-header {
20517
20461
  align-items: flex-end;
20518
20462
  height: 70px;
@@ -20573,6 +20517,96 @@ html.overflow-y-hidden {
20573
20517
  .date-picker-header-reverse-transition-leave-to {
20574
20518
  opacity: 0;
20575
20519
  transform: translate(0, 100%);
20520
+ }.v-date-picker-years {
20521
+ height: 288px;
20522
+ overflow-y: scroll;
20523
+ }
20524
+
20525
+ .v-date-picker-years__content {
20526
+ display: grid;
20527
+ flex: 1 1;
20528
+ justify-content: space-around;
20529
+ grid-template-columns: repeat(3, 1fr);
20530
+ gap: 8px 24px;
20531
+ padding-inline: 32px;
20532
+ }
20533
+ .v-date-picker-years__content .v-btn {
20534
+ padding-inline: 8px;
20535
+ }.v-date-picker-controls {
20536
+ display: flex;
20537
+ align-items: center;
20538
+ justify-content: space-between;
20539
+ font-size: 0.875rem;
20540
+ padding-top: 4px;
20541
+ padding-bottom: 4px;
20542
+ padding-inline-start: 6px;
20543
+ padding-inline-end: 12px;
20544
+ }
20545
+ .v-date-picker-controls > .v-btn:first-child {
20546
+ text-transform: none;
20547
+ font-weight: 400;
20548
+ line-height: initial;
20549
+ letter-spacing: initial;
20550
+ }
20551
+ .v-date-picker-controls--variant-classic {
20552
+ padding-inline-start: 12px;
20553
+ }
20554
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20555
+ opacity: 0.7;
20556
+ }
20557
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20558
+ cursor: pointer;
20559
+ }
20560
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20561
+ opacity: 1;
20562
+ }
20563
+ .v-date-picker-controls .v-btn:last-child {
20564
+ margin-inline-start: 4px;
20565
+ }
20566
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20567
+ transform: rotate(180deg);
20568
+ }
20569
+
20570
+ .v-date-picker-controls__date {
20571
+ margin-inline-end: 4px;
20572
+ }
20573
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20574
+ margin: auto;
20575
+ text-align: center;
20576
+ }
20577
+
20578
+ .v-date-picker-controls__month {
20579
+ display: flex;
20580
+ }
20581
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20582
+ flex-direction: row-reverse;
20583
+ }
20584
+
20585
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20586
+ flex: 1 0 auto;
20587
+ }
20588
+
20589
+ .v-date-picker__title {
20590
+ display: inline-block;
20591
+ }.v-date-picker-months {
20592
+ height: 288px;
20593
+ }
20594
+
20595
+ .v-date-picker-months__content {
20596
+ align-items: center;
20597
+ display: grid;
20598
+ flex: 1 1;
20599
+ height: inherit;
20600
+ justify-content: space-around;
20601
+ grid-template-columns: repeat(2, 1fr);
20602
+ grid-gap: 0px 24px;
20603
+ padding-inline-start: 36px;
20604
+ padding-inline-end: 36px;
20605
+ }
20606
+ .v-date-picker-months__content .v-btn {
20607
+ text-transform: none;
20608
+ padding-inline-start: 8px;
20609
+ padding-inline-end: 8px;
20576
20610
  }.v-date-picker-month {
20577
20611
  display: flex;
20578
20612
  justify-content: center;
@@ -20628,40 +20662,6 @@ html.overflow-y-hidden {
20628
20662
 
20629
20663
  .v-date-picker-month__day--hide-adjacent {
20630
20664
  opacity: 0;
20631
- }.v-date-picker-months {
20632
- height: 288px;
20633
- }
20634
-
20635
- .v-date-picker-months__content {
20636
- align-items: center;
20637
- display: grid;
20638
- flex: 1 1;
20639
- height: inherit;
20640
- justify-content: space-around;
20641
- grid-template-columns: repeat(2, 1fr);
20642
- grid-gap: 0px 24px;
20643
- padding-inline-start: 36px;
20644
- padding-inline-end: 36px;
20645
- }
20646
- .v-date-picker-months__content .v-btn {
20647
- text-transform: none;
20648
- padding-inline-start: 8px;
20649
- padding-inline-end: 8px;
20650
- }.v-date-picker-years {
20651
- height: 288px;
20652
- overflow-y: scroll;
20653
- }
20654
-
20655
- .v-date-picker-years__content {
20656
- display: grid;
20657
- flex: 1 1;
20658
- justify-content: space-around;
20659
- grid-template-columns: repeat(3, 1fr);
20660
- gap: 8px 24px;
20661
- padding-inline: 32px;
20662
- }
20663
- .v-date-picker-years__content .v-btn {
20664
- padding-inline: 8px;
20665
20665
  }.v-divider {
20666
20666
  display: block;
20667
20667
  flex: 1 1 100%;
@@ -20689,128 +20689,31 @@ html.overflow-y-hidden {
20689
20689
  max-width: calc(100% - 72px);
20690
20690
  margin-inline-start: 72px;
20691
20691
  }
20692
- .v-divider--inset.v-divider--vertical {
20693
- margin-bottom: 8px;
20694
- margin-top: 8px;
20695
- max-height: calc(100% - 16px);
20696
- }
20697
-
20698
- .v-divider__content {
20699
- padding: 0 16px;
20700
- text-wrap: nowrap;
20701
- }
20702
- .v-divider__wrapper--vertical .v-divider__content {
20703
- padding: 4px 0;
20704
- }
20705
-
20706
- .v-divider__wrapper {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: center;
20710
- }
20711
- .v-divider__wrapper--vertical {
20712
- flex-direction: column;
20713
- height: 100%;
20714
- }
20715
- .v-divider__wrapper--vertical .v-divider {
20716
- margin: 0 auto;
20717
- }.v-dialog {
20718
- align-items: center;
20719
- justify-content: center;
20720
- margin: auto;
20721
- }
20722
- .v-dialog > .v-overlay__content {
20723
- max-height: calc(100% - 48px);
20724
- width: calc(100% - 48px);
20725
- max-width: calc(100% - 48px);
20726
- margin: 24px;
20727
- }
20728
- .v-dialog > .v-overlay__content,
20729
- .v-dialog > .v-overlay__content > form {
20730
- display: flex;
20731
- flex-direction: column;
20732
- min-height: 0;
20733
- }
20734
- .v-dialog > .v-overlay__content > .v-card,
20735
- .v-dialog > .v-overlay__content > .v-sheet,
20736
- .v-dialog > .v-overlay__content > form > .v-card,
20737
- .v-dialog > .v-overlay__content > form > .v-sheet {
20738
- --v-scrollbar-offset: 0px;
20739
- border-radius: 4px;
20740
- overflow-y: auto;
20741
- }
20742
- .v-dialog > .v-overlay__content > .v-card,
20743
- .v-dialog > .v-overlay__content > .v-sheet,
20744
- .v-dialog > .v-overlay__content > form > .v-card,
20745
- .v-dialog > .v-overlay__content > form > .v-sheet {
20746
- 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));
20747
- }
20748
- .v-dialog > .v-overlay__content > .v-card,
20749
- .v-dialog > .v-overlay__content > form > .v-card {
20750
- display: flex;
20751
- flex-direction: column;
20752
- }
20753
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20754
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20755
- padding: 16px 24px;
20756
- }
20757
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20758
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20759
- padding-top: 0;
20760
- }
20761
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20762
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20763
- font-size: inherit;
20764
- letter-spacing: 0.03125em;
20765
- line-height: inherit;
20766
- padding: 16px 24px 24px;
20767
- }
20768
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20769
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20770
- justify-content: flex-end;
20771
- }
20772
-
20773
- .v-dialog--fullscreen {
20774
- --v-scrollbar-offset: 0px;
20692
+ .v-divider--inset.v-divider--vertical {
20693
+ margin-bottom: 8px;
20694
+ margin-top: 8px;
20695
+ max-height: calc(100% - 16px);
20775
20696
  }
20776
- .v-dialog--fullscreen > .v-overlay__content {
20777
- border-radius: 0;
20778
- margin: 0;
20779
- padding: 0;
20780
- width: 100%;
20781
- height: 100%;
20782
- max-width: 100%;
20783
- max-height: 100%;
20784
- overflow-y: auto;
20785
- top: 0;
20786
- left: 0;
20697
+
20698
+ .v-divider__content {
20699
+ padding: 0 16px;
20700
+ text-wrap: nowrap;
20787
20701
  }
20788
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
20789
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20790
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20791
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20792
- min-height: 100%;
20793
- min-width: 100%;
20794
- border-radius: 0;
20702
+ .v-divider__wrapper--vertical .v-divider__content {
20703
+ padding: 4px 0;
20795
20704
  }
20796
20705
 
20797
- .v-dialog--scrollable > .v-overlay__content,
20798
- .v-dialog--scrollable > .v-overlay__content > form {
20706
+ .v-divider__wrapper {
20799
20707
  display: flex;
20708
+ align-items: center;
20709
+ justify-content: center;
20800
20710
  }
20801
- .v-dialog--scrollable > .v-overlay__content > .v-card,
20802
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20803
- display: flex;
20804
- flex: 1 1 100%;
20711
+ .v-divider__wrapper--vertical {
20805
20712
  flex-direction: column;
20806
- max-height: 100%;
20807
- max-width: 100%;
20713
+ height: 100%;
20808
20714
  }
20809
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20810
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20811
- -webkit-backface-visibility: hidden;
20812
- backface-visibility: hidden;
20813
- overflow-y: auto;
20715
+ .v-divider__wrapper--vertical .v-divider {
20716
+ margin: 0 auto;
20814
20717
  }.v-expansion-panel {
20815
20718
  background-color: rgb(var(--v-theme-surface));
20816
20719
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -22766,6 +22669,11 @@ textarea.v-field__input::placeholder {
22766
22669
 
22767
22670
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22768
22671
  padding-top: calc(var(--v-input-padding-top) + 0px);
22672
+ }.v-item-group {
22673
+ flex: 0 1 auto;
22674
+ max-width: 100%;
22675
+ position: relative;
22676
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22769
22677
  }.v-label {
22770
22678
  align-items: center;
22771
22679
  color: inherit;
@@ -22781,11 +22689,6 @@ textarea.v-field__input::placeholder {
22781
22689
 
22782
22690
  .v-label--clickable {
22783
22691
  cursor: pointer;
22784
- }.v-item-group {
22785
- flex: 0 1 auto;
22786
- max-width: 100%;
22787
- position: relative;
22788
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22789
22692
  }.v-layout {
22790
22693
  --v-scrollbar-offset: 0px;
22791
22694
  display: flex;
@@ -22801,115 +22704,6 @@ textarea.v-field__input::placeholder {
22801
22704
 
22802
22705
  .v-layout-item--absolute {
22803
22706
  position: absolute;
22804
- }.v-list {
22805
- overflow: auto;
22806
- padding: 8px 0;
22807
- position: relative;
22808
- outline: none;
22809
- }
22810
- .v-list {
22811
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22812
- border-style: solid;
22813
- border-width: 0;
22814
- }
22815
- .v-list--border {
22816
- border-width: thin;
22817
- box-shadow: none;
22818
- }
22819
- .v-list {
22820
- 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));
22821
- }
22822
- .v-list {
22823
- border-radius: 0;
22824
- }
22825
- .v-list {
22826
- background: rgba(var(--v-theme-surface));
22827
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22828
- }
22829
- .v-list--disabled {
22830
- pointer-events: none;
22831
- -webkit-user-select: none;
22832
- user-select: none;
22833
- }
22834
- .v-list--nav {
22835
- padding-inline: 8px;
22836
- }
22837
- .v-list--rounded {
22838
- border-radius: 4px;
22839
- }
22840
- .v-list--subheader {
22841
- padding-top: 0;
22842
- }
22843
-
22844
- .v-list-img {
22845
- border-radius: inherit;
22846
- display: flex;
22847
- height: 100%;
22848
- left: 0;
22849
- overflow: hidden;
22850
- position: absolute;
22851
- top: 0;
22852
- width: 100%;
22853
- z-index: -1;
22854
- }
22855
-
22856
- .v-list-subheader {
22857
- align-items: center;
22858
- background: inherit;
22859
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
22860
- display: flex;
22861
- font-size: 0.875rem;
22862
- font-weight: 400;
22863
- line-height: 1.375rem;
22864
- padding-inline-end: 16px;
22865
- min-height: 40px;
22866
- transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
22867
- }
22868
- .v-list-subheader__text {
22869
- overflow: hidden;
22870
- text-overflow: ellipsis;
22871
- white-space: nowrap;
22872
- }
22873
- .v-list--density-default .v-list-subheader {
22874
- min-height: 40px;
22875
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22876
- }
22877
-
22878
- .v-list--density-comfortable .v-list-subheader {
22879
- min-height: 36px;
22880
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22881
- }
22882
-
22883
- .v-list--density-compact .v-list-subheader {
22884
- min-height: 32px;
22885
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
22886
- }
22887
-
22888
- .v-list-subheader--inset {
22889
- --indent-padding: 56px;
22890
- }
22891
- .v-list--nav .v-list-subheader {
22892
- font-size: 0.75rem;
22893
- }
22894
- .v-list-subheader--sticky {
22895
- background: inherit;
22896
- left: 0;
22897
- position: sticky;
22898
- top: 0;
22899
- z-index: 1;
22900
- }
22901
-
22902
- .v-list__overlay {
22903
- background-color: currentColor;
22904
- border-radius: inherit;
22905
- bottom: 0;
22906
- left: 0;
22907
- opacity: 0;
22908
- pointer-events: none;
22909
- position: absolute;
22910
- right: 0;
22911
- top: 0;
22912
- transition: opacity 0.2s ease-in-out;
22913
22707
  }.v-list-item {
22914
22708
  align-items: center;
22915
22709
  display: grid;
@@ -23363,19 +23157,130 @@ textarea.v-field__input::placeholder {
23363
23157
  --parent-padding: var(--indent-padding);
23364
23158
  }
23365
23159
 
23366
- .v-list-group__items {
23367
- --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
23160
+ .v-list-group__items {
23161
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
23162
+ }
23163
+
23164
+ .v-list-group__items .v-list-item {
23165
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23166
+ }
23167
+
23168
+ .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23169
+ opacity: 0;
23170
+ }
23171
+ .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23172
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23173
+ }.v-list {
23174
+ overflow: auto;
23175
+ padding: 8px 0;
23176
+ position: relative;
23177
+ outline: none;
23178
+ }
23179
+ .v-list {
23180
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
23181
+ border-style: solid;
23182
+ border-width: 0;
23183
+ }
23184
+ .v-list--border {
23185
+ border-width: thin;
23186
+ box-shadow: none;
23187
+ }
23188
+ .v-list {
23189
+ 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));
23190
+ }
23191
+ .v-list {
23192
+ border-radius: 0;
23193
+ }
23194
+ .v-list {
23195
+ background: rgba(var(--v-theme-surface));
23196
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23197
+ }
23198
+ .v-list--disabled {
23199
+ pointer-events: none;
23200
+ -webkit-user-select: none;
23201
+ user-select: none;
23202
+ }
23203
+ .v-list--nav {
23204
+ padding-inline: 8px;
23205
+ }
23206
+ .v-list--rounded {
23207
+ border-radius: 4px;
23208
+ }
23209
+ .v-list--subheader {
23210
+ padding-top: 0;
23211
+ }
23212
+
23213
+ .v-list-img {
23214
+ border-radius: inherit;
23215
+ display: flex;
23216
+ height: 100%;
23217
+ left: 0;
23218
+ overflow: hidden;
23219
+ position: absolute;
23220
+ top: 0;
23221
+ width: 100%;
23222
+ z-index: -1;
23223
+ }
23224
+
23225
+ .v-list-subheader {
23226
+ align-items: center;
23227
+ background: inherit;
23228
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23229
+ display: flex;
23230
+ font-size: 0.875rem;
23231
+ font-weight: 400;
23232
+ line-height: 1.375rem;
23233
+ padding-inline-end: 16px;
23234
+ min-height: 40px;
23235
+ transition: 0.2s min-height cubic-bezier(0.4, 0, 0.2, 1);
23236
+ }
23237
+ .v-list-subheader__text {
23238
+ overflow: hidden;
23239
+ text-overflow: ellipsis;
23240
+ white-space: nowrap;
23241
+ }
23242
+ .v-list--density-default .v-list-subheader {
23243
+ min-height: 40px;
23244
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23245
+ }
23246
+
23247
+ .v-list--density-comfortable .v-list-subheader {
23248
+ min-height: 36px;
23249
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23368
23250
  }
23369
23251
 
23370
- .v-list-group__items .v-list-item {
23252
+ .v-list--density-compact .v-list-subheader {
23253
+ min-height: 32px;
23371
23254
  padding-inline-start: calc(16px + var(--indent-padding)) !important;
23372
23255
  }
23373
23256
 
23374
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:not(:focus-visible) .v-list-item__overlay {
23375
- opacity: 0;
23257
+ .v-list-subheader--inset {
23258
+ --indent-padding: 56px;
23376
23259
  }
23377
- .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23378
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23260
+ .v-list--nav .v-list-subheader {
23261
+ font-size: 0.75rem;
23262
+ }
23263
+ .v-list-subheader--sticky {
23264
+ background: inherit;
23265
+ left: 0;
23266
+ position: sticky;
23267
+ top: 0;
23268
+ z-index: 1;
23269
+ }
23270
+
23271
+ .v-list__overlay {
23272
+ background-color: currentColor;
23273
+ border-radius: inherit;
23274
+ bottom: 0;
23275
+ left: 0;
23276
+ opacity: 0;
23277
+ pointer-events: none;
23278
+ position: absolute;
23279
+ right: 0;
23280
+ top: 0;
23281
+ transition: opacity 0.2s ease-in-out;
23282
+ }.v-locale-provider {
23283
+ display: contents;
23379
23284
  }.v-main {
23380
23285
  flex: 1 0 auto;
23381
23286
  max-width: 100%;
@@ -23406,8 +23311,6 @@ textarea.v-field__input::placeholder {
23406
23311
  --v-layout-right: 0px;
23407
23312
  --v-layout-top: 0px;
23408
23313
  --v-layout-bottom: 0px;
23409
- }.v-locale-provider {
23410
- display: contents;
23411
23314
  }.v-menu > .v-overlay__content {
23412
23315
  display: flex;
23413
23316
  flex-direction: column;
@@ -23427,6 +23330,103 @@ textarea.v-field__input::placeholder {
23427
23330
  .v-menu > .v-overlay__content > .v-sheet,
23428
23331
  .v-menu > .v-overlay__content > .v-list {
23429
23332
  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));
23333
+ }.v-dialog {
23334
+ align-items: center;
23335
+ justify-content: center;
23336
+ margin: auto;
23337
+ }
23338
+ .v-dialog > .v-overlay__content {
23339
+ max-height: calc(100% - 48px);
23340
+ width: calc(100% - 48px);
23341
+ max-width: calc(100% - 48px);
23342
+ margin: 24px;
23343
+ }
23344
+ .v-dialog > .v-overlay__content,
23345
+ .v-dialog > .v-overlay__content > form {
23346
+ display: flex;
23347
+ flex-direction: column;
23348
+ min-height: 0;
23349
+ }
23350
+ .v-dialog > .v-overlay__content > .v-card,
23351
+ .v-dialog > .v-overlay__content > .v-sheet,
23352
+ .v-dialog > .v-overlay__content > form > .v-card,
23353
+ .v-dialog > .v-overlay__content > form > .v-sheet {
23354
+ --v-scrollbar-offset: 0px;
23355
+ border-radius: 4px;
23356
+ overflow-y: auto;
23357
+ }
23358
+ .v-dialog > .v-overlay__content > .v-card,
23359
+ .v-dialog > .v-overlay__content > .v-sheet,
23360
+ .v-dialog > .v-overlay__content > form > .v-card,
23361
+ .v-dialog > .v-overlay__content > form > .v-sheet {
23362
+ 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));
23363
+ }
23364
+ .v-dialog > .v-overlay__content > .v-card,
23365
+ .v-dialog > .v-overlay__content > form > .v-card {
23366
+ display: flex;
23367
+ flex-direction: column;
23368
+ }
23369
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
23370
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
23371
+ padding: 16px 24px;
23372
+ }
23373
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
23374
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
23375
+ padding-top: 0;
23376
+ }
23377
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
23378
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
23379
+ font-size: inherit;
23380
+ letter-spacing: 0.03125em;
23381
+ line-height: inherit;
23382
+ padding: 16px 24px 24px;
23383
+ }
23384
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
23385
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
23386
+ justify-content: flex-end;
23387
+ }
23388
+
23389
+ .v-dialog--fullscreen {
23390
+ --v-scrollbar-offset: 0px;
23391
+ }
23392
+ .v-dialog--fullscreen > .v-overlay__content {
23393
+ border-radius: 0;
23394
+ margin: 0;
23395
+ padding: 0;
23396
+ width: 100%;
23397
+ height: 100%;
23398
+ max-width: 100%;
23399
+ max-height: 100%;
23400
+ overflow-y: auto;
23401
+ top: 0;
23402
+ left: 0;
23403
+ }
23404
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
23405
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
23406
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
23407
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
23408
+ min-height: 100%;
23409
+ min-width: 100%;
23410
+ border-radius: 0;
23411
+ }
23412
+
23413
+ .v-dialog--scrollable > .v-overlay__content,
23414
+ .v-dialog--scrollable > .v-overlay__content > form {
23415
+ display: flex;
23416
+ }
23417
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
23418
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
23419
+ display: flex;
23420
+ flex: 1 1 100%;
23421
+ flex-direction: column;
23422
+ max-height: 100%;
23423
+ max-width: 100%;
23424
+ }
23425
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
23426
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
23427
+ -webkit-backface-visibility: hidden;
23428
+ backface-visibility: hidden;
23429
+ overflow-y: auto;
23430
23430
  }.v-messages {
23431
23431
  flex: 1 1 auto;
23432
23432
  font-size: 12px;
@@ -23551,69 +23551,6 @@ textarea.v-field__input::placeholder {
23551
23551
  .v-navigation-drawer__append {
23552
23552
  flex: none;
23553
23553
  overflow: hidden;
23554
- }.v-overlay-container {
23555
- contain: layout;
23556
- left: 0;
23557
- pointer-events: none;
23558
- position: absolute;
23559
- top: 0;
23560
- display: contents;
23561
- }
23562
-
23563
- .v-overlay-scroll-blocked {
23564
- padding-inline-end: var(--v-scrollbar-offset);
23565
- }
23566
- .v-overlay-scroll-blocked:not(html) {
23567
- overflow-y: hidden !important;
23568
- }
23569
- html.v-overlay-scroll-blocked {
23570
- position: fixed;
23571
- top: var(--v-body-scroll-y);
23572
- left: var(--v-body-scroll-x);
23573
- width: 100%;
23574
- height: 100%;
23575
- }
23576
-
23577
- .v-overlay {
23578
- border-radius: inherit;
23579
- display: flex;
23580
- left: 0;
23581
- pointer-events: none;
23582
- position: fixed;
23583
- top: 0;
23584
- bottom: 0;
23585
- right: 0;
23586
- }
23587
-
23588
- .v-overlay__content {
23589
- outline: none;
23590
- position: absolute;
23591
- pointer-events: auto;
23592
- contain: layout;
23593
- }
23594
-
23595
- .v-overlay__scrim {
23596
- pointer-events: auto;
23597
- background: rgb(var(--v-theme-on-surface));
23598
- border-radius: inherit;
23599
- bottom: 0;
23600
- left: 0;
23601
- opacity: var(--v-overlay-opacity, 0.32);
23602
- position: fixed;
23603
- right: 0;
23604
- top: 0;
23605
- }
23606
-
23607
- .v-overlay--absolute {
23608
- position: absolute;
23609
- }
23610
-
23611
- .v-overlay--contained .v-overlay__scrim {
23612
- position: absolute;
23613
- }
23614
-
23615
- .v-overlay--scroll-blocked {
23616
- padding-inline-end: var(--v-scrollbar-offset);
23617
23554
  }.v-otp-input {
23618
23555
  align-items: center;
23619
23556
  display: flex;
@@ -23647,31 +23584,94 @@ html.v-overlay-scroll-blocked {
23647
23584
  max-width: 360px;
23648
23585
  }
23649
23586
 
23650
- .v-otp-input__field {
23651
- color: inherit;
23652
- font-size: 1.25rem;
23653
- height: 100%;
23587
+ .v-otp-input__field {
23588
+ color: inherit;
23589
+ font-size: 1.25rem;
23590
+ height: 100%;
23591
+ outline: none;
23592
+ text-align: center;
23593
+ width: 100%;
23594
+ }
23595
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23596
+ -webkit-appearance: none;
23597
+ margin: 0;
23598
+ }
23599
+ .v-otp-input__field[type=number] {
23600
+ -moz-appearance: textfield;
23601
+ }
23602
+
23603
+ .v-otp-input__loader {
23604
+ align-items: center;
23605
+ display: flex;
23606
+ height: 100%;
23607
+ justify-content: center;
23608
+ width: 100%;
23609
+ }
23610
+ .v-otp-input__loader .v-progress-linear {
23611
+ position: absolute;
23612
+ }.v-overlay-container {
23613
+ contain: layout;
23614
+ left: 0;
23615
+ pointer-events: none;
23616
+ position: absolute;
23617
+ top: 0;
23618
+ display: contents;
23619
+ }
23620
+
23621
+ .v-overlay-scroll-blocked {
23622
+ padding-inline-end: var(--v-scrollbar-offset);
23623
+ }
23624
+ .v-overlay-scroll-blocked:not(html) {
23625
+ overflow-y: hidden !important;
23626
+ }
23627
+ html.v-overlay-scroll-blocked {
23628
+ position: fixed;
23629
+ top: var(--v-body-scroll-y);
23630
+ left: var(--v-body-scroll-x);
23631
+ width: 100%;
23632
+ height: 100%;
23633
+ }
23634
+
23635
+ .v-overlay {
23636
+ border-radius: inherit;
23637
+ display: flex;
23638
+ left: 0;
23639
+ pointer-events: none;
23640
+ position: fixed;
23641
+ top: 0;
23642
+ bottom: 0;
23643
+ right: 0;
23644
+ }
23645
+
23646
+ .v-overlay__content {
23654
23647
  outline: none;
23655
- text-align: center;
23656
- width: 100%;
23657
- }
23658
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
23659
- -webkit-appearance: none;
23660
- margin: 0;
23648
+ position: absolute;
23649
+ pointer-events: auto;
23650
+ contain: layout;
23661
23651
  }
23662
- .v-otp-input__field[type=number] {
23663
- -moz-appearance: textfield;
23652
+
23653
+ .v-overlay__scrim {
23654
+ pointer-events: auto;
23655
+ background: rgb(var(--v-theme-on-surface));
23656
+ border-radius: inherit;
23657
+ bottom: 0;
23658
+ left: 0;
23659
+ opacity: var(--v-overlay-opacity, 0.32);
23660
+ position: fixed;
23661
+ right: 0;
23662
+ top: 0;
23664
23663
  }
23665
23664
 
23666
- .v-otp-input__loader {
23667
- align-items: center;
23668
- display: flex;
23669
- height: 100%;
23670
- justify-content: center;
23671
- width: 100%;
23665
+ .v-overlay--absolute {
23666
+ position: absolute;
23672
23667
  }
23673
- .v-otp-input__loader .v-progress-linear {
23668
+
23669
+ .v-overlay--contained .v-overlay__scrim {
23674
23670
  position: absolute;
23671
+ }
23672
+
23673
+ .v-overlay--scroll-blocked {
23674
+ padding-inline-end: var(--v-scrollbar-offset);
23675
23675
  }.v-pagination__list {
23676
23676
  display: inline-flex;
23677
23677
  list-style-type: none;
@@ -24138,6 +24138,32 @@ html.v-overlay-scroll-blocked {
24138
24138
  opacity: 0;
24139
24139
  position: absolute;
24140
24140
  width: 0;
24141
+ }.v-responsive {
24142
+ display: flex;
24143
+ flex: 1 0 auto;
24144
+ max-height: 100%;
24145
+ max-width: 100%;
24146
+ overflow: hidden;
24147
+ position: relative;
24148
+ }
24149
+ .v-responsive--inline {
24150
+ display: inline-flex;
24151
+ flex: 0 0 auto;
24152
+ }
24153
+
24154
+ .v-responsive__content {
24155
+ flex: 1 0 0px;
24156
+ max-width: 100%;
24157
+ }
24158
+
24159
+ .v-responsive__sizer ~ .v-responsive__content {
24160
+ margin-inline-start: -100%;
24161
+ }
24162
+
24163
+ .v-responsive__sizer {
24164
+ flex: 1 0 0px;
24165
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24166
+ pointer-events: none;
24141
24167
  }.v-select .v-field .v-text-field__prefix,
24142
24168
  .v-select .v-field .v-text-field__suffix,
24143
24169
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24190,32 +24216,6 @@ html.v-overlay-scroll-blocked {
24190
24216
  .v-select--active-menu .v-select__menu-icon {
24191
24217
  opacity: var(--v-high-emphasis-opacity);
24192
24218
  transform: rotate(180deg);
24193
- }.v-responsive {
24194
- display: flex;
24195
- flex: 1 0 auto;
24196
- max-height: 100%;
24197
- max-width: 100%;
24198
- overflow: hidden;
24199
- position: relative;
24200
- }
24201
- .v-responsive--inline {
24202
- display: inline-flex;
24203
- flex: 0 0 auto;
24204
- }
24205
-
24206
- .v-responsive__content {
24207
- flex: 1 0 0px;
24208
- max-width: 100%;
24209
- }
24210
-
24211
- .v-responsive__sizer ~ .v-responsive__content {
24212
- margin-inline-start: -100%;
24213
- }
24214
-
24215
- .v-responsive__sizer {
24216
- flex: 1 0 0px;
24217
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24218
- pointer-events: none;
24219
24219
  }.v-selection-control {
24220
24220
  align-items: center;
24221
24221
  contain: layout;
@@ -24810,20 +24810,195 @@ html.v-overlay-scroll-blocked {
24810
24810
  .v-speed-dial__content > *:nth-child(5) {
24811
24811
  transition-delay: 0.2s;
24812
24812
  }
24813
- .v-speed-dial__content > *:nth-child(6) {
24814
- transition-delay: 0.25s;
24813
+ .v-speed-dial__content > *:nth-child(6) {
24814
+ transition-delay: 0.25s;
24815
+ }
24816
+ .v-speed-dial__content > *:nth-child(7) {
24817
+ transition-delay: 0.3s;
24818
+ }
24819
+ .v-speed-dial__content > *:nth-child(8) {
24820
+ transition-delay: 0.35s;
24821
+ }
24822
+ .v-speed-dial__content > *:nth-child(9) {
24823
+ transition-delay: 0.4s;
24824
+ }
24825
+ .v-speed-dial__content > *:nth-child(10) {
24826
+ transition-delay: 0.45s;
24827
+ }.v-stepper.v-sheet {
24828
+ overflow: hidden;
24829
+ }
24830
+ .v-stepper.v-sheet {
24831
+ 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));
24832
+ }
24833
+ .v-stepper.v-sheet {
24834
+ border-radius: 4px;
24835
+ }
24836
+ .v-stepper.v-sheet.v-stepper--flat {
24837
+ 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));
24838
+ }
24839
+
24840
+ .v-stepper-header {
24841
+ align-items: center;
24842
+ display: flex;
24843
+ position: relative;
24844
+ overflow-x: auto;
24845
+ justify-content: space-between;
24846
+ z-index: 1;
24847
+ }
24848
+ .v-stepper-header {
24849
+ 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));
24850
+ }
24851
+ .v-stepper-header .v-divider {
24852
+ margin: 0 -16px;
24853
+ }
24854
+ .v-stepper-header .v-divider:last-child {
24855
+ margin-inline-end: 0;
24856
+ }
24857
+ .v-stepper-header .v-divider:first-child {
24858
+ margin-inline-start: 0;
24859
+ }
24860
+ .v-stepper--alt-labels .v-stepper-header {
24861
+ height: auto;
24862
+ }
24863
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24864
+ align-self: flex-start;
24865
+ margin: 35px -67px 0;
24866
+ }
24867
+
24868
+ .v-stepper-window {
24869
+ margin: 1.5rem;
24870
+ }
24871
+
24872
+ .v-stepper-actions {
24873
+ display: flex;
24874
+ align-items: center;
24875
+ justify-content: space-between;
24876
+ padding: 1rem;
24877
+ }
24878
+ .v-stepper .v-stepper-actions {
24879
+ padding: 0 1.5rem 1rem;
24880
+ }
24881
+ .v-stepper-window-item .v-stepper-actions {
24882
+ padding: 1.5rem 0 0;
24883
+ }.v-stepper-item {
24884
+ align-items: center;
24885
+ align-self: stretch;
24886
+ display: inline-flex;
24887
+ flex: none;
24888
+ outline: none;
24889
+ opacity: var(--v-medium-emphasis-opacity);
24890
+ padding: 1.5rem;
24891
+ position: relative;
24892
+ transition-duration: 0.2s;
24893
+ transition-property: opacity;
24894
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24895
+ }
24896
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24897
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24898
+ }
24899
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24900
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24901
+ }
24902
+ @supports not selector(:focus-visible) {
24903
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24904
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24905
+ }
24906
+ }
24907
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24908
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24909
+ }
24910
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24911
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24912
+ }
24913
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24914
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24915
+ }
24916
+ @supports not selector(:focus-visible) {
24917
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24918
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24919
+ }
24920
+ }
24921
+ .v-stepper--non-linear .v-stepper-item {
24922
+ opacity: var(--v-high-emphasis-opacity);
24923
+ }
24924
+ .v-stepper-item--selected {
24925
+ opacity: 1;
24926
+ }
24927
+ .v-stepper-item--error {
24928
+ color: rgb(var(--v-theme-error));
24929
+ }
24930
+ .v-stepper-item--disabled {
24931
+ opacity: var(--v-medium-emphasis-opacity);
24932
+ pointer-events: none;
24933
+ }
24934
+ .v-stepper--alt-labels .v-stepper-item {
24935
+ flex-direction: column;
24936
+ justify-content: flex-start;
24937
+ align-items: center;
24938
+ flex-basis: 175px;
24939
+ }
24940
+
24941
+ .v-stepper-item__avatar.v-avatar {
24942
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24943
+ color: rgb(var(--v-theme-on-surface-variant));
24944
+ font-size: 0.75rem;
24945
+ margin-inline-end: 8px;
24946
+ }
24947
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24948
+ margin-inline-end: 0;
24949
+ }
24950
+ .v-stepper-item__avatar.v-avatar .v-icon {
24951
+ font-size: 0.875rem;
24952
+ }
24953
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24954
+ background: rgb(var(--v-theme-surface-variant));
24955
+ }
24956
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24957
+ background: rgb(var(--v-theme-error));
24958
+ }
24959
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24960
+ margin-bottom: 16px;
24961
+ margin-inline-end: 0;
24962
+ }
24963
+
24964
+ .v-stepper-item__title {
24965
+ line-height: 1;
24966
+ }
24967
+ .v-stepper--mobile .v-stepper-item__title {
24968
+ display: none;
24969
+ }
24970
+
24971
+ .v-stepper-item__subtitle {
24972
+ font-size: 0.75rem;
24973
+ text-align: left;
24974
+ line-height: 1;
24975
+ opacity: var(--v-medium-emphasis-opacity);
24976
+ }
24977
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24978
+ text-align: center;
24815
24979
  }
24816
- .v-speed-dial__content > *:nth-child(7) {
24817
- transition-delay: 0.3s;
24980
+ .v-stepper--mobile .v-stepper-item__subtitle {
24981
+ display: none;
24818
24982
  }
24819
- .v-speed-dial__content > *:nth-child(8) {
24820
- transition-delay: 0.35s;
24983
+
24984
+ .v-stepper-item__overlay {
24985
+ background-color: currentColor;
24986
+ border-radius: inherit;
24987
+ opacity: 0;
24988
+ transition: opacity 0.2s ease-in-out;
24821
24989
  }
24822
- .v-speed-dial__content > *:nth-child(9) {
24823
- transition-delay: 0.4s;
24990
+
24991
+ .v-stepper-item__overlay,
24992
+ .v-stepper-item__underlay {
24993
+ pointer-events: none;
24824
24994
  }
24825
- .v-speed-dial__content > *:nth-child(10) {
24826
- transition-delay: 0.45s;
24995
+ .v-stepper-item__overlay,
24996
+ .v-stepper-item__underlay {
24997
+ position: absolute;
24998
+ top: 0;
24999
+ left: 0;
25000
+ width: 100%;
25001
+ height: 100%;
24827
25002
  }.v-switch .v-label {
24828
25003
  padding-inline-start: 10px;
24829
25004
  }
@@ -25006,224 +25181,144 @@ html.v-overlay-scroll-blocked {
25006
25181
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25007
25182
  border-width: 0;
25008
25183
  }
25009
- }.v-stepper.v-sheet {
25010
- overflow: hidden;
25011
- }
25012
- .v-stepper.v-sheet {
25013
- 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));
25014
- }
25015
- .v-stepper.v-sheet {
25016
- border-radius: 4px;
25017
- }
25018
- .v-stepper.v-sheet.v-stepper--flat {
25019
- 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));
25020
- }
25021
-
25022
- .v-stepper-header {
25184
+ }.v-system-bar {
25023
25185
  align-items: center;
25024
25186
  display: flex;
25187
+ flex: 1 1 auto;
25188
+ height: 24px;
25189
+ justify-content: flex-end;
25190
+ max-width: 100%;
25191
+ padding-inline: 8px;
25025
25192
  position: relative;
25026
- overflow-x: auto;
25027
- justify-content: space-between;
25028
- z-index: 1;
25029
- }
25030
- .v-stepper-header {
25031
- 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));
25032
- }
25033
- .v-stepper-header .v-divider {
25034
- margin: 0 -16px;
25035
- }
25036
- .v-stepper-header .v-divider:last-child {
25037
- margin-inline-end: 0;
25038
- }
25039
- .v-stepper-header .v-divider:first-child {
25040
- margin-inline-start: 0;
25041
- }
25042
- .v-stepper--alt-labels .v-stepper-header {
25043
- height: auto;
25044
- }
25045
- .v-stepper--alt-labels .v-stepper-header .v-divider {
25046
- align-self: flex-start;
25047
- margin: 35px -67px 0;
25048
- }
25049
-
25050
- .v-stepper-window {
25051
- margin: 1.5rem;
25052
- }
25053
-
25054
- .v-stepper-actions {
25055
- display: flex;
25056
- align-items: center;
25057
- justify-content: space-between;
25058
- padding: 1rem;
25059
- }
25060
- .v-stepper .v-stepper-actions {
25061
- padding: 0 1.5rem 1rem;
25193
+ text-align: end;
25194
+ width: 100%;
25062
25195
  }
25063
- .v-stepper-window-item .v-stepper-actions {
25064
- padding: 1.5rem 0 0;
25065
- }.v-stepper-item {
25066
- align-items: center;
25067
- align-self: stretch;
25068
- display: inline-flex;
25069
- flex: none;
25070
- outline: none;
25196
+ .v-system-bar .v-icon {
25071
25197
  opacity: var(--v-medium-emphasis-opacity);
25072
- padding: 1.5rem;
25073
- position: relative;
25074
- transition-duration: 0.2s;
25075
- transition-property: opacity;
25076
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
25077
- }
25078
- .v-stepper-item:hover > .v-stepper-item__overlay {
25079
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25080
- }
25081
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
25082
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25083
- }
25084
- @supports not selector(:focus-visible) {
25085
- .v-stepper-item:focus > .v-stepper-item__overlay {
25086
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25087
- }
25088
- }
25089
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
25090
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25091
- }
25092
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
25093
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25094
- }
25095
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
25096
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25097
- }
25098
- @supports not selector(:focus-visible) {
25099
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
25100
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25101
- }
25102
- }
25103
- .v-stepper--non-linear .v-stepper-item {
25104
- opacity: var(--v-high-emphasis-opacity);
25105
25198
  }
25106
- .v-stepper-item--selected {
25107
- opacity: 1;
25199
+ .v-system-bar {
25200
+ 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));
25108
25201
  }
25109
- .v-stepper-item--error {
25110
- color: rgb(var(--v-theme-error));
25202
+ .v-system-bar--absolute {
25203
+ position: absolute;
25111
25204
  }
25112
- .v-stepper-item--disabled {
25113
- opacity: var(--v-medium-emphasis-opacity);
25114
- pointer-events: none;
25205
+ .v-system-bar--fixed {
25206
+ position: fixed;
25115
25207
  }
25116
- .v-stepper--alt-labels .v-stepper-item {
25117
- flex-direction: column;
25118
- justify-content: flex-start;
25119
- align-items: center;
25120
- flex-basis: 175px;
25208
+ .v-system-bar {
25209
+ background: rgba(var(--v-theme-surface-light));
25210
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25121
25211
  }
25122
-
25123
- .v-stepper-item__avatar.v-avatar {
25124
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
25125
- color: rgb(var(--v-theme-on-surface-variant));
25212
+ .v-system-bar {
25126
25213
  font-size: 0.75rem;
25127
- margin-inline-end: 8px;
25128
- }
25129
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
25130
- margin-inline-end: 0;
25131
- }
25132
- .v-stepper-item__avatar.v-avatar .v-icon {
25133
- font-size: 0.875rem;
25134
- }
25135
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
25136
- background: rgb(var(--v-theme-surface-variant));
25137
- }
25138
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
25139
- background: rgb(var(--v-theme-error));
25140
- }
25141
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
25142
- margin-bottom: 16px;
25143
- margin-inline-end: 0;
25214
+ font-weight: 400;
25215
+ letter-spacing: 0.0333333333em;
25216
+ line-height: 1.667;
25217
+ text-transform: none;
25144
25218
  }
25145
-
25146
- .v-stepper-item__title {
25147
- line-height: 1;
25219
+ .v-system-bar--rounded {
25220
+ border-radius: 0;
25148
25221
  }
25149
- .v-stepper--mobile .v-stepper-item__title {
25150
- display: none;
25222
+ .v-system-bar--window {
25223
+ height: 32px;
25151
25224
  }
25152
-
25153
- .v-stepper-item__subtitle {
25154
- font-size: 0.75rem;
25155
- text-align: left;
25156
- line-height: 1;
25157
- opacity: var(--v-medium-emphasis-opacity);
25225
+ .v-system-bar:not(.v-system-bar--absolute) {
25226
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25227
+ }.v-tab.v-tab.v-btn {
25228
+ height: var(--v-tabs-height);
25229
+ border-radius: 0;
25230
+ min-width: 90px;
25158
25231
  }
25159
- .v-stepper--alt-labels .v-stepper-item__subtitle {
25160
- text-align: center;
25232
+ .v-slide-group--horizontal .v-tab {
25233
+ max-width: 360px;
25161
25234
  }
25162
- .v-stepper--mobile .v-stepper-item__subtitle {
25163
- display: none;
25235
+ .v-slide-group--vertical .v-tab {
25236
+ justify-content: start;
25164
25237
  }
25165
25238
 
25166
- .v-stepper-item__overlay {
25167
- background-color: currentColor;
25168
- border-radius: inherit;
25239
+ .v-tab__slider {
25240
+ position: absolute;
25241
+ bottom: 0;
25242
+ left: 0;
25243
+ height: 2px;
25244
+ width: 100%;
25245
+ background: currentColor;
25246
+ pointer-events: none;
25169
25247
  opacity: 0;
25170
- transition: opacity 0.2s ease-in-out;
25171
25248
  }
25172
-
25173
- .v-stepper-item__overlay,
25174
- .v-stepper-item__underlay {
25175
- pointer-events: none;
25249
+ .v-tab--selected .v-tab__slider {
25250
+ opacity: 1;
25176
25251
  }
25177
- .v-stepper-item__overlay,
25178
- .v-stepper-item__underlay {
25179
- position: absolute;
25252
+ .v-slide-group--vertical .v-tab__slider {
25180
25253
  top: 0;
25181
- left: 0;
25182
- width: 100%;
25183
25254
  height: 100%;
25184
- }.v-system-bar {
25185
- align-items: center;
25255
+ width: 2px;
25256
+ }.v-tabs {
25186
25257
  display: flex;
25187
- flex: 1 1 auto;
25188
- height: 24px;
25189
- justify-content: flex-end;
25190
- max-width: 100%;
25191
- padding-inline: 8px;
25192
- position: relative;
25193
- text-align: end;
25194
- width: 100%;
25258
+ height: var(--v-tabs-height);
25259
+ }
25260
+ .v-tabs--density-default {
25261
+ --v-tabs-height: 48px;
25262
+ }
25263
+ .v-tabs--density-default.v-tabs--stacked {
25264
+ --v-tabs-height: 72px;
25265
+ }
25266
+
25267
+ .v-tabs--density-comfortable {
25268
+ --v-tabs-height: 44px;
25195
25269
  }
25196
- .v-system-bar .v-icon {
25197
- opacity: var(--v-medium-emphasis-opacity);
25270
+ .v-tabs--density-comfortable.v-tabs--stacked {
25271
+ --v-tabs-height: 68px;
25198
25272
  }
25199
- .v-system-bar {
25200
- 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));
25273
+
25274
+ .v-tabs--density-compact {
25275
+ --v-tabs-height: 36px;
25201
25276
  }
25202
- .v-system-bar--absolute {
25203
- position: absolute;
25277
+ .v-tabs--density-compact.v-tabs--stacked {
25278
+ --v-tabs-height: 60px;
25204
25279
  }
25205
- .v-system-bar--fixed {
25206
- position: fixed;
25280
+
25281
+ .v-tabs.v-slide-group--vertical {
25282
+ height: auto;
25283
+ flex: none;
25284
+ --v-tabs-height: 48px;
25207
25285
  }
25208
- .v-system-bar {
25209
- background: rgba(var(--v-theme-surface-light));
25210
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25286
+
25287
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25288
+ margin-inline-start: 42px;
25211
25289
  }
25212
- .v-system-bar {
25213
- font-size: 0.75rem;
25214
- font-weight: 400;
25215
- letter-spacing: 0.0333333333em;
25216
- line-height: 1.667;
25217
- text-transform: none;
25290
+
25291
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25292
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25293
+ margin-inline-end: auto;
25218
25294
  }
25219
- .v-system-bar--rounded {
25220
- border-radius: 0;
25295
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25296
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25297
+ margin-inline-start: auto;
25221
25298
  }
25222
- .v-system-bar--window {
25223
- height: 32px;
25299
+
25300
+ .v-tabs--grow {
25301
+ flex-grow: 1;
25224
25302
  }
25225
- .v-system-bar:not(.v-system-bar--absolute) {
25226
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25303
+ .v-tabs--grow .v-tab {
25304
+ flex: 1 0 auto;
25305
+ max-width: none;
25306
+ }
25307
+
25308
+ .v-tabs--align-tabs-end .v-tab:first-child {
25309
+ margin-inline-start: auto;
25310
+ }
25311
+ .v-tabs--align-tabs-end .v-tab:last-child {
25312
+ margin-inline-end: 0;
25313
+ }
25314
+
25315
+ @media (max-width: 1279.98px) {
25316
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25317
+ margin-inline-start: 52px;
25318
+ }
25319
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25320
+ margin-inline-end: 52px;
25321
+ }
25227
25322
  }.v-table {
25228
25323
  font-size: 0.875rem;
25229
25324
  transition-duration: 0.28s;
@@ -25472,102 +25567,7 @@ html.v-overlay-scroll-blocked {
25472
25567
  padding-inline-end: var(--v-field-padding-end);
25473
25568
  }
25474
25569
 
25475
- /* endregion */.v-tab.v-tab.v-btn {
25476
- height: var(--v-tabs-height);
25477
- border-radius: 0;
25478
- min-width: 90px;
25479
- }
25480
- .v-slide-group--horizontal .v-tab {
25481
- max-width: 360px;
25482
- }
25483
- .v-slide-group--vertical .v-tab {
25484
- justify-content: start;
25485
- }
25486
-
25487
- .v-tab__slider {
25488
- position: absolute;
25489
- bottom: 0;
25490
- left: 0;
25491
- height: 2px;
25492
- width: 100%;
25493
- background: currentColor;
25494
- pointer-events: none;
25495
- opacity: 0;
25496
- }
25497
- .v-tab--selected .v-tab__slider {
25498
- opacity: 1;
25499
- }
25500
- .v-slide-group--vertical .v-tab__slider {
25501
- top: 0;
25502
- height: 100%;
25503
- width: 2px;
25504
- }.v-tabs {
25505
- display: flex;
25506
- height: var(--v-tabs-height);
25507
- }
25508
- .v-tabs--density-default {
25509
- --v-tabs-height: 48px;
25510
- }
25511
- .v-tabs--density-default.v-tabs--stacked {
25512
- --v-tabs-height: 72px;
25513
- }
25514
-
25515
- .v-tabs--density-comfortable {
25516
- --v-tabs-height: 44px;
25517
- }
25518
- .v-tabs--density-comfortable.v-tabs--stacked {
25519
- --v-tabs-height: 68px;
25520
- }
25521
-
25522
- .v-tabs--density-compact {
25523
- --v-tabs-height: 36px;
25524
- }
25525
- .v-tabs--density-compact.v-tabs--stacked {
25526
- --v-tabs-height: 60px;
25527
- }
25528
-
25529
- .v-tabs.v-slide-group--vertical {
25530
- height: auto;
25531
- flex: none;
25532
- --v-tabs-height: 48px;
25533
- }
25534
-
25535
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25536
- margin-inline-start: 42px;
25537
- }
25538
-
25539
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25540
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25541
- margin-inline-end: auto;
25542
- }
25543
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25544
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25545
- margin-inline-start: auto;
25546
- }
25547
-
25548
- .v-tabs--grow {
25549
- flex-grow: 1;
25550
- }
25551
- .v-tabs--grow .v-tab {
25552
- flex: 1 0 auto;
25553
- max-width: none;
25554
- }
25555
-
25556
- .v-tabs--align-tabs-end .v-tab:first-child {
25557
- margin-inline-start: auto;
25558
- }
25559
- .v-tabs--align-tabs-end .v-tab:last-child {
25560
- margin-inline-end: 0;
25561
- }
25562
-
25563
- @media (max-width: 1279.98px) {
25564
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25565
- margin-inline-start: 52px;
25566
- }
25567
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25568
- margin-inline-end: 52px;
25569
- }
25570
- }.v-theme-provider {
25570
+ /* endregion */.v-theme-provider {
25571
25571
  background: rgb(var(--v-theme-background));
25572
25572
  color: rgb(var(--v-theme-on-background));
25573
25573
  }.v-timeline .v-timeline-divider__dot {
@@ -26232,28 +26232,34 @@ html.v-overlay-scroll-blocked {
26232
26232
  }
26233
26233
  .v-window-y-reverse-transition-leave-to {
26234
26234
  transform: translateY(100%);
26235
- }.v-color-picker-canvas {
26235
+ }.v-color-picker-edit {
26236
26236
  display: flex;
26237
- position: relative;
26238
- overflow: hidden;
26239
- contain: content;
26240
- touch-action: none;
26237
+ margin-top: 24px;
26241
26238
  }
26242
- .v-color-picker-canvas__dot {
26243
- position: absolute;
26244
- top: 0;
26245
- left: 0;
26246
- width: 15px;
26247
- height: 15px;
26248
- background: transparent;
26249
- border-radius: 50%;
26250
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26239
+
26240
+ .v-color-picker-edit__input {
26241
+ width: 100%;
26242
+ display: flex;
26243
+ flex-wrap: wrap;
26244
+ justify-content: center;
26245
+ text-align: center;
26251
26246
  }
26252
- .v-color-picker-canvas__dot--disabled {
26253
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26247
+ .v-color-picker-edit__input:not(:last-child) {
26248
+ margin-inline-end: 8px;
26254
26249
  }
26255
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26256
- will-change: transform;
26250
+ .v-color-picker-edit__input input {
26251
+ border-radius: 4px;
26252
+ margin-bottom: 8px;
26253
+ min-width: 0;
26254
+ outline: none;
26255
+ text-align: center;
26256
+ width: 100%;
26257
+ height: 32px;
26258
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26259
+ color: rgba(var(--v-theme-on-surface));
26260
+ }
26261
+ .v-color-picker-edit__input span {
26262
+ font-size: 0.75rem;
26257
26263
  }.v-color-picker-preview__alpha .v-slider-track__background {
26258
26264
  background-color: transparent !important;
26259
26265
  }
@@ -26324,34 +26330,6 @@ html.v-overlay-scroll-blocked {
26324
26330
  .v-color-picker-preview__eye-dropper {
26325
26331
  position: relative;
26326
26332
  margin-right: 12px;
26327
- }.v-color-picker-edit {
26328
- display: flex;
26329
- margin-top: 24px;
26330
- }
26331
-
26332
- .v-color-picker-edit__input {
26333
- width: 100%;
26334
- display: flex;
26335
- flex-wrap: wrap;
26336
- justify-content: center;
26337
- text-align: center;
26338
- }
26339
- .v-color-picker-edit__input:not(:last-child) {
26340
- margin-inline-end: 8px;
26341
- }
26342
- .v-color-picker-edit__input input {
26343
- border-radius: 4px;
26344
- margin-bottom: 8px;
26345
- min-width: 0;
26346
- outline: none;
26347
- text-align: center;
26348
- width: 100%;
26349
- height: 32px;
26350
- background: rgba(var(--v-theme-surface-variant), 0.2);
26351
- color: rgba(var(--v-theme-on-surface));
26352
- }
26353
- .v-color-picker-edit__input span {
26354
- font-size: 0.75rem;
26355
26333
  }.v-color-picker-swatches {
26356
26334
  overflow-y: auto;
26357
26335
  }
@@ -26387,6 +26365,28 @@ html.v-overlay-scroll-blocked {
26387
26365
  justify-content: center;
26388
26366
  width: 100%;
26389
26367
  height: 100%;
26368
+ }.v-color-picker-canvas {
26369
+ display: flex;
26370
+ position: relative;
26371
+ overflow: hidden;
26372
+ contain: content;
26373
+ touch-action: none;
26374
+ }
26375
+ .v-color-picker-canvas__dot {
26376
+ position: absolute;
26377
+ top: 0;
26378
+ left: 0;
26379
+ width: 15px;
26380
+ height: 15px;
26381
+ background: transparent;
26382
+ border-radius: 50%;
26383
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26384
+ }
26385
+ .v-color-picker-canvas__dot--disabled {
26386
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26387
+ }
26388
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26389
+ will-change: transform;
26390
26390
  }.v-picker.v-sheet {
26391
26391
  display: grid;
26392
26392
  grid-auto-rows: min-content;