@vuetify/nightly 3.6.14-master.2024-08-02 → 3.6.14-master.2024-08-03

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.6.14-master.2024-08-02
2
+ * Vuetify v3.6.14-master.2024-08-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,6 +17978,22 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
+ }.v-application {
17982
+ display: flex;
17983
+ background: rgb(var(--v-theme-background));
17984
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17985
+ }
17986
+
17987
+ .v-application__wrap {
17988
+ -webkit-backface-visibility: hidden;
17989
+ backface-visibility: hidden;
17990
+ display: flex;
17991
+ flex-direction: column;
17992
+ flex: 1 1 auto;
17993
+ max-width: 100%;
17994
+ min-height: 100vh;
17995
+ min-height: 100dvh;
17996
+ position: relative;
17981
17997
  }.v-app-bar {
17982
17998
  display: flex;
17983
17999
  }
@@ -19663,978 +19679,306 @@ html.overflow-y-hidden {
19663
19679
  }
19664
19680
  .v-checkbox .v-selection-control {
19665
19681
  min-height: var(--v-input-control-height);
19666
- }.v-container {
19667
- width: 100%;
19668
- padding: 16px;
19669
- margin-right: auto;
19670
- margin-left: auto;
19671
- }
19672
- @media (min-width: 960px) {
19673
- .v-container {
19674
- max-width: 900px;
19675
- }
19676
- }
19677
- @media (min-width: 1280px) {
19678
- .v-container {
19679
- max-width: 1200px;
19680
- }
19681
- }
19682
- @media (min-width: 1920px) {
19683
- .v-container {
19684
- max-width: 1800px;
19685
- }
19686
- }
19687
- @media (min-width: 2560px) {
19688
- .v-container {
19689
- max-width: 2400px;
19690
- }
19691
- }
19692
- .v-container--fluid {
19693
- max-width: 100%;
19694
- }
19695
- .v-container.fill-height {
19682
+ }.v-chip {
19696
19683
  align-items: center;
19697
- display: flex;
19698
- flex-wrap: wrap;
19699
- }
19700
-
19701
- .v-row {
19702
- display: flex;
19703
- flex-wrap: wrap;
19704
- flex: 1 1 auto;
19705
- margin: -12px;
19684
+ display: inline-flex;
19685
+ font-weight: 400;
19686
+ max-width: 100%;
19687
+ min-width: 0;
19688
+ overflow: hidden;
19689
+ position: relative;
19690
+ text-decoration: none;
19691
+ white-space: nowrap;
19692
+ vertical-align: middle;
19706
19693
  }
