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

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.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.1-master.2024-09-01
2
+ * Vuetify v3.7.1-master.2024-09-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18652,97 +18652,6 @@ 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;
18712
- }.bottom-sheet-transition-enter-from {
18713
- transform: translateY(100%);
18714
- }
18715
- .bottom-sheet-transition-leave-to {
18716
- transform: translateY(100%);
18717
- }
18718
-
18719
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18720
- align-self: flex-end;
18721
- border-radius: 0;
18722
- flex: 0 1 auto;
18723
- left: 0;
18724
- right: 0;
18725
- margin-inline: 0;
18726
- margin-bottom: 0;
18727
- transition-duration: 0.2s;
18728
- width: 100%;
18729
- max-width: 100%;
18730
- overflow: visible;
18731
- }
18732
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18733
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18734
- }
18735
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18736
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18737
- border-radius: 0;
18738
- }
18739
- .v-bottom-sheet.v-bottom-sheet--inset {
18740
- max-width: none;
18741
- }
18742
- @media (min-width: 600px) {
18743
- .v-bottom-sheet.v-bottom-sheet--inset {
18744
- max-width: 70%;
18745
- }
18746
18655
  }.v-bottom-navigation {
18747
18656
  display: flex;
18748
18657
  max-width: 100%;
@@ -18806,155 +18715,243 @@ html.overflow-y-hidden {
18806
18715
  }
18807
18716
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18808
18717
  transform: translateY(0.5rem);
18809
- }.v-btn-group {
18810
- display: inline-flex;
18811
- flex-wrap: nowrap;
18718
+ }.bottom-sheet-transition-enter-from {
18719
+ transform: translateY(100%);
18720
+ }
18721
+ .bottom-sheet-transition-leave-to {
18722
+ transform: translateY(100%);
18723
+ }
18724
+
18725
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18726
+ align-self: flex-end;
18727
+ border-radius: 0;
18728
+ flex: 0 1 auto;
18729
+ left: 0;
18730
+ right: 0;
18731
+ margin-inline: 0;
18732
+ margin-bottom: 0;
18733
+ transition-duration: 0.2s;
18734
+ width: 100%;
18812
18735
  max-width: 100%;
18813
- min-width: 0;
18814
- overflow: hidden;
18815
- vertical-align: middle;
18736
+ overflow: visible;
18816
18737
  }
18817
- .v-btn-group {
18818
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18819
- border-style: solid;
18820
- border-width: 0;
18738
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18739
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18821
18740
  }
18822
- .v-btn-group--border {
18823
- border-width: thin;
18824
- box-shadow: none;
18741
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18742
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18743
+ border-radius: 0;
18825
18744
  }
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));
18745
+ .v-bottom-sheet.v-bottom-sheet--inset {
18746
+ max-width: none;
18828
18747
  }
18829
- .v-btn-group {
18830
- border-radius: 4px;
18748
+ @media (min-width: 600px) {
18749
+ .v-bottom-sheet.v-bottom-sheet--inset {
18750
+ max-width: 70%;
18751
+ }
18752
+ }.v-breadcrumbs {
18753
+ display: flex;
18754
+ align-items: center;
18755
+ line-height: 1.6;
18756
+ padding: 16px 12px;
18831
18757
  }
18832
- .v-btn-group {
18833
- background: transparent;
18834
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18758
+ .v-breadcrumbs--rounded {
18759
+ border-radius: 4px;
18835
18760
  }
18836
- .v-btn-group--density-default.v-btn-group {
18837
- height: 48px;
18761
+ .v-breadcrumbs--density-default {
18762
+ padding-top: 16px;
18763
+ padding-bottom: 16px;
18838
18764
  }
18839
18765
 
18840
- .v-btn-group--density-comfortable.v-btn-group {
18841
- height: 40px;
18766
+ .v-breadcrumbs--density-comfortable {
18767
+ padding-top: 12px;
18768
+ padding-bottom: 12px;
18842
18769
  }
18843
18770
 
18844
- .v-btn-group--density-compact.v-btn-group {
18845
- height: 36px;
18771
+ .v-breadcrumbs--density-compact {
18772
+ padding-top: 8px;
18773
+ padding-bottom: 8px;
18846
18774
  }
18847
18775
 
18848
- .v-btn-group .v-btn {
18849
- border-radius: 0;
18850
- border-color: inherit;
18776
+ .v-breadcrumbs__prepend {
18777
+ align-items: center;
18778
+ display: inline-flex;
18851
18779
  }
18852
- .v-btn-group .v-btn:not(:last-child) {
18853
- border-inline-end: none;
18780
+
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;
18854
18788
  }
18855
- .v-btn-group .v-btn:not(:first-child) {
18856
- border-inline-start: none;
18789
+ .v-breadcrumbs-item--disabled {
18790
+ opacity: var(--v-disabled-opacity);
18791
+ pointer-events: none;
18857
18792
  }
18858
- .v-btn-group .v-btn:first-child {
18859
- border-start-start-radius: inherit;
18860
- border-end-start-radius: inherit;
18793
+ .v-breadcrumbs-item--link {
18794
+ color: inherit;
18795
+ text-decoration: none;
18861
18796
  }
18862
- .v-btn-group .v-btn:last-child {
18863
- border-start-end-radius: inherit;
18864
- border-end-end-radius: inherit;
18797
+ .v-breadcrumbs-item--link:hover {
18798
+ text-decoration: underline;
18865
18799
  }
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));
18800
+ .v-breadcrumbs-item .v-icon {
18801
+ font-size: 1rem;
18802
+ margin-inline: -4px 2px;
18870
18803
  }
18871
- .v-btn-group--tile {
18872
- border-radius: 0;
18873
- }.v-card {
18874
- display: block;
18875
- overflow: hidden;
18876
- overflow-wrap: break-word;
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;
18877
18821
  position: relative;
18878
- padding: 0;
18879
18822
  text-decoration: none;
18823
+ text-indent: 0.0892857143em;
18824
+ text-transform: uppercase;
18825
+ transition-property: box-shadow, transform, opacity, background;
18880
18826
  transition-duration: 0.28s;
18881
- transition-property: box-shadow, opacity, background;
18882
18827
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18883
- z-index: 0;
18828
+ -webkit-user-select: none;
18829
+ user-select: none;
18830
+ vertical-align: middle;
18831
+ flex-shrink: 0;
18884
18832
  }
18885
- .v-card {
18886
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
- border-style: solid;
18888
- border-width: 0;
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;
18889
18839
  }
18890
- .v-card--border {
18891
- border-width: thin;
18892
- box-shadow: none;
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;
18893
18847
  }
18894
- .v-card--absolute {
18895
- position: absolute;
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;
18896
18855
  }
18897
- .v-card--fixed {
18898
- position: fixed;
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;
18899
18863
  }
18900
- .v-card {
18901
- border-radius: 4px;
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;
18902
18871
  }
18903
- .v-card:hover > .v-card__overlay {
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
+ }
18884
+
18885
+ .v-btn {
18886
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
+ border-style: solid;
18888
+ border-width: 0;
18889
+ }
18890
+ .v-btn--border {
18891
+ border-width: thin;
18892
+ box-shadow: none;
18893
+ }
18894
+ .v-btn--absolute {
18895
+ position: absolute;
18896
+ }
18897
+ .v-btn--fixed {
18898
+ position: fixed;
18899
+ }
18900
+ .v-btn:hover > .v-btn__overlay {
18904
18901
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18905
18902
  }
18906
- .v-card:focus-visible > .v-card__overlay {
18903
+ .v-btn:focus-visible > .v-btn__overlay {
18907
18904
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18908
18905
  }
18909
18906
  @supports not selector(:focus-visible) {
18910
- .v-card:focus > .v-card__overlay {
18907
+ .v-btn:focus > .v-btn__overlay {
18911
18908
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18912
18909
  }
18913
18910
  }
18914
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18911
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18915
18912
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18916
18913
  }
18917
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18914
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18918
18915
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18919
18916
  }
18920
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18917
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18921
18918
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18922
18919
  }
18923
18920
  @supports not selector(:focus-visible) {
18924
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18921
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18925
18922
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18926
18923
  }
18927
18924
  }
18928
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18925
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18929
18926
  background: transparent;
18930
18927
  color: inherit;
18931
18928
  }
18932
- .v-card--variant-plain {
18929
+ .v-btn--variant-plain {
18933
18930
  opacity: 0.62;
18934
18931
  }
18935
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18932
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18936
18933
  opacity: 1;
18937
18934
  }
18938
- .v-card--variant-plain .v-card__overlay {
18935
+ .v-btn--variant-plain .v-btn__overlay {
18939
18936
  display: none;
18940
18937
  }
18941
- .v-card--variant-elevated, .v-card--variant-flat {
18938
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18942
18939
  background: rgb(var(--v-theme-surface));
18943
18940
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18944
18941
  }
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));
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));
18947
18944
  }
18948
- .v-card--variant-flat {
18945
+ .v-btn--variant-flat {
18949
18946
  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));
18950
18947
  }
18951
- .v-card--variant-outlined {
18948
+ .v-btn--variant-outlined {
18952
18949
  border: thin solid currentColor;
18953
18950
  }
18954
- .v-card--variant-text .v-card__overlay {
18951
+ .v-btn--variant-text .v-btn__overlay {
18955
18952
  background: currentColor;
18956
18953
  }
18957
- .v-card--variant-tonal .v-card__underlay {
18954
+ .v-btn--variant-tonal .v-btn__underlay {
18958
18955
  background: currentColor;
18959
18956
  opacity: var(--v-activated-opacity);
18960
18957
  border-radius: inherit;
@@ -18964,366 +18961,437 @@ html.overflow-y-hidden {
18964
18961
  left: 0;
18965
18962
  pointer-events: none;
18966
18963
  }
18967
- .v-card .v-card__underlay {
18964
+ .v-btn .v-btn__underlay {
18968
18965
  position: absolute;
18969
18966
  }
18970
- .v-card--disabled {
18971
- pointer-events: none;
18972
- -webkit-user-select: none;
18973
- user-select: none;
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
+ }
18974
18986
  }
18975
- .v-card--disabled > :not(.v-card__loader) {
18976
- opacity: 0.6;
18987
+ .v-btn--icon {
18988
+ border-radius: 50%;
18989
+ min-width: 0;
18990
+ padding: 0;
18977
18991
  }
18978
- .v-card--flat {
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));
19010
+ }
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));
19013
+ }
19014
+ .v-btn--flat {
18979
19015
  box-shadow: none;
18980
19016
  }
18981
- .v-card--hover {
18982
- cursor: pointer;
19017
+ .v-btn--block {
19018
+ display: flex;
19019
+ flex: 1 0 auto;
19020
+ min-width: 100%;
18983
19021
  }
18984
- .v-card--hover::before, .v-card--hover::after {
18985
- border-radius: inherit;
18986
- bottom: 0;
18987
- content: "";
18988
- display: block;
18989
- left: 0;
19022
+ .v-btn--disabled {
18990
19023
  pointer-events: none;
18991
- position: absolute;
18992
- right: 0;
18993
- top: 0;
18994
- transition: inherit;
19024
+ opacity: 0.26;
18995
19025
  }
18996
- .v-card--hover::before {
19026
+ .v-btn--disabled:hover {
19027
+ opacity: 0.26;
19028
+ }
19029
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19030
+ box-shadow: none;
18997
19031
  opacity: 1;
18998
- z-index: -1;
19032
+ color: rgba(var(--v-theme-on-surface), 0.26);
19033
+ background: rgb(var(--v-theme-surface));
18999
19034
  }
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));
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;
19002
19037
  }
19003
- .v-card--hover::after {
19004
- z-index: 1;
19038
+ .v-btn--loading {
19039
+ pointer-events: none;
19040
+ }
19041
+ .v-btn--loading .v-btn__content,
19042
+ .v-btn--loading .v-btn__prepend,
19043
+ .v-btn--loading .v-btn__append {
19005
19044
  opacity: 0;
19006
19045
  }
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));
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;
19009
19052
  }
19010
- .v-card--hover:hover::after {
19011
- opacity: 1;
19053
+ .v-btn--stacked .v-btn__content {
19054
+ flex-direction: column;
19055
+ line-height: 1.25;
19012
19056
  }
19013
- .v-card--hover:hover::before {
19014
- opacity: 0;
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;
19015
19062
  }
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));
19063
+ .v-btn--stacked .v-btn__prepend,
19064
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19065
+ margin-bottom: 4px;
19018
19066
  }
19019
- .v-card--link {
19020
- cursor: pointer;
19067
+ .v-btn--stacked .v-btn__append,
19068
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19069
+ margin-top: 4px;
19070
+ }
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;
19021
19077
  }
19022
19078
 
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;
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;
19030
19085
  }
19031
19086
 
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;
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;
19039
19093
  }
19040
- .v-card-item + .v-card-text {
19041
- padding-top: 0;
19042
- }
19043
- .v-card-item__prepend, .v-card-item__append {
19044
- align-items: center;
19045
- display: flex;
19046
- }
19047
- .v-card-item__prepend {
19048
- grid-area: prepend;
19049
- padding-inline-end: 0.5rem;
19050
- }
19051
- .v-card-item__append {
19052
- grid-area: append;
19053
- padding-inline-start: 0.5rem;
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;
19054
19101
  }
19055
19102
 
19056
- .v-card-item__content {
19057
- align-self: center;
19058
- grid-area: content;
19059
- overflow: hidden;
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;
19060
19109
  }