19707
- .v-row + .v-row {
19708
- margin-top: 12px;
19694
+ .v-chip .v-icon {
19695
+ --v-icon-size-multiplier: 0.8571428571;
19709
19696
  }
19710
- .v-row + .v-row--dense {
19711
- margin-top: 4px;
19697
+ .v-chip.v-chip--size-x-small {
19698
+ --v-chip-size: 0.625rem;
19699
+ --v-chip-height: 20px;
19700
+ font-size: 0.625rem;
19701
+ padding: 0 8px;
19712
19702
  }
19713
- .v-row--dense {
19714
- margin: -4px;
19703
+ .v-chip.v-chip--size-x-small .v-avatar {
19704
+ --v-avatar-height: 14px;
19715
19705
  }
19716
- .v-row--dense > .v-col,
19717
- .v-row--dense > [class*=v-col-] {
19718
- padding: 4px;
19706
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
19707
+ --v-avatar-height: 20px;
19719
19708
  }
19720
- .v-row.v-row--no-gutters {
19721
- margin: 0;
19709
+
19710
+ .v-chip.v-chip--size-x-small .v-avatar--start {
19711
+ margin-inline-start: -5.6px;
19712
+ margin-inline-end: 4px;
19722
19713
  }
19723
- .v-row.v-row--no-gutters > .v-col,
19724
- .v-row.v-row--no-gutters > [class*=v-col-] {
19725
- padding: 0;
19714
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
19715
+ margin-inline-start: -8px;
19726
19716
  }
19727
19717
 
19728
- .v-spacer {
19729
- flex-grow: 1;
19718
+ .v-chip.v-chip--size-x-small .v-avatar--end {
19719
+ margin-inline-start: 4px;
19720
+ margin-inline-end: -5.6px;
19730
19721
  }
19731
-
19732
- .v-col-xxl,
19733
- .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
19734
- .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
19735
- .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
19736
- .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
19737
- .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
19738
- .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
19739
- width: 100%;
19740
- padding: 12px;
19722
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
19723
+ margin-inline-end: -8px;
19741
19724
  }
19742
19725
 
19743
- .v-col {
19744
- flex-basis: 0;
19745
- flex-grow: 1;
19746
- max-width: 100%;
19726
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
19727
+ margin-inline-start: 12px;
19747
19728
  }
19748
19729
 
19749
- .v-col-auto {
19750
- flex: 0 0 auto;
19751
- width: auto;
19752
- max-width: 100%;
19730
+ .v-chip.v-chip--size-x-small .v-icon--start,
19731
+ .v-chip.v-chip--size-x-small .v-chip__filter {
19732
+ margin-inline-start: -4px;
19733
+ margin-inline-end: 4px;
19753
19734
  }
19754
-
19755
- .v-col-1 {
19756
- flex: 0 0 8.3333333333%;
19757
- max-width: 8.3333333333%;
19735
+ .v-chip.v-chip--size-x-small .v-icon--end,
19736
+ .v-chip.v-chip--size-x-small .v-chip__close {
19737
+ margin-inline-start: 4px;
19738
+ margin-inline-end: -4px;
19758
19739
  }
19759
-
19760
- .v-col-2 {
19761
- flex: 0 0 16.6666666667%;
19762
- max-width: 16.6666666667%;
19740
+ .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
19741
+ .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
19742
+ .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
19743
+ margin-inline-start: 8px;
19763
19744
  }
19764
19745
 
19765
- .v-col-3 {
19766
- flex: 0 0 25%;
19767
- max-width: 25%;
19746
+ .v-chip.v-chip--size-small {
19747
+ --v-chip-size: 0.75rem;
19748
+ --v-chip-height: 26px;
19749
+ font-size: 0.75rem;
19750
+ padding: 0 10px;
19768
19751
  }
19769
-
19770
- .v-col-4 {
19771
- flex: 0 0 33.3333333333%;
19772
- max-width: 33.3333333333%;
19752
+ .v-chip.v-chip--size-small .v-avatar {
19753
+ --v-avatar-height: 20px;
19773
19754
  }
19774
-
19775
- .v-col-5 {
19776
- flex: 0 0 41.6666666667%;
19777
- max-width: 41.6666666667%;
19755
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
19756
+ --v-avatar-height: 26px;
19778
19757
  }
19779
19758
 
19780
- .v-col-6 {
19781
- flex: 0 0 50%;
19782
- max-width: 50%;
19759
+ .v-chip.v-chip--size-small .v-avatar--start {
19760
+ margin-inline-start: -7px;
19761
+ margin-inline-end: 5px;
19783
19762
  }
19784
-
19785
- .v-col-7 {
19786
- flex: 0 0 58.3333333333%;
19787
- max-width: 58.3333333333%;
19763
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
19764
+ margin-inline-start: -10px;
19788
19765
  }
19789
19766
 
19790
- .v-col-8 {
19791
- flex: 0 0 66.6666666667%;
19792
- max-width: 66.6666666667%;
19767
+ .v-chip.v-chip--size-small .v-avatar--end {
19768
+ margin-inline-start: 5px;
19769
+ margin-inline-end: -7px;
19793
19770
  }
19794
-
19795
- .v-col-9 {
19796
- flex: 0 0 75%;
19797
- max-width: 75%;
19771
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
19772
+ margin-inline-end: -10px;
19798
19773
  }
19799
19774
 
19800
- .v-col-10 {
19801
- flex: 0 0 83.3333333333%;
19802
- max-width: 83.3333333333%;
19775
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
19776
+ margin-inline-start: 15px;
19803
19777
  }
19804
19778
 
19805
- .v-col-11 {
19806
- flex: 0 0 91.6666666667%;
19807
- max-width: 91.6666666667%;
19779
+ .v-chip.v-chip--size-small .v-icon--start,
19780
+ .v-chip.v-chip--size-small .v-chip__filter {
19781
+ margin-inline-start: -5px;
19782
+ margin-inline-end: 5px;
19808
19783
  }
19809
-
19810
- .v-col-12 {
19811
- flex: 0 0 100%;
19812
- max-width: 100%;
19784
+ .v-chip.v-chip--size-small .v-icon--end,
19785
+ .v-chip.v-chip--size-small .v-chip__close {
19786
+ margin-inline-start: 5px;
19787
+ margin-inline-end: -5px;
19813
19788
  }
19814
-
19815
- .offset-1 {
19816
- margin-inline-start: 8.3333333333%;
19789
+ .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
19790
+ .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
19791
+ .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
19792
+ margin-inline-start: 10px;
19817
19793
  }
19818
19794
 
19819
- .offset-2 {
19820
- margin-inline-start: 16.6666666667%;
19795
+ .v-chip.v-chip--size-default {
19796
+ --v-chip-size: 0.875rem;
19797
+ --v-chip-height: 32px;
19798
+ font-size: 0.875rem;
19799
+ padding: 0 12px;
19821
19800
  }
19822
-
19823
- .offset-3 {
19824
- margin-inline-start: 25%;
19801
+ .v-chip.v-chip--size-default .v-avatar {
19802
+ --v-avatar-height: 26px;
19825
19803
  }
19826
-
19827
- .offset-4 {
19828
- margin-inline-start: 33.3333333333%;
19804
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
19805
+ --v-avatar-height: 32px;
19829
19806
  }
19830
19807
 
19831
- .offset-5 {
19832
- margin-inline-start: 41.6666666667%;
19808
+ .v-chip.v-chip--size-default .v-avatar--start {
19809
+ margin-inline-start: -8.4px;
19810
+ margin-inline-end: 6px;
19833
19811
  }
19834
-
19835
- .offset-6 {
19836
- margin-inline-start: 50%;
19812
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
19813
+ margin-inline-start: -12px;
19837
19814
  }
19838
19815
 
19839
- .offset-7 {
19840
- margin-inline-start: 58.3333333333%;
19816
+ .v-chip.v-chip--size-default .v-avatar--end {
19817
+ margin-inline-start: 6px;
19818
+ margin-inline-end: -8.4px;
19841
19819
  }
19842
-
19843
- .offset-8 {
19844
- margin-inline-start: 66.6666666667%;
19820
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
19821
+ margin-inline-end: -12px;
19845
19822
  }
19846
19823
 
19847
- .offset-9 {
19848
- margin-inline-start: 75%;
19824
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
19825
+ margin-inline-start: 18px;
19849
19826
  }
19850
19827
 
19851
- .offset-10 {
19852
- margin-inline-start: 83.3333333333%;
19828
+ .v-chip.v-chip--size-default .v-icon--start,
19829
+ .v-chip.v-chip--size-default .v-chip__filter {
19830
+ margin-inline-start: -6px;
19831
+ margin-inline-end: 6px;
19832
+ }
19833
+ .v-chip.v-chip--size-default .v-icon--end,
19834
+ .v-chip.v-chip--size-default .v-chip__close {
19835
+ margin-inline-start: 6px;
19836
+ margin-inline-end: -6px;
19837
+ }
19838
+ .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
19839
+ .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
19840
+ .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
19841
+ margin-inline-start: 12px;
19853
19842
  }
19854
19843
 
19855
- .offset-11 {
19856
- margin-inline-start: 91.6666666667%;
19844
+ .v-chip.v-chip--size-large {
19845
+ --v-chip-size: 1rem;
19846
+ --v-chip-height: 38px;
19847
+ font-size: 1rem;
19848
+ padding: 0 14px;
19849
+ }
19850
+ .v-chip.v-chip--size-large .v-avatar {
19851
+ --v-avatar-height: 32px;
19852
+ }
19853
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
19854
+ --v-avatar-height: 38px;
19857
19855
  }
19858
19856
 
19859
- @media (min-width: 600px) {
19860
- .v-col-sm {
19861
- flex-basis: 0;
19862
- flex-grow: 1;
19863
- max-width: 100%;
19864
- }
19865
- .v-col-sm-auto {
19866
- flex: 0 0 auto;
19867
- width: auto;
19868
- max-width: 100%;
19869
- }
19870
- .v-col-sm-1 {
19871
- flex: 0 0 8.3333333333%;
19872
- max-width: 8.3333333333%;
19873
- }
19874
- .v-col-sm-2 {
19875
- flex: 0 0 16.6666666667%;
19876
- max-width: 16.6666666667%;
19877
- }
19878
- .v-col-sm-3 {
19879
- flex: 0 0 25%;
19880
- max-width: 25%;
19881
- }
19882
- .v-col-sm-4 {
19883
- flex: 0 0 33.3333333333%;
19884
- max-width: 33.3333333333%;
19885
- }
19886
- .v-col-sm-5 {
19887
- flex: 0 0 41.6666666667%;
19888
- max-width: 41.6666666667%;
19889
- }
19890
- .v-col-sm-6 {
19891
- flex: 0 0 50%;
19892
- max-width: 50%;
19893
- }
19894
- .v-col-sm-7 {
19895
- flex: 0 0 58.3333333333%;
19896
- max-width: 58.3333333333%;
19897
- }
19898
- .v-col-sm-8 {
19899
- flex: 0 0 66.6666666667%;
19900
- max-width: 66.6666666667%;
19901
- }
19902
- .v-col-sm-9 {
19903
- flex: 0 0 75%;
19904
- max-width: 75%;
19905
- }
19906
- .v-col-sm-10 {
19907
- flex: 0 0 83.3333333333%;
19908
- max-width: 83.3333333333%;
19909
- }
19910
- .v-col-sm-11 {
19911
- flex: 0 0 91.6666666667%;
19912
- max-width: 91.6666666667%;
19913
- }
19914
- .v-col-sm-12 {
19915
- flex: 0 0 100%;
19916
- max-width: 100%;
19917
- }
19918
- .offset-sm-0 {
19919
- margin-inline-start: 0;
19920
- }
19921
- .offset-sm-1 {
19922
- margin-inline-start: 8.3333333333%;
19923
- }
19924
- .offset-sm-2 {
19925
- margin-inline-start: 16.6666666667%;
19926
- }
19927
- .offset-sm-3 {
19928
- margin-inline-start: 25%;
19929
- }
19930
- .offset-sm-4 {
19931
- margin-inline-start: 33.3333333333%;
19932
- }
19933
- .offset-sm-5 {
19934
- margin-inline-start: 41.6666666667%;
19935
- }
19936
- .offset-sm-6 {
19937
- margin-inline-start: 50%;
19938
- }
19939
- .offset-sm-7 {
19940
- margin-inline-start: 58.3333333333%;
19941
- }
19942
- .offset-sm-8 {
19943
- margin-inline-start: 66.6666666667%;
19944
- }
19945
- .offset-sm-9 {
19946
- margin-inline-start: 75%;
19947
- }
19948
- .offset-sm-10 {
19949
- margin-inline-start: 83.3333333333%;
19950
- }
19951
- .offset-sm-11 {
19952
- margin-inline-start: 91.6666666667%;
19953
- }
19857
+ .v-chip.v-chip--size-large .v-avatar--start {
19858
+ margin-inline-start: -9.8px;
19859
+ margin-inline-end: 7px;
19954
19860
  }
19955
- @media (min-width: 960px) {
19956
- .v-col-md {
19957
- flex-basis: 0;
19958
- flex-grow: 1;
19959
- max-width: 100%;
19861
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
19862
+ margin-inline-start: -14px;
19863
+ }
19864
+
19865
+ .v-chip.v-chip--size-large .v-avatar--end {
19866
+ margin-inline-start: 7px;
19867
+ margin-inline-end: -9.8px;
19868
+ }
19869
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
19870
+ margin-inline-end: -14px;
19871
+ }
19872
+
19873
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
19874
+ margin-inline-start: 21px;
19875
+ }
19876
+
19877
+ .v-chip.v-chip--size-large .v-icon--start,
19878
+ .v-chip.v-chip--size-large .v-chip__filter {
19879
+ margin-inline-start: -7px;
19880
+ margin-inline-end: 7px;
19881
+ }
19882
+ .v-chip.v-chip--size-large .v-icon--end,
19883
+ .v-chip.v-chip--size-large .v-chip__close {
19884
+ margin-inline-start: 7px;
19885
+ margin-inline-end: -7px;
19886
+ }
19887
+ .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
19888
+ .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
19889
+ .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
19890
+ margin-inline-start: 14px;
19891
+ }
19892
+
19893
+ .v-chip.v-chip--size-x-large {
19894
+ --v-chip-size: 1.125rem;
19895
+ --v-chip-height: 44px;
19896
+ font-size: 1.125rem;
19897
+ padding: 0 17px;
19898
+ }
19899
+ .v-chip.v-chip--size-x-large .v-avatar {
19900
+ --v-avatar-height: 38px;
19901
+ }
19902
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
19903
+ --v-avatar-height: 44px;
19904
+ }
19905
+
19906
+ .v-chip.v-chip--size-x-large .v-avatar--start {
19907
+ margin-inline-start: -11.9px;
19908
+ margin-inline-end: 8.5px;
19909
+ }
19910
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
19911
+ margin-inline-start: -17px;
19912
+ }
19913
+
19914
+ .v-chip.v-chip--size-x-large .v-avatar--end {
19915
+ margin-inline-start: 8.5px;
19916
+ margin-inline-end: -11.9px;
19917
+ }
19918
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
19919
+ margin-inline-end: -17px;
19920
+ }
19921
+
19922
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
19923
+ margin-inline-start: 25.5px;
19924
+ }
19925
+
19926
+ .v-chip.v-chip--size-x-large .v-icon--start,
19927
+ .v-chip.v-chip--size-x-large .v-chip__filter {
19928
+ margin-inline-start: -8.5px;
19929
+ margin-inline-end: 8.5px;
19930
+ }
19931
+ .v-chip.v-chip--size-x-large .v-icon--end,
19932
+ .v-chip.v-chip--size-x-large .v-chip__close {
19933
+ margin-inline-start: 8.5px;
19934
+ margin-inline-end: -8.5px;
19935
+ }
19936
+ .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
19937
+ .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
19938
+ .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
19939
+ margin-inline-start: 17px;
19940
+ }
19941
+
19942
+ .v-chip.v-chip--density-default {
19943
+ height: calc(var(--v-chip-height) + 0px);
19944
+ }
19945
+
19946
+ .v-chip.v-chip--density-comfortable {
19947
+ height: calc(var(--v-chip-height) + -4px);
19948
+ }
19949
+
19950
+ .v-chip.v-chip--density-compact {
19951
+ height: calc(var(--v-chip-height) + -8px);
19952
+ }
19953
+
19954
+ .v-chip {
19955
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19956
+ border-style: solid;
19957
+ border-width: 0;
19958
+ }
19959
+ .v-chip:hover > .v-chip__overlay {
19960
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19961
+ }
19962
+ .v-chip:focus-visible > .v-chip__overlay {
19963
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19964
+ }
19965
+ @supports not selector(:focus-visible) {
19966
+ .v-chip:focus > .v-chip__overlay {
19967
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19960
19968
  }
19961
- .v-col-md-auto {
19962
- flex: 0 0 auto;
19963
- width: auto;
19964
- max-width: 100%;
19965
- }
19966
- .v-col-md-1 {
19967
- flex: 0 0 8.3333333333%;
19968
- max-width: 8.3333333333%;
19969
- }
19970
- .v-col-md-2 {
19971
- flex: 0 0 16.6666666667%;
19972
- max-width: 16.6666666667%;
19973
- }
19974
- .v-col-md-3 {
19975
- flex: 0 0 25%;
19976
- max-width: 25%;
19977
- }
19978
- .v-col-md-4 {
19979
- flex: 0 0 33.3333333333%;
19980
- max-width: 33.3333333333%;
19981
- }
19982
- .v-col-md-5 {
19983
- flex: 0 0 41.6666666667%;
19984
- max-width: 41.6666666667%;
19985
- }
19986
- .v-col-md-6 {
19987
- flex: 0 0 50%;
19988
- max-width: 50%;
19989
- }
19990
- .v-col-md-7 {
19991
- flex: 0 0 58.3333333333%;
19992
- max-width: 58.3333333333%;
19993
- }
19994
- .v-col-md-8 {
19995
- flex: 0 0 66.6666666667%;
19996
- max-width: 66.6666666667%;
19997
- }
19998
- .v-col-md-9 {
19999
- flex: 0 0 75%;
20000
- max-width: 75%;
20001
- }
20002
- .v-col-md-10 {
20003
- flex: 0 0 83.3333333333%;
20004
- max-width: 83.3333333333%;
20005
- }
20006
- .v-col-md-11 {
20007
- flex: 0 0 91.6666666667%;
20008
- max-width: 91.6666666667%;
20009
- }
20010
- .v-col-md-12 {
20011
- flex: 0 0 100%;
20012
- max-width: 100%;
20013
- }
20014
- .offset-md-0 {
20015
- margin-inline-start: 0;
20016
- }
20017
- .offset-md-1 {
20018
- margin-inline-start: 8.3333333333%;
20019
- }
20020
- .offset-md-2 {
20021
- margin-inline-start: 16.6666666667%;
20022
- }
20023
- .offset-md-3 {
20024
- margin-inline-start: 25%;
20025
- }
20026
- .offset-md-4 {
20027
- margin-inline-start: 33.3333333333%;
20028
- }
20029
- .offset-md-5 {
20030
- margin-inline-start: 41.6666666667%;
20031
- }
20032
- .offset-md-6 {
20033
- margin-inline-start: 50%;
20034
- }
20035
- .offset-md-7 {
20036
- margin-inline-start: 58.3333333333%;
20037
- }
20038
- .offset-md-8 {
20039
- margin-inline-start: 66.6666666667%;
20040
- }
20041
- .offset-md-9 {
20042
- margin-inline-start: 75%;
20043
- }
20044
- .offset-md-10 {
20045
- margin-inline-start: 83.3333333333%;
20046
- }
20047
- .offset-md-11 {
20048
- margin-inline-start: 91.6666666667%;
20049
- }
20050
- }
20051
- @media (min-width: 1280px) {
20052
- .v-col-lg {
20053
- flex-basis: 0;
20054
- flex-grow: 1;
20055
- max-width: 100%;
20056
- }
20057
- .v-col-lg-auto {
20058
- flex: 0 0 auto;
20059
- width: auto;
20060
- max-width: 100%;
20061
- }
20062
- .v-col-lg-1 {
20063
- flex: 0 0 8.3333333333%;
20064
- max-width: 8.3333333333%;
20065
- }
20066
- .v-col-lg-2 {
20067
- flex: 0 0 16.6666666667%;
20068
- max-width: 16.6666666667%;
20069
- }
20070
- .v-col-lg-3 {
20071
- flex: 0 0 25%;
20072
- max-width: 25%;
20073
- }
20074
- .v-col-lg-4 {
20075
- flex: 0 0 33.3333333333%;
20076
- max-width: 33.3333333333%;
20077
- }
20078
- .v-col-lg-5 {
20079
- flex: 0 0 41.6666666667%;
20080
- max-width: 41.6666666667%;
20081
- }
20082
- .v-col-lg-6 {
20083
- flex: 0 0 50%;
20084
- max-width: 50%;
20085
- }
20086
- .v-col-lg-7 {
20087
- flex: 0 0 58.3333333333%;
20088
- max-width: 58.3333333333%;
20089
- }
20090
- .v-col-lg-8 {
20091
- flex: 0 0 66.6666666667%;
20092
- max-width: 66.6666666667%;
20093
- }
20094
- .v-col-lg-9 {
20095
- flex: 0 0 75%;
20096
- max-width: 75%;
20097
- }
20098
- .v-col-lg-10 {
20099
- flex: 0 0 83.3333333333%;
20100
- max-width: 83.3333333333%;
20101
- }
20102
- .v-col-lg-11 {
20103
- flex: 0 0 91.6666666667%;
20104
- max-width: 91.6666666667%;
20105
- }
20106
- .v-col-lg-12 {
20107
- flex: 0 0 100%;
20108
- max-width: 100%;
20109
- }
20110
- .offset-lg-0 {
20111
- margin-inline-start: 0;
20112
- }
20113
- .offset-lg-1 {
20114
- margin-inline-start: 8.3333333333%;
20115
- }
20116
- .offset-lg-2 {
20117
- margin-inline-start: 16.6666666667%;
20118
- }
20119
- .offset-lg-3 {
20120
- margin-inline-start: 25%;
20121
- }
20122
- .offset-lg-4 {
20123
- margin-inline-start: 33.3333333333%;
20124
- }
20125
- .offset-lg-5 {
20126
- margin-inline-start: 41.6666666667%;
20127
- }
20128
- .offset-lg-6 {
20129
- margin-inline-start: 50%;
20130
- }
20131
- .offset-lg-7 {
20132
- margin-inline-start: 58.3333333333%;
20133
- }
20134
- .offset-lg-8 {
20135
- margin-inline-start: 66.6666666667%;
20136
- }
20137
- .offset-lg-9 {
20138
- margin-inline-start: 75%;
20139
- }
20140
- .offset-lg-10 {
20141
- margin-inline-start: 83.3333333333%;
20142
- }
20143
- .offset-lg-11 {
20144
- margin-inline-start: 91.6666666667%;
20145
- }
20146
- }
20147
- @media (min-width: 1920px) {
20148
- .v-col-xl {
20149
- flex-basis: 0;
20150
- flex-grow: 1;
20151
- max-width: 100%;
20152
- }
20153
- .v-col-xl-auto {
20154
- flex: 0 0 auto;
20155
- width: auto;
20156
- max-width: 100%;
20157
- }
20158
- .v-col-xl-1 {
20159
- flex: 0 0 8.3333333333%;
20160
- max-width: 8.3333333333%;
20161
- }
20162
- .v-col-xl-2 {
20163
- flex: 0 0 16.6666666667%;
20164
- max-width: 16.6666666667%;
20165
- }
20166
- .v-col-xl-3 {
20167
- flex: 0 0 25%;
20168
- max-width: 25%;
20169
- }
20170
- .v-col-xl-4 {
20171
- flex: 0 0 33.3333333333%;
20172
- max-width: 33.3333333333%;
20173
- }
20174
- .v-col-xl-5 {
20175
- flex: 0 0 41.6666666667%;
20176
- max-width: 41.6666666667%;
20177
- }
20178
- .v-col-xl-6 {
20179
- flex: 0 0 50%;
20180
- max-width: 50%;
20181
- }
20182
- .v-col-xl-7 {
20183
- flex: 0 0 58.3333333333%;
20184
- max-width: 58.3333333333%;
20185
- }
20186
- .v-col-xl-8 {
20187
- flex: 0 0 66.6666666667%;
20188
- max-width: 66.6666666667%;
20189
- }
20190
- .v-col-xl-9 {
20191
- flex: 0 0 75%;
20192
- max-width: 75%;
20193
- }
20194
- .v-col-xl-10 {
20195
- flex: 0 0 83.3333333333%;
20196
- max-width: 83.3333333333%;
20197
- }
20198
- .v-col-xl-11 {
20199
- flex: 0 0 91.6666666667%;
20200
- max-width: 91.6666666667%;
20201
- }
20202
- .v-col-xl-12 {
20203
- flex: 0 0 100%;
20204
- max-width: 100%;
20205
- }
20206
- .offset-xl-0 {
20207
- margin-inline-start: 0;
20208
- }
20209
- .offset-xl-1 {
20210
- margin-inline-start: 8.3333333333%;
20211
- }
20212
- .offset-xl-2 {
20213
- margin-inline-start: 16.6666666667%;
20214
- }
20215
- .offset-xl-3 {
20216
- margin-inline-start: 25%;
20217
- }
20218
- .offset-xl-4 {
20219
- margin-inline-start: 33.3333333333%;
20220
- }
20221
- .offset-xl-5 {
20222
- margin-inline-start: 41.6666666667%;
20223
- }
20224
- .offset-xl-6 {
20225
- margin-inline-start: 50%;
20226
- }
20227
- .offset-xl-7 {
20228
- margin-inline-start: 58.3333333333%;
20229
- }
20230
- .offset-xl-8 {
20231
- margin-inline-start: 66.6666666667%;
20232
- }
20233
- .offset-xl-9 {
20234
- margin-inline-start: 75%;
20235
- }
20236
- .offset-xl-10 {
20237
- margin-inline-start: 83.3333333333%;
20238
- }
20239
- .offset-xl-11 {
20240
- margin-inline-start: 91.6666666667%;
20241
- }
20242
- }
20243
- @media (min-width: 2560px) {
20244
- .v-col-xxl {
20245
- flex-basis: 0;
20246
- flex-grow: 1;
20247
- max-width: 100%;
20248
- }
20249
- .v-col-xxl-auto {
20250
- flex: 0 0 auto;
20251
- width: auto;
20252
- max-width: 100%;
20253
- }
20254
- .v-col-xxl-1 {
20255
- flex: 0 0 8.3333333333%;
20256
- max-width: 8.3333333333%;
20257
- }
20258
- .v-col-xxl-2 {
20259
- flex: 0 0 16.6666666667%;
20260
- max-width: 16.6666666667%;
20261
- }
20262
- .v-col-xxl-3 {
20263
- flex: 0 0 25%;
20264
- max-width: 25%;
20265
- }
20266
- .v-col-xxl-4 {
20267
- flex: 0 0 33.3333333333%;
20268
- max-width: 33.3333333333%;
20269
- }
20270
- .v-col-xxl-5 {
20271
- flex: 0 0 41.6666666667%;
20272
- max-width: 41.6666666667%;
20273
- }
20274
- .v-col-xxl-6 {
20275
- flex: 0 0 50%;
20276
- max-width: 50%;
20277
- }
20278
- .v-col-xxl-7 {
20279
- flex: 0 0 58.3333333333%;
20280
- max-width: 58.3333333333%;
20281
- }
20282
- .v-col-xxl-8 {
20283
- flex: 0 0 66.6666666667%;
20284
- max-width: 66.6666666667%;
20285
- }
20286
- .v-col-xxl-9 {
20287
- flex: 0 0 75%;
20288
- max-width: 75%;
20289
- }
20290
- .v-col-xxl-10 {
20291
- flex: 0 0 83.3333333333%;
20292
- max-width: 83.3333333333%;
20293
- }
20294
- .v-col-xxl-11 {
20295
- flex: 0 0 91.6666666667%;
20296
- max-width: 91.6666666667%;
20297
- }
20298
- .v-col-xxl-12 {
20299
- flex: 0 0 100%;
20300
- max-width: 100%;
20301
- }
20302
- .offset-xxl-0 {
20303
- margin-inline-start: 0;
20304
- }
20305
- .offset-xxl-1 {
20306
- margin-inline-start: 8.3333333333%;
20307
- }
20308
- .offset-xxl-2 {
20309
- margin-inline-start: 16.6666666667%;
20310
- }
20311
- .offset-xxl-3 {
20312
- margin-inline-start: 25%;
20313
- }
20314
- .offset-xxl-4 {
20315
- margin-inline-start: 33.3333333333%;
20316
- }
20317
- .offset-xxl-5 {
20318
- margin-inline-start: 41.6666666667%;
20319
- }
20320
- .offset-xxl-6 {
20321
- margin-inline-start: 50%;
20322
- }
20323
- .offset-xxl-7 {
20324
- margin-inline-start: 58.3333333333%;
20325
- }
20326
- .offset-xxl-8 {
20327
- margin-inline-start: 66.6666666667%;
20328
- }
20329
- .offset-xxl-9 {
20330
- margin-inline-start: 75%;
20331
- }
20332
- .offset-xxl-10 {
20333
- margin-inline-start: 83.3333333333%;
20334
- }
20335
- .offset-xxl-11 {
20336
- margin-inline-start: 91.6666666667%;
20337
- }
20338
- }.v-chip {
20339
- align-items: center;
20340
- display: inline-flex;
20341
- font-weight: 400;
20342
- max-width: 100%;
20343
- min-width: 0;
20344
- overflow: hidden;
20345
- position: relative;
20346
- text-decoration: none;
20347
- white-space: nowrap;
20348
- vertical-align: middle;
20349
- }
20350
- .v-chip .v-icon {
20351
- --v-icon-size-multiplier: 0.8571428571;
20352
- }
20353
- .v-chip.v-chip--size-x-small {
20354
- --v-chip-size: 0.625rem;
20355
- --v-chip-height: 20px;
20356
- font-size: 0.625rem;
20357
- padding: 0 8px;
20358
- }
20359
- .v-chip.v-chip--size-x-small .v-avatar {
20360
- --v-avatar-height: 14px;
20361
- }
20362
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
20363
- --v-avatar-height: 20px;
20364
- }
20365
-
20366
- .v-chip.v-chip--size-x-small .v-avatar--start {
20367
- margin-inline-start: -5.6px;
20368
- margin-inline-end: 4px;
20369
- }
20370
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
20371
- margin-inline-start: -8px;
20372
- }
20373
-
20374
- .v-chip.v-chip--size-x-small .v-avatar--end {
20375
- margin-inline-start: 4px;
20376
- margin-inline-end: -5.6px;
20377
- }
20378
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end {
20379
- margin-inline-end: -8px;
20380
- }
20381
-
20382
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close {
20383
- margin-inline-start: 12px;
20384
- }
20385
-
20386
- .v-chip.v-chip--size-x-small .v-icon--start,
20387
- .v-chip.v-chip--size-x-small .v-chip__filter {
20388
- margin-inline-start: -4px;
20389
- margin-inline-end: 4px;
20390
- }
20391
- .v-chip.v-chip--size-x-small .v-icon--end,
20392
- .v-chip.v-chip--size-x-small .v-chip__close {
20393
- margin-inline-start: 4px;
20394
- margin-inline-end: -4px;
20395
- }
20396
- .v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close,
20397
- .v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close,
20398
- .v-chip.v-chip--size-x-small .v-chip__append + .v-chip__close {
20399
- margin-inline-start: 8px;
20400
- }
20401
-
20402
- .v-chip.v-chip--size-small {
20403
- --v-chip-size: 0.75rem;
20404
- --v-chip-height: 26px;
20405
- font-size: 0.75rem;
20406
- padding: 0 10px;
20407
- }
20408
- .v-chip.v-chip--size-small .v-avatar {
20409
- --v-avatar-height: 20px;
20410
- }
20411
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
20412
- --v-avatar-height: 26px;
20413
- }
20414
-
20415
- .v-chip.v-chip--size-small .v-avatar--start {
20416
- margin-inline-start: -7px;
20417
- margin-inline-end: 5px;
20418
- }
20419
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
20420
- margin-inline-start: -10px;
20421
- }
20422
-
20423
- .v-chip.v-chip--size-small .v-avatar--end {
20424
- margin-inline-start: 5px;
20425
- margin-inline-end: -7px;
20426
- }
20427
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end {
20428
- margin-inline-end: -10px;
20429
- }
20430
-
20431
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close {
20432
- margin-inline-start: 15px;
20433
- }
20434
-
20435
- .v-chip.v-chip--size-small .v-icon--start,
20436
- .v-chip.v-chip--size-small .v-chip__filter {
20437
- margin-inline-start: -5px;
20438
- margin-inline-end: 5px;
20439
- }
20440
- .v-chip.v-chip--size-small .v-icon--end,
20441
- .v-chip.v-chip--size-small .v-chip__close {
20442
- margin-inline-start: 5px;
20443
- margin-inline-end: -5px;
20444
- }
20445
- .v-chip.v-chip--size-small .v-icon--end + .v-chip__close,
20446
- .v-chip.v-chip--size-small .v-avatar--end + .v-chip__close,
20447
- .v-chip.v-chip--size-small .v-chip__append + .v-chip__close {
20448
- margin-inline-start: 10px;
20449
- }
20450
-
20451
- .v-chip.v-chip--size-default {
20452
- --v-chip-size: 0.875rem;
20453
- --v-chip-height: 32px;
20454
- font-size: 0.875rem;
20455
- padding: 0 12px;
20456
- }
20457
- .v-chip.v-chip--size-default .v-avatar {
20458
- --v-avatar-height: 26px;
20459
- }
20460
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
20461
- --v-avatar-height: 32px;
20462
- }
20463
-
20464
- .v-chip.v-chip--size-default .v-avatar--start {
20465
- margin-inline-start: -8.4px;
20466
- margin-inline-end: 6px;
20467
- }
20468
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
20469
- margin-inline-start: -12px;
20470
- }
20471
-
20472
- .v-chip.v-chip--size-default .v-avatar--end {
20473
- margin-inline-start: 6px;
20474
- margin-inline-end: -8.4px;
20475
- }
20476
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end {
20477
- margin-inline-end: -12px;
20478
- }
20479
-
20480
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close {
20481
- margin-inline-start: 18px;
20482
- }
20483
-
20484
- .v-chip.v-chip--size-default .v-icon--start,
20485
- .v-chip.v-chip--size-default .v-chip__filter {
20486
- margin-inline-start: -6px;
20487
- margin-inline-end: 6px;
20488
- }
20489
- .v-chip.v-chip--size-default .v-icon--end,
20490
- .v-chip.v-chip--size-default .v-chip__close {
20491
- margin-inline-start: 6px;
20492
- margin-inline-end: -6px;
20493
- }
20494
- .v-chip.v-chip--size-default .v-icon--end + .v-chip__close,
20495
- .v-chip.v-chip--size-default .v-avatar--end + .v-chip__close,
20496
- .v-chip.v-chip--size-default .v-chip__append + .v-chip__close {
20497
- margin-inline-start: 12px;
20498
- }
20499
-
20500
- .v-chip.v-chip--size-large {
20501
- --v-chip-size: 1rem;
20502
- --v-chip-height: 38px;
20503
- font-size: 1rem;
20504
- padding: 0 14px;
20505
- }
20506
- .v-chip.v-chip--size-large .v-avatar {
20507
- --v-avatar-height: 32px;
20508
- }
20509
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
20510
- --v-avatar-height: 38px;
20511
- }
20512
-
20513
- .v-chip.v-chip--size-large .v-avatar--start {
20514
- margin-inline-start: -9.8px;
20515
- margin-inline-end: 7px;
20516
- }
20517
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
20518
- margin-inline-start: -14px;
20519
- }
20520
-
20521
- .v-chip.v-chip--size-large .v-avatar--end {
20522
- margin-inline-start: 7px;
20523
- margin-inline-end: -9.8px;
20524
- }
20525
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end {
20526
- margin-inline-end: -14px;
20527
- }
20528
-
20529
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close {
20530
- margin-inline-start: 21px;
20531
- }
20532
-
20533
- .v-chip.v-chip--size-large .v-icon--start,
20534
- .v-chip.v-chip--size-large .v-chip__filter {
20535
- margin-inline-start: -7px;
20536
- margin-inline-end: 7px;
20537
- }
20538
- .v-chip.v-chip--size-large .v-icon--end,
20539
- .v-chip.v-chip--size-large .v-chip__close {
20540
- margin-inline-start: 7px;
20541
- margin-inline-end: -7px;
20542
- }
20543
- .v-chip.v-chip--size-large .v-icon--end + .v-chip__close,
20544
- .v-chip.v-chip--size-large .v-avatar--end + .v-chip__close,
20545
- .v-chip.v-chip--size-large .v-chip__append + .v-chip__close {
20546
- margin-inline-start: 14px;
20547
- }
20548
-
20549
- .v-chip.v-chip--size-x-large {
20550
- --v-chip-size: 1.125rem;
20551
- --v-chip-height: 44px;
20552
- font-size: 1.125rem;
20553
- padding: 0 17px;
20554
- }
20555
- .v-chip.v-chip--size-x-large .v-avatar {
20556
- --v-avatar-height: 38px;
20557
- }
20558
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
20559
- --v-avatar-height: 44px;
20560
- }
20561
-
20562
- .v-chip.v-chip--size-x-large .v-avatar--start {
20563
- margin-inline-start: -11.9px;
20564
- margin-inline-end: 8.5px;
20565
- }
20566
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
20567
- margin-inline-start: -17px;
20568
- }
20569
-
20570
- .v-chip.v-chip--size-x-large .v-avatar--end {
20571
- margin-inline-start: 8.5px;
20572
- margin-inline-end: -11.9px;
20573
- }
20574
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end {
20575
- margin-inline-end: -17px;
20576
- }
20577
-
20578
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close {
20579
- margin-inline-start: 25.5px;
20580
- }
20581
-
20582
- .v-chip.v-chip--size-x-large .v-icon--start,
20583
- .v-chip.v-chip--size-x-large .v-chip__filter {
20584
- margin-inline-start: -8.5px;
20585
- margin-inline-end: 8.5px;
20586
- }
20587
- .v-chip.v-chip--size-x-large .v-icon--end,
20588
- .v-chip.v-chip--size-x-large .v-chip__close {
20589
- margin-inline-start: 8.5px;
20590
- margin-inline-end: -8.5px;
20591
- }
20592
- .v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close,
20593
- .v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close,
20594
- .v-chip.v-chip--size-x-large .v-chip__append + .v-chip__close {
20595
- margin-inline-start: 17px;
20596
- }
20597
-
20598
- .v-chip.v-chip--density-default {
20599
- height: calc(var(--v-chip-height) + 0px);
20600
- }
20601
-
20602
- .v-chip.v-chip--density-comfortable {
20603
- height: calc(var(--v-chip-height) + -4px);
20604
- }
20605
-
20606
- .v-chip.v-chip--density-compact {
20607
- height: calc(var(--v-chip-height) + -8px);
20608
- }
20609
-
20610
- .v-chip {
20611
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20612
- border-style: solid;
20613
- border-width: 0;
20614
- }
20615
- .v-chip:hover > .v-chip__overlay {
20616
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20617
- }
20618
- .v-chip:focus-visible > .v-chip__overlay {
20619
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20620
- }
20621
- @supports not selector(:focus-visible) {
20622
- .v-chip:focus > .v-chip__overlay {
20623
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20624
- }
20625
- }
20626
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
20627
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20628
- }
20629
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
20630
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20631
- }
20632
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
20633
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20634
- }
20635
- @supports not selector(:focus-visible) {
20636
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
20637
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19969
+ }
19970
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
19971
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19972
+ }
19973
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
19974
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19975
+ }
19976
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
19977
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19978
+ }
19979
+ @supports not selector(:focus-visible) {
19980
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
19981
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20638
19982
  }
20639
19983
  }
20640
19984
  .v-chip {
@@ -20878,6 +20222,42 @@ html.overflow-y-hidden {
20878
20222
  .v-combobox--active-menu .v-combobox__menu-icon {
20879
20223
  opacity: var(--v-high-emphasis-opacity);
20880
20224
  transform: rotate(180deg);
20225
+ }.v-counter {
20226
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20227
+ flex: 0 1 auto;
20228
+ font-size: 12px;
20229
+ transition-duration: 150ms;
20230
+ }.v-data-table-footer {
20231
+ align-items: center;
20232
+ display: flex;
20233
+ flex-wrap: wrap;
20234
+ justify-content: flex-end;
20235
+ padding: 8px 4px;
20236
+ }
20237
+ .v-data-table-footer__items-per-page {
20238
+ align-items: center;
20239
+ display: flex;
20240
+ justify-content: center;
20241
+ }
20242
+ .v-data-table-footer__items-per-page > span {
20243
+ padding-inline-end: 8px;
20244
+ }
20245
+ .v-data-table-footer__items-per-page > .v-select {
20246
+ width: 90px;
20247
+ }
20248
+ .v-data-table-footer__info {
20249
+ display: flex;
20250
+ justify-content: flex-end;
20251
+ min-width: 116px;
20252
+ padding: 0 16px;
20253
+ }
20254
+ .v-data-table-footer__paginationz {
20255
+ align-items: center;
20256
+ display: flex;
20257
+ margin-inline-start: 16px;
20258
+ }
20259
+ .v-data-table-footer__page {
20260
+ padding: 0 8px;
20881
20261
  }.v-data-table {
20882
20262
  width: 100%;
20883
20263
  }
@@ -21065,43 +20445,6 @@ html.overflow-y-hidden {
21065
20445
  }
21066
20446
  .v-data-table__td-sort-icon-active {
21067
20447
  color: rgba(var(--v-theme-on-surface));
21068
- }.v-data-table-footer {
21069
- align-items: center;
21070
- display: flex;
21071
- flex-wrap: wrap;
21072
- justify-content: flex-end;
21073
- padding: 8px 4px;
21074
- }
21075
- .v-data-table-footer__items-per-page {
21076
- align-items: center;
21077
- display: flex;
21078
- justify-content: center;
21079
- }
21080
- .v-data-table-footer__items-per-page > span {
21081
- padding-inline-end: 8px;
21082
- }
21083
- .v-data-table-footer__items-per-page > .v-select {
21084
- width: 90px;
21085
- }
21086
- .v-data-table-footer__info {
21087
- display: flex;
21088
- justify-content: flex-end;
21089
- min-width: 116px;
21090
- padding: 0 16px;
21091
- }
21092
- .v-data-table-footer__paginationz {
21093
- align-items: center;
21094
- display: flex;
21095
- margin-inline-start: 16px;
21096
- }
21097
- .v-data-table-footer__page {
21098
- padding: 0 8px;
21099
- }.v-date-picker {
21100
- overflow: hidden;
21101
- width: 328px;
21102
- }
21103
- .v-date-picker--show-week {
21104
- width: 368px;
21105
20448
  }.v-date-picker-controls {
21106
20449
  display: flex;
21107
20450
  align-items: center;
@@ -21151,13 +20494,38 @@ html.overflow-y-hidden {
21151
20494
  .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
21152
20495
  flex-direction: row-reverse;
21153
20496
  }
21154
-
21155
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
21156
- flex: 1 0 auto;
20497
+
20498
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20499
+ flex: 1 0 auto;
20500
+ }
20501
+
20502
+ .v-date-picker__title {
20503
+ display: inline-block;
20504
+ }.v-date-picker {
20505
+ overflow: hidden;
20506
+ width: 328px;
20507
+ }
20508
+ .v-date-picker--show-week {
20509
+ width: 368px;
20510
+ }.v-date-picker-months {
20511
+ height: 288px;
21157
20512
  }
21158
20513
 
21159
- .v-date-picker__title {
21160
- display: inline-block;
20514
+ .v-date-picker-months__content {
20515
+ align-items: center;
20516
+ display: grid;
20517
+ flex: 1 1;
20518
+ height: inherit;
20519
+ justify-content: space-around;
20520
+ grid-template-columns: repeat(2, 1fr);
20521
+ grid-gap: 0px 24px;
20522
+ padding-inline-start: 36px;
20523
+ padding-inline-end: 36px;
20524
+ }
20525
+ .v-date-picker-months__content .v-btn {
20526
+ text-transform: none;
20527
+ padding-inline-start: 8px;
20528
+ padding-inline-end: 8px;
21161
20529
  }.v-date-picker-header {
21162
20530
  align-items: flex-end;
21163
20531
  height: 70px;
@@ -21218,25 +20586,6 @@ html.overflow-y-hidden {
21218
20586
  .date-picker-header-reverse-transition-leave-to {
21219
20587
  opacity: 0;
21220
20588
  transform: translate(0, 100%);
21221
- }.v-date-picker-months {
21222
- height: 288px;
21223
- }
21224
-
21225
- .v-date-picker-months__content {
21226
- align-items: center;
21227
- display: grid;
21228
- flex: 1 1;
21229
- height: inherit;
21230
- justify-content: space-around;
21231
- grid-template-columns: repeat(2, 1fr);
21232
- grid-gap: 0px 24px;
21233
- padding-inline-start: 36px;
21234
- padding-inline-end: 36px;
21235
- }
21236
- .v-date-picker-months__content .v-btn {
21237
- text-transform: none;
21238
- padding-inline-start: 8px;
21239
- padding-inline-end: 8px;
21240
20589
  }.v-date-picker-years {
21241
20590
  height: 288px;
21242
20591
  overflow-y: scroll;
@@ -21520,942 +20869,1614 @@ html.overflow-y-hidden {
21520
20869
  padding: 16px;
21521
20870
  }
21522
20871
 
21523
- .v-empty-state__action-btn.v-btn {
21524
- background-color: initial;
21525
- color: initial;
21526
- }.v-expansion-panel {
21527
- background-color: rgb(var(--v-theme-surface));
21528
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20872
+ .v-empty-state__action-btn.v-btn {
20873
+ background-color: initial;
20874
+ color: initial;
20875
+ }.v-expansion-panel {
20876
+ background-color: rgb(var(--v-theme-surface));
20877
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20878
+ }
20879
+ .v-expansion-panel:not(:first-child)::after {
20880
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20881
+ }
20882
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20883
+ color: rgba(var(--v-theme-on-surface), 0.26);
20884
+ }
20885
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20886
+ opacity: 0.4615384615;
20887
+ }
20888
+
20889
+ .v-expansion-panels {
20890
+ display: flex;
20891
+ flex-wrap: wrap;
20892
+ justify-content: center;
20893
+ list-style-type: none;
20894
+ padding: 0;
20895
+ width: 100%;
20896
+ position: relative;
20897
+ z-index: 1;
20898
+ }
20899
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20900
+ border-bottom-left-radius: 0 !important;
20901
+ border-bottom-right-radius: 0 !important;
20902
+ }
20903
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20904
+ border-top-left-radius: 0 !important;
20905
+ border-top-right-radius: 0 !important;
20906
+ }
20907
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20908
+ border-bottom-left-radius: 0 !important;
20909
+ border-bottom-right-radius: 0 !important;
20910
+ }
20911
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20912
+ border-top-left-radius: 0 !important;
20913
+ border-top-right-radius: 0 !important;
20914
+ }
20915
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20916
+ border-bottom-left-radius: 0 !important;
20917
+ border-bottom-right-radius: 0 !important;
20918
+ }
20919
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20920
+ border-top-left-radius: 0 !important;
20921
+ border-top-right-radius: 0 !important;
20922
+ }
20923
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20924
+ border-bottom-left-radius: initial;
20925
+ border-bottom-right-radius: initial;
20926
+ }
20927
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20928
+ border-radius: 0 !important;
20929
+ }
20930
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20931
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20932
+ }
20933
+
20934
+ .v-expansion-panel {
20935
+ flex: 1 0 100%;
20936
+ max-width: 100%;
20937
+ position: relative;
20938
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20939
+ transition-property: margin-top, border-radius, border, max-width;
20940
+ border-radius: 4px;
20941
+ }
20942
+ .v-expansion-panel:not(:first-child)::after {
20943
+ border-top-style: solid;
20944
+ border-top-width: thin;
20945
+ content: "";
20946
+ left: 0;
20947
+ position: absolute;
20948
+ right: 0;
20949
+ top: 0;
20950
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20951
+ }
20952
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20953
+ pointer-events: none;
20954
+ }
20955
+ .v-expansion-panel--active:not(:first-child),
20956
+ .v-expansion-panel--active + .v-expansion-panel {
20957
+ margin-top: 16px;
20958
+ }
20959
+ .v-expansion-panel--active:not(:first-child)::after,
20960
+ .v-expansion-panel--active + .v-expansion-panel::after {
20961
+ opacity: 0;
20962
+ }
20963
+ .v-expansion-panel--active > .v-expansion-panel-title {
20964
+ border-bottom-left-radius: 0;
20965
+ border-bottom-right-radius: 0;
20966
+ }
20967
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20968
+ min-height: 64px;
20969
+ }
20970
+
20971
+ .v-expansion-panel__shadow {
20972
+ border-radius: inherit;
20973
+ z-index: -1;
20974
+ }
20975
+ .v-expansion-panel__shadow {
20976
+ position: absolute;
20977
+ top: 0;
20978
+ left: 0;
20979
+ width: 100%;
20980
+ height: 100%;
20981
+ }
20982
+ .v-expansion-panel__shadow {
20983
+ 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));
20984
+ }
20985
+
20986
+ .v-expansion-panel-title {
20987
+ align-items: center;
20988
+ text-align: start;
20989
+ border-radius: inherit;
20990
+ display: flex;
20991
+ font-size: 0.9375rem;
20992
+ line-height: 1;
20993
+ min-height: 48px;
20994
+ outline: none;
20995
+ padding: 16px 24px;
20996
+ position: relative;
20997
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20998
+ width: 100%;
20999
+ justify-content: space-between;
21000
+ }
21001
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21002
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21003
+ }
21004
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21005
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21006
+ }
21007
+ @supports not selector(:focus-visible) {
21008
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21009
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21010
+ }
21011
+ }
21012
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21013
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21014
+ }
21015
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21016
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21017
+ }
21018
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21019
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21020
+ }
21021
+ @supports not selector(:focus-visible) {
21022
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21023
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21024
+ }
21025
+ }
21026
+
21027
+ .v-expansion-panel-title__overlay {
21028
+ background-color: currentColor;
21029
+ border-radius: inherit;
21030
+ opacity: 0;
21031
+ }
21032
+ .v-expansion-panel-title__overlay {
21033
+ position: absolute;
21034
+ top: 0;
21035
+ left: 0;
21036
+ width: 100%;
21037
+ height: 100%;
21038
+ }
21039
+
21040
+ .v-expansion-panel-title__icon {
21041
+ display: inline-flex;
21042
+ margin-bottom: -4px;
21043
+ margin-top: -4px;
21044
+ -webkit-user-select: none;
21045
+ user-select: none;
21046
+ margin-inline-start: auto;
21047
+ }
21048
+
21049
+ .v-expansion-panel-text {
21050
+ display: flex;
21051
+ }
21052
+ .v-expansion-panel-text__wrapper {
21053
+ padding: 8px 24px 16px;
21054
+ flex: 1 1 auto;
21055
+ max-width: 100%;
21056
+ }
21057
+
21058
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21059
+ margin-top: 0;
21060
+ }
21061
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21062
+ opacity: 1;
21063
+ }
21064
+
21065
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21066
+ max-width: calc(100% - 32px);
21067
+ }
21068
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21069
+ max-width: calc(100% + 16px);
21070
+ }
21071
+
21072
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21073
+ max-width: 100%;
21074
+ }
21075
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21076
+ max-width: calc(100% - 32px);
21077
+ }
21078
+
21079
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21080
+ border-top: none;
21081
+ }
21082
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21083
+ display: none;
21084
+ }
21085
+
21086
+ .v-expansion-panels--tile {
21087
+ border-radius: 0;
21529
21088
  }
21530
- .v-expansion-panel:not(:first-child)::after {
21531
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21089
+ .v-expansion-panels--tile > .v-expansion-panel {
21090
+ border-radius: 0;
21091
+ }.v-fab {
21092
+ align-items: center;
21093
+ display: inline-flex;
21094
+ flex: 1 1 auto;
21095
+ pointer-events: none;
21096
+ position: relative;
21097
+ transition-duration: 0.2s;
21098
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21099
+ vertical-align: middle;
21532
21100
  }
21533
- .v-expansion-panel--disabled .v-expansion-panel-title {
21534
- color: rgba(var(--v-theme-on-surface), 0.26);
21101
+ .v-fab .v-btn {
21102
+ pointer-events: auto;
21535
21103
  }
21536
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21537
- opacity: 0.4615384615;
21104
+ .v-fab .v-btn--variant-elevated {
21105
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21538
21106
  }
21539
-
21540
- .v-expansion-panels {
21107
+ .v-fab--app, .v-fab--absolute {
21541
21108
  display: flex;
21542
- flex-wrap: wrap;
21109
+ }
21110
+ .v-fab--start, .v-fab--left {
21111
+ justify-content: flex-start;
21112
+ }
21113
+ .v-fab--center {
21114
+ align-items: center;
21543
21115
  justify-content: center;
21544
- list-style-type: none;
21545
- padding: 0;
21546
- width: 100%;
21547
- position: relative;
21548
- z-index: 1;
21549
21116
  }
21550
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21551
- border-bottom-left-radius: 0 !important;
21552
- border-bottom-right-radius: 0 !important;
21117
+ .v-fab--end, .v-fab--right {
21118
+ justify-content: flex-end;
21553
21119
  }
21554
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21555
- border-top-left-radius: 0 !important;
21556
- border-top-right-radius: 0 !important;
21120
+ .v-fab--bottom {
21121
+ align-items: flex-end;
21557
21122
  }
21558
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
21559
- border-bottom-left-radius: 0 !important;
21560
- border-bottom-right-radius: 0 !important;
21123
+ .v-fab--top {
21124
+ align-items: flex-start;
21561
21125
  }
21562
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
21563
- border-top-left-radius: 0 !important;
21564
- border-top-right-radius: 0 !important;
21126
+ .v-fab--extended .v-btn {
21127
+ border-radius: 9999px !important;
21565
21128
  }
21566
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21567
- border-bottom-left-radius: 0 !important;
21568
- border-bottom-right-radius: 0 !important;
21129
+
21130
+ .v-fab__container {
21131
+ align-self: center;
21132
+ display: inline-flex;
21133
+ position: absolute;
21134
+ vertical-align: middle;
21569
21135
  }
21570
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21571
- border-top-left-radius: 0 !important;
21572
- border-top-right-radius: 0 !important;
21136
+ .v-fab--app .v-fab__container {
21137
+ margin: 12px;
21573
21138
  }
21574
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21575
- border-bottom-left-radius: initial;
21576
- border-bottom-right-radius: initial;
21139
+ .v-fab--absolute .v-fab__container {
21140
+ position: absolute;
21141
+ z-index: 4;
21577
21142
  }
21578
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21579
- border-radius: 0 !important;
21143
+ .v-fab--offset.v-fab--top .v-fab__container {
21144
+ transform: translateY(-50%);
21580
21145
  }
21581
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21582
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21146
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21147
+ transform: translateY(50%);
21583
21148
  }
21584
-
21585
- .v-expansion-panel {
21586
- flex: 1 0 100%;
21587
- max-width: 100%;
21588
- position: relative;
21589
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21590
- transition-property: margin-top, border-radius, border, max-width;
21591
- border-radius: 4px;
21149
+ .v-fab--top .v-fab__container {
21150
+ top: 0;
21592
21151
  }
21593
- .v-expansion-panel:not(:first-child)::after {
21594
- border-top-style: solid;
21595
- border-top-width: thin;
21596
- content: "";
21152
+ .v-fab--bottom .v-fab__container {
21153
+ bottom: 0;
21154
+ }
21155
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21597
21156
  left: 0;
21598
- position: absolute;
21157
+ }
21158
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21599
21159
  right: 0;
21600
- top: 0;
21601
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21160
+ }/* region INPUT */
21161
+ .v-field {
21162
+ display: grid;
21163
+ grid-template-areas: "prepend-inner field clear append-inner";
21164
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21165
+ font-size: 16px;
21166
+ letter-spacing: 0.009375em;
21167
+ max-width: 100%;
21168
+ border-radius: 4px;
21169
+ contain: layout;
21170
+ flex: 1 0;
21171
+ grid-area: control;
21172
+ position: relative;
21173
+ --v-theme-overlay-multiplier: 1;
21174
+ --v-field-padding-start: 16px;
21175
+ --v-field-padding-end: 16px;
21176
+ --v-field-padding-top: 8px;
21177
+ --v-field-padding-bottom: 4px;
21178
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21179
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21602
21180
  }
21603
- .v-expansion-panel--disabled .v-expansion-panel-title {
21181
+ .v-field--disabled {
21182
+ opacity: var(--v-disabled-opacity);
21604
21183
  pointer-events: none;
21605
21184
  }
21606
- .v-expansion-panel--active:not(:first-child),
21607
- .v-expansion-panel--active + .v-expansion-panel {
21608
- margin-top: 16px;
21185
+ .v-field .v-chip {
21186
+ --v-chip-height: 24px;
21609
21187
  }
21610
- .v-expansion-panel--active:not(:first-child)::after,
21611
- .v-expansion-panel--active + .v-expansion-panel::after {
21612
- opacity: 0;
21188
+
21189
+ /* endregion */
21190
+ /* region MODIFIERS */
21191
+ .v-field--prepended {
21192
+ padding-inline-start: 12px;
21613
21193
  }
21614
- .v-expansion-panel--active > .v-expansion-panel-title {
21194
+ .v-field--appended {
21195
+ padding-inline-end: 12px;
21196
+ }
21197
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21198
+ background: rgb(var(--v-theme-surface));
21199
+ border-color: transparent;
21200
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21201
+ }
21202
+ .v-field--variant-solo, .v-field--variant-solo-filled {
21203
+ 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));
21204
+ }
21205
+ .v-field--variant-solo-inverted {
21206
+ background: rgb(var(--v-theme-surface));
21207
+ border-color: transparent;
21208
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21209
+ }
21210
+ .v-field--variant-solo-inverted {
21211
+ 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));
21212
+ }
21213
+ .v-field--variant-solo-inverted.v-field--focused {
21214
+ color: rgb(var(--v-theme-on-surface-variant));
21215
+ }
21216
+ .v-field--variant-filled {
21615
21217
  border-bottom-left-radius: 0;
21616
21218
  border-bottom-right-radius: 0;
21617
21219
  }
21618
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21619
- min-height: 64px;
21220
+ .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21221
+ --v-input-control-height: 56px;
21222
+ --v-field-padding-bottom: 4px;
21620
21223
  }
21621
21224
 
21622
- .v-expansion-panel__shadow {
21623
- border-radius: inherit;
21624
- z-index: -1;
21225
+ .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21226
+ --v-input-control-height: 48px;
21227
+ --v-field-padding-bottom: 0px;
21625
21228
  }
21626
- .v-expansion-panel__shadow {
21627
- position: absolute;
21628
- top: 0;
21629
- left: 0;
21630
- width: 100%;
21631
- height: 100%;
21229
+
21230
+ .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21231
+ --v-input-control-height: 40px;
21232
+ --v-field-padding-bottom: 0px;
21632
21233
  }
21633
- .v-expansion-panel__shadow {
21634
- 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));
21234
+
21235
+ .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21236
+ --v-field-padding-top: 0px;
21237
+ }
21238
+ .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21239
+ --v-field-padding-bottom: 16px;
21635
21240
  }
21636
21241
 