19061
19110
 
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;
19079
- }
19080
- .v-card .v-card-title {
19081
- line-height: 1.6;
19082
- }
19083
- .v-card--density-comfortable .v-card-title {
19084
- line-height: 1.75rem;
19085
- }
19086
- .v-card--density-compact .v-card-title {
19087
- line-height: 1.55rem;
19088
- }
19089
- .v-card-item .v-card-title {
19090
- padding: 0;
19111
+ .v-btn--stacked.v-btn--density-default {
19112
+ height: calc(var(--v-btn-height) + 0px);
19091
19113
  }
19092
- .v-card-title + .v-card-text,
19093
- .v-card-title + .v-card-actions {
19094
- padding-top: 0;
19114
+
19115
+ .v-btn--stacked.v-btn--density-comfortable {
19116
+ height: calc(var(--v-btn-height) + -16px);
19095
19117
  }
19096
19118
 
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;
19119
+ .v-btn--stacked.v-btn--density-compact {
19120
+ height: calc(var(--v-btn-height) + -24px);
19109
19121
  }
19110
- .v-card .v-card-subtitle {
19111
- line-height: 1.425;
19122
+
19123
+ .v-btn--slim {
19124
+ padding: 0 8px;
19112
19125
  }
19113
- .v-card--density-comfortable .v-card-subtitle {
19114
- line-height: 1.125rem;
19126
+ .v-btn--readonly {
19127
+ pointer-events: none;
19115
19128
  }
19116
- .v-card--density-compact .v-card-subtitle {
19117
- line-height: 1rem;
19129
+ .v-btn--rounded {
19130
+ border-radius: 24px;
19118
19131
  }
19119
- .v-card-item .v-card-subtitle {
19120
- padding: 0 0 0.25rem;
19132
+ .v-btn--rounded.v-btn--icon {
19133
+ border-radius: 4px;
19121
19134
  }
19122
-
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;
19135
+ .v-btn .v-icon {
19136
+ --v-icon-size-multiplier: 0.8571428571;
19131
19137
  }
19132
- .v-card .v-card-text {
19133
- line-height: 1.425;
19138
+ .v-btn--icon .v-icon {
19139
+ --v-icon-size-multiplier: 1;
19134
19140
  }
19135
- .v-card--density-comfortable .v-card-text {
19136
- line-height: 1.2rem;
19141
+ .v-btn--stacked .v-icon {
19142
+ --v-icon-size-multiplier: 1.1428571429;
19137
19143
  }
19138
- .v-card--density-compact .v-card-text {
19139
- line-height: 1.15rem;
19144
+ .v-btn--stacked.v-btn--block {
19145
+ min-width: 100%;
19140
19146
  }
19141
19147
 
19142
- .v-card__image {
19148
+ .v-btn__loader {
19149
+ align-items: center;
19143
19150
  display: flex;
19144
19151
  height: 100%;
19145
- flex: 1 1 auto;
19152
+ justify-content: center;
19146
19153
  left: 0;
19147
- overflow: hidden;
19148
19154
  position: absolute;
19149
19155
  top: 0;
19150
19156
  width: 100%;
19151
- z-index: -1;
19157
+ }
19158
+ .v-btn__loader > .v-progress-circular {
19159
+ width: 1.5em;
19160
+ height: 1.5em;
19152
19161
  }
19153
19162
 
19154
- .v-card__content {
19155
- border-radius: inherit;
19156
- overflow: hidden;
19157
- position: relative;
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);
19158
19169
  }
19159
19170
 
19160
- .v-card__loader {
19161
- bottom: auto;
19162
- top: 0;
19163
- left: 0;
19164
- position: absolute;
19165
- right: 0;
19166
- width: 100%;
19167
- z-index: 1;
19171
+ .v-btn__prepend {
19172
+ grid-area: prepend;
19173
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19174
+ }
19175
+ .v-btn--slim .v-btn__prepend {
19176
+ margin-inline-start: 0;
19168
19177
  }
19169
19178
 
19170
- .v-card__overlay {
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;
19185
+ }
19186
+
19187
+ .v-btn__content {
19188
+ grid-area: content;
19189
+ justify-content: center;
19190
+ white-space: nowrap;
19191
+ }
19192
+ .v-btn__content > .v-icon--start {
19193
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19194
+ }
19195
+ .v-btn__content > .v-icon--end {
19196
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19197
+ }
19198
+ .v-btn--stacked .v-btn__content {
19199
+ white-space: normal;
19200
+ }
19201
+
19202
+ .v-btn__overlay {
19171
19203
  background-color: currentColor;
19172
19204
  border-radius: inherit;
19205
+ opacity: 0;
19206
+ transition: opacity 0.2s ease-in-out;
19207
+ }
19208
+
19209
+ .v-btn__overlay,
19210
+ .v-btn__underlay {
19211
+ pointer-events: none;
19212
+ }
19213
+ .v-btn__overlay,
19214
+ .v-btn__underlay {
19173
19215
  position: absolute;
19174
19216
  top: 0;
19175
- right: 0;
19176
- bottom: 0;
19177
19217
  left: 0;
19178
- pointer-events: none;
19179
- opacity: 0;
19180
- transition: opacity 0.2s ease-in-out;
19181
- }.v-btn {
19182
- align-items: center;
19218
+ width: 100%;
19219
+ height: 100%;
19220
+ }
19221
+
19222
+ .v-pagination .v-btn {
19183
19223
  border-radius: 4px;
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;
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;
19191
19236
  max-width: 100%;
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;
19237
+ min-width: 0;
19238
+ overflow: hidden;
19202
19239
  vertical-align: middle;
19203
- flex-shrink: 0;
19204
19240
  }
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;
19241
+ .v-btn-group {
19242
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19243
+ border-style: solid;
19244
+ border-width: 0;
19211
19245
  }
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;
19246
+ .v-btn-group--border {
19247
+ border-width: thin;
19248
+ box-shadow: none;
19219
19249
  }
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;
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));
19227
19252
  }
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;
19253
+ .v-btn-group {
19254
+ border-radius: 4px;
19235
19255
  }
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;
19256
+ .v-btn-group {
19257
+ background: transparent;
19258
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19243
19259
  }
19244
-
19245
- .v-btn.v-btn--density-default {
19246
- height: calc(var(--v-btn-height) + 0px);
19260
+ .v-btn-group--density-default.v-btn-group {
19261
+ height: 48px;
19247
19262
  }
19248
19263
 
19249
- .v-btn.v-btn--density-comfortable {
19250
- height: calc(var(--v-btn-height) + -8px);
19264
+ .v-btn-group--density-comfortable.v-btn-group {
19265
+ height: 40px;
19251
19266
  }
19252
19267
 
19253
- .v-btn.v-btn--density-compact {
19254
- height: calc(var(--v-btn-height) + -12px);
19268
+ .v-btn-group--density-compact.v-btn-group {
19269
+ height: 36px;
19255
19270
  }
19256
19271
 
19257
- .v-btn {
19272
+ .v-btn-group .v-btn {
19273
+ border-radius: 0;
19274
+ border-color: inherit;
19275
+ }
19276
+ .v-btn-group .v-btn:not(:last-child) {
19277
+ border-inline-end: none;
19278
+ }
19279
+ .v-btn-group .v-btn:not(:first-child) {
19280
+ border-inline-start: none;
19281
+ }
19282
+ .v-btn-group .v-btn:first-child {
19283
+ border-start-start-radius: inherit;
19284
+ border-end-start-radius: inherit;
19285
+ }
19286
+ .v-btn-group .v-btn:last-child {
19287
+ border-start-end-radius: inherit;
19288
+ border-end-end-radius: inherit;
19289
+ }
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));
19294
+ }
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 {
19298
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19299
+ }
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 {
19258
19323
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19259
19324
  border-style: solid;
19260
19325
  border-width: 0;
19261
19326
  }
19262
- .v-btn--border {
19327
+ .v-card--border {
19263
19328
  border-width: thin;
19264
19329
  box-shadow: none;
19265
19330
  }
19266
- .v-btn--absolute {
19331
+ .v-card--absolute {
19267
19332
  position: absolute;
19268
19333
  }
19269
- .v-btn--fixed {
19334
+ .v-card--fixed {
19270
19335
  position: fixed;
19271
19336
  }
19272
- .v-btn:hover > .v-btn__overlay {
19337
+ .v-card {
19338
+ border-radius: 4px;
19339
+ }
19340
+ .v-card:hover > .v-card__overlay {
19273
19341
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19274
19342
  }
19275
- .v-btn:focus-visible > .v-btn__overlay {
19343
+ .v-card:focus-visible > .v-card__overlay {
19276
19344
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19277
19345
  }
19278
19346
  @supports not selector(:focus-visible) {
19279
- .v-btn:focus > .v-btn__overlay {
19347
+ .v-card:focus > .v-card__overlay {
19280
19348
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19281
19349
  }
19282
19350
  }
19283
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19351
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19284
19352
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19285
19353
  }
19286
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19354
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19287
19355
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19288
19356
  }
19289
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19357
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19290
19358
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19291
19359
  }
19292
19360
  @supports not selector(:focus-visible) {
19293
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19361
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19294
19362
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19295
19363
  }
19296
19364
  }
19297
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19365
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19298
19366
  background: transparent;
19299
19367
  color: inherit;
19300
19368
  }
19301
- .v-btn--variant-plain {
19369
+ .v-card--variant-plain {
19302
19370
  opacity: 0.62;
19303
19371
  }
19304
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19372
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19305
19373
  opacity: 1;
19306
19374
  }
19307
- .v-btn--variant-plain .v-btn__overlay {
19375
+ .v-card--variant-plain .v-card__overlay {
19308
19376
  display: none;
19309
19377
  }
19310
- .v-btn--variant-elevated, .v-btn--variant-flat {
19378
+ .v-card--variant-elevated, .v-card--variant-flat {
19311
19379
  background: rgb(var(--v-theme-surface));
19312
19380
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19313
19381
  }
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));
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));
19316
19384
  }
19317
- .v-btn--variant-flat {
19385
+ .v-card--variant-flat {
19318
19386
  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));
19319
19387
  }
19320
- .v-btn--variant-outlined {
19388
+ .v-card--variant-outlined {
19321
19389
  border: thin solid currentColor;
19322
19390
  }
19323
- .v-btn--variant-text .v-btn__overlay {
19391
+ .v-card--variant-text .v-card__overlay {
19324
19392
  background: currentColor;
19325
19393
  }
19326
- .v-btn--variant-tonal .v-btn__underlay {
19394
+ .v-card--variant-tonal .v-card__underlay {
19327
19395
  background: currentColor;
19328
19396
  opacity: var(--v-activated-opacity);
19329
19397
  border-radius: inherit;
@@ -19333,293 +19401,220 @@ html.overflow-y-hidden {
19333
19401
  left: 0;
19334
19402
  pointer-events: none;
19335
19403
  }
19336
- .v-btn .v-btn__underlay {
19404
+ .v-card .v-card__underlay {
19337
19405
  position: absolute;
19338
19406
  }
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
- }
19358
- }
19359
- .v-btn--icon {
19360
- border-radius: 50%;
19361
- min-width: 0;
19362
- padding: 0;
19363
- }
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);
19407
+ .v-card--disabled {
19408
+ pointer-events: none;
19409
+ -webkit-user-select: none;
19410
+ user-select: none;
19370
19411
  }
19371
- .v-btn--icon.v-btn--density-comfortable {
19372
- width: calc(var(--v-btn-height) + 0px);
19373
- height: calc(var(--v-btn-height) + 0px);
19412
+ .v-card--disabled > :not(.v-card__loader) {
19413
+ opacity: 0.6;
19374
19414
  }
19375
- .v-btn--icon.v-btn--density-compact {
19376
- width: calc(var(--v-btn-height) + -8px);
19377
- height: calc(var(--v-btn-height) + -8px);
19415
+ .v-card--flat {
19416
+ box-shadow: none;
19378
19417
  }
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));
19418
+ .v-card--hover {
19419
+ cursor: pointer;
19382
19420
  }
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));
19421
+ .v-card--hover::before, .v-card--hover::after {
19422
+ border-radius: inherit;
19423
+ bottom: 0;
19424
+ content: "";
19425
+ display: block;
19426
+ left: 0;
19427
+ pointer-events: none;
19428
+ position: absolute;
19429
+ right: 0;
19430
+ top: 0;
19431
+ transition: inherit;
19385
19432
  }
19386
- .v-btn--flat {
19387
- box-shadow: none;
19433
+ .v-card--hover::before {
19434
+ opacity: 1;
19435
+ z-index: -1;
19388
19436
  }
19389
- .v-btn--block {
19390
- display: flex;
19391
- flex: 1 0 auto;
19392
- min-width: 100%;
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));
19393
19439
  }
19394
- .v-btn--disabled {
19395
- pointer-events: none;
19396
- opacity: 0.26;
19440
+ .v-card--hover::after {
19441
+ z-index: 1;
19442
+ opacity: 0;
19397
19443
  }
19398
- .v-btn--disabled:hover {
19399
- opacity: 0.26;
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));
19400
19446
  }
19401
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19402
- box-shadow: none;
19447
+ .v-card--hover:hover::after {
19403
19448
  opacity: 1;
19404
- color: rgba(var(--v-theme-on-surface), 0.26);
19405
- background: rgb(var(--v-theme-surface));
19406
19449
  }
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;
19450
+ .v-card--hover:hover::before {
19451
+ opacity: 0;
19409
19452
  }
19410
- .v-btn--loading {
19411
- pointer-events: none;
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));
19412
19455
  }
19413
- .v-btn--loading .v-btn__content,
19414
- .v-btn--loading .v-btn__prepend,
19415
- .v-btn--loading .v-btn__append {
19416
- opacity: 0;
19456
+ .v-card--link {
19457
+ cursor: pointer;
19417
19458
  }
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;
19459
+
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;
19424
19467
  }
19425
- .v-btn--stacked .v-btn__content {
19426
- flex-direction: column;
19427
- line-height: 1.25;
19468
+
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;
19428
19476
  }
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;
19477
+ .v-card-item + .v-card-text {
19478
+ padding-top: 0;
19434
19479
  }
19435
- .v-btn--stacked .v-btn__prepend,
19436
- .v-btn--stacked .v-btn__content > .v-icon--start {
19437
- margin-bottom: 4px;
19480
+ .v-card-item__prepend, .v-card-item__append {
19481
+ align-items: center;
19482
+ display: flex;
19438
19483
  }
19439
- .v-btn--stacked .v-btn__append,
19440
- .v-btn--stacked .v-btn__content > .v-icon--end {
19441
- margin-top: 4px;
19484
+ .v-card-item__prepend {
19485
+ grid-area: prepend;
19486
+ padding-inline-end: 0.5rem;
19442
19487
  }
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;
19488
+ .v-card-item__append {
19489
+ grid-area: append;
19490
+ padding-inline-start: 0.5rem;
19449
19491
  }
19450
19492
 
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;
19493
+ .v-card-item__content {
19494
+ align-self: center;
19495
+ grid-area: content;
19496
+ overflow: hidden;
19457
19497
  }
19458
19498
 
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;
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;
19465
19516
  }
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;
19517
+ .v-card .v-card-title {
19518
+ line-height: 1.6;
19473
19519
  }
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;
19520
+ .v-card--density-comfortable .v-card-title {
19521
+ line-height: 1.75rem;
19481
19522
  }
19482
-
19483
- .v-btn--stacked.v-btn--density-default {
19484
- height: calc(var(--v-btn-height) + 0px);
19523
+ .v-card--density-compact .v-card-title {
19524
+ line-height: 1.55rem;
19485
19525
  }
19486
-
19487
- .v-btn--stacked.v-btn--density-comfortable {
19488
- height: calc(var(--v-btn-height) + -16px);
19526
+ .v-card-item .v-card-title {
19527
+ padding: 0;
19489
19528
  }
19490
-
19491
- .v-btn--stacked.v-btn--density-compact {
19492
- height: calc(var(--v-btn-height) + -24px);
19529
+ .v-card-title + .v-card-text,
19530
+ .v-card-title + .v-card-actions {
19531
+ padding-top: 0;
19493
19532
  }
19494
19533
 
19495
- .v-btn--slim {
19496
- padding: 0 8px;
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;
19497
19546
  }
19498
- .v-btn--readonly {
19499
- pointer-events: none;
19547
+ .v-card .v-card-subtitle {
19548
+ line-height: 1.425;
19500
19549
  }
19501
- .v-btn--rounded {
19502
- border-radius: 24px;
19550
+ .v-card--density-comfortable .v-card-subtitle {
19551
+ line-height: 1.125rem;
19503
19552
  }
19504
- .v-btn--rounded.v-btn--icon {
19505
- border-radius: 4px;
19553
+ .v-card--density-compact .v-card-subtitle {
19554
+ line-height: 1rem;
19555
+ }
19556
+ .v-card-item .v-card-subtitle {
19557
+ padding: 0 0 0.25rem;
19506
19558
  }
19507
- .v-btn .v-icon {
19508
- --v-icon-size-multiplier: 0.8571428571;
19559
+
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;
19509
19568
  }
19510
- .v-btn--icon .v-icon {
19511
- --v-icon-size-multiplier: 1;
19569
+ .v-card .v-card-text {
19570
+ line-height: 1.425;
19512
19571
  }
19513
- .v-btn--stacked .v-icon {
19514
- --v-icon-size-multiplier: 1.1428571429;
19572
+ .v-card--density-comfortable .v-card-text {
19573
+ line-height: 1.2rem;
19515
19574
  }
19516
- .v-btn--stacked.v-btn--block {
19517
- min-width: 100%;
19575
+ .v-card--density-compact .v-card-text {
19576
+ line-height: 1.15rem;
19518
19577
  }
19519
19578
 
19520
- .v-btn__loader {
19521
- align-items: center;
19579
+ .v-card__image {
19522
19580
  display: flex;
19523
19581
  height: 100%;
19524
- justify-content: center;
19582
+ flex: 1 1 auto;
19525
19583
  left: 0;
19584
+ overflow: hidden;
19526
19585
  position: absolute;
19527
19586
  top: 0;
19528
19587
  width: 100%;
19529
- }
19530
- .v-btn__loader > .v-progress-circular {
19531
- width: 1.5em;
19532
- height: 1.5em;
19533
- }
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);
19541
- }
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);
19546
- }
19547
- .v-btn--slim .v-btn__prepend {
19548
- margin-inline-start: 0;
19588
+ z-index: -1;
19549
19589
  }
19550
19590
 
19551
- .v-btn__append {
19552
- grid-area: append;
19553
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19554
- }
19555
- .v-btn--slim .v-btn__append {
19556
- margin-inline-end: 0;
19591
+ .v-card__content {
19592
+ border-radius: inherit;
19593
+ overflow: hidden;
19594
+ position: relative;
19557
19595
  }
19558
19596
 
19559
- .v-btn__content {
19560
- grid-area: content;
19561
- justify-content: center;
19562
- white-space: nowrap;
19563
- }
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);
19569
- }
19570
- .v-btn--stacked .v-btn__content {
19571
- white-space: normal;
19597
+ .v-card__loader {
19598
+ bottom: auto;
19599
+ top: 0;
19600
+ left: 0;
19601
+ position: absolute;
19602
+ right: 0;
19603
+ width: 100%;
19604
+ z-index: 1;
19572
19605
  }
19573
19606
 
19574
- .v-btn__overlay {
19607
+ .v-card__overlay {
19575
19608
  background-color: currentColor;
19576
19609
  border-radius: inherit;
19577
- opacity: 0;
19578
- transition: opacity 0.2s ease-in-out;
19579
- }
19580
-
19581
- .v-btn__overlay,
19582
- .v-btn__underlay {
19583
- pointer-events: none;
19584
- }
19585
- .v-btn__overlay,
19586
- .v-btn__underlay {
19587
19610
  position: absolute;
19588
19611
  top: 0;
19612
+ right: 0;
19613
+ bottom: 0;
19589
19614
  left: 0;
19590
- width: 100%;
19591
- height: 100%;
19592
- }
19593
-
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);
19605
- }.v-checkbox.v-input {
19606
- flex: 0 1 auto;
19607
- }
19608
- .v-checkbox .v-selection-control {
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
- }
19615
+ pointer-events: none;
19616
+ opacity: 0;
19617
+ transition: opacity 0.2s ease-in-out;
19623
19618
  }.v-carousel {
19624
19619
  overflow: hidden;
19625
19620
  position: relative;
@@ -19685,6 +19680,11 @@ html.overflow-y-hidden {
19685
19680
  flex-direction: column;
19686
19681
  height: 100% !important;
19687
19682
  width: 50px;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19688
19688
  }.v-chip {
19689
19689
  align-items: center;
19690
19690
  display: inline-flex;
@@ -20233,37 +20233,6 @@ html.overflow-y-hidden {
20233
20233
  flex: 0 1 auto;
20234
20234
  font-size: 12px;
20235
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;
20242
- }
20243
- .v-data-table-footer__items-per-page {
20244
- align-items: center;
20245
- display: flex;
20246
- justify-content: center;
20247
- }
20248
- .v-data-table-footer__items-per-page > span {
20249
- padding-inline-end: 8px;
20250
- }
20251
- .v-data-table-footer__items-per-page > .v-select {
20252
- width: 90px;
20253
- }
20254
- .v-data-table-footer__info {
20255
- display: flex;
20256
- justify-content: flex-end;
20257
- min-width: 116px;
20258
- padding: 0 16px;
20259
- }
20260
- .v-data-table-footer__paginationz {
20261
- align-items: center;
20262
- display: flex;
20263
- margin-inline-start: 16px;
20264
- }
20265
- .v-data-table-footer__page {
20266
- padding: 0 8px;
20267
20236
  }.v-data-table {
20268
20237
  width: 100%;
20269
20238
  }
@@ -20422,41 +20391,128 @@ html.overflow-y-hidden {
20422
20391
  grid-template-columns: 0;
20423
20392
  justify-content: center;
20424
20393
  }
20425
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20426
- grid-template-columns: 0;
20427
- justify-content: end;
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;
20428
20487
  }
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);
20488
+ .v-date-picker-controls .v-btn:last-child {
20489
+ margin-inline-start: 4px;
20435
20490
  }
20436
- .v-data-table__tr--mobile > td:not(:last-child) {
20437
- border-bottom: 0 !important;
20491
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20492
+ transform: rotate(180deg);
20438
20493
  }
20439
20494
 
20440
- .v-data-table__td-title {
20441
- font-weight: 500;
20442
- text-align: left;
20495
+ .v-date-picker-controls__date {
20496
+ margin-inline-end: 4px;
20443
20497
  }
20444
-
20445
- .v-data-table__td-value {
20446
- text-align: right;
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20499
+ margin: auto;
20500
+ text-align: center;
20447
20501
  }
20448
20502
 
20449
- .v-data-table__td-sort-icon {
20450
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20503
+ .v-date-picker-controls__month {
20504
+ display: flex;
20451
20505
  }
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;
20506
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20507
+ flex-direction: row-reverse;
20457
20508
  }
20458
- .v-date-picker--show-week {
20459
- width: 368px;
20509
+
20510
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20511
+ flex: 1 0 auto;
20512
+ }
20513
+
20514
+ .v-date-picker__title {
20515
+ display: inline-block;
20460
20516
  }.v-date-picker-header {
20461
20517
  align-items: flex-end;
20462
20518
  height: 70px;
@@ -20517,77 +20573,61 @@ html.overflow-y-hidden {
20517
20573
  .date-picker-header-reverse-transition-leave-to {
20518
20574
  opacity: 0;
20519
20575
  transform: translate(0, 100%);
20520
- }.v-date-picker-years {
20521
- height: 288px;
20522
- overflow-y: scroll;
20576
+ }.v-date-picker-month {
20577
+ display: flex;
20578
+ justify-content: center;
20579
+ padding: 0 12px 8px;
20580
+ --v-date-picker-month-day-diff: 4px;
20523
20581
  }
20524
20582
 
20525
- .v-date-picker-years__content {
20583
+ .v-date-picker-month__weeks {
20526
20584
  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;
20585
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20586
+ column-gap: 4px;
20587
+ font-size: 0.85rem;
20565
20588
  }
20566
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20567
- transform: rotate(180deg);
20589
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20590
+ grid-row-gap: 0;
20568
20591
  }
20569
20592
 
20570
- .v-date-picker-controls__date {
20571
- margin-inline-end: 4px;
20593
+ .v-date-picker-month__weekday {
20594
+ font-size: 0.85rem;
20572
20595
  }
20573
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20574
- margin: auto;
20575
- text-align: center;
20596
+
20597
+ .v-date-picker-month__days {
20598
+ display: grid;
20599
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20600
+ column-gap: 4px;
20601
+ flex: 1 1;
20602
+ justify-content: space-around;
20576
20603
  }
20577
20604
 
20578
- .v-date-picker-controls__month {
20605
+ .v-date-picker-month__day {
20606
+ align-items: center;
20579
20607
  display: flex;
20608
+ justify-content: center;
20609
+ position: relative;
20610
+ height: 40px;
20611
+ width: 40px;
20580
20612
  }
20581
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20582
- flex-direction: row-reverse;
20613
+ .v-date-picker-month__day--selected .v-btn {
20614
+ background-color: rgb(var(--v-theme-surface-variant));
20615
+ color: rgb(var(--v-theme-on-surface-variant));
20616
+ }
20617
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20618
+ --v-btn-height: 24px;
20619
+ --v-btn-size: 0.85rem;
20620
+ }
20621
+ .v-date-picker-month__day--week {
20622
+ font-size: var(--v-btn-size);
20583
20623
  }
20584
20624
 
20585
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20586
- flex: 1 0 auto;
20625
+ .v-date-picker-month__day--adjacent {
20626
+ opacity: 0.5;
20587
20627
  }
20588
20628
 
20589
- .v-date-picker__title {
20590
- display: inline-block;
20629
+ .v-date-picker-month__day--hide-adjacent {
20630
+ opacity: 0;
20591
20631
  }.v-date-picker-months {
20592
20632
  height: 288px;
20593
20633
  }
@@ -20607,61 +20647,185 @@ html.overflow-y-hidden {
20607
20647
  text-transform: none;
20608
20648
  padding-inline-start: 8px;
20609
20649
  padding-inline-end: 8px;
20610
- }.v-date-picker-month {
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
+ }.v-dialog {
20666
+ align-items: center;
20667
+ justify-content: center;
20668
+ margin: auto;
20669
+ }
20670
+ .v-dialog > .v-overlay__content {
20671
+ max-height: calc(100% - 48px);
20672
+ width: calc(100% - 48px);
20673
+ max-width: calc(100% - 48px);
20674
+ margin: 24px;
20675
+ }
20676
+ .v-dialog > .v-overlay__content,
20677
+ .v-dialog > .v-overlay__content > form {
20678
+ display: flex;
20679
+ flex-direction: column;
20680
+ min-height: 0;
20681
+ }
20682
+ .v-dialog > .v-overlay__content > .v-card,
20683
+ .v-dialog > .v-overlay__content > .v-sheet,
20684
+ .v-dialog > .v-overlay__content > form > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20686
+ --v-scrollbar-offset: 0px;
20687
+ border-radius: 4px;
20688
+ overflow-y: auto;
20689
+ }
20690
+ .v-dialog > .v-overlay__content > .v-card,
20691
+ .v-dialog > .v-overlay__content > .v-sheet,
20692
+ .v-dialog > .v-overlay__content > form > .v-card,
20693
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20694
+ 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));
20695
+ }
20696
+ .v-dialog > .v-overlay__content > .v-card,
20697
+ .v-dialog > .v-overlay__content > form > .v-card {
20698
+ display: flex;
20699
+ flex-direction: column;
20700
+ }
20701
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20702
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20703
+ padding: 16px 24px;
20704
+ }
20705
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20706
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20707
+ padding-top: 0;
20708
+ }
20709
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20710
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20711
+ font-size: inherit;
20712
+ letter-spacing: 0.03125em;
20713
+ line-height: inherit;
20714
+ padding: 16px 24px 24px;
20715
+ }
20716
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20717
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20718
+ justify-content: flex-end;
20719
+ }
20720
+
20721
+ .v-dialog--fullscreen {
20722
+ --v-scrollbar-offset: 0px;
20723
+ }
20724
+ .v-dialog--fullscreen > .v-overlay__content {
20725
+ border-radius: 0;
20726
+ margin: 0;
20727
+ padding: 0;
20728
+ width: 100%;
20729
+ height: 100%;
20730
+ max-width: 100%;
20731
+ max-height: 100%;
20732
+ overflow-y: auto;
20733
+ top: 0;
20734
+ left: 0;
20735
+ }
20736
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20737
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20738
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20739
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20740
+ min-height: 100%;
20741
+ min-width: 100%;
20742
+ border-radius: 0;
20743
+ }
20744
+
20745
+ .v-dialog--scrollable > .v-overlay__content,
20746
+ .v-dialog--scrollable > .v-overlay__content > form {
20747
+ display: flex;
20748
+ }
20749
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20750
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20751
+ display: flex;
20752
+ flex: 1 1 100%;
20753
+ flex-direction: column;
20754
+ max-height: 100%;
20755
+ max-width: 100%;
20756
+ }
20757
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20758
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20759
+ -webkit-backface-visibility: hidden;
20760
+ backface-visibility: hidden;
20761
+ overflow-y: auto;
20762
+ }.v-empty-state {
20763
+ align-items: center;
20611
20764
  display: flex;
20765
+ flex-direction: column;
20612
20766
  justify-content: center;
20613
- padding: 0 12px 8px;
20614
- --v-date-picker-month-day-diff: 4px;
20767
+ min-height: 100%;
20768
+ padding: 16px;
20615
20769
  }