21637
- .v-expansion-panel-title {
21638
- align-items: center;
21639
- text-align: start;
21640
- border-radius: inherit;
21641
- display: flex;
21642
- font-size: 0.9375rem;
21643
- line-height: 1;
21644
- min-height: 48px;
21645
- outline: none;
21646
- padding: 16px 24px;
21647
- position: relative;
21648
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21649
- width: 100%;
21650
- justify-content: space-between;
21242
+ .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21243
+ --v-field-padding-bottom: 12px;
21651
21244
  }
21652
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21653
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21245
+
21246
+ .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21247
+ --v-field-padding-bottom: 8px;
21654
21248
  }
21655
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21656
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21249
+
21250
+ .v-field--variant-plain, .v-field--variant-underlined {
21251
+ border-radius: 0;
21252
+ padding: 0;
21657
21253
  }
21658
- @supports not selector(:focus-visible) {
21659
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21660
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21661
- }
21254
+ .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21255
+ --v-field-padding-start: 0px;
21256
+ --v-field-padding-end: 0px;
21257
+ }
21258
+ .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21259
+ --v-input-control-height: 48px;
21260
+ --v-field-padding-top: 4px;
21261
+ --v-field-padding-bottom: 4px;
21262
+ }
21263
+
21264
+ .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21265
+ --v-input-control-height: 40px;
21266
+ --v-field-padding-top: 2px;
21267
+ --v-field-padding-bottom: 0px;
21268
+ }
21269
+
21270
+ .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21271
+ --v-input-control-height: 32px;
21272
+ --v-field-padding-top: 0px;
21273
+ --v-field-padding-bottom: 0px;
21662
21274
  }
21663
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21664
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21275
+
21276
+ .v-field--flat {
21277
+ box-shadow: none;
21665
21278
  }
21666
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21667
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21279
+ .v-field--rounded {
21280
+ border-radius: 24px;
21668
21281
  }
21669
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21670
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21282
+ .v-field.v-field--prepended {
21283
+ --v-field-padding-start: 6px;
21671
21284
  }
21672
- @supports not selector(:focus-visible) {
21673
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21674
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21675
- }
21285
+ .v-field.v-field--appended {
21286
+ --v-field-padding-end: 6px;
21676
21287
  }
21677
21288
 