20616
-
20617
- .v-date-picker-month__weeks {
20618
- display: grid;
20619
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20620
- column-gap: 4px;
20621
- font-size: 0.85rem;
20770
+ .v-empty-state--start {
20771
+ align-items: flex-start;
20622
20772
  }
20623
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20624
- grid-row-gap: 0;
20773
+ .v-empty-state--center {
20774
+ align-items: center;
20625
20775
  }
20626
-
20627
- .v-date-picker-month__weekday {
20628
- font-size: 0.85rem;
20776
+ .v-empty-state--end {
20777
+ align-items: flex-end;
20629
20778
  }
20630
20779
 
20631
- .v-date-picker-month__days {
20632
- display: grid;
20633
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20634
- column-gap: 4px;
20635
- flex: 1 1;
20636
- justify-content: space-around;
20780
+ .v-empty-state__media {
20781
+ text-align: center;
20782
+ width: 100%;
20783
+ }
20784
+ .v-empty-state__media .v-icon {
20785
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20637
20786
  }
20638
20787
 
20639
- .v-date-picker-month__day {
20640
- align-items: center;
20641
- display: flex;
20642
- justify-content: center;
20643
- position: relative;
20644
- height: 40px;
20645
- width: 40px;
20788
+ .v-empty-state__headline {
20789
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20790
+ font-size: 3.75rem;
20791
+ font-weight: 300;
20792
+ line-height: 1;
20793
+ text-align: center;
20794
+ margin-bottom: 8px;
20646
20795
  }
20647
- .v-date-picker-month__day--selected .v-btn {
20648
- background-color: rgb(var(--v-theme-surface-variant));
20649
- color: rgb(var(--v-theme-on-surface-variant));
20796
+ .v-empty-state--mobile .v-empty-state__headline {
20797
+ font-size: 2.125rem;
20650
20798
  }
20651
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20652
- --v-btn-height: 24px;
20653
- --v-btn-size: 0.85rem;
20799
+
20800
+ .v-empty-state__title {
20801
+ font-size: 1.25rem;
20802
+ font-weight: 500;
20803
+ line-height: 1.6;
20804
+ margin-bottom: 4px;
20805
+ text-align: center;
20654
20806
  }
20655
- .v-date-picker-month__day--week {
20656
- font-size: var(--v-btn-size);
20807
+
20808
+ .v-empty-state__text {
20809
+ font-size: 0.875rem;
20810
+ font-weight: 400;
20811
+ line-height: 1.425;
20812
+ padding: 0 16px;
20813
+ text-align: center;
20657
20814
  }
20658
20815
 
20659
- .v-date-picker-month__day--adjacent {
20660
- opacity: 0.5;
20816
+ .v-empty-state__content {
20817
+ padding: 24px 0;
20661
20818
  }
20662
20819
 
20663
- .v-date-picker-month__day--hide-adjacent {
20664
- opacity: 0;
20820
+ .v-empty-state__actions {
20821
+ display: flex;
20822
+ gap: 8px;
20823
+ padding: 16px;
20824
+ }
20825
+
20826
+ .v-empty-state__action-btn.v-btn {
20827
+ background-color: initial;
20828
+ color: initial;
20665
20829
  }.v-divider {
20666
20830
  display: block;
20667
20831
  flex: 1 1 100%;
@@ -20930,73 +21094,6 @@ html.overflow-y-hidden {
20930
21094
  }
20931
21095
  .v-expansion-panels--tile > .v-expansion-panel {
20932
21096
  border-radius: 0;
20933
- }.v-empty-state {
20934
- align-items: center;
20935
- display: flex;
20936
- flex-direction: column;
20937
- justify-content: center;
20938
- min-height: 100%;
20939
- padding: 16px;
20940
- }
20941
- .v-empty-state--start {
20942
- align-items: flex-start;
20943
- }
20944
- .v-empty-state--center {
20945
- align-items: center;
20946
- }
20947
- .v-empty-state--end {
20948
- align-items: flex-end;
20949
- }
20950
-
20951
- .v-empty-state__media {
20952
- text-align: center;
20953
- width: 100%;
20954
- }
20955
- .v-empty-state__media .v-icon {
20956
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20957
- }
20958
-
20959
- .v-empty-state__headline {
20960
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20961
- font-size: 3.75rem;
20962
- font-weight: 300;
20963
- line-height: 1;
20964
- text-align: center;
20965
- margin-bottom: 8px;
20966
- }
20967
- .v-empty-state--mobile .v-empty-state__headline {
20968
- font-size: 2.125rem;
20969
- }
20970
-
20971
- .v-empty-state__title {
20972
- font-size: 1.25rem;
20973
- font-weight: 500;
20974
- line-height: 1.6;
20975
- margin-bottom: 4px;
20976
- text-align: center;
20977
- }
20978
-
20979
- .v-empty-state__text {
20980
- font-size: 0.875rem;
20981
- font-weight: 400;
20982
- line-height: 1.425;
20983
- padding: 0 16px;
20984
- text-align: center;
20985
- }
20986
-
20987
- .v-empty-state__content {
20988
- padding: 24px 0;
20989
- }
20990
-
20991
- .v-empty-state__actions {
20992
- display: flex;
20993
- gap: 8px;
20994
- padding: 16px;
20995
- }
20996
-
20997
- .v-empty-state__action-btn.v-btn {
20998
- background-color: initial;
20999
- color: initial;
21000
21097
  }.v-fab {
21001
21098
  align-items: center;
21002
21099
  display: inline-flex;
@@ -22687,23 +22784,132 @@ textarea.v-field__input::placeholder {
22687
22784
  white-space: nowrap;
22688
22785
  }
22689
22786
 
22690
- .v-label--clickable {
22691
- cursor: pointer;
22692
- }.v-layout {
22693
- --v-scrollbar-offset: 0px;
22694
- display: flex;
22695
- flex: 1 1 auto;
22787
+ .v-label--clickable {
22788
+ cursor: pointer;
22789
+ }.v-layout-item {
22790
+ position: absolute;
22791
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22792
+ }
22793
+
22794
+ .v-layout-item--absolute {
22795
+ position: absolute;
22796
+ }.v-layout {
22797
+ --v-scrollbar-offset: 0px;
22798
+ display: flex;
22799
+ flex: 1 1 auto;
22800
+ }
22801
+ .v-layout--full-height {
22802
+ --v-scrollbar-offset: inherit;
22803
+ height: 100%;
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;
22696
22890
  }
22697
- .v-layout--full-height {
22698
- --v-scrollbar-offset: inherit;
22699
- height: 100%;
22700
- }.v-layout-item {
22701
- position: absolute;
22702
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
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;
22703
22900
  }
22704
22901
 
22705
- .v-layout-item--absolute {
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;
22706
22909
  position: absolute;
22910
+ right: 0;
22911
+ top: 0;
22912
+ transition: opacity 0.2s ease-in-out;
22707
22913
  }.v-list-item {
22708
22914
  align-items: center;
22709
22915
  display: grid;
@@ -23156,277 +23362,71 @@ textarea.v-field__input::placeholder {
23156
23362
  .v-list-group--fluid.v-list-group--prepend {
23157
23363
  --parent-padding: var(--indent-padding);
23158
23364
  }
23159
-
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;
23250
- }
23251
-
23252
- .v-list--density-compact .v-list-subheader {
23253
- min-height: 32px;
23254
- padding-inline-start: calc(16px + var(--indent-padding)) !important;
23255
- }
23256
-
23257
- .v-list-subheader--inset {
23258
- --indent-padding: 56px;
23259
- }
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;
23284
- }.v-main {
23285
- flex: 1 0 auto;
23286
- max-width: 100%;
23287
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23288
- padding-left: var(--v-layout-left);
23289
- padding-right: var(--v-layout-right);
23290
- padding-top: var(--v-layout-top);
23291
- padding-bottom: var(--v-layout-bottom);
23292
- }
23293
- .v-main__scroller {
23294
- max-width: 100%;
23295
- position: relative;
23296
- }
23297
- .v-main--scrollable {
23298
- display: flex;
23299
- }
23300
- .v-main--scrollable {
23301
- position: absolute;
23302
- top: 0;
23303
- left: 0;
23304
- width: 100%;
23305
- height: 100%;
23306
- }
23307
- .v-main--scrollable > .v-main__scroller {
23308
- flex: 1 1 auto;
23309
- overflow-y: auto;
23310
- --v-layout-left: 0px;
23311
- --v-layout-right: 0px;
23312
- --v-layout-top: 0px;
23313
- --v-layout-bottom: 0px;
23314
- }.v-menu > .v-overlay__content {
23315
- display: flex;
23316
- flex-direction: column;
23317
- }
23318
- .v-menu > .v-overlay__content {
23319
- border-radius: 4px;
23320
- }
23321
- .v-menu > .v-overlay__content > .v-card,
23322
- .v-menu > .v-overlay__content > .v-sheet,
23323
- .v-menu > .v-overlay__content > .v-list {
23324
- background: rgb(var(--v-theme-surface));
23325
- border-radius: inherit;
23326
- overflow: auto;
23327
- height: 100%;
23328
- }
23329
- .v-menu > .v-overlay__content > .v-card,
23330
- .v-menu > .v-overlay__content > .v-sheet,
23331
- .v-menu > .v-overlay__content > .v-list {
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;
23365
+
23366
+ .v-list-group__items {
23367
+ --indent-padding: calc(var(--parent-padding) + var(--list-indent-size));
23383
23368
  }
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;
23369
+
23370
+ .v-list-group__items .v-list-item {
23371
+ padding-inline-start: calc(16px + var(--indent-padding)) !important;
23387
23372
  }
23388
23373
 
23389
- .v-dialog--fullscreen {
23390
- --v-scrollbar-offset: 0px;
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;
23391
23376
  }
23392
- .v-dialog--fullscreen > .v-overlay__content {
23393
- border-radius: 0;
23394
- margin: 0;
23395
- padding: 0;
23396
- width: 100%;
23397
- height: 100%;
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));
23379
+ }.v-locale-provider {
23380
+ display: contents;
23381
+ }.v-main {
23382
+ flex: 1 0 auto;
23398
23383
  max-width: 100%;
23399
- max-height: 100%;
23400
- overflow-y: auto;
23401
- top: 0;
23402
- left: 0;
23384
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23385
+ padding-left: var(--v-layout-left);
23386
+ padding-right: var(--v-layout-right);
23387
+ padding-top: var(--v-layout-top);
23388
+ padding-bottom: var(--v-layout-bottom);
23403
23389
  }
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;
23390
+ .v-main__scroller {
23391
+ max-width: 100%;
23392
+ position: relative;
23411
23393
  }
23412
-
23413
- .v-dialog--scrollable > .v-overlay__content,
23414
- .v-dialog--scrollable > .v-overlay__content > form {
23394
+ .v-main--scrollable {
23415
23395
  display: flex;
23416
23396
  }
23417
- .v-dialog--scrollable > .v-overlay__content > .v-card,
23418
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
23397
+ .v-main--scrollable {
23398
+ position: absolute;
23399
+ top: 0;
23400
+ left: 0;
23401
+ width: 100%;
23402
+ height: 100%;
23403
+ }
23404
+ .v-main--scrollable > .v-main__scroller {
23405
+ flex: 1 1 auto;
23406
+ overflow-y: auto;
23407
+ --v-layout-left: 0px;
23408
+ --v-layout-right: 0px;
23409
+ --v-layout-top: 0px;
23410
+ --v-layout-bottom: 0px;
23411
+ }.v-menu > .v-overlay__content {
23419
23412
  display: flex;
23420
- flex: 1 1 100%;
23421
23413
  flex-direction: column;
23422
- max-height: 100%;
23423
- max-width: 100%;
23424
23414
  }
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;
23415
+ .v-menu > .v-overlay__content {
23416
+ border-radius: 4px;
23417
+ }
23418
+ .v-menu > .v-overlay__content > .v-card,
23419
+ .v-menu > .v-overlay__content > .v-sheet,
23420
+ .v-menu > .v-overlay__content > .v-list {
23421
+ background: rgb(var(--v-theme-surface));
23422
+ border-radius: inherit;
23423
+ overflow: auto;
23424
+ height: 100%;
23425
+ }
23426
+ .v-menu > .v-overlay__content > .v-card,
23427
+ .v-menu > .v-overlay__content > .v-sheet,
23428
+ .v-menu > .v-overlay__content > .v-list {
23429
+ 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));
23430
23430
  }.v-messages {
23431
23431
  flex: 1 1 auto;
23432
23432
  font-size: 12px;
@@ -24999,6 +24999,49 @@ html.v-overlay-scroll-blocked {
24999
24999
  left: 0;
25000
25000
  width: 100%;
25001
25001
  height: 100%;
25002
+ }.v-system-bar {
25003
+ align-items: center;
25004
+ display: flex;
25005
+ flex: 1 1 auto;
25006
+ height: 24px;
25007
+ justify-content: flex-end;
25008
+ max-width: 100%;
25009
+ padding-inline: 8px;
25010
+ position: relative;
25011
+ text-align: end;
25012
+ width: 100%;
25013
+ }
25014
+ .v-system-bar .v-icon {
25015
+ opacity: var(--v-medium-emphasis-opacity);
25016
+ }
25017
+ .v-system-bar {
25018
+ 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));
25019
+ }
25020
+ .v-system-bar--absolute {
25021
+ position: absolute;
25022
+ }
25023
+ .v-system-bar--fixed {
25024
+ position: fixed;
25025
+ }
25026
+ .v-system-bar {
25027
+ background: rgba(var(--v-theme-surface-light));
25028
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25029
+ }
25030
+ .v-system-bar {
25031
+ font-size: 0.75rem;
25032
+ font-weight: 400;
25033
+ letter-spacing: 0.0333333333em;
25034
+ line-height: 1.667;
25035
+ text-transform: none;
25036
+ }
25037
+ .v-system-bar--rounded {
25038
+ border-radius: 0;
25039
+ }
25040
+ .v-system-bar--window {
25041
+ height: 32px;
25042
+ }
25043
+ .v-system-bar:not(.v-system-bar--absolute) {
25044
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25002
25045
  }.v-switch .v-label {
25003
25046
  padding-inline-start: 10px;
25004
25047
  }
@@ -25181,49 +25224,6 @@ html.v-overlay-scroll-blocked {
25181
25224
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25182
25225
  border-width: 0;
25183
25226
  }
25184
- }.v-system-bar {
25185
- align-items: center;
25186
- 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%;
25195
- }
25196
- .v-system-bar .v-icon {
25197
- opacity: var(--v-medium-emphasis-opacity);
25198
- }
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));
25201
- }
25202
- .v-system-bar--absolute {
25203
- position: absolute;
25204
- }
25205
- .v-system-bar--fixed {
25206
- position: fixed;
25207
- }
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));
25211
- }
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;
25218
- }
25219
- .v-system-bar--rounded {
25220
- border-radius: 0;
25221
- }
25222
- .v-system-bar--window {
25223
- height: 32px;
25224
- }
25225
- .v-system-bar:not(.v-system-bar--absolute) {
25226
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25227
25227
  }.v-tab.v-tab.v-btn {
25228
25228
  height: var(--v-tabs-height);
25229
25229
  border-radius: 0;
@@ -25461,45 +25461,6 @@ html.v-overlay-scroll-blocked {
25461
25461
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25462
25462
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25463
25463
  border-top: 0px !important;
25464
- }.v-textarea .v-field {
25465
- --v-textarea-control-height: var(--v-input-control-height);
25466
- }
25467
- .v-textarea .v-field__field {
25468
- --v-input-control-height: var(--v-textarea-control-height);
25469
- }
25470
- .v-textarea .v-field__input {
25471
- flex: 1 1 auto;
25472
- outline: none;
25473
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25474
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25475
- }
25476
- .v-textarea .v-field__input.v-textarea__sizer {
25477
- visibility: hidden;
25478
- position: absolute;
25479
- top: 0;
25480
- left: 0;
25481
- height: 0 !important;
25482
- min-height: 0 !important;
25483
- pointer-events: none;
25484
- }
25485
- .v-textarea--no-resize .v-field__input {
25486
- resize: none;
25487
- }
25488
- .v-textarea .v-field--no-label textarea,
25489
- .v-textarea .v-field--active textarea {
25490
- opacity: 1;
25491
- }
25492
- .v-textarea textarea {
25493
- opacity: 0;
25494
- flex: 1;
25495
- min-width: 0;
25496
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25497
- }
25498
- .v-textarea textarea:focus, .v-textarea textarea:active {
25499
- outline: none;
25500
- }
25501
- .v-textarea textarea:invalid {
25502
- box-shadow: none;
25503
25464
  }/* region BLOCK */
25504
25465
  .v-text-field input {
25505
25466
  color: inherit;
@@ -25567,7 +25528,46 @@ html.v-overlay-scroll-blocked {
25567
25528
  padding-inline-end: var(--v-field-padding-end);
25568
25529
  }
25569
25530
 
25570
- /* endregion */.v-theme-provider {
25531
+ /* endregion */.v-textarea .v-field {
25532
+ --v-textarea-control-height: var(--v-input-control-height);
25533
+ }
25534
+ .v-textarea .v-field__field {
25535
+ --v-input-control-height: var(--v-textarea-control-height);
25536
+ }
25537
+ .v-textarea .v-field__input {
25538
+ flex: 1 1 auto;
25539
+ outline: none;
25540
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25541
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25542
+ }
25543
+ .v-textarea .v-field__input.v-textarea__sizer {
25544
+ visibility: hidden;
25545
+ position: absolute;
25546
+ top: 0;
25547
+ left: 0;
25548
+ height: 0 !important;
25549
+ min-height: 0 !important;
25550
+ pointer-events: none;
25551
+ }
25552
+ .v-textarea--no-resize .v-field__input {
25553
+ resize: none;
25554
+ }
25555
+ .v-textarea .v-field--no-label textarea,
25556
+ .v-textarea .v-field--active textarea {
25557
+ opacity: 1;
25558
+ }
25559
+ .v-textarea textarea {
25560
+ opacity: 0;
25561
+ flex: 1;
25562
+ min-width: 0;
25563
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25564
+ }
25565
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25566
+ outline: none;
25567
+ }
25568
+ .v-textarea textarea:invalid {
25569
+ box-shadow: none;
25570
+ }.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 {