21678
- .v-expansion-panel-title__overlay {
21679
- background-color: currentColor;
21680
- border-radius: inherit;
21681
- opacity: 0;
21682
- }
21683
- .v-expansion-panel-title__overlay {
21684
- position: absolute;
21685
- top: 0;
21686
- left: 0;
21289
+ /* endregion */
21290
+ /* region ELEMENTS */
21291
+ .v-field__input {
21292
+ align-items: center;
21293
+ color: inherit;
21294
+ column-gap: 2px;
21295
+ display: flex;
21296
+ flex-wrap: wrap;
21297
+ letter-spacing: 0.009375em;
21298
+ opacity: var(--v-high-emphasis-opacity);
21299
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21300
+ min-width: 0;
21301
+ padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21302
+ padding-top: var(--v-field-input-padding-top);
21303
+ padding-bottom: var(--v-field-input-padding-bottom);
21304
+ position: relative;
21687
21305
  width: 100%;
21688
- height: 100%;
21689
21306
  }
21690
-
21691
- .v-expansion-panel-title__icon {
21692
- display: inline-flex;
21693
- margin-bottom: -4px;
21694
- margin-top: -4px;
21695
- -webkit-user-select: none;
21696
- user-select: none;
21697
- margin-inline-start: auto;
21307
+ .v-input--density-default .v-field__input {
21308
+ row-gap: 8px;
21698
21309
  }
21699
21310
 
21700
- .v-expansion-panel-text {
21701
- display: flex;
21311
+ .v-input--density-comfortable .v-field__input {
21312
+ row-gap: 6px;
21702
21313
  }
21703
- .v-expansion-panel-text__wrapper {
21704
- padding: 8px 24px 16px;
21705
- flex: 1 1 auto;
21706
- max-width: 100%;
21314
+
21315
+ .v-input--density-compact .v-field__input {
21316
+ row-gap: 4px;
21707
21317
  }
21708
21318
 
21709
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21710
- margin-top: 0;
21319
+ .v-field__input input {
21320
+ letter-spacing: inherit;
21711
21321
  }
21712
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21713
- opacity: 1;
21322
+ .v-field__input input::placeholder,
21323
+ input.v-field__input::placeholder,
21324
+ textarea.v-field__input::placeholder {
21325
+ color: currentColor;
21326
+ opacity: var(--v-disabled-opacity);
21714
21327
  }
21715
21328
 
21716
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21717
- max-width: calc(100% - 32px);
21329
+ .v-field__input:focus, .v-field__input:active {
21330
+ outline: none;
21718
21331
  }
21719
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21720
- max-width: calc(100% + 16px);
21332
+ .v-field__input:invalid {
21333
+ box-shadow: none;
21721
21334
  }
21722
21335
 
21723
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21724
- max-width: 100%;
21336
+ .v-field__field {
21337
+ flex: 1 0;
21338
+ grid-area: field;
21339
+ position: relative;
21340
+ align-items: flex-start;
21341
+ display: flex;
21725
21342
  }
21726
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21727
- max-width: calc(100% - 32px);
21343
+
21344
+ /* endregion */
21345
+ /* region AFFIXES */
21346
+ .v-field__prepend-inner {
21347
+ grid-area: prepend-inner;
21348
+ padding-inline-end: var(--v-field-padding-after);
21728
21349
  }
21729
21350
 
21730
- .v-expansion-panels--flat > .v-expansion-panel::after {
21731
- border-top: none;
21351
+ .v-field__clearable {
21352
+ grid-area: clear;
21732
21353
  }
21733
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21734
- display: none;
21354
+
21355
+ .v-field__append-inner {
21356
+ grid-area: append-inner;
21357
+ padding-inline-start: var(--v-field-padding-after);
21735
21358
  }
21736
21359
 
21737
- .v-expansion-panels--tile {
21738
- border-radius: 0;
21360
+ .v-field__append-inner,
21361
+ .v-field__clearable,
21362
+ .v-field__prepend-inner {
21363
+ display: flex;
21364
+ align-items: flex-start;
21365
+ padding-top: var(--v-input-padding-top, 8px);
21739
21366
  }
21740
- .v-expansion-panels--tile > .v-expansion-panel {
21741
- border-radius: 0;
21742
- }.v-fab {
21367
+ .v-field--center-affix .v-field__append-inner,
21368
+ .v-field--center-affix .v-field__clearable,
21369
+ .v-field--center-affix .v-field__prepend-inner {
21743
21370
  align-items: center;
21744
- display: inline-flex;
21745
- flex: 1 1 auto;
21746
- pointer-events: none;
21747
- position: relative;
21748
- transition-duration: 0.2s;
21749
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21750
- vertical-align: middle;
21371
+ padding-top: 0;
21751
21372
  }
21752
- .v-fab .v-btn {
21753
- pointer-events: auto;
21373
+
21374
+ .v-field.v-field--variant-underlined .v-field__append-inner,
21375
+ .v-field.v-field--variant-underlined .v-field__clearable,
21376
+ .v-field.v-field--variant-underlined .v-field__prepend-inner,
21377
+ .v-field.v-field--variant-plain .v-field__append-inner,
21378
+ .v-field.v-field--variant-plain .v-field__clearable,
21379
+ .v-field.v-field--variant-plain .v-field__prepend-inner {
21380
+ align-items: flex-start;
21381
+ padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21382
+ padding-bottom: var(--v-field-padding-bottom, 4px);
21754
21383
  }
21755
- .v-fab .v-btn--variant-elevated {
21756
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21384
+
21385
+ .v-field--focused .v-field__prepend-inner,
21386
+ .v-field--focused .v-field__append-inner {
21387
+ opacity: 1;
21757
21388
  }
21758
- .v-fab--app, .v-fab--absolute {
21759
- display: flex;
21389
+
21390
+ .v-field__prepend-inner > .v-icon,
21391
+ .v-field__append-inner > .v-icon,
21392
+ .v-field__clearable > .v-icon {
21393
+ opacity: var(--v-medium-emphasis-opacity);
21760
21394
  }
21761
- .v-fab--start, .v-fab--left {
21762
- justify-content: flex-start;
21395
+ .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
21396
+ .v-field--disabled .v-field__append-inner > .v-icon,
21397
+ .v-field--error .v-field__append-inner > .v-icon,
21398
+ .v-field--disabled .v-field__clearable > .v-icon,
21399
+ .v-field--error .v-field__clearable > .v-icon {
21400
+ opacity: 1;
21763
21401
  }
21764
- .v-fab--center {
21765
- align-items: center;
21766
- justify-content: center;
21402
+ .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
21403
+ .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
21404
+ .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
21405
+ color: rgb(var(--v-theme-error));
21767
21406
  }
21768
- .v-fab--end, .v-fab--right {
21769
- justify-content: flex-end;
21407
+
21408
+ .v-field__clearable {
21409
+ cursor: pointer;
21410
+ opacity: 0;
21411
+ overflow: hidden;
21412
+ margin-inline: 4px;
21413
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21414
+ transition-property: opacity, transform, width;
21770
21415
  }
21771
- .v-fab--bottom {
21772
- align-items: flex-end;
21416
+ .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
21417
+ opacity: 1;
21773
21418
  }
21774
- .v-fab--top {
21775
- align-items: flex-start;
21419
+ @media (hover: hover) {
21420
+ .v-field:hover .v-field__clearable {
21421
+ opacity: 1;
21422
+ }
21776
21423
  }
21777
- .v-fab--extended .v-btn {
21778
- border-radius: 9999px !important;
21424
+ @media (hover: none) {
21425
+ .v-field__clearable {
21426
+ opacity: 1;
21427
+ }
21779
21428
  }
21780
21429
 
21781
- .v-fab__container {
21782
- align-self: center;
21783
- display: inline-flex;
21430
+ /* endregion */
21431
+ /* region LABEL */
21432
+ .v-label.v-field-label {
21433
+ contain: layout paint;
21434
+ display: block;
21435
+ margin-inline-start: var(--v-field-padding-start);
21436
+ margin-inline-end: var(--v-field-padding-end);
21437
+ max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
21438
+ pointer-events: none;
21784
21439
  position: absolute;
21785
- vertical-align: middle;
21786
- }
21787
- .v-fab--app .v-fab__container {
21788
- margin: 12px;
21440
+ top: var(--v-input-padding-top);
21441
+ transform-origin: left center;
21442
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21443
+ transition-property: opacity, transform;
21444
+ z-index: 1;
21789
21445
  }
21790
- .v-fab--absolute .v-fab__container {
21791
- position: absolute;
21792
- z-index: 4;
21446
+ .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
21447
+ top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21793
21448
  }
21794
- .v-fab--offset.v-fab--top .v-fab__container {
21449
+ .v-field--center-affix .v-label.v-field-label {
21450
+ top: 50%;
21795
21451
  transform: translateY(-50%);
21796
21452
  }
21797
- .v-fab--offset.v-fab--bottom .v-fab__container {
21798
- transform: translateY(50%);
21799
- }
21800
- .v-fab--top .v-fab__container {
21801
- top: 0;
21802
- }
21803
- .v-fab--bottom .v-fab__container {
21804
- bottom: 0;
21453
+ .v-field--active .v-label.v-field-label {
21454
+ visibility: hidden;
21805
21455
  }
21806
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21807
- left: 0;
21456
+ .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
21457
+ opacity: 1;
21808
21458
  }
21809
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21810
- right: 0;
21811
- }.v-file-input--hide.v-input .v-field,
21812
- .v-file-input--hide.v-input .v-input__control,
21813
- .v-file-input--hide.v-input .v-input__details {
21814
- display: none;
21459
+ .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
21460
+ color: rgb(var(--v-theme-error));
21815
21461
  }
21816
- .v-file-input--hide.v-input .v-input__prepend {
21817
- grid-area: control;
21818
- margin: 0 auto;
21462
+ .v-label.v-field-label--floating {
21463
+ --v-field-label-scale: 0.75em;
21464
+ font-size: var(--v-field-label-scale);
21465
+ visibility: hidden;
21466
+ max-width: 100%;
21819
21467
  }
21820
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21821
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21822
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21823
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21824
- top: 0px;
21468
+ .v-field--center-affix .v-label.v-field-label--floating {
21469
+ transform: none;
21825
21470
  }
21826
- .v-file-input input[type=file] {
21827
- height: 100%;
21828
- left: 0;
21829
- opacity: 0;
21830
- position: absolute;
21831
- top: 0;
21832
- width: 100%;
21833
- z-index: 1;
21471
+ .v-field.v-field--active .v-label.v-field-label--floating {
21472
+ visibility: unset;
21834
21473
  }
21835
- .v-file-input .v-input__details {
21836
- padding-inline: 16px;
21474
+ .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
21475
+ top: 7px;
21837
21476
  }
21838
- .v-input--plain-underlined.v-file-input .v-input__details {
21839
- padding-inline: 0;
21840
- }/* region INPUT */
21841
- .v-field {
21842
- display: grid;
21843
- grid-template-areas: "prepend-inner field clear append-inner";
21844
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21845
- font-size: 16px;
21846
- letter-spacing: 0.009375em;
21847
- max-width: 100%;
21848
- border-radius: 4px;
21849
- contain: layout;
21850
- flex: 1 0;
21851
- grid-area: control;
21852
- position: relative;
21853
- --v-theme-overlay-multiplier: 1;
21854
- --v-field-padding-start: 16px;
21855
- --v-field-padding-end: 16px;
21856
- --v-field-padding-top: 8px;
21857
- --v-field-padding-bottom: 4px;
21858
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21859
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21477
+
21478
+ .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
21479
+ top: 5px;
21860
21480
  }
21861
- .v-field--disabled {
21862
- opacity: var(--v-disabled-opacity);
21863
- pointer-events: none;
21481
+
21482
+ .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21483
+ top: 3px;
21864
21484
  }
21865
- .v-field .v-chip {
21866
- --v-chip-height: 24px;
21485
+
21486
+ .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
21487
+ transform: translateY(-16px);
21488
+ margin: 0;
21489
+ top: var(--v-input-padding-top);
21490
+ }
21491
+ .v-field--variant-outlined .v-label.v-field-label--floating {
21492
+ transform: translateY(-50%);
21493
+ transform-origin: center;
21494
+ position: static;
21495
+ margin: 0 4px;
21867
21496
  }
21868
21497
 
21869
21498
  /* endregion */
21870
- /* region MODIFIERS */
21871
- .v-field--prepended {
21872
- padding-inline-start: 12px;
21499
+ /* region OUTLINE */
21500
+ .v-field__outline {
21501
+ --v-field-border-width: 1px;
21502
+ --v-field-border-opacity: 0.38;
21503
+ align-items: stretch;
21504
+ contain: layout;
21505
+ display: flex;
21506
+ height: 100%;
21507
+ left: 0;
21508
+ pointer-events: none;
21509
+ position: absolute;
21510
+ right: 0;
21511
+ width: 100%;
21873
21512
  }
21874
- .v-field--appended {
21875
- padding-inline-end: 12px;
21513
+ @media (hover: hover) {
21514
+ .v-field:hover .v-field__outline {
21515
+ --v-field-border-opacity: var(--v-high-emphasis-opacity);
21516
+ }
21876
21517
  }
21877
- .v-field--variant-solo, .v-field--variant-solo-filled {
21878
- background: rgb(var(--v-theme-surface));
21879
- border-color: transparent;
21880
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21518
+ .v-field--error:not(.v-field--disabled) .v-field__outline {
21519
+ color: rgb(var(--v-theme-error));
21881
21520
  }
21882
- .v-field--variant-solo, .v-field--variant-solo-filled {
21883
- 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));
21521
+ .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
21522
+ --v-field-border-opacity: 1;
21884
21523
  }
21885
- .v-field--variant-solo-inverted {
21886
- background: rgb(var(--v-theme-surface));
21887
- border-color: transparent;
21888
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21524
+ .v-field--variant-outlined.v-field--focused .v-field__outline {
21525
+ --v-field-border-width: 2px;
21889
21526
  }
21890
- .v-field--variant-solo-inverted {
21891
- 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));
21527
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21528
+ border-color: currentColor;
21529
+ border-style: solid;
21530
+ border-width: 0 0 var(--v-field-border-width);
21531
+ opacity: var(--v-field-border-opacity);
21532
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21892
21533
  }
21893
- .v-field--variant-solo-inverted.v-field--focused {
21894
- color: rgb(var(--v-theme-on-surface-variant));
21534
+ .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
21535
+ content: "";
21536
+ position: absolute;
21537
+ top: 0;
21538
+ left: 0;
21539
+ width: 100%;
21540
+ height: 100%;
21895
21541
  }
21896
- .v-field--variant-filled {
21897
- border-bottom-left-radius: 0;
21898
- border-bottom-right-radius: 0;
21542
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21543
+ border-color: currentColor;
21544
+ border-style: solid;
21545
+ border-width: 0 0 2px;
21546
+ transform: scaleX(0);
21547
+ transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21899
21548
  }
21900
- .v-input--density-default .v-field--variant-solo, .v-input--density-default .v-field--variant-solo-inverted, .v-input--density-default .v-field--variant-solo-filled, .v-input--density-default .v-field--variant-filled {
21901
- --v-input-control-height: 56px;
21902
- --v-field-padding-bottom: 4px;
21549
+ .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
21550
+ content: "";
21551
+ position: absolute;
21552
+ top: 0;
21553
+ left: 0;
21554
+ width: 100%;
21555
+ height: 100%;
21903
21556
  }
21904
-
21905
- .v-input--density-comfortable .v-field--variant-solo, .v-input--density-comfortable .v-field--variant-solo-inverted, .v-input--density-comfortable .v-field--variant-solo-filled, .v-input--density-comfortable .v-field--variant-filled {
21906
- --v-input-control-height: 48px;
21907
- --v-field-padding-bottom: 0px;
21557
+ .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
21558
+ transform: scaleX(1);
21908
21559
  }
21909
21560
 
21910
- .v-input--density-compact .v-field--variant-solo, .v-input--density-compact .v-field--variant-solo-inverted, .v-input--density-compact .v-field--variant-solo-filled, .v-input--density-compact .v-field--variant-filled {
21911
- --v-input-control-height: 40px;
21912
- --v-field-padding-bottom: 0px;
21561
+ .v-field--variant-outlined .v-field__outline {
21562
+ border-radius: inherit;
21913
21563
  }
21914
-
21915
- .v-field--variant-outlined, .v-field--single-line, .v-field--no-label {
21916
- --v-field-padding-top: 0px;
21564
+ .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
21565
+ border: 0 solid currentColor;
21566
+ opacity: var(--v-field-border-opacity);
21567
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21917
21568
  }
21918
- .v-input--density-default .v-field--variant-outlined, .v-input--density-default .v-field--single-line, .v-input--density-default .v-field--no-label {
21919
- --v-field-padding-bottom: 16px;
21569
+ .v-field--variant-outlined .v-field__outline__start {
21570
+ flex: 0 0 12px;
21571
+ border-top-width: var(--v-field-border-width);
21572
+ border-bottom-width: var(--v-field-border-width);
21573
+ border-inline-start-width: var(--v-field-border-width);
21574
+ border-start-start-radius: inherit;
21575
+ border-start-end-radius: 0;
21576
+ border-end-end-radius: 0;
21577
+ border-end-start-radius: inherit;
21920
21578
  }
21921
-
21922
- .v-input--density-comfortable .v-field--variant-outlined, .v-input--density-comfortable .v-field--single-line, .v-input--density-comfortable .v-field--no-label {
21923
- --v-field-padding-bottom: 12px;
21579
+ .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
21580
+ [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
21581
+ [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
21582
+ flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21924
21583
  }
21925
21584
 
21926
- .v-input--density-compact .v-field--variant-outlined, .v-input--density-compact .v-field--single-line, .v-input--density-compact .v-field--no-label {
21927
- --v-field-padding-bottom: 8px;
21585
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
21586
+ border-start-start-radius: 0;
21587
+ border-start-end-radius: inherit;
21588
+ border-end-end-radius: inherit;
21589
+ border-end-start-radius: 0;
21590
+ border-inline-end-width: var(--v-field-border-width);
21591
+ border-inline-start-width: 0;
21928
21592
  }
21929
21593
 
21930
- .v-field--variant-plain, .v-field--variant-underlined {
21931
- border-radius: 0;
21932
- padding: 0;
21594
+ .v-field--variant-outlined .v-field__outline__notch {
21595
+ flex: none;
21596
+ position: relative;
21597
+ max-width: calc(100% - 12px);
21933
21598
  }
21934
- .v-field--variant-plain.v-field, .v-field--variant-underlined.v-field {
21935
- --v-field-padding-start: 0px;
21936
- --v-field-padding-end: 0px;
21599
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21600
+ opacity: var(--v-field-border-opacity);
21601
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21937
21602
  }
21938
- .v-input--density-default .v-field--variant-plain, .v-input--density-default .v-field--variant-underlined {
21939
- --v-input-control-height: 48px;
21940
- --v-field-padding-top: 4px;
21941
- --v-field-padding-bottom: 4px;
21603
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21604
+ content: "";
21605
+ position: absolute;
21606
+ top: 0;
21607
+ left: 0;
21608
+ width: 100%;
21609
+ height: 100%;
21942
21610
  }
21943
-
21944
- .v-input--density-comfortable .v-field--variant-plain, .v-input--density-comfortable .v-field--variant-underlined {
21945
- --v-input-control-height: 40px;
21946
- --v-field-padding-top: 2px;
21947
- --v-field-padding-bottom: 0px;
21611
+ .v-field--variant-outlined .v-field__outline__notch::before {
21612
+ border-width: var(--v-field-border-width) 0 0;
21948
21613
  }
21949
-
21950
- .v-input--density-compact .v-field--variant-plain, .v-input--density-compact .v-field--variant-underlined {
21951
- --v-input-control-height: 32px;
21952
- --v-field-padding-top: 0px;
21953
- --v-field-padding-bottom: 0px;
21614
+ .v-field--variant-outlined .v-field__outline__notch::after {
21615
+ bottom: 0;
21616
+ border-width: 0 0 var(--v-field-border-width);
21617
+ }
21618
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21619
+ opacity: 0;
21954
21620
  }
21955
21621
 
21956
- .v-field--flat {
21957
- box-shadow: none;
21622
+ .v-field--variant-outlined .v-field__outline__end {
21623
+ flex: 1;
21624
+ border-top-width: var(--v-field-border-width);
21625
+ border-bottom-width: var(--v-field-border-width);
21626
+ border-inline-end-width: var(--v-field-border-width);
21627
+ border-start-start-radius: 0;
21628
+ border-start-end-radius: inherit;
21629
+ border-end-end-radius: inherit;
21630
+ border-end-start-radius: 0;
21958
21631
  }
21959
- .v-field--rounded {
21960
- border-radius: 24px;
21632
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21633
+ border-start-start-radius: inherit;
21634
+ border-start-end-radius: 0;
21635
+ border-end-end-radius: 0;
21636
+ border-end-start-radius: inherit;
21637
+ border-inline-end-width: 0;
21638
+ border-inline-start-width: var(--v-field-border-width);
21961
21639
  }
21962
- .v-field.v-field--prepended {
21963
- --v-field-padding-start: 6px;
21640
+
21641
+ /* endregion */
21642
+ /* region LOADER */
21643
+ .v-field__loader {
21644
+ top: calc(100% - 2px);
21645
+ left: 0;
21646
+ position: absolute;
21647
+ right: 0;
21648
+ width: 100%;
21649
+ border-top-left-radius: 0;
21650
+ border-top-right-radius: 0;
21651
+ border-bottom-left-radius: inherit;
21652
+ border-bottom-right-radius: inherit;
21653
+ overflow: hidden;
21964
21654
  }
21965
- .v-field.v-field--appended {
21966
- --v-field-padding-end: 6px;
21655
+ .v-field--variant-outlined .v-field__loader {
21656
+ top: calc(100% - 3px);
21657
+ width: calc(100% - 1px * 2);
21658
+ left: 1px;
21967
21659
  }
21968
21660
 
21969
21661
  /* endregion */
21970
- /* region ELEMENTS */
21971
- .v-field__input {
21972
- align-items: center;
21973
- color: inherit;
21974
- column-gap: 2px;
21975
- display: flex;
21976
- flex-wrap: wrap;
21977
- letter-spacing: 0.009375em;
21978
- opacity: var(--v-high-emphasis-opacity);
21979
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
21980
- min-width: 0;
21981
- padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
21982
- padding-top: var(--v-field-input-padding-top);
21983
- padding-bottom: var(--v-field-input-padding-bottom);
21984
- position: relative;
21985
- width: 100%;
21662
+ /* region OVERLAY */
21663
+ .v-field__overlay {
21664
+ border-radius: inherit;
21665
+ pointer-events: none;
21986
21666
  }
21987
- .v-input--density-default .v-field__input {
21988
- row-gap: 8px;
21667
+ .v-field__overlay {
21668
+ position: absolute;
21669
+ top: 0;
21670
+ left: 0;
21671
+ width: 100%;
21672
+ height: 100%;
21989
21673
  }
21990
21674
 
21991
- .v-input--density-comfortable .v-field__input {
21992
- row-gap: 6px;
21675
+ .v-field--variant-filled .v-field__overlay {
21676
+ background-color: currentColor;
21677
+ opacity: 0.04;
21678
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21993
21679
  }
21994
-
21995
- .v-input--density-compact .v-field__input {
21996
- row-gap: 4px;
21680
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21681
+ opacity: 0;
21997
21682
  }
21998
-
21999
- .v-field__input input {
22000
- letter-spacing: inherit;
21683
+ @media (hover: hover) {
21684
+ .v-field--variant-filled:hover .v-field__overlay {
21685
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21686
+ }
22001
21687
  }
22002
- .v-field__input input::placeholder,
22003
- input.v-field__input::placeholder,
22004
- textarea.v-field__input::placeholder {
22005
- color: currentColor;
22006
- opacity: var(--v-disabled-opacity);
21688
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21689
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22007
21690
  }
22008
21691
 
22009
- .v-field__input:focus, .v-field__input:active {
22010
- outline: none;
21692
+ .v-field--variant-solo-filled .v-field__overlay {
21693
+ background-color: currentColor;
21694
+ opacity: 0.04;
21695
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22011
21696
  }
22012
- .v-field__input:invalid {
22013
- box-shadow: none;
21697
+ @media (hover: hover) {
21698
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21699
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21700
+ }
22014
21701
  }
22015
-
22016
- .v-field__field {
22017
- flex: 1 0;
22018
- grid-area: field;
22019
- position: relative;
22020
- align-items: flex-start;
22021
- display: flex;
21702
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21703
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22022
21704
  }
22023
21705
 
22024
- /* endregion */
22025
- /* region AFFIXES */
22026
- .v-field__prepend-inner {
22027
- grid-area: prepend-inner;
22028
- padding-inline-end: var(--v-field-padding-after);
21706
+ .v-field--variant-solo-inverted .v-field__overlay {
21707
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22029
21708
  }
22030
-
22031
- .v-field__clearable {
22032
- grid-area: clear;
21709
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21710
+ opacity: 0;
22033
21711
  }
22034
-
22035
- .v-field__append-inner {
22036
- grid-area: append-inner;
22037
- padding-inline-start: var(--v-field-padding-after);
21712
+ @media (hover: hover) {
21713
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21714
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21715
+ }
21716
+ }
21717
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21718
+ background-color: rgb(var(--v-theme-surface-variant));
21719
+ opacity: 1;
22038
21720
  }
22039
21721
 
22040
- .v-field__append-inner,
22041
- .v-field__clearable,
22042
- .v-field__prepend-inner {
22043
- display: flex;
22044
- align-items: flex-start;
22045
- padding-top: var(--v-input-padding-top, 8px);
21722
+ /* endregion */
21723
+ /* region MODIFIERS */
21724
+ .v-field--reverse .v-field__field,
21725
+ .v-field--reverse .v-field__input,
21726
+ .v-field--reverse .v-field__outline {
21727
+ flex-direction: row-reverse;
22046
21728
  }
22047
- .v-field--center-affix .v-field__append-inner,
22048
- .v-field--center-affix .v-field__clearable,
22049
- .v-field--center-affix .v-field__prepend-inner {
22050
- align-items: center;
22051
- padding-top: 0;
21729
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21730
+ text-align: end;
22052
21731
  }
22053
21732
 
22054
- .v-field.v-field--variant-underlined .v-field__append-inner,
22055
- .v-field.v-field--variant-underlined .v-field__clearable,
22056
- .v-field.v-field--variant-underlined .v-field__prepend-inner,
22057
- .v-field.v-field--variant-plain .v-field__append-inner,
22058
- .v-field.v-field--variant-plain .v-field__clearable,
22059
- .v-field.v-field--variant-plain .v-field__prepend-inner {
22060
- align-items: flex-start;
22061
- padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
22062
- padding-bottom: var(--v-field-padding-bottom, 4px);
21733
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21734
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21735
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22063
21736
  }
22064
21737
 
22065
- .v-field--focused .v-field__prepend-inner,
22066
- .v-field--focused .v-field__append-inner {
22067
- opacity: 1;
21738
+ .v-field--loading .v-field__outline::after,
21739
+ .v-field--loading .v-field__outline::before {
21740
+ opacity: 0;
22068
21741
  }
22069
21742
 
22070
- .v-field__prepend-inner > .v-icon,
22071
- .v-field__append-inner > .v-icon,
22072
- .v-field__clearable > .v-icon {
22073
- opacity: var(--v-medium-emphasis-opacity);
21743
+ /* endregion */.v-file-input--hide.v-input .v-field,
21744
+ .v-file-input--hide.v-input .v-input__control,
21745
+ .v-file-input--hide.v-input .v-input__details {
21746
+ display: none;
22074
21747
  }
22075
- .v-field--disabled .v-field__prepend-inner > .v-icon, .v-field--error .v-field__prepend-inner > .v-icon,
22076
- .v-field--disabled .v-field__append-inner > .v-icon,
22077
- .v-field--error .v-field__append-inner > .v-icon,
22078
- .v-field--disabled .v-field__clearable > .v-icon,
22079
- .v-field--error .v-field__clearable > .v-icon {
22080
- opacity: 1;
21748
+ .v-file-input--hide.v-input .v-input__prepend {
21749
+ grid-area: control;
21750
+ margin: 0 auto;
22081
21751
  }
22082
- .v-field--error:not(.v-field--disabled) .v-field__prepend-inner > .v-icon,
22083
- .v-field--error:not(.v-field--disabled) .v-field__append-inner > .v-icon,
22084
- .v-field--error:not(.v-field--disabled) .v-field__clearable > .v-icon {
22085
- color: rgb(var(--v-theme-error));
21752
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21753
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21754
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21755
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21756
+ top: 0px;
22086
21757
  }
22087
-
22088
- .v-field__clearable {
22089
- cursor: pointer;
21758
+ .v-file-input input[type=file] {
21759
+ height: 100%;
21760
+ left: 0;
22090
21761
  opacity: 0;
22091
- overflow: hidden;
22092
- margin-inline: 4px;
22093
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22094
- transition-property: opacity, transform, width;
21762
+ position: absolute;
21763
+ top: 0;
21764
+ width: 100%;
21765
+ z-index: 1;
22095
21766
  }
22096
- .v-field--focused .v-field__clearable, .v-field--persistent-clear .v-field__clearable {
22097
- opacity: 1;
21767
+ .v-file-input .v-input__details {
21768
+ padding-inline: 16px;
22098
21769
  }
22099
- @media (hover: hover) {
22100
- .v-field:hover .v-field__clearable {
22101
- opacity: 1;
22102
- }
21770
+ .v-input--plain-underlined.v-file-input .v-input__details {
21771
+ padding-inline: 0;
21772
+ }.v-footer {
21773
+ align-items: center;
21774
+ display: flex;
21775
+ flex: 1 1 auto;
21776
+ padding: 8px 16px;
21777
+ position: relative;
21778
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21779
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22103
21780
  }
22104
- @media (hover: none) {
22105
- .v-field__clearable {
22106
- opacity: 1;
22107
- }
21781
+ .v-footer {
21782
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21783
+ border-style: solid;
21784
+ border-width: 0;
22108
21785
  }
22109
-
22110
- /* endregion */
22111
- /* region LABEL */
22112
- .v-label.v-field-label {
22113
- contain: layout paint;
22114
- display: block;
22115
- margin-inline-start: var(--v-field-padding-start);
22116
- margin-inline-end: var(--v-field-padding-end);
22117
- max-width: calc(100% - var(--v-field-padding-start) - var(--v-field-padding-end));
22118
- pointer-events: none;
21786
+ .v-footer--border {
21787
+ border-width: thin;
21788
+ box-shadow: none;
21789
+ }
21790
+ .v-footer {
21791
+ 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));
21792
+ }
21793
+ .v-footer--absolute {
22119
21794
  position: absolute;
22120
- top: var(--v-input-padding-top);
22121
- transform-origin: left center;
22122
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
22123
- transition-property: opacity, transform;
22124
- z-index: 1;
22125
21795
  }
22126
- .v-field--variant-underlined .v-label.v-field-label, .v-field--variant-plain .v-label.v-field-label {
22127
- top: calc(var(--v-input-padding-top) + var(--v-field-padding-top));
21796
+ .v-footer--fixed {
21797
+ position: fixed;
22128
21798
  }
22129
- .v-field--center-affix .v-label.v-field-label {
22130
- top: 50%;
22131
- transform: translateY(-50%);
21799
+ .v-footer {
21800
+ border-radius: 0;
21801
+ }
21802
+ .v-footer {
21803
+ background: rgb(var(--v-theme-surface));
21804
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21805
+ }
21806
+ .v-footer--rounded {
21807
+ border-radius: 4px;
21808
+ }.v-container {
21809
+ width: 100%;
21810
+ padding: 16px;
21811
+ margin-right: auto;
21812
+ margin-left: auto;
22132
21813
  }
22133
- .v-field--active .v-label.v-field-label {
22134
- visibility: hidden;
21814
+ @media (min-width: 960px) {
21815
+ .v-container {
21816
+ max-width: 900px;
21817
+ }
22135
21818
  }
22136
- .v-field--focused .v-label.v-field-label, .v-field--error .v-label.v-field-label {
22137
- opacity: 1;
21819
+ @media (min-width: 1280px) {
21820
+ .v-container {
21821
+ max-width: 1200px;
21822
+ }
22138
21823
  }
22139
- .v-field--error:not(.v-field--disabled) .v-label.v-field-label {
22140
- color: rgb(var(--v-theme-error));
21824
+ @media (min-width: 1920px) {
21825
+ .v-container {
21826
+ max-width: 1800px;
21827
+ }
22141
21828
  }
22142
- .v-label.v-field-label--floating {
22143
- --v-field-label-scale: 0.75em;
22144
- font-size: var(--v-field-label-scale);
22145
- visibility: hidden;
21829
+ @media (min-width: 2560px) {
21830
+ .v-container {
21831
+ max-width: 2400px;
21832
+ }
21833
+ }
21834
+ .v-container--fluid {
22146
21835
  max-width: 100%;
22147
21836
  }
22148
- .v-field--center-affix .v-label.v-field-label--floating {
22149
- transform: none;
21837
+ .v-container.fill-height {
21838
+ align-items: center;
21839
+ display: flex;
21840
+ flex-wrap: wrap;
22150
21841
  }
22151
- .v-field.v-field--active .v-label.v-field-label--floating {
22152
- visibility: unset;
21842
+
21843
+ .v-row {
21844
+ display: flex;
21845
+ flex-wrap: wrap;
21846
+ flex: 1 1 auto;
21847
+ margin: -12px;
22153
21848
  }
22154
- .v-input--density-default .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-default .v-field--variant-solo-filled .v-label.v-field-label--floating {
22155
- top: 7px;
21849
+ .v-row + .v-row {
21850
+ margin-top: 12px;
22156
21851
  }
22157
-
22158
- .v-input--density-comfortable .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-comfortable .v-field--variant-solo-filled .v-label.v-field-label--floating {
22159
- top: 5px;
21852
+ .v-row + .v-row--dense {
21853
+ margin-top: 4px;
22160
21854
  }
22161
-
22162
- .v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating, .v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
22163
- top: 3px;
21855
+ .v-row--dense {
21856
+ margin: -4px;
22164
21857
  }
22165
-
22166
- .v-field--variant-plain .v-label.v-field-label--floating, .v-field--variant-underlined .v-label.v-field-label--floating {
22167
- transform: translateY(-16px);
21858
+ .v-row--dense > .v-col,
21859
+ .v-row--dense > [class*=v-col-] {
21860
+ padding: 4px;
21861
+ }
21862
+ .v-row.v-row--no-gutters {
22168
21863
  margin: 0;
22169
- top: var(--v-input-padding-top);
22170
21864
  }
22171
- .v-field--variant-outlined .v-label.v-field-label--floating {
22172
- transform: translateY(-50%);
22173
- transform-origin: center;
22174
- position: static;
22175
- margin: 0 4px;
21865
+ .v-row.v-row--no-gutters > .v-col,
21866
+ .v-row.v-row--no-gutters > [class*=v-col-] {
21867
+ padding: 0;
22176
21868
  }
22177
21869
 
22178
- /* endregion */
22179
- /* region OUTLINE */
22180
- .v-field__outline {
22181
- --v-field-border-width: 1px;
22182
- --v-field-border-opacity: 0.38;
22183
- align-items: stretch;
22184
- contain: layout;
22185
- display: flex;
22186
- height: 100%;
22187
- left: 0;
22188
- pointer-events: none;
22189
- position: absolute;
22190
- right: 0;
21870
+ .v-spacer {
21871
+ flex-grow: 1;
21872
+ }
21873
+
21874
+ .v-col-xxl,
21875
+ .v-col-xxl-auto, .v-col-xxl-12, .v-col-xxl-11, .v-col-xxl-10, .v-col-xxl-9, .v-col-xxl-8, .v-col-xxl-7, .v-col-xxl-6, .v-col-xxl-5, .v-col-xxl-4, .v-col-xxl-3, .v-col-xxl-2, .v-col-xxl-1, .v-col-xl,
21876
+ .v-col-xl-auto, .v-col-xl-12, .v-col-xl-11, .v-col-xl-10, .v-col-xl-9, .v-col-xl-8, .v-col-xl-7, .v-col-xl-6, .v-col-xl-5, .v-col-xl-4, .v-col-xl-3, .v-col-xl-2, .v-col-xl-1, .v-col-lg,
21877
+ .v-col-lg-auto, .v-col-lg-12, .v-col-lg-11, .v-col-lg-10, .v-col-lg-9, .v-col-lg-8, .v-col-lg-7, .v-col-lg-6, .v-col-lg-5, .v-col-lg-4, .v-col-lg-3, .v-col-lg-2, .v-col-lg-1, .v-col-md,
21878
+ .v-col-md-auto, .v-col-md-12, .v-col-md-11, .v-col-md-10, .v-col-md-9, .v-col-md-8, .v-col-md-7, .v-col-md-6, .v-col-md-5, .v-col-md-4, .v-col-md-3, .v-col-md-2, .v-col-md-1, .v-col-sm,
21879
+ .v-col-sm-auto, .v-col-sm-12, .v-col-sm-11, .v-col-sm-10, .v-col-sm-9, .v-col-sm-8, .v-col-sm-7, .v-col-sm-6, .v-col-sm-5, .v-col-sm-4, .v-col-sm-3, .v-col-sm-2, .v-col-sm-1, .v-col,
21880
+ .v-col-auto, .v-col-12, .v-col-11, .v-col-10, .v-col-9, .v-col-8, .v-col-7, .v-col-6, .v-col-5, .v-col-4, .v-col-3, .v-col-2, .v-col-1 {
22191
21881
  width: 100%;
21882
+ padding: 12px;
22192
21883
  }
22193
- @media (hover: hover) {
22194
- .v-field:hover .v-field__outline {
22195
- --v-field-border-opacity: var(--v-high-emphasis-opacity);
22196
- }
21884
+
21885
+ .v-col {
21886
+ flex-basis: 0;
21887
+ flex-grow: 1;
21888
+ max-width: 100%;
22197
21889
  }
22198
- .v-field--error:not(.v-field--disabled) .v-field__outline {
22199
- color: rgb(var(--v-theme-error));
21890
+
21891
+ .v-col-auto {
21892
+ flex: 0 0 auto;
21893
+ width: auto;
21894
+ max-width: 100%;
22200
21895
  }
22201
- .v-field.v-field--focused .v-field__outline, .v-input.v-input--error .v-field__outline {
22202
- --v-field-border-opacity: 1;
21896
+
21897
+ .v-col-1 {
21898
+ flex: 0 0 8.3333333333%;
21899
+ max-width: 8.3333333333%;
22203
21900
  }
22204
- .v-field--variant-outlined.v-field--focused .v-field__outline {
22205
- --v-field-border-width: 2px;
21901
+
21902
+ .v-col-2 {
21903
+ flex: 0 0 16.6666666667%;
21904
+ max-width: 16.6666666667%;
22206
21905
  }
22207
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22208
- border-color: currentColor;
22209
- border-style: solid;
22210
- border-width: 0 0 var(--v-field-border-width);
22211
- opacity: var(--v-field-border-opacity);
22212
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21906
+
21907
+ .v-col-3 {
21908
+ flex: 0 0 25%;
21909
+ max-width: 25%;
22213
21910
  }
22214
- .v-field--variant-filled .v-field__outline::before, .v-field--variant-underlined .v-field__outline::before {
22215
- content: "";
22216
- position: absolute;
22217
- top: 0;
22218
- left: 0;
22219
- width: 100%;
22220
- height: 100%;
21911
+
21912
+ .v-col-4 {
21913
+ flex: 0 0 33.3333333333%;
21914
+ max-width: 33.3333333333%;
22221
21915
  }
22222
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22223
- border-color: currentColor;
22224
- border-style: solid;
22225
- border-width: 0 0 2px;
22226
- transform: scaleX(0);
22227
- transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
21916
+
21917
+ .v-col-5 {
21918
+ flex: 0 0 41.6666666667%;
21919
+ max-width: 41.6666666667%;
22228
21920
  }
22229
- .v-field--variant-filled .v-field__outline::after, .v-field--variant-underlined .v-field__outline::after {
22230
- content: "";
22231
- position: absolute;
22232
- top: 0;
22233
- left: 0;
22234
- width: 100%;
22235
- height: 100%;
21921
+
21922
+ .v-col-6 {
21923
+ flex: 0 0 50%;
21924
+ max-width: 50%;
22236
21925
  }
22237
- .v-field--focused.v-field--variant-filled .v-field__outline::after, .v-field--focused.v-field--variant-underlined .v-field__outline::after {
22238
- transform: scaleX(1);
21926
+
21927
+ .v-col-7 {
21928
+ flex: 0 0 58.3333333333%;
21929
+ max-width: 58.3333333333%;
22239
21930
  }
22240
21931
 
22241
- .v-field--variant-outlined .v-field__outline {
22242
- border-radius: inherit;
21932
+ .v-col-8 {
21933
+ flex: 0 0 66.6666666667%;
21934
+ max-width: 66.6666666667%;
22243
21935
  }
22244
- .v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
22245
- border: 0 solid currentColor;
22246
- opacity: var(--v-field-border-opacity);
22247
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21936
+
21937
+ .v-col-9 {
21938
+ flex: 0 0 75%;
21939
+ max-width: 75%;
22248
21940
  }
22249
- .v-field--variant-outlined .v-field__outline__start {
22250
- flex: 0 0 12px;
22251
- border-top-width: var(--v-field-border-width);
22252
- border-bottom-width: var(--v-field-border-width);
22253
- border-inline-start-width: var(--v-field-border-width);
22254
- border-start-start-radius: inherit;
22255
- border-start-end-radius: 0;
22256
- border-end-end-radius: 0;
22257
- border-end-start-radius: inherit;
21941
+
21942
+ .v-col-10 {
21943
+ flex: 0 0 83.3333333333%;
21944
+ max-width: 83.3333333333%;
22258
21945
  }
22259
- .v-field--rounded.v-field--variant-outlined .v-field__outline__start,
22260
- [class^=rounded-].v-field--variant-outlined .v-field__outline__start,
22261
- [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
22262
- flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
21946
+
21947
+ .v-col-11 {
21948
+ flex: 0 0 91.6666666667%;
21949
+ max-width: 91.6666666667%;
22263
21950
  }
22264
21951
 
22265
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
22266
- border-start-start-radius: 0;
22267
- border-start-end-radius: inherit;
22268
- border-end-end-radius: inherit;
22269
- border-end-start-radius: 0;
22270
- border-inline-end-width: var(--v-field-border-width);
22271
- border-inline-start-width: 0;
21952
+ .v-col-12 {
21953
+ flex: 0 0 100%;
21954
+ max-width: 100%;
22272
21955
  }
22273
21956
 
22274
- .v-field--variant-outlined .v-field__outline__notch {
22275
- flex: none;
22276
- position: relative;
22277
- max-width: calc(100% - 12px);
21957
+ .offset-1 {
21958
+ margin-inline-start: 8.3333333333%;
22278
21959
  }
22279
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22280
- opacity: var(--v-field-border-opacity);
22281
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21960
+
21961
+ .offset-2 {
21962
+ margin-inline-start: 16.6666666667%;
22282
21963
  }
22283
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
22284
- content: "";
22285
- position: absolute;
22286
- top: 0;
22287
- left: 0;
22288
- width: 100%;
22289
- height: 100%;
21964
+
21965
+ .offset-3 {
21966
+ margin-inline-start: 25%;
22290
21967
  }
22291
- .v-field--variant-outlined .v-field__outline__notch::before {
22292
- border-width: var(--v-field-border-width) 0 0;
21968
+
21969
+ .offset-4 {
21970
+ margin-inline-start: 33.3333333333%;
22293
21971
  }
22294
- .v-field--variant-outlined .v-field__outline__notch::after {
22295
- bottom: 0;
22296
- border-width: 0 0 var(--v-field-border-width);
21972
+
21973
+ .offset-5 {
21974
+ margin-inline-start: 41.6666666667%;
22297
21975
  }
22298
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
22299
- opacity: 0;
21976
+
21977
+ .offset-6 {
21978
+ margin-inline-start: 50%;
22300
21979
  }
22301
21980
 
22302
- .v-field--variant-outlined .v-field__outline__end {
22303
- flex: 1;
22304
- border-top-width: var(--v-field-border-width);
22305
- border-bottom-width: var(--v-field-border-width);
22306
- border-inline-end-width: var(--v-field-border-width);
22307
- border-start-start-radius: 0;
22308
- border-start-end-radius: inherit;
22309
- border-end-end-radius: inherit;
22310
- border-end-start-radius: 0;
22311
- }
22312
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
22313
- border-start-start-radius: inherit;
22314
- border-start-end-radius: 0;
22315
- border-end-end-radius: 0;
22316
- border-end-start-radius: inherit;
22317
- border-inline-end-width: 0;
22318
- border-inline-start-width: var(--v-field-border-width);
21981
+ .offset-7 {
21982
+ margin-inline-start: 58.3333333333%;
22319
21983
  }
22320
21984
 
22321
- /* endregion */
22322
- /* region LOADER */
22323
- .v-field__loader {
22324
- top: calc(100% - 2px);
22325
- left: 0;
22326
- position: absolute;
22327
- right: 0;
22328
- width: 100%;
22329
- border-top-left-radius: 0;
22330
- border-top-right-radius: 0;
22331
- border-bottom-left-radius: inherit;
22332
- border-bottom-right-radius: inherit;
22333
- overflow: hidden;
21985
+ .offset-8 {
21986
+ margin-inline-start: 66.6666666667%;
22334
21987
  }
22335
- .v-field--variant-outlined .v-field__loader {
22336
- top: calc(100% - 3px);
22337
- width: calc(100% - 1px * 2);
22338
- left: 1px;
21988
+
21989
+ .offset-9 {
21990
+ margin-inline-start: 75%;
22339
21991
  }
22340
21992
 
22341
- /* endregion */
22342
- /* region OVERLAY */
22343
- .v-field__overlay {
22344
- border-radius: inherit;
22345
- pointer-events: none;
21993
+ .offset-10 {
21994
+ margin-inline-start: 83.3333333333%;
22346
21995
  }
22347
- .v-field__overlay {
22348
- position: absolute;
22349
- top: 0;
22350
- left: 0;
22351
- width: 100%;
22352
- height: 100%;
21996
+
21997
+ .offset-11 {
21998
+ margin-inline-start: 91.6666666667%;
22353
21999
  }
22354
22000
 
22355
- .v-field--variant-filled .v-field__overlay {
22356
- background-color: currentColor;
22357
- opacity: 0.04;
22358
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22001
+ @media (min-width: 600px) {
22002
+ .v-col-sm {
22003
+ flex-basis: 0;
22004
+ flex-grow: 1;
22005
+ max-width: 100%;
22006
+ }
22007
+ .v-col-sm-auto {
22008
+ flex: 0 0 auto;
22009
+ width: auto;
22010
+ max-width: 100%;
22011
+ }
22012
+ .v-col-sm-1 {
22013
+ flex: 0 0 8.3333333333%;
22014
+ max-width: 8.3333333333%;
22015
+ }
22016
+ .v-col-sm-2 {
22017
+ flex: 0 0 16.6666666667%;
22018
+ max-width: 16.6666666667%;
22019
+ }
22020
+ .v-col-sm-3 {
22021
+ flex: 0 0 25%;
22022
+ max-width: 25%;
22023
+ }
22024
+ .v-col-sm-4 {
22025
+ flex: 0 0 33.3333333333%;
22026
+ max-width: 33.3333333333%;
22027
+ }
22028
+ .v-col-sm-5 {
22029
+ flex: 0 0 41.6666666667%;
22030
+ max-width: 41.6666666667%;
22031
+ }
22032
+ .v-col-sm-6 {
22033
+ flex: 0 0 50%;
22034
+ max-width: 50%;
22035
+ }
22036
+ .v-col-sm-7 {
22037
+ flex: 0 0 58.3333333333%;
22038
+ max-width: 58.3333333333%;
22039
+ }
22040
+ .v-col-sm-8 {
22041
+ flex: 0 0 66.6666666667%;
22042
+ max-width: 66.6666666667%;
22043
+ }
22044
+ .v-col-sm-9 {
22045
+ flex: 0 0 75%;
22046
+ max-width: 75%;
22047
+ }
22048
+ .v-col-sm-10 {
22049
+ flex: 0 0 83.3333333333%;
22050
+ max-width: 83.3333333333%;
22051
+ }
22052
+ .v-col-sm-11 {
22053
+ flex: 0 0 91.6666666667%;
22054
+ max-width: 91.6666666667%;
22055
+ }
22056
+ .v-col-sm-12 {
22057
+ flex: 0 0 100%;
22058
+ max-width: 100%;
22059
+ }
22060
+ .offset-sm-0 {
22061
+ margin-inline-start: 0;
22062
+ }
22063
+ .offset-sm-1 {
22064
+ margin-inline-start: 8.3333333333%;
22065
+ }
22066
+ .offset-sm-2 {
22067
+ margin-inline-start: 16.6666666667%;
22068
+ }
22069
+ .offset-sm-3 {
22070
+ margin-inline-start: 25%;
22071
+ }
22072
+ .offset-sm-4 {
22073
+ margin-inline-start: 33.3333333333%;
22074
+ }
22075
+ .offset-sm-5 {
22076
+ margin-inline-start: 41.6666666667%;
22077
+ }
22078
+ .offset-sm-6 {
22079
+ margin-inline-start: 50%;
22080
+ }
22081
+ .offset-sm-7 {
22082
+ margin-inline-start: 58.3333333333%;
22083
+ }
22084
+ .offset-sm-8 {
22085
+ margin-inline-start: 66.6666666667%;
22086
+ }
22087
+ .offset-sm-9 {
22088
+ margin-inline-start: 75%;
22089
+ }
22090
+ .offset-sm-10 {
22091
+ margin-inline-start: 83.3333333333%;
22092
+ }
22093
+ .offset-sm-11 {
22094
+ margin-inline-start: 91.6666666667%;
22095
+ }
22096
+ }
22097
+ @media (min-width: 960px) {
22098
+ .v-col-md {
22099
+ flex-basis: 0;
22100
+ flex-grow: 1;
22101
+ max-width: 100%;
22102
+ }
22103
+ .v-col-md-auto {
22104
+ flex: 0 0 auto;
22105
+ width: auto;
22106
+ max-width: 100%;
22107
+ }
22108
+ .v-col-md-1 {
22109
+ flex: 0 0 8.3333333333%;
22110
+ max-width: 8.3333333333%;
22111
+ }
22112
+ .v-col-md-2 {
22113
+ flex: 0 0 16.6666666667%;
22114
+ max-width: 16.6666666667%;
22115
+ }
22116
+ .v-col-md-3 {
22117
+ flex: 0 0 25%;
22118
+ max-width: 25%;
22119
+ }
22120
+ .v-col-md-4 {
22121
+ flex: 0 0 33.3333333333%;
22122
+ max-width: 33.3333333333%;
22123
+ }
22124
+ .v-col-md-5 {
22125
+ flex: 0 0 41.6666666667%;
22126
+ max-width: 41.6666666667%;
22127
+ }
22128
+ .v-col-md-6 {
22129
+ flex: 0 0 50%;
22130
+ max-width: 50%;
22131
+ }
22132
+ .v-col-md-7 {
22133
+ flex: 0 0 58.3333333333%;
22134
+ max-width: 58.3333333333%;
22135
+ }
22136
+ .v-col-md-8 {
22137
+ flex: 0 0 66.6666666667%;
22138
+ max-width: 66.6666666667%;
22139
+ }
22140
+ .v-col-md-9 {
22141
+ flex: 0 0 75%;
22142
+ max-width: 75%;
22143
+ }
22144
+ .v-col-md-10 {
22145
+ flex: 0 0 83.3333333333%;
22146
+ max-width: 83.3333333333%;
22147
+ }
22148
+ .v-col-md-11 {
22149
+ flex: 0 0 91.6666666667%;
22150
+ max-width: 91.6666666667%;
22151
+ }
22152
+ .v-col-md-12 {
22153
+ flex: 0 0 100%;
22154
+ max-width: 100%;
22155
+ }
22156
+ .offset-md-0 {
22157
+ margin-inline-start: 0;
22158
+ }
22159
+ .offset-md-1 {
22160
+ margin-inline-start: 8.3333333333%;
22161
+ }
22162
+ .offset-md-2 {
22163
+ margin-inline-start: 16.6666666667%;
22164
+ }
22165
+ .offset-md-3 {
22166
+ margin-inline-start: 25%;
22167
+ }
22168
+ .offset-md-4 {
22169
+ margin-inline-start: 33.3333333333%;
22170
+ }
22171
+ .offset-md-5 {
22172
+ margin-inline-start: 41.6666666667%;
22173
+ }
22174
+ .offset-md-6 {
22175
+ margin-inline-start: 50%;
22176
+ }
22177
+ .offset-md-7 {
22178
+ margin-inline-start: 58.3333333333%;
22179
+ }
22180
+ .offset-md-8 {
22181
+ margin-inline-start: 66.6666666667%;
22182
+ }
22183
+ .offset-md-9 {
22184
+ margin-inline-start: 75%;
22185
+ }
22186
+ .offset-md-10 {
22187
+ margin-inline-start: 83.3333333333%;
22188
+ }
22189
+ .offset-md-11 {
22190
+ margin-inline-start: 91.6666666667%;
22191
+ }
22192
+ }
22193
+ @media (min-width: 1280px) {
22194
+ .v-col-lg {
22195
+ flex-basis: 0;
22196
+ flex-grow: 1;
22197
+ max-width: 100%;
22198
+ }
22199
+ .v-col-lg-auto {
22200
+ flex: 0 0 auto;
22201
+ width: auto;
22202
+ max-width: 100%;
22203
+ }
22204
+ .v-col-lg-1 {
22205
+ flex: 0 0 8.3333333333%;
22206
+ max-width: 8.3333333333%;
22207
+ }
22208
+ .v-col-lg-2 {
22209
+ flex: 0 0 16.6666666667%;
22210
+ max-width: 16.6666666667%;
22211
+ }
22212
+ .v-col-lg-3 {
22213
+ flex: 0 0 25%;
22214
+ max-width: 25%;
22215
+ }
22216
+ .v-col-lg-4 {
22217
+ flex: 0 0 33.3333333333%;
22218
+ max-width: 33.3333333333%;
22219
+ }
22220
+ .v-col-lg-5 {
22221
+ flex: 0 0 41.6666666667%;
22222
+ max-width: 41.6666666667%;
22223
+ }
22224
+ .v-col-lg-6 {
22225
+ flex: 0 0 50%;
22226
+ max-width: 50%;
22227
+ }
22228
+ .v-col-lg-7 {
22229
+ flex: 0 0 58.3333333333%;
22230
+ max-width: 58.3333333333%;
22231
+ }
22232
+ .v-col-lg-8 {
22233
+ flex: 0 0 66.6666666667%;
22234
+ max-width: 66.6666666667%;
22235
+ }
22236
+ .v-col-lg-9 {
22237
+ flex: 0 0 75%;
22238
+ max-width: 75%;
22239
+ }
22240
+ .v-col-lg-10 {
22241
+ flex: 0 0 83.3333333333%;
22242
+ max-width: 83.3333333333%;
22243
+ }
22244
+ .v-col-lg-11 {
22245
+ flex: 0 0 91.6666666667%;
22246
+ max-width: 91.6666666667%;
22247
+ }
22248
+ .v-col-lg-12 {
22249
+ flex: 0 0 100%;
22250
+ max-width: 100%;
22251
+ }
22252
+ .offset-lg-0 {
22253
+ margin-inline-start: 0;
22254
+ }
22255
+ .offset-lg-1 {
22256
+ margin-inline-start: 8.3333333333%;
22257
+ }
22258
+ .offset-lg-2 {
22259
+ margin-inline-start: 16.6666666667%;
22260
+ }
22261
+ .offset-lg-3 {
22262
+ margin-inline-start: 25%;
22263
+ }
22264
+ .offset-lg-4 {
22265
+ margin-inline-start: 33.3333333333%;
22266
+ }
22267
+ .offset-lg-5 {
22268
+ margin-inline-start: 41.6666666667%;
22269
+ }
22270
+ .offset-lg-6 {
22271
+ margin-inline-start: 50%;
22272
+ }
22273
+ .offset-lg-7 {
22274
+ margin-inline-start: 58.3333333333%;
22275
+ }
22276
+ .offset-lg-8 {
22277
+ margin-inline-start: 66.6666666667%;
22278
+ }
22279
+ .offset-lg-9 {
22280
+ margin-inline-start: 75%;
22281
+ }
22282
+ .offset-lg-10 {
22283
+ margin-inline-start: 83.3333333333%;
22284
+ }
22285
+ .offset-lg-11 {
22286
+ margin-inline-start: 91.6666666667%;
22287
+ }
22359
22288
  }
22360
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
22361
- opacity: 0;
22289
+ @media (min-width: 1920px) {
22290
+ .v-col-xl {
22291
+ flex-basis: 0;
22292
+ flex-grow: 1;
22293
+ max-width: 100%;
22294
+ }
22295
+ .v-col-xl-auto {
22296
+ flex: 0 0 auto;
22297
+ width: auto;
22298
+ max-width: 100%;
22299
+ }
22300
+ .v-col-xl-1 {
22301
+ flex: 0 0 8.3333333333%;
22302
+ max-width: 8.3333333333%;
22303
+ }
22304
+ .v-col-xl-2 {
22305
+ flex: 0 0 16.6666666667%;
22306
+ max-width: 16.6666666667%;
22307
+ }
22308
+ .v-col-xl-3 {
22309
+ flex: 0 0 25%;
22310
+ max-width: 25%;
22311
+ }
22312
+ .v-col-xl-4 {
22313
+ flex: 0 0 33.3333333333%;
22314
+ max-width: 33.3333333333%;
22315
+ }
22316
+ .v-col-xl-5 {
22317
+ flex: 0 0 41.6666666667%;
22318
+ max-width: 41.6666666667%;
22319
+ }
22320
+ .v-col-xl-6 {
22321
+ flex: 0 0 50%;
22322
+ max-width: 50%;
22323
+ }
22324
+ .v-col-xl-7 {
22325
+ flex: 0 0 58.3333333333%;
22326
+ max-width: 58.3333333333%;
22327
+ }
22328
+ .v-col-xl-8 {
22329
+ flex: 0 0 66.6666666667%;
22330
+ max-width: 66.6666666667%;
22331
+ }
22332
+ .v-col-xl-9 {
22333
+ flex: 0 0 75%;
22334
+ max-width: 75%;
22335
+ }
22336
+ .v-col-xl-10 {
22337
+ flex: 0 0 83.3333333333%;
22338
+ max-width: 83.3333333333%;
22339
+ }
22340
+ .v-col-xl-11 {
22341
+ flex: 0 0 91.6666666667%;
22342
+ max-width: 91.6666666667%;
22343
+ }
22344
+ .v-col-xl-12 {
22345
+ flex: 0 0 100%;
22346
+ max-width: 100%;
22347
+ }
22348
+ .offset-xl-0 {
22349
+ margin-inline-start: 0;
22350
+ }
22351
+ .offset-xl-1 {
22352
+ margin-inline-start: 8.3333333333%;
22353
+ }
22354
+ .offset-xl-2 {
22355
+ margin-inline-start: 16.6666666667%;
22356
+ }
22357
+ .offset-xl-3 {
22358
+ margin-inline-start: 25%;
22359
+ }
22360
+ .offset-xl-4 {
22361
+ margin-inline-start: 33.3333333333%;
22362
+ }
22363
+ .offset-xl-5 {
22364
+ margin-inline-start: 41.6666666667%;
22365
+ }
22366
+ .offset-xl-6 {
22367
+ margin-inline-start: 50%;
22368
+ }
22369
+ .offset-xl-7 {
22370
+ margin-inline-start: 58.3333333333%;
22371
+ }
22372
+ .offset-xl-8 {
22373
+ margin-inline-start: 66.6666666667%;
22374
+ }
22375
+ .offset-xl-9 {
22376
+ margin-inline-start: 75%;
22377
+ }
22378
+ .offset-xl-10 {
22379
+ margin-inline-start: 83.3333333333%;
22380
+ }
22381
+ .offset-xl-11 {
22382
+ margin-inline-start: 91.6666666667%;
22383
+ }
22362
22384
  }
22363
- @media (hover: hover) {
22364
- .v-field--variant-filled:hover .v-field__overlay {
22365
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22385
+ @media (min-width: 2560px) {
22386
+ .v-col-xxl {
22387
+ flex-basis: 0;
22388
+ flex-grow: 1;
22389
+ max-width: 100%;
22390
+ }
22391
+ .v-col-xxl-auto {
22392
+ flex: 0 0 auto;
22393
+ width: auto;
22394
+ max-width: 100%;
22395
+ }
22396
+ .v-col-xxl-1 {
22397
+ flex: 0 0 8.3333333333%;
22398
+ max-width: 8.3333333333%;
22399
+ }
22400
+ .v-col-xxl-2 {
22401
+ flex: 0 0 16.6666666667%;
22402
+ max-width: 16.6666666667%;
22403
+ }
22404
+ .v-col-xxl-3 {
22405
+ flex: 0 0 25%;
22406
+ max-width: 25%;
22407
+ }
22408
+ .v-col-xxl-4 {
22409
+ flex: 0 0 33.3333333333%;
22410
+ max-width: 33.3333333333%;
22411
+ }
22412
+ .v-col-xxl-5 {
22413
+ flex: 0 0 41.6666666667%;
22414
+ max-width: 41.6666666667%;
22415
+ }
22416
+ .v-col-xxl-6 {
22417
+ flex: 0 0 50%;
22418
+ max-width: 50%;
22419
+ }
22420
+ .v-col-xxl-7 {
22421
+ flex: 0 0 58.3333333333%;
22422
+ max-width: 58.3333333333%;
22423
+ }
22424
+ .v-col-xxl-8 {
22425
+ flex: 0 0 66.6666666667%;
22426
+ max-width: 66.6666666667%;
22427
+ }
22428
+ .v-col-xxl-9 {
22429
+ flex: 0 0 75%;
22430
+ max-width: 75%;
22431
+ }
22432
+ .v-col-xxl-10 {
22433
+ flex: 0 0 83.3333333333%;
22434
+ max-width: 83.3333333333%;
22435
+ }
22436
+ .v-col-xxl-11 {
22437
+ flex: 0 0 91.6666666667%;
22438
+ max-width: 91.6666666667%;
22439
+ }
22440
+ .v-col-xxl-12 {
22441
+ flex: 0 0 100%;
22442
+ max-width: 100%;
22443
+ }
22444
+ .offset-xxl-0 {
22445
+ margin-inline-start: 0;
22446
+ }
22447
+ .offset-xxl-1 {
22448
+ margin-inline-start: 8.3333333333%;
22366
22449
  }
22367
- }
22368
- .v-field--variant-filled.v-field--focused .v-field__overlay {
22369
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22370
- }
22371
-
22372
- .v-field--variant-solo-filled .v-field__overlay {
22373
- background-color: currentColor;
22374
- opacity: 0.04;
22375
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22376
- }
22377
- @media (hover: hover) {
22378
- .v-field--variant-solo-filled:hover .v-field__overlay {
22379
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22450
+ .offset-xxl-2 {
22451
+ margin-inline-start: 16.6666666667%;
22380
22452
  }
22381
- }
22382
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
22383
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
22384
- }
22385
-
22386
- .v-field--variant-solo-inverted .v-field__overlay {
22387
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
22388
- }
22389
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
22390
- opacity: 0;
22391
- }
22392
- @media (hover: hover) {
22393
- .v-field--variant-solo-inverted:hover .v-field__overlay {
22394
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
22453
+ .offset-xxl-3 {
22454
+ margin-inline-start: 25%;
22455
+ }
22456
+ .offset-xxl-4 {
22457
+ margin-inline-start: 33.3333333333%;
22458
+ }
22459
+ .offset-xxl-5 {
22460
+ margin-inline-start: 41.6666666667%;
22461
+ }
22462
+ .offset-xxl-6 {
22463
+ margin-inline-start: 50%;
22464
+ }
22465
+ .offset-xxl-7 {
22466
+ margin-inline-start: 58.3333333333%;
22467
+ }
22468
+ .offset-xxl-8 {
22469
+ margin-inline-start: 66.6666666667%;
22470
+ }
22471
+ .offset-xxl-9 {
22472
+ margin-inline-start: 75%;
22473
+ }
22474
+ .offset-xxl-10 {
22475
+ margin-inline-start: 83.3333333333%;
22476
+ }
22477
+ .offset-xxl-11 {
22478
+ margin-inline-start: 91.6666666667%;
22395
22479
  }
22396
- }
22397
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
22398
- background-color: rgb(var(--v-theme-surface-variant));
22399
- opacity: 1;
22400
- }
22401
-
22402
- /* endregion */
22403
- /* region MODIFIERS */
22404
- .v-field--reverse .v-field__field,
22405
- .v-field--reverse .v-field__input,
22406
- .v-field--reverse .v-field__outline {
22407
- flex-direction: row-reverse;
22408
- }
22409
- .v-field--reverse .v-field__input, .v-field--reverse input {
22410
- text-align: end;
22411
- }
22412
-
22413
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
22414
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
22415
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
22416
- }
22417
-
22418
- .v-field--loading .v-field__outline::after,
22419
- .v-field--loading .v-field__outline::before {
22420
- opacity: 0;
22421
- }
22422
-
22423
- /* endregion */.v-footer {
22424
- align-items: center;
22425
- display: flex;
22426
- flex: 1 1 auto;
22427
- padding: 8px 16px;
22428
- position: relative;
22429
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22430
- transition-property: height, width, transform, max-width, left, right, top, bottom;
22431
- }
22432
- .v-footer {
22433
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22434
- border-style: solid;
22435
- border-width: 0;
22436
- }
22437
- .v-footer--border {
22438
- border-width: thin;
22439
- box-shadow: none;
22440
- }
22441
- .v-footer {
22442
- 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));
22443
- }
22444
- .v-footer--absolute {
22445
- position: absolute;
22446
- }
22447
- .v-footer--fixed {
22448
- position: fixed;
22449
- }
22450
- .v-footer {
22451
- border-radius: 0;
22452
- }
22453
- .v-footer {
22454
- background: rgb(var(--v-theme-surface));
22455
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22456
- }
22457
- .v-footer--rounded {
22458
- border-radius: 4px;
22459
22480
  }.v-icon {
22460
22481
  --v-icon-size-multiplier: 1;
22461
22482
  align-items: center;
@@ -22509,31 +22530,6 @@ textarea.v-field__input::placeholder {
22509
22530
 
22510
22531
  .v-icon--end {
22511
22532
  margin-inline-start: 8px;
22512
- }.v-infinite-scroll--horizontal {
22513
- display: flex;
22514
- flex-direction: row;
22515
- overflow-x: auto;
22516
- }
22517
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22518
- height: 100%;
22519
- width: 1px;
22520
- }
22521
-
22522
- .v-infinite-scroll--vertical {
22523
- display: flex;
22524
- flex-direction: column;
22525
- overflow-y: auto;
22526
- }
22527
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22528
- height: 1px;
22529
- width: 100%;
22530
- }
22531
-
22532
- .v-infinite-scroll__side {
22533
- align-items: center;
22534
- display: flex;
22535
- justify-content: center;
22536
- padding: 8px;
22537
22533
  }.v-img {
22538
22534
  --v-theme-overlay-multiplier: 3;
22539
22535
  z-index: 0;
@@ -22576,6 +22572,31 @@ textarea.v-field__input::placeholder {
22576
22572
 
22577
22573
  .v-img__gradient {
22578
22574
  background-repeat: no-repeat;
22575
+ }.v-infinite-scroll--horizontal {
22576
+ display: flex;
22577
+ flex-direction: row;
22578
+ overflow-x: auto;
22579
+ }
22580
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22581
+ height: 100%;
22582
+ width: 1px;
22583
+ }
22584
+
22585
+ .v-infinite-scroll--vertical {
22586
+ display: flex;
22587
+ flex-direction: column;
22588
+ overflow-y: auto;
22589
+ }
22590
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22591
+ height: 1px;
22592
+ width: 100%;
22593
+ }
22594
+
22595
+ .v-infinite-scroll__side {
22596
+ align-items: center;
22597
+ display: flex;
22598
+ justify-content: center;
22599
+ padding: 8px;
22579
22600
  }.v-input {
22580
22601
  display: grid;
22581
22602
  flex: 1 1 auto;
@@ -23328,8 +23349,6 @@ textarea.v-field__input::placeholder {
23328
23349
  }
23329
23350
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23330
23351
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23331
- }.v-locale-provider {
23332
- display: contents;
23333
23352
  }.v-main {
23334
23353
  flex: 1 0 auto;
23335
23354
  max-width: 100%;
@@ -23360,6 +23379,8 @@ textarea.v-field__input::placeholder {
23360
23379
  --v-layout-right: 0px;
23361
23380
  --v-layout-top: 0px;
23362
23381
  --v-layout-bottom: 0px;
23382
+ }.v-locale-provider {
23383
+ display: contents;
23363
23384
  }.v-menu > .v-overlay__content {
23364
23385
  display: flex;
23365
23386
  flex-direction: column;
@@ -23632,12 +23653,6 @@ html.v-overlay-scroll-blocked {
23632
23653
  }
23633
23654
  .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23634
23655
  margin: 0.3rem;
23635
- }.v-parallax {
23636
- position: relative;
23637
- overflow: hidden;
23638
- }
23639
- .v-parallax--active > .v-img__img {
23640
- will-change: transform;
23641
23656
  }.v-progress-circular {
23642
23657
  align-items: center;
23643
23658
  display: inline-flex;
@@ -23740,6 +23755,12 @@ html.v-overlay-scroll-blocked {
23740
23755
  100% {
23741
23756
  transform: rotate(270deg);
23742
23757
  }
23758
+ }.v-parallax {
23759
+ position: relative;
23760
+ overflow: hidden;
23761
+ }
23762
+ .v-parallax--active > .v-img__img {
23763
+ will-change: transform;
23743
23764
  }.v-progress-linear {
23744
23765
  background: transparent;
23745
23766
  overflow: hidden;
@@ -24037,6 +24058,32 @@ html.v-overlay-scroll-blocked {
24037
24058
 
24038
24059
  .v-slider__label {
24039
24060
  margin-inline-end: 12px;
24061
+ }.v-responsive {
24062
+ display: flex;
24063
+ flex: 1 0 auto;
24064
+ max-height: 100%;
24065
+ max-width: 100%;
24066
+ overflow: hidden;
24067
+ position: relative;
24068
+ }
24069
+ .v-responsive--inline {
24070
+ display: inline-flex;
24071
+ flex: 0 0 auto;
24072
+ }
24073
+
24074
+ .v-responsive__content {
24075
+ flex: 1 0 0px;
24076
+ max-width: 100%;
24077
+ }
24078
+
24079
+ .v-responsive__sizer ~ .v-responsive__content {
24080
+ margin-inline-start: -100%;
24081
+ }
24082
+
24083
+ .v-responsive__sizer {
24084
+ flex: 1 0 0px;
24085
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24086
+ pointer-events: none;
24040
24087
  }.v-rating {
24041
24088
  max-width: 100%;
24042
24089
  display: inline-flex;
@@ -24062,34 +24109,86 @@ html.v-overlay-scroll-blocked {
24062
24109
  .v-rating__item label {
24063
24110
  cursor: pointer;
24064
24111
  }
24065
- .v-rating__item .v-btn--variant-plain {
24066
- opacity: 1;
24112
+ .v-rating__item .v-btn--variant-plain {
24113
+ opacity: 1;
24114
+ }
24115
+ .v-rating__item .v-btn {
24116
+ transition-property: transform;
24117
+ }
24118
+ .v-rating__item .v-btn .v-icon {
24119
+ transition: inherit;
24120
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24121
+ }
24122
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24123
+ transform: scale(1.25);
24124
+ }
24125
+ .v-rating__item--half {
24126
+ overflow: hidden;
24127
+ position: absolute;
24128
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24129
+ z-index: 1;
24130
+ }
24131
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24132
+ opacity: 0;
24133
+ }
24134
+
24135
+ .v-rating__hidden {
24136
+ height: 0;
24137
+ opacity: 0;
24138
+ position: absolute;
24139
+ width: 0;
24140
+ }.v-select .v-field .v-text-field__prefix,
24141
+ .v-select .v-field .v-text-field__suffix,
24142
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24143
+ cursor: pointer;
24144
+ }
24145
+ .v-select .v-field .v-field__input > input {
24146
+ align-self: flex-start;
24147
+ opacity: 1;
24148
+ flex: 0 0;
24149
+ position: absolute;
24150
+ width: 100%;
24151
+ transition: none;
24152
+ pointer-events: none;
24153
+ caret-color: transparent;
24154
+ }
24155
+ .v-select .v-field--dirty .v-select__selection {
24156
+ margin-inline-end: 2px;
24157
+ }
24158
+ .v-select .v-select__selection-text {
24159
+ overflow: hidden;
24160
+ text-overflow: ellipsis;
24161
+ white-space: nowrap;
24162
+ }
24163
+ .v-select__content {
24164
+ overflow: hidden;
24067
24165
  }
24068
- .v-rating__item .v-btn {
24069
- transition-property: transform;
24166
+ .v-select__content {
24167
+ 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));
24070
24168
  }
24071
- .v-rating__item .v-btn .v-icon {
24072
- transition: inherit;
24073
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24169
+ .v-select__content {
24170
+ border-radius: 4px;
24074
24171
  }
24075
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24076
- transform: scale(1.25);
24172
+ .v-select__selection {
24173
+ display: inline-flex;
24174
+ align-items: center;
24175
+ letter-spacing: inherit;
24176
+ line-height: inherit;
24177
+ max-width: 100%;
24077
24178
  }
24078
- .v-rating__item--half {
24079
- overflow: hidden;
24080
- position: absolute;
24081
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24082
- z-index: 1;
24179
+ .v-select .v-select__selection:first-child {
24180
+ margin-inline-start: 0;
24083
24181
  }
24084
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24182
+ .v-select--selected .v-field .v-field__input > input {
24085
24183
  opacity: 0;
24086
24184
  }
24087
-
24088
- .v-rating__hidden {
24089
- height: 0;
24090
- opacity: 0;
24091
- position: absolute;
24092
- width: 0;
24185
+ .v-select__menu-icon {
24186
+ margin-inline-start: 4px;
24187
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24188
+ }
24189
+ .v-select--active-menu .v-select__menu-icon {
24190
+ opacity: var(--v-high-emphasis-opacity);
24191
+ transform: rotate(180deg);
24093
24192
  }.v-selection-control {
24094
24193
  align-items: center;
24095
24194
  contain: layout;
@@ -24193,84 +24292,6 @@ html.v-overlay-scroll-blocked {
24193
24292
  }
24194
24293
  .v-selection-control--focus-visible .v-selection-control__input::before {
24195
24294
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24196
- }.v-responsive {
24197
- display: flex;
24198
- flex: 1 0 auto;
24199
- max-height: 100%;
24200
- max-width: 100%;
24201
- overflow: hidden;
24202
- position: relative;
24203
- }
24204
- .v-responsive--inline {
24205
- display: inline-flex;
24206
- flex: 0 0 auto;
24207
- }
24208
-
24209
- .v-responsive__content {
24210
- flex: 1 0 0px;
24211
- max-width: 100%;
24212
- }
24213
-
24214
- .v-responsive__sizer ~ .v-responsive__content {
24215
- margin-inline-start: -100%;
24216
- }
24217
-
24218
- .v-responsive__sizer {
24219
- flex: 1 0 0px;
24220
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24221
- pointer-events: none;
24222
- }.v-select .v-field .v-text-field__prefix,
24223
- .v-select .v-field .v-text-field__suffix,
24224
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
24225
- cursor: pointer;
24226
- }
24227
- .v-select .v-field .v-field__input > input {
24228
- align-self: flex-start;
24229
- opacity: 1;
24230
- flex: 0 0;
24231
- position: absolute;
24232
- width: 100%;
24233
- transition: none;
24234
- pointer-events: none;
24235
- caret-color: transparent;
24236
- }
24237
- .v-select .v-field--dirty .v-select__selection {
24238
- margin-inline-end: 2px;
24239
- }
24240
- .v-select .v-select__selection-text {
24241
- overflow: hidden;
24242
- text-overflow: ellipsis;
24243
- white-space: nowrap;
24244
- }
24245
- .v-select__content {
24246
- overflow: hidden;
24247
- }
24248
- .v-select__content {
24249
- 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));
24250
- }
24251
- .v-select__content {
24252
- border-radius: 4px;
24253
- }
24254
- .v-select__selection {
24255
- display: inline-flex;
24256
- align-items: center;
24257
- letter-spacing: inherit;
24258
- line-height: inherit;
24259
- max-width: 100%;
24260
- }
24261
- .v-select .v-select__selection:first-child {
24262
- margin-inline-start: 0;
24263
- }
24264
- .v-select--selected .v-field .v-field__input > input {
24265
- opacity: 0;
24266
- }
24267
- .v-select__menu-icon {
24268
- margin-inline-start: 4px;
24269
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24270
- }
24271
- .v-select--active-menu .v-select__menu-icon {
24272
- opacity: var(--v-high-emphasis-opacity);
24273
- transform: rotate(180deg);
24274
24295
  }.v-selection-control-group {
24275
24296
  grid-area: control;
24276
24297
  display: flex;
@@ -24595,11 +24616,6 @@ html.v-overlay-scroll-blocked {
24595
24616
  .v-slide-group--vertical .v-slide-group__container {
24596
24617
  overflow-x: hidden;
24597
24618
  overflow-y: auto;
24598
- }.v-counter {
24599
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
24600
- flex: 0 1 auto;
24601
- font-size: 12px;
24602
- transition-duration: 150ms;
24603
24619
  }.v-snackbar {
24604
24620
  justify-content: center;
24605
24621
  z-index: 10000;
@@ -24907,55 +24923,193 @@ html.v-overlay-scroll-blocked {
24907
24923
  .v-stepper-item__avatar.v-avatar .v-icon {
24908
24924
  font-size: 0.875rem;
24909
24925
  }
24910
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24911
- background: rgb(var(--v-theme-surface-variant));
24926
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24927
+ background: rgb(var(--v-theme-surface-variant));
24928
+ }
24929
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24930
+ background: rgb(var(--v-theme-error));
24931
+ }
24932
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24933
+ margin-bottom: 16px;
24934
+ margin-inline-end: 0;
24935
+ }
24936
+
24937
+ .v-stepper-item__title {
24938
+ line-height: 1;
24939
+ }
24940
+ .v-stepper--mobile .v-stepper-item__title {
24941
+ display: none;
24942
+ }
24943
+
24944
+ .v-stepper-item__subtitle {
24945
+ font-size: 0.75rem;
24946
+ text-align: left;
24947
+ line-height: 1;
24948
+ opacity: var(--v-medium-emphasis-opacity);
24949
+ }
24950
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24951
+ text-align: center;
24952
+ }
24953
+ .v-stepper--mobile .v-stepper-item__subtitle {
24954
+ display: none;
24955
+ }
24956
+
24957
+ .v-stepper-item__overlay {
24958
+ background-color: currentColor;
24959
+ border-radius: inherit;
24960
+ opacity: 0;
24961
+ transition: opacity 0.2s ease-in-out;
24962
+ }
24963
+
24964
+ .v-stepper-item__overlay,
24965
+ .v-stepper-item__underlay {
24966
+ pointer-events: none;
24967
+ }
24968
+ .v-stepper-item__overlay,
24969
+ .v-stepper-item__underlay {
24970
+ position: absolute;
24971
+ top: 0;
24972
+ left: 0;
24973
+ width: 100%;
24974
+ height: 100%;
24975
+ }.v-system-bar {
24976
+ align-items: center;
24977
+ display: flex;
24978
+ flex: 1 1 auto;
24979
+ height: 24px;
24980
+ justify-content: flex-end;
24981
+ max-width: 100%;
24982
+ padding-inline: 8px;
24983
+ position: relative;
24984
+ text-align: end;
24985
+ width: 100%;
24986
+ }
24987
+ .v-system-bar .v-icon {
24988
+ opacity: var(--v-medium-emphasis-opacity);
24989
+ }
24990
+ .v-system-bar {
24991
+ 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));
24992
+ }
24993
+ .v-system-bar--absolute {
24994
+ position: absolute;
24995
+ }
24996
+ .v-system-bar--fixed {
24997
+ position: fixed;
24998
+ }
24999
+ .v-system-bar {
25000
+ background: rgba(var(--v-theme-surface-light));
25001
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25002
+ }
25003
+ .v-system-bar {
25004
+ font-size: 0.75rem;
25005
+ font-weight: 400;
25006
+ letter-spacing: 0.0333333333em;
25007
+ line-height: 1.667;
25008
+ text-transform: none;
25009
+ }
25010
+ .v-system-bar--rounded {
25011
+ border-radius: 0;
25012
+ }
25013
+ .v-system-bar--window {
25014
+ height: 32px;
25015
+ }
25016
+ .v-system-bar:not(.v-system-bar--absolute) {
25017
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25018
+ }.v-tab.v-tab.v-btn {
25019
+ height: var(--v-tabs-height);
25020
+ border-radius: 0;
25021
+ min-width: 90px;
25022
+ }
25023
+ .v-slide-group--horizontal .v-tab {
25024
+ max-width: 360px;
25025
+ }
25026
+ .v-slide-group--vertical .v-tab {
25027
+ justify-content: start;
25028
+ }
25029
+
25030
+ .v-tab__slider {
25031
+ position: absolute;
25032
+ bottom: 0;
25033
+ left: 0;
25034
+ height: 2px;
25035
+ width: 100%;
25036
+ background: currentColor;
25037
+ pointer-events: none;
25038
+ opacity: 0;
25039
+ }
25040
+ .v-tab--selected .v-tab__slider {
25041
+ opacity: 1;
25042
+ }
25043
+ .v-slide-group--vertical .v-tab__slider {
25044
+ top: 0;
25045
+ height: 100%;
25046
+ width: 2px;
25047
+ }.v-tabs {
25048
+ display: flex;
25049
+ height: var(--v-tabs-height);
25050
+ }
25051
+ .v-tabs--density-default {
25052
+ --v-tabs-height: 48px;
25053
+ }
25054
+ .v-tabs--density-default.v-tabs--stacked {
25055
+ --v-tabs-height: 72px;
24912
25056
  }
24913
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24914
- background: rgb(var(--v-theme-error));
25057
+
25058
+ .v-tabs--density-comfortable {
25059
+ --v-tabs-height: 44px;
24915
25060
  }
24916
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24917
- margin-bottom: 16px;
24918
- margin-inline-end: 0;
25061
+ .v-tabs--density-comfortable.v-tabs--stacked {
25062
+ --v-tabs-height: 68px;
24919
25063
  }
24920
25064
 
24921
- .v-stepper-item__title {
24922
- line-height: 1;
25065
+ .v-tabs--density-compact {
25066
+ --v-tabs-height: 36px;
24923
25067
  }
24924
- .v-stepper--mobile .v-stepper-item__title {
24925
- display: none;
25068
+ .v-tabs--density-compact.v-tabs--stacked {
25069
+ --v-tabs-height: 60px;
24926
25070
  }
24927
25071
 
24928
- .v-stepper-item__subtitle {
24929
- font-size: 0.75rem;
24930
- text-align: left;
24931
- line-height: 1;
24932
- opacity: var(--v-medium-emphasis-opacity);
25072
+ .v-tabs.v-slide-group--vertical {
25073
+ height: auto;
25074
+ flex: none;
25075
+ --v-tabs-height: 48px;
24933
25076
  }
24934
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24935
- text-align: center;
25077
+
25078
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25079
+ margin-inline-start: 42px;
24936
25080
  }
24937
- .v-stepper--mobile .v-stepper-item__subtitle {
24938
- display: none;
25081
+
25082
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25083
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25084
+ margin-inline-end: auto;
25085
+ }
25086
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25087
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25088
+ margin-inline-start: auto;
24939
25089
  }
24940
25090
 
24941
- .v-stepper-item__overlay {
24942
- background-color: currentColor;
24943
- border-radius: inherit;
24944
- opacity: 0;
24945
- transition: opacity 0.2s ease-in-out;
25091
+ .v-tabs--grow {
25092
+ flex-grow: 1;
25093
+ }
25094
+ .v-tabs--grow .v-tab {
25095
+ flex: 1 0 auto;
25096
+ max-width: none;
24946
25097
  }
24947
25098
 
24948
- .v-stepper-item__overlay,
24949
- .v-stepper-item__underlay {
24950
- pointer-events: none;
25099
+ .v-tabs--align-tabs-end .v-tab:first-child {
25100
+ margin-inline-start: auto;
24951
25101
  }
24952
- .v-stepper-item__overlay,
24953
- .v-stepper-item__underlay {
24954
- position: absolute;
24955
- top: 0;
24956
- left: 0;
24957
- width: 100%;
24958
- height: 100%;
25102
+ .v-tabs--align-tabs-end .v-tab:last-child {
25103
+ margin-inline-end: 0;
25104
+ }
25105
+
25106
+ @media (max-width: 1279.98px) {
25107
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25108
+ margin-inline-start: 52px;
25109
+ }
25110
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25111
+ margin-inline-end: 52px;
25112
+ }
24959
25113
  }.v-switch .v-label {
24960
25114
  padding-inline-start: 10px;
24961
25115
  }
@@ -25039,242 +25193,104 @@ html.v-overlay-scroll-blocked {
25039
25193
  .v-switch--inset .v-switch__thumb {
25040
25194
  height: 24px;
25041
25195
  width: 24px;
25042
- transform: scale(0.6666666667);
25043
- }
25044
- .v-switch--inset .v-switch__thumb--filled {
25045
- transform: none;
25046
- }
25047
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25048
- transform: none;
25049
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25050
- }
25051
-
25052
- .v-switch.v-input {
25053
- flex: 0 1 auto;
25054
- }
25055
- .v-switch .v-selection-control {
25056
- min-height: var(--v-input-control-height);
25057
- }
25058
- .v-switch .v-selection-control__input {
25059
- border-radius: 50%;
25060
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25061
- position: absolute;
25062
- }
25063
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25064
- transform: translateX(-10px);
25065
- }
25066
-
25067
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25068
- transform: translateX(10px);
25069
- }
25070
-
25071
- .v-switch .v-selection-control__input .v-icon {
25072
- position: absolute;
25073
- }
25074
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25075
- transform: translateX(10px);
25076
- }
25077
-
25078
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25079
- transform: translateX(-10px);
25080
- }
25081
-
25082
- .v-switch.v-switch--indeterminate .v-selection-control__input {
25083
- transform: scale(0.8);
25084
- }
25085
- .v-switch.v-switch--indeterminate .v-switch__thumb {
25086
- transform: scale(0.75);
25087
- box-shadow: none;
25088
- }
25089
- .v-switch.v-switch--inset .v-selection-control__wrapper {
25090
- width: auto;
25091
- }
25092
- .v-switch.v-input--vertical .v-label {
25093
- min-width: max-content;
25094
- }
25095
- .v-switch.v-input--vertical .v-selection-control__wrapper {
25096
- transform: rotate(-90deg);
25097
- }
25098
-
25099
- @media (forced-colors: active) {
25100
- .v-switch .v-switch__loader .v-progress-circular {
25101
- color: currentColor;
25102
- }
25103
- .v-switch .v-switch__thumb {
25104
- background-color: buttontext;
25105
- }
25106
- .v-switch .v-switch__track,
25107
- .v-switch .v-switch__thumb {
25108
- border: 1px solid;
25109
- color: buttontext;
25110
- }
25111
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25112
- background-color: highlight;
25113
- }
25114
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25115
- background-color: highlight;
25116
- }
25117
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25118
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25119
- color: highlight;
25120
- }
25121
- .v-switch.v-switch--inset .v-switch__track {
25122
- border-width: 2px;
25123
- }
25124
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25125
- background-color: highlighttext;
25126
- color: highlighttext;
25127
- }
25128
- .v-switch.v-input--disabled .v-switch__thumb {
25129
- background-color: graytext;
25130
- }
25131
- .v-switch.v-input--disabled .v-switch__track,
25132
- .v-switch.v-input--disabled .v-switch__thumb {
25133
- color: graytext;
25134
- }
25135
- .v-switch.v-switch--loading .v-switch__thumb {
25136
- background-color: canvas;
25137
- }
25138
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25139
- border-width: 0;
25140
- }
25141
- }.v-system-bar {
25142
- align-items: center;
25143
- display: flex;
25144
- flex: 1 1 auto;
25145
- height: 24px;
25146
- justify-content: flex-end;
25147
- max-width: 100%;
25148
- padding-inline: 8px;
25149
- position: relative;
25150
- text-align: end;
25151
- width: 100%;
25152
- }
25153
- .v-system-bar .v-icon {
25154
- opacity: var(--v-medium-emphasis-opacity);
25155
- }
25156
- .v-system-bar {
25157
- 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));
25158
- }
25159
- .v-system-bar--absolute {
25160
- position: absolute;
25161
- }
25162
- .v-system-bar--fixed {
25163
- position: fixed;
25164
- }
25165
- .v-system-bar {
25166
- background: rgba(var(--v-theme-surface-light));
25167
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25168
- }
25169
- .v-system-bar {
25170
- font-size: 0.75rem;
25171
- font-weight: 400;
25172
- letter-spacing: 0.0333333333em;
25173
- line-height: 1.667;
25174
- text-transform: none;
25175
- }
25176
- .v-system-bar--rounded {
25177
- border-radius: 0;
25178
- }
25179
- .v-system-bar--window {
25180
- height: 32px;
25181
- }
25182
- .v-system-bar:not(.v-system-bar--absolute) {
25183
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25184
- }.v-tab.v-tab.v-btn {
25185
- height: var(--v-tabs-height);
25186
- border-radius: 0;
25187
- min-width: 90px;
25188
- }
25189
- .v-slide-group--horizontal .v-tab {
25190
- max-width: 360px;
25191
- }
25192
- .v-slide-group--vertical .v-tab {
25193
- justify-content: start;
25194
- }
25195
-
25196
- .v-tab__slider {
25197
- position: absolute;
25198
- bottom: 0;
25199
- left: 0;
25200
- height: 2px;
25201
- width: 100%;
25202
- background: currentColor;
25203
- pointer-events: none;
25204
- opacity: 0;
25205
- }
25206
- .v-tab--selected .v-tab__slider {
25207
- opacity: 1;
25208
- }
25209
- .v-slide-group--vertical .v-tab__slider {
25210
- top: 0;
25211
- height: 100%;
25212
- width: 2px;
25213
- }.v-tabs {
25214
- display: flex;
25215
- height: var(--v-tabs-height);
25196
+ transform: scale(0.6666666667);
25216
25197
  }
25217
- .v-tabs--density-default {
25218
- --v-tabs-height: 48px;
25198
+ .v-switch--inset .v-switch__thumb--filled {
25199
+ transform: none;
25219
25200
  }
25220
- .v-tabs--density-default.v-tabs--stacked {
25221
- --v-tabs-height: 72px;
25201
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
25202
+ transform: none;
25203
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
25222
25204
  }
25223
25205
 
25224
- .v-tabs--density-comfortable {
25225
- --v-tabs-height: 44px;
25206
+ .v-switch.v-input {
25207
+ flex: 0 1 auto;
25226
25208
  }
25227
- .v-tabs--density-comfortable.v-tabs--stacked {
25228
- --v-tabs-height: 68px;
25209
+ .v-switch .v-selection-control {
25210
+ min-height: var(--v-input-control-height);
25229
25211
  }
25230
-
25231
- .v-tabs--density-compact {
25232
- --v-tabs-height: 36px;
25212
+ .v-switch .v-selection-control__input {
25213
+ border-radius: 50%;
25214
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
25215
+ position: absolute;
25233
25216
  }
25234
- .v-tabs--density-compact.v-tabs--stacked {
25235
- --v-tabs-height: 60px;
25217
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
25218
+ transform: translateX(-10px);
25236
25219
  }
25237
25220
 
25238
- .v-tabs.v-slide-group--vertical {
25239
- height: auto;
25240
- flex: none;
25241
- --v-tabs-height: 48px;
25221
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
25222
+ transform: translateX(10px);
25242
25223
  }
25243
25224
 
25244
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
25245
- margin-inline-start: 42px;
25225
+ .v-switch .v-selection-control__input .v-icon {
25226
+ position: absolute;
25246
25227
  }
25247
-
25248
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
25249
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
25250
- margin-inline-end: auto;
25228
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
25229
+ transform: translateX(10px);
25251
25230
  }
25252
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
25253
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
25254
- margin-inline-start: auto;
25231
+
25232
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
25233
+ transform: translateX(-10px);
25255
25234
  }
25256
25235
 
25257
- .v-tabs--grow {
25258
- flex-grow: 1;
25236
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
25237
+ transform: scale(0.8);
25259
25238
  }
25260
- .v-tabs--grow .v-tab {
25261
- flex: 1 0 auto;
25262
- max-width: none;
25239
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
25240
+ transform: scale(0.75);
25241
+ box-shadow: none;
25263
25242
  }
25264
-
25265
- .v-tabs--align-tabs-end .v-tab:first-child {
25266
- margin-inline-start: auto;
25243
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
25244
+ width: auto;
25267
25245
  }
25268
- .v-tabs--align-tabs-end .v-tab:last-child {
25269
- margin-inline-end: 0;
25246
+ .v-switch.v-input--vertical .v-label {
25247
+ min-width: max-content;
25248
+ }
25249
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
25250
+ transform: rotate(-90deg);
25270
25251
  }
25271
25252
 
25272
- @media (max-width: 1279.98px) {
25273
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
25274
- margin-inline-start: 52px;
25253
+ @media (forced-colors: active) {
25254
+ .v-switch .v-switch__loader .v-progress-circular {
25255
+ color: currentColor;
25275
25256
  }
25276
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25277
- margin-inline-end: 52px;
25257
+ .v-switch .v-switch__thumb {
25258
+ background-color: buttontext;
25259
+ }
25260
+ .v-switch .v-switch__track,
25261
+ .v-switch .v-switch__thumb {
25262
+ border: 1px solid;
25263
+ color: buttontext;
25264
+ }
25265
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25266
+ background-color: highlight;
25267
+ }
25268
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
25269
+ background-color: highlight;
25270
+ }
25271
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
25272
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25273
+ color: highlight;
25274
+ }
25275
+ .v-switch.v-switch--inset .v-switch__track {
25276
+ border-width: 2px;
25277
+ }
25278
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
25279
+ background-color: highlighttext;
25280
+ color: highlighttext;
25281
+ }
25282
+ .v-switch.v-input--disabled .v-switch__thumb {
25283
+ background-color: graytext;
25284
+ }
25285
+ .v-switch.v-input--disabled .v-switch__track,
25286
+ .v-switch.v-input--disabled .v-switch__thumb {
25287
+ color: graytext;
25288
+ }
25289
+ .v-switch.v-switch--loading .v-switch__thumb {
25290
+ background-color: canvas;
25291
+ }
25292
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25293
+ border-width: 0;
25278
25294
  }
25279
25295
  }.v-table {
25280
25296
  font-size: 0.875rem;
@@ -25418,6 +25434,45 @@ html.v-overlay-scroll-blocked {
25418
25434
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25419
25435
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25420
25436
  border-top: 0px !important;
25437
+ }.v-textarea .v-field {
25438
+ --v-textarea-control-height: var(--v-input-control-height);
25439
+ }
25440
+ .v-textarea .v-field__field {
25441
+ --v-input-control-height: var(--v-textarea-control-height);
25442
+ }
25443
+ .v-textarea .v-field__input {
25444
+ flex: 1 1 auto;
25445
+ outline: none;
25446
+ -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));
25447
+ 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));
25448
+ }
25449
+ .v-textarea .v-field__input.v-textarea__sizer {
25450
+ visibility: hidden;
25451
+ position: absolute;
25452
+ top: 0;
25453
+ left: 0;
25454
+ height: 0 !important;
25455
+ min-height: 0 !important;
25456
+ pointer-events: none;
25457
+ }
25458
+ .v-textarea--no-resize .v-field__input {
25459
+ resize: none;
25460
+ }
25461
+ .v-textarea .v-field--no-label textarea,
25462
+ .v-textarea .v-field--active textarea {
25463
+ opacity: 1;
25464
+ }
25465
+ .v-textarea textarea {
25466
+ opacity: 0;
25467
+ flex: 1;
25468
+ min-width: 0;
25469
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25470
+ }
25471
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25472
+ outline: none;
25473
+ }
25474
+ .v-textarea textarea:invalid {
25475
+ box-shadow: none;
25421
25476
  }/* region BLOCK */
25422
25477
  .v-text-field input {
25423
25478
  color: inherit;
@@ -25485,49 +25540,7 @@ html.v-overlay-scroll-blocked {
25485
25540
  padding-inline-end: var(--v-field-padding-end);
25486
25541
  }
25487
25542
 
25488
- /* endregion */.v-textarea .v-field {
25489
- --v-textarea-control-height: var(--v-input-control-height);
25490
- }
25491
- .v-textarea .v-field__field {
25492
- --v-input-control-height: var(--v-textarea-control-height);
25493
- }
25494
- .v-textarea .v-field__input {
25495
- flex: 1 1 auto;
25496
- outline: none;
25497
- -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));
25498
- 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));
25499
- }
25500
- .v-textarea .v-field__input.v-textarea__sizer {
25501
- visibility: hidden;
25502
- position: absolute;
25503
- top: 0;
25504
- left: 0;
25505
- height: 0 !important;
25506
- min-height: 0 !important;
25507
- pointer-events: none;
25508
- }
25509
- .v-textarea--no-resize .v-field__input {
25510
- resize: none;
25511
- }
25512
- .v-textarea .v-field--no-label textarea,
25513
- .v-textarea .v-field--active textarea {
25514
- opacity: 1;
25515
- }
25516
- .v-textarea textarea {
25517
- opacity: 0;
25518
- flex: 1;
25519
- min-width: 0;
25520
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25521
- }
25522
- .v-textarea textarea:focus, .v-textarea textarea:active {
25523
- outline: none;
25524
- }
25525
- .v-textarea textarea:invalid {
25526
- box-shadow: none;
25527
- }.v-theme-provider {
25528
- background: rgb(var(--v-theme-background));
25529
- color: rgb(var(--v-theme-on-background));
25530
- }.v-timeline .v-timeline-divider__dot {
25543
+ /* endregion */.v-timeline .v-timeline-divider__dot {
25531
25544
  background: rgb(var(--v-theme-surface-light));
25532
25545
  }
25533
25546
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25945,6 +25958,9 @@ html.v-overlay-scroll-blocked {
25945
25958
 
25946
25959
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25947
25960
  padding-inline-end: 0;
25961
+ }.v-theme-provider {
25962
+ background: rgb(var(--v-theme-background));
25963
+ color: rgb(var(--v-theme-on-background));
25948
25964
  }.v-toolbar {
25949
25965
  align-items: flex-start;
25950
25966
  display: flex;
@@ -26189,22 +26205,28 @@ html.v-overlay-scroll-blocked {
26189
26205
  }
26190
26206
  .v-window-y-reverse-transition-leave-to {
26191
26207
  transform: translateY(100%);
26192
- }.v-application {
26193
- display: flex;
26194
- background: rgb(var(--v-theme-background));
26195
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
26196
- }
26197
-
26198
- .v-application__wrap {
26199
- -webkit-backface-visibility: hidden;
26200
- backface-visibility: hidden;
26208
+ }.v-color-picker-canvas {
26201
26209
  display: flex;
26202
- flex-direction: column;
26203
- flex: 1 1 auto;
26204
- max-width: 100%;
26205
- min-height: 100vh;
26206
- min-height: 100dvh;
26207
26210
  position: relative;
26211
+ overflow: hidden;
26212
+ contain: content;
26213
+ touch-action: none;
26214
+ }
26215
+ .v-color-picker-canvas__dot {
26216
+ position: absolute;
26217
+ top: 0;
26218
+ left: 0;
26219
+ width: 15px;
26220
+ height: 15px;
26221
+ background: transparent;
26222
+ border-radius: 50%;
26223
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26224
+ }
26225
+ .v-color-picker-canvas__dot--disabled {
26226
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26227
+ }
26228
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26229
+ will-change: transform;
26208
26230
  }.v-color-picker-edit {
26209
26231
  display: flex;
26210
26232
  margin-top: 24px;
@@ -26233,28 +26255,6 @@ html.v-overlay-scroll-blocked {
26233
26255
  }
26234
26256
  .v-color-picker-edit__input span {
26235
26257
  font-size: 0.75rem;
26236
- }.v-color-picker-canvas {
26237
- display: flex;
26238
- position: relative;
26239
- overflow: hidden;
26240
- contain: content;
26241
- touch-action: none;
26242
- }
26243
- .v-color-picker-canvas__dot {
26244
- position: absolute;
26245
- top: 0;
26246
- left: 0;
26247
- width: 15px;
26248
- height: 15px;
26249
- background: transparent;
26250
- border-radius: 50%;
26251
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26252
- }
26253
- .v-color-picker-canvas__dot--disabled {
26254
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
26255
- }
26256
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
26257
- will-change: transform;
26258
26258
  }.v-color-picker-swatches {
26259
26259
  overflow-y: auto;
26260
26260
  }