@vuetify/nightly 3.1.8 → 3.2.0-dev-20230309.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.8
2
+ * Vuetify v3.2.0-dev-20230309.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16587,60 +16587,6 @@ html.overflow-y-hidden {
16587
16587
  }
16588
16588
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
16589
16589
  align-self: flex-start;
16590
- }.v-bottom-navigation {
16591
- display: flex;
16592
- max-width: 100%;
16593
- overflow: hidden;
16594
- position: absolute;
16595
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16596
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16597
- border-style: solid;
16598
- border-width: 0;
16599
- border-radius: 0;
16600
- background: rgb(var(--v-theme-surface));
16601
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16602
- }
16603
- .v-bottom-navigation--border {
16604
- border-width: thin;
16605
- box-shadow: none;
16606
- }
16607
- .v-bottom-navigation--active {
16608
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16609
- }
16610
-
16611
- .v-bottom-navigation__content {
16612
- display: flex;
16613
- flex: none;
16614
- font-size: 0.75rem;
16615
- justify-content: center;
16616
- transition: inherit;
16617
- width: 100%;
16618
- }
16619
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
16620
- font-size: inherit;
16621
- height: 100%;
16622
- max-width: 168px;
16623
- min-width: 80px;
16624
- text-transform: none;
16625
- transition: inherit;
16626
- width: auto;
16627
- border-radius: 0;
16628
- }
16629
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
16630
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16631
- transition: inherit;
16632
- }
16633
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
16634
- font-size: 1.5rem;
16635
- }
16636
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
16637
- flex-grow: 1;
16638
- }
16639
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
16640
- opacity: 0;
16641
- }
16642
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
16643
- transform: translateY(0.5rem);
16644
16590
  }.v-breadcrumbs {
16645
16591
  display: flex;
16646
16592
  align-items: center;
@@ -16696,150 +16642,145 @@ html.overflow-y-hidden {
16696
16642
  padding: 0 8px;
16697
16643
  vertical-align: middle;
16698
16644
  }/** if false, disabled buttons will be greyed out */
16699
- .v-btn {
16700
- align-items: center;
16701
- border-radius: 4px;
16702
- display: inline-grid;
16703
- grid-template-areas: "prepend content append";
16704
- grid-template-columns: max-content auto max-content;
16705
- font-weight: 500;
16706
- justify-content: center;
16707
- letter-spacing: 0.0892857143em;
16708
- line-height: normal;
16645
+ .v-btn-group {
16646
+ display: inline-flex;
16647
+ flex-wrap: nowrap;
16709
16648
  max-width: 100%;
16710
- outline: none;
16711
- position: relative;
16712
- text-decoration: none;
16713
- text-indent: 0.0892857143em;
16714
- text-transform: uppercase;
16715
- transition-property: box-shadow, transform, opacity, background;
16716
- transition-duration: 0.28s;
16717
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16718
- -webkit-user-select: none;
16719
- user-select: none;
16649
+ min-width: 0;
16650
+ overflow: hidden;
16720
16651
  vertical-align: middle;
16721
- flex-shrink: 0;
16722
16652
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16723
16653
  border-style: solid;
16724
16654
  border-width: 0;
16655
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16656
+ border-radius: 4px;
16657
+ background: transparent;
16658
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16725
16659
  }
16726
- .v-btn--size-x-small {
16727
- --v-btn-size: 0.625rem;
16728
- --v-btn-height: 20px;
16729
- font-size: 0.625rem;
16730
- min-width: 36px;
16731
- padding: 0 8px;
16660
+ .v-btn-group--border {
16661
+ border-width: thin;
16662
+ box-shadow: none;
16732
16663
  }
16733
-
16734
- .v-btn--size-small {
16735
- --v-btn-size: 0.75rem;
16736
- --v-btn-height: 28px;
16737
- font-size: 0.75rem;
16738
- min-width: 50px;
16739
- padding: 0 12px;
16664
+ .v-btn-group--density-default.v-btn-group {
16665
+ height: 48px;
16740
16666
  }
16741
16667
 
16742
- .v-btn--size-default {
16743
- --v-btn-size: 0.875rem;
16744
- --v-btn-height: 36px;
16745
- font-size: 0.875rem;
16746
- min-width: 64px;
16747
- padding: 0 16px;
16668
+ .v-btn-group--density-comfortable.v-btn-group {
16669
+ height: 40px;
16748
16670
  }
16749
16671
 
16750
- .v-btn--size-large {
16751
- --v-btn-size: 1rem;
16752
- --v-btn-height: 44px;
16753
- font-size: 1rem;
16754
- min-width: 78px;
16755
- padding: 0 20px;
16672
+ .v-btn-group--density-compact.v-btn-group {
16673
+ height: 36px;
16756
16674
  }
16757
16675
 
16758
- .v-btn--size-x-large {
16759
- --v-btn-size: 1.125rem;
16760
- --v-btn-height: 52px;
16761
- font-size: 1.125rem;
16762
- min-width: 92px;
16763
- padding: 0 24px;
16676
+ .v-btn-group .v-btn {
16677
+ border-radius: 0;
16678
+ border-color: inherit;
16764
16679
  }
16765
-
16766
- .v-btn.v-btn--density-default {
16767
- height: calc(var(--v-btn-height) + 0px);
16680
+ .v-btn-group .v-btn:not(:last-child) {
16681
+ border-inline-end: none;
16768
16682
  }
16769
-
16770
- .v-btn.v-btn--density-comfortable {
16771
- height: calc(var(--v-btn-height) + -8px);
16683
+ .v-btn-group .v-btn:not(:first-child) {
16684
+ border-inline-start: none;
16772
16685
  }
16773
-
16774
- .v-btn.v-btn--density-compact {
16775
- height: calc(var(--v-btn-height) + -12px);
16686
+ .v-btn-group .v-btn:first-child {
16687
+ border-start-start-radius: inherit;
16688
+ border-end-start-radius: inherit;
16776
16689
  }
16777
-
16778
- .v-btn--border {
16690
+ .v-btn-group .v-btn:last-child {
16691
+ border-start-end-radius: inherit;
16692
+ border-end-end-radius: inherit;
16693
+ }
16694
+ .v-btn-group--divided .v-btn:not(:last-child) {
16695
+ border-inline-end-width: thin;
16696
+ border-inline-end-style: solid;
16697
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
16698
+ }
16699
+ .v-btn-group--tile {
16700
+ border-radius: 0;
16701
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
16702
+ opacity: var(--v-activated-opacity);
16703
+ }.v-card {
16704
+ display: block;
16705
+ overflow: hidden;
16706
+ overflow-wrap: break-word;
16707
+ position: relative;
16708
+ padding: 0;
16709
+ text-decoration: none;
16710
+ transition-duration: 0.28s;
16711
+ transition-property: box-shadow, opacity, background;
16712
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16713
+ z-index: 0;
16714
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16715
+ border-style: solid;
16716
+ border-width: 0;
16717
+ border-radius: 4px;
16718
+ }
16719
+ .v-card--border {
16779
16720
  border-width: thin;
16780
16721
  box-shadow: none;
16781
16722
  }
16782
- .v-btn--absolute {
16723
+ .v-card--absolute {
16783
16724
  position: absolute;
16784
16725
  }
16785
- .v-btn--fixed {
16726
+ .v-card--fixed {
16786
16727
  position: fixed;
16787
16728
  }
16788
- .v-btn:hover > .v-btn__overlay {
16729
+ .v-card:hover > .v-card__overlay {
16789
16730
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
16790
16731
  }
16791
- .v-btn:focus-visible > .v-btn__overlay {
16732
+ .v-card:focus-visible > .v-card__overlay {
16792
16733
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16793
16734
  }
16794
16735
  @supports not selector(:focus-visible) {
16795
- .v-btn:focus > .v-btn__overlay {
16736
+ .v-card:focus > .v-card__overlay {
16796
16737
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16797
16738
  }
16798
16739
  }
16799
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
16740
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
16800
16741
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
16801
16742
  }
16802
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
16743
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
16803
16744
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
16804
16745
  }
16805
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
16746
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
16806
16747
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
16807
16748
  }
16808
16749
  @supports not selector(:focus-visible) {
16809
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
16750
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
16810
16751
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
16811
16752
  }
16812
16753
  }
16813
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
16754
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
16814
16755
  background: transparent;
16815
16756
  color: inherit;
16816
16757
  }
16817
- .v-btn--variant-plain {
16758
+ .v-card--variant-plain {
16818
16759
  opacity: 0.62;
16819
16760
  }
16820
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
16761
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
16821
16762
  opacity: 1;
16822
16763
  }
16823
- .v-btn--variant-plain .v-btn__overlay {
16764
+ .v-card--variant-plain .v-card__overlay {
16824
16765
  display: none;
16825
16766
  }
16826
- .v-btn--variant-elevated, .v-btn--variant-flat {
16767
+ .v-card--variant-elevated, .v-card--variant-flat {
16827
16768
  background: rgb(var(--v-theme-surface));
16828
16769
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16829
16770
  }
16830
- .v-btn--variant-elevated {
16831
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16771
+ .v-card--variant-elevated {
16772
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16832
16773
  }
16833
- .v-btn--variant-flat {
16774
+ .v-card--variant-flat {
16834
16775
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16835
16776
  }
16836
- .v-btn--variant-outlined {
16777
+ .v-card--variant-outlined {
16837
16778
  border: thin solid currentColor;
16838
16779
  }
16839
- .v-btn--variant-text .v-btn__overlay {
16780
+ .v-card--variant-text .v-card__overlay {
16840
16781
  background: currentColor;
16841
16782
  }
16842
- .v-btn--variant-tonal .v-btn__underlay {
16783
+ .v-card--variant-tonal .v-card__underlay {
16843
16784
  background: currentColor;
16844
16785
  opacity: var(--v-activated-opacity);
16845
16786
  border-radius: inherit;
@@ -16850,985 +16791,924 @@ html.overflow-y-hidden {
16850
16791
  left: 0;
16851
16792
  pointer-events: none;
16852
16793
  }
16853
- @supports selector(:focus-visible) {
16854
- .v-btn::after {
16855
- content: "";
16856
- position: absolute;
16857
- top: 0;
16858
- left: 0;
16859
- width: 100%;
16860
- height: 100%;
16861
- pointer-events: none;
16862
- border: 2px solid currentColor;
16863
- border-radius: inherit;
16864
- opacity: 0;
16865
- transition: opacity 0.2s ease-in-out;
16866
- }
16867
- .v-btn:focus-visible::after {
16868
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
16869
- }
16870
- }
16871
- .v-btn--icon {
16872
- border-radius: 50%;
16873
- min-width: 0;
16874
- padding: 0;
16794
+ .v-card--disabled {
16795
+ pointer-events: none;
16796
+ -webkit-user-select: none;
16797
+ user-select: none;
16875
16798
  }
16876
- .v-btn--icon.v-btn--size-default {
16877
- font-size: 1rem;
16799
+ .v-card--disabled > :not(.v-card__loader) {
16800
+ opacity: 0.6;
16878
16801
  }
16879
- .v-btn--icon.v-btn--density-default {
16880
- width: calc(var(--v-btn-height) + 12px);
16881
- height: calc(var(--v-btn-height) + 12px);
16802
+ .v-card--flat {
16803
+ box-shadow: none;
16882
16804
  }
16883
- .v-btn--icon.v-btn--density-comfortable {
16884
- width: calc(var(--v-btn-height) + 0px);
16885
- height: calc(var(--v-btn-height) + 0px);
16805
+ .v-card--hover {
16806
+ cursor: pointer;
16807
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16886
16808
  }
16887
- .v-btn--icon.v-btn--density-compact {
16888
- width: calc(var(--v-btn-height) + -8px);
16889
- height: calc(var(--v-btn-height) + -8px);
16809
+ .v-card--hover::before, .v-card--hover::after {
16810
+ border-radius: inherit;
16811
+ bottom: 0;
16812
+ content: "";
16813
+ display: block;
16814
+ left: 0;
16815
+ pointer-events: none;
16816
+ position: absolute;
16817
+ right: 0;
16818
+ top: 0;
16819
+ transition: inherit;
16890
16820
  }
16891
-
16892
- .v-btn--elevated:hover, .v-btn--elevated:focus {
16893
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
16821
+ .v-card--hover::before {
16822
+ opacity: 1;
16823
+ z-index: -1;
16824
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16894
16825
  }
16895
- .v-btn--elevated:active {
16826
+ .v-card--hover::after {
16827
+ z-index: 1;
16828
+ opacity: 0;
16896
16829
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16897
16830
  }
16898
- .v-btn--flat {
16899
- box-shadow: none;
16831
+ .v-card--hover:hover::after {
16832
+ opacity: 1;
16900
16833
  }
16901
- .v-btn--block {
16902
- display: flex;
16903
- flex: 1 0 auto;
16904
- min-width: 100%;
16834
+ .v-card--hover:hover::before {
16835
+ opacity: 0;
16905
16836
  }
16906
- .v-btn--disabled {
16907
- pointer-events: none;
16908
- opacity: 0.26;
16837
+ .v-card--link {
16838
+ cursor: pointer;
16909
16839
  }
16910
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
16911
- box-shadow: none;
16912
- opacity: 1;
16913
- color: rgba(var(--v-theme-on-surface), 0.26);
16914
- background: rgb(var(--v-theme-surface));
16840
+
16841
+ .v-card-actions {
16842
+ align-items: center;
16843
+ display: flex;
16844
+ flex: none;
16845
+ min-height: 52px;
16846
+ padding: 0.5rem;
16915
16847
  }
16916
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
16917
- opacity: 0.4615384615;
16848
+
16849
+ .v-card-item {
16850
+ align-items: center;
16851
+ display: grid;
16852
+ flex: none;
16853
+ grid-template-areas: "prepend content append";
16854
+ grid-template-columns: max-content auto max-content;
16855
+ padding: 0.625rem 1rem;
16918
16856
  }
16919
- .v-btn--loading {
16920
- pointer-events: none;
16857
+ .v-card-item + .v-card-text {
16858
+ padding-top: 0;
16921
16859
  }
16922
- .v-btn--loading .v-btn__content,
16923
- .v-btn--loading .v-btn__prepend,
16924
- .v-btn--loading .v-btn__append {
16925
- opacity: 0;
16860
+ .v-card-item__prepend {
16861
+ grid-area: prepend;
16862
+ padding-inline-end: 1rem;
16926
16863
  }
16927
- .v-btn--stacked {
16928
- grid-template-areas: "prepend" "content" "append";
16929
- grid-template-columns: auto;
16930
- grid-template-rows: max-content max-content max-content;
16931
- justify-items: center;
16932
- align-content: center;
16864
+ .v-card-item__append {
16865
+ grid-area: append;
16866
+ padding-inline-start: 1rem;
16933
16867
  }
16934
- .v-btn--stacked .v-btn__content {
16935
- flex-direction: column;
16936
- line-height: 1.25;
16868
+
16869
+ .v-card-item__content {
16870
+ align-self: center;
16871
+ grid-area: content;
16872
+ overflow: hidden;
16937
16873
  }
16938
- .v-btn--stacked .v-btn__prepend,
16939
- .v-btn--stacked .v-btn__append,
16940
- .v-btn--stacked .v-btn__content > .v-icon--start,
16941
- .v-btn--stacked .v-btn__content > .v-icon--end {
16942
- margin-inline-start: 0;
16943
- margin-inline-end: 0;
16874
+
16875
+ .v-card-title {
16876
+ display: block;
16877
+ flex: none;
16878
+ font-size: 1.25rem;
16879
+ font-weight: 500;
16880
+ -webkit-hyphens: auto;
16881
+ hyphens: auto;
16882
+ letter-spacing: 0.0125em;
16883
+ min-width: 0;
16884
+ overflow-wrap: normal;
16885
+ overflow: hidden;
16886
+ padding: 0.5rem 1rem;
16887
+ text-overflow: ellipsis;
16888
+ text-transform: none;
16889
+ white-space: nowrap;
16890
+ word-break: normal;
16891
+ word-wrap: break-word;
16944
16892
  }
16945
- .v-btn--stacked .v-btn__prepend,
16946
- .v-btn--stacked .v-btn__content > .v-icon--start {
16947
- margin-bottom: 4px;
16893
+ .v-card .v-card-title {
16894
+ line-height: 2rem;
16948
16895
  }
16949
- .v-btn--stacked .v-btn__append,
16950
- .v-btn--stacked .v-btn__content > .v-icon--end {
16951
- margin-top: 4px;
16896
+ .v-card--density-comfortable .v-card-title {
16897
+ line-height: 1.75rem;
16952
16898
  }
16953
- .v-btn--stacked.v-btn--size-x-small {
16954
- --v-btn-size: 0.625rem;
16955
- --v-btn-height: 56px;
16956
- font-size: 0.625rem;
16957
- min-width: 56px;
16958
- padding: 0 12px;
16899
+ .v-card--density-compact .v-card-title {
16900
+ line-height: 1.55rem;
16959
16901
  }
16960
-
16961
- .v-btn--stacked.v-btn--size-small {
16962
- --v-btn-size: 0.75rem;
16963
- --v-btn-height: 64px;
16964
- font-size: 0.75rem;
16965
- min-width: 64px;
16966
- padding: 0 14px;
16902
+ .v-card-item .v-card-title {
16903
+ padding: 0;
16967
16904
  }
16968
-
16969
- .v-btn--stacked.v-btn--size-default {
16970
- --v-btn-size: 0.875rem;
16971
- --v-btn-height: 72px;
16972
- font-size: 0.875rem;
16973
- min-width: 72px;
16974
- padding: 0 16px;
16905
+ .v-card-title + .v-card-text,
16906
+ .v-card-title + .v-card-actions {
16907
+ padding-top: 0;
16975
16908
  }
16976
16909
 
16977
- .v-btn--stacked.v-btn--size-large {
16978
- --v-btn-size: 1rem;
16979
- --v-btn-height: 80px;
16980
- font-size: 1rem;
16981
- min-width: 80px;
16982
- padding: 0 18px;
16910
+ .v-card-subtitle {
16911
+ display: block;
16912
+ flex: none;
16913
+ font-size: 0.875rem;
16914
+ font-weight: 400;
16915
+ letter-spacing: 0.0178571429em;
16916
+ opacity: var(--v-medium-emphasis-opacity);
16917
+ overflow: hidden;
16918
+ padding: 0 1rem;
16919
+ text-overflow: ellipsis;
16920
+ text-transform: none;
16921
+ white-space: nowrap;
16983
16922
  }
16984
-
16985
- .v-btn--stacked.v-btn--size-x-large {
16986
- --v-btn-size: 1.125rem;
16987
- --v-btn-height: 88px;
16988
- font-size: 1.125rem;
16989
- min-width: 88px;
16990
- padding: 0 20px;
16923
+ .v-card .v-card-subtitle {
16924
+ line-height: 1.25rem;
16991
16925
  }
16992
-
16993
- .v-btn--stacked.v-btn--density-default {
16994
- height: calc(var(--v-btn-height) + 0px);
16926
+ .v-card--density-comfortable .v-card-subtitle {
16927
+ line-height: 1.125rem;
16995
16928
  }
16996
-
16997
- .v-btn--stacked.v-btn--density-comfortable {
16998
- height: calc(var(--v-btn-height) + -16px);
16929
+ .v-card--density-compact .v-card-subtitle {
16930
+ line-height: 1rem;
16999
16931
  }
17000
-
17001
- .v-btn--stacked.v-btn--density-compact {
17002
- height: calc(var(--v-btn-height) + -24px);
16932
+ .v-card-item .v-card-subtitle {
16933
+ padding: 0 0 0.25rem;
17003
16934
  }
17004
16935
 
17005
- .v-btn--rounded {
17006
- border-radius: 24px;
16936
+ .v-card-text {
16937
+ flex: 1 1 auto;
16938
+ font-size: 0.875rem;
16939
+ font-weight: 400;
16940
+ letter-spacing: 0.0178571429em;
16941
+ padding: 1rem;
16942
+ text-transform: none;
17007
16943
  }
17008
- .v-btn .v-icon {
17009
- --v-icon-size-multiplier: 0.8571428571;
16944
+ .v-card .v-card-text {
16945
+ line-height: 1.25rem;
17010
16946
  }
17011
- .v-btn--icon .v-icon {
17012
- --v-icon-size-multiplier: 1;
16947
+ .v-card--density-comfortable .v-card-text {
16948
+ line-height: 1.2rem;
17013
16949
  }
17014
- .v-btn--stacked .v-icon {
17015
- --v-icon-size-multiplier: 1.1428571429;
16950
+ .v-card--density-compact .v-card-text {
16951
+ line-height: 1.15rem;
17016
16952
  }
17017
16953
 
17018
- .v-btn__loader {
17019
- align-items: center;
16954
+ .v-card__image {
17020
16955
  display: flex;
17021
16956
  height: 100%;
17022
- justify-content: center;
16957
+ flex: 1 1 auto;
17023
16958
  left: 0;
16959
+ overflow: hidden;
17024
16960
  position: absolute;
17025
16961
  top: 0;
17026
16962
  width: 100%;
16963
+ z-index: -1;
17027
16964
  }
17028
16965
 
17029
- .v-btn__content,
17030
- .v-btn__prepend,
17031
- .v-btn__append {
17032
- align-items: center;
17033
- display: flex;
17034
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17035
- }
17036
-
17037
- .v-btn__prepend {
17038
- grid-area: prepend;
17039
- margin-inline-start: calc(var(--v-btn-height) / -9);
17040
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
16966
+ .v-card__content {
16967
+ border-radius: inherit;
16968
+ overflow: hidden;
16969
+ position: relative;
17041
16970
  }
17042
16971
 
17043
- .v-btn__append {
17044
- grid-area: append;
17045
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17046
- margin-inline-end: calc(var(--v-btn-height) / -9);
16972
+ .v-card__loader {
16973
+ bottom: auto;
16974
+ top: 0;
16975
+ left: 0;
16976
+ position: absolute;
16977
+ right: 0;
16978
+ width: 100%;
16979
+ z-index: 1;
17047
16980
  }
17048
16981
 
17049
- .v-btn__content {
17050
- grid-area: content;
17051
- justify-content: center;
17052
- white-space: nowrap;
17053
- }
17054
- .v-btn__content > .v-icon--start {
17055
- margin-inline-start: calc(var(--v-btn-height) / -9);
17056
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17057
- }
17058
- .v-btn__content > .v-icon--end {
17059
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17060
- margin-inline-end: calc(var(--v-btn-height) / -9);
17061
- }
17062
- .v-btn--stacked .v-btn__content {
17063
- white-space: normal;
17064
- }
17065
-
17066
- .v-btn__overlay {
16982
+ .v-card__overlay {
17067
16983
  background-color: currentColor;
17068
16984
  border-radius: inherit;
16985
+ position: absolute;
16986
+ top: 0;
16987
+ right: 0;
16988
+ bottom: 0;
16989
+ left: 0;
16990
+ pointer-events: none;
17069
16991
  opacity: 0;
17070
16992
  transition: opacity 0.2s ease-in-out;
16993
+ }.v-carousel {
16994
+ overflow: hidden;
16995
+ position: relative;
16996
+ width: 100%;
17071
16997
  }
17072
-
17073
- .v-btn__overlay,
17074
- .v-btn__underlay {
16998
+ .v-carousel__controls {
16999
+ align-items: center;
17000
+ background: rgba(var(--v-theme-surface-variant), 0.3);
17001
+ bottom: 0;
17002
+ display: flex;
17003
+ height: 50px;
17004
+ justify-content: center;
17005
+ list-style-type: none;
17075
17006
  position: absolute;
17076
- top: 0;
17077
- left: 0;
17078
17007
  width: 100%;
17079
- height: 100%;
17080
- pointer-events: none;
17008
+ z-index: 1;
17081
17009
  }
17082
-
17083
- .v-app-bar .v-btn {
17084
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17010
+ .v-carousel__controls > .v-item-group {
17011
+ flex: 0 1 auto;
17085
17012
  }
17086
-
17087
- .v-card-actions .v-btn {
17088
- padding: 0 8px;
17089
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17013
+ .v-carousel__controls__item {
17014
+ margin: 0 8px;
17090
17015
  }
17091
- .v-card-actions .v-btn ~ .v-btn {
17092
- margin-inline-start: 0.5rem;
17016
+ .v-carousel__controls__item .v-icon {
17017
+ opacity: 0.5;
17018
+ }
17019
+ .v-carousel__controls__item--active .v-icon {
17020
+ opacity: 1;
17021
+ vertical-align: middle;
17022
+ }
17023
+ .v-carousel__controls__item:hover {
17024
+ background: none;
17025
+ }
17026
+ .v-carousel__controls__item:hover .v-icon {
17027
+ opacity: 0.8;
17093
17028
  }
17094
17029
 
17095
- .v-banner-actions .v-btn {
17096
- padding: 0 8px;
17030
+ .v-carousel__progress {
17031
+ margin: 0;
17032
+ position: absolute;
17033
+ bottom: 0;
17034
+ left: 0;
17035
+ right: 0;
17097
17036
  }
17098
17037
 
17099
- .v-pagination .v-btn {
17100
- border-radius: 4px;
17038
+ .v-carousel-item {
17039
+ display: block;
17040
+ height: inherit;
17041
+ text-decoration: none;
17101
17042
  }
17102
- .v-btn__overlay {
17103
- transition: none;
17043
+ .v-carousel-item > .v-img {
17044
+ height: inherit;
17104
17045
  }
17105
- .v-pagination__item--is-active .v-btn__overlay {
17106
- opacity: var(--v-border-opacity);
17046
+
17047
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
17048
+ background: transparent;
17107
17049
  }
17108
17050
 
17109
- .v-snackbar-actions .v-btn {
17110
- padding: 0 8px;
17111
- }/** if false, disabled buttons will be greyed out */
17112
- .v-btn-group {
17051
+ .v-carousel--vertical-delimiters .v-carousel__controls {
17052
+ flex-direction: column;
17053
+ height: 100% !important;
17054
+ width: 50px;
17055
+ }.v-checkbox .v-selection-control {
17056
+ min-height: var(--v-input-control-height);
17057
+ }.v-chip {
17058
+ align-items: center;
17059
+ cursor: default;
17113
17060
  display: inline-flex;
17114
- flex-wrap: nowrap;
17061
+ font-weight: 400;
17115
17062
  max-width: 100%;
17116
- min-width: 0;
17117
17063
  overflow: hidden;
17064
+ position: relative;
17065
+ text-decoration: none;
17066
+ white-space: nowrap;
17118
17067
  vertical-align: middle;
17119
17068
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17120
17069
  border-style: solid;
17121
17070
  border-width: 0;
17122
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17123
- border-radius: 4px;
17124
- background: transparent;
17125
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17071
+ border-radius: 9999px;
17126
17072
  }
17127
- .v-btn-group--border {
17128
- border-width: thin;
17129
- box-shadow: none;
17073
+ .v-chip.v-chip--size-x-small {
17074
+ --v-chip-size: 0.625rem;
17075
+ --v-chip-height: 20px;
17076
+ font-size: 0.625rem;
17077
+ padding: 0 8px;
17130
17078
  }
17131
- .v-btn-group--density-default.v-btn-group {
17132
- height: 48px;
17079
+ .v-chip.v-chip--size-x-small .v-avatar {
17080
+ --v-avatar-height: 14px;
17133
17081
  }
17134
-
17135
- .v-btn-group--density-comfortable.v-btn-group {
17136
- height: 40px;
17082
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
17083
+ --v-avatar-height: 20px;
17137
17084
  }
17138
17085
 
17139
- .v-btn-group--density-compact.v-btn-group {
17140
- height: 36px;
17086
+ .v-chip.v-chip--size-x-small .v-chip__filter,
17087
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
17088
+ .v-chip.v-chip--size-x-small > .v-avatar--start,
17089
+ .v-chip.v-chip--size-x-small > .v-icon--start {
17090
+ margin-inline-end: 4px;
17141
17091
  }
17142
-
17143
- .v-btn-group .v-btn {
17144
- border-radius: 0;
17145
- border-color: inherit;
17092
+ .v-chip.v-chip--size-x-small .v-chip__filter,
17093
+ .v-chip.v-chip--size-x-small .v-chip__prepend,
17094
+ .v-chip.v-chip--size-x-small .v-icon--start {
17095
+ margin-inline-start: -4px;
17146
17096
  }
17147
- .v-btn-group .v-btn:not(:last-child) {
17148
- border-inline-end: none;
17097
+ .v-chip.v-chip--size-x-small .v-avatar--start {
17098
+ margin-inline-start: -5.6px;
17149
17099
  }
17150
- .v-btn-group .v-btn:not(:first-child) {
17151
- border-inline-start: none;
17100
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
17101
+ margin-inline-start: -8px;
17152
17102
  }
17153
- .v-btn-group .v-btn:first-child {
17154
- border-start-start-radius: inherit;
17155
- border-end-start-radius: inherit;
17103
+
17104
+ .v-chip.v-chip--size-x-small .v-chip__append,
17105
+ .v-chip.v-chip--size-x-small .v-chip__close,
17106
+ .v-chip.v-chip--size-x-small > .v-avatar--end,
17107
+ .v-chip.v-chip--size-x-small > .v-icon--end {
17108
+ margin-inline-start: 4px;
17109
+ margin-inline-end: -4px;
17156
17110
  }
17157
- .v-btn-group .v-btn:last-child {
17158
- border-start-end-radius: inherit;
17159
- border-end-end-radius: inherit;
17111
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
17112
+ margin-inline-end: -8px;
17160
17113
  }
17161
- .v-btn-group--divided .v-btn:not(:last-child) {
17162
- border-inline-end-width: thin;
17163
- border-inline-end-style: solid;
17164
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17114
+ .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
17115
+ margin-inline-start: 8px;
17165
17116
  }
17166
- .v-btn-group--tile {
17167
- border-radius: 0;
17168
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17169
- opacity: var(--v-activated-opacity);
17170
- }.v-card {
17171
- display: block;
17172
- overflow: hidden;
17173
- overflow-wrap: break-word;
17174
- position: relative;
17175
- padding: 0;
17176
- text-decoration: none;
17177
- transition-duration: 0.28s;
17178
- transition-property: box-shadow, opacity, background;
17179
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17180
- z-index: 0;
17181
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17182
- border-style: solid;
17183
- border-width: 0;
17184
- border-radius: 4px;
17117
+
17118
+ .v-chip.v-chip--size-small {
17119
+ --v-chip-size: 0.75rem;
17120
+ --v-chip-height: 26px;
17121
+ font-size: 0.75rem;
17122
+ padding: 0 10px;
17185
17123
  }
17186
- .v-card--border {
17187
- border-width: thin;
17188
- box-shadow: none;
17124
+ .v-chip.v-chip--size-small .v-avatar {
17125
+ --v-avatar-height: 20px;
17189
17126
  }
17190
- .v-card--absolute {
17191
- position: absolute;
17127
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
17128
+ --v-avatar-height: 26px;
17192
17129
  }
17193
- .v-card--fixed {
17194
- position: fixed;
17130
+
17131
+ .v-chip.v-chip--size-small .v-chip__filter,
17132
+ .v-chip.v-chip--size-small .v-chip__prepend,
17133
+ .v-chip.v-chip--size-small > .v-avatar--start,
17134
+ .v-chip.v-chip--size-small > .v-icon--start {
17135
+ margin-inline-end: 5px;
17195
17136
  }
17196
- .v-card:hover > .v-card__overlay {
17197
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17137
+ .v-chip.v-chip--size-small .v-chip__filter,
17138
+ .v-chip.v-chip--size-small .v-chip__prepend,
17139
+ .v-chip.v-chip--size-small .v-icon--start {
17140
+ margin-inline-start: -5px;
17198
17141
  }
17199
- .v-card:focus-visible > .v-card__overlay {
17200
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17142
+ .v-chip.v-chip--size-small .v-avatar--start {
17143
+ margin-inline-start: -7px;
17201
17144
  }
17202
- @supports not selector(:focus-visible) {
17203
- .v-card:focus > .v-card__overlay {
17204
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17205
- }
17145
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
17146
+ margin-inline-start: -10px;
17206
17147
  }
17207
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17208
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17148
+
17149
+ .v-chip.v-chip--size-small .v-chip__append,
17150
+ .v-chip.v-chip--size-small .v-chip__close,
17151
+ .v-chip.v-chip--size-small > .v-avatar--end,
17152
+ .v-chip.v-chip--size-small > .v-icon--end {
17153
+ margin-inline-start: 5px;
17154
+ margin-inline-end: -5px;
17209
17155
  }
17210
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17211
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17156
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
17157
+ margin-inline-end: -10px;
17212
17158
  }
17213
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17214
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17159
+ .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
17160
+ margin-inline-start: 10px;
17215
17161
  }
17216
- @supports not selector(:focus-visible) {
17217
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17218
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17219
- }
17162
+
17163
+ .v-chip.v-chip--size-default {
17164
+ --v-chip-size: 0.875rem;
17165
+ --v-chip-height: 32px;
17166
+ font-size: 0.875rem;
17167
+ padding: 0 12px;
17220
17168
  }
17221
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17222
- background: transparent;
17223
- color: inherit;
17224
- }
17225
- .v-card--variant-plain {
17226
- opacity: 0.62;
17227
- }
17228
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17229
- opacity: 1;
17169
+ .v-chip.v-chip--size-default .v-avatar {
17170
+ --v-avatar-height: 26px;
17230
17171
  }
17231
- .v-card--variant-plain .v-card__overlay {
17232
- display: none;
17172
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
17173
+ --v-avatar-height: 32px;
17233
17174
  }
17234
- .v-card--variant-elevated, .v-card--variant-flat {
17235
- background: rgb(var(--v-theme-surface));
17236
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17175
+
17176
+ .v-chip.v-chip--size-default .v-chip__filter,
17177
+ .v-chip.v-chip--size-default .v-chip__prepend,
17178
+ .v-chip.v-chip--size-default > .v-avatar--start,
17179
+ .v-chip.v-chip--size-default > .v-icon--start {
17180
+ margin-inline-end: 6px;
17237
17181
  }
17238
- .v-card--variant-elevated {
17239
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17182
+ .v-chip.v-chip--size-default .v-chip__filter,
17183
+ .v-chip.v-chip--size-default .v-chip__prepend,
17184
+ .v-chip.v-chip--size-default .v-icon--start {
17185
+ margin-inline-start: -6px;
17240
17186
  }
17241
- .v-card--variant-flat {
17242
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17187
+ .v-chip.v-chip--size-default .v-avatar--start {
17188
+ margin-inline-start: -8.4px;
17243
17189
  }
17244
- .v-card--variant-outlined {
17245
- border: thin solid currentColor;
17190
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
17191
+ margin-inline-start: -12px;
17246
17192
  }
17247
- .v-card--variant-text .v-card__overlay {
17248
- background: currentColor;
17193
+
17194
+ .v-chip.v-chip--size-default .v-chip__append,
17195
+ .v-chip.v-chip--size-default .v-chip__close,
17196
+ .v-chip.v-chip--size-default > .v-avatar--end,
17197
+ .v-chip.v-chip--size-default > .v-icon--end {
17198
+ margin-inline-start: 6px;
17199
+ margin-inline-end: -6px;
17249
17200
  }
17250
- .v-card--variant-tonal .v-card__underlay {
17251
- background: currentColor;
17252
- opacity: var(--v-activated-opacity);
17253
- border-radius: inherit;
17254
- position: absolute;
17255
- top: 0;
17256
- right: 0;
17257
- bottom: 0;
17258
- left: 0;
17259
- pointer-events: none;
17201
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
17202
+ margin-inline-end: -12px;
17260
17203
  }
17261
- .v-card--disabled {
17262
- pointer-events: none;
17263
- -webkit-user-select: none;
17264
- user-select: none;
17204
+ .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
17205
+ margin-inline-start: 12px;
17265
17206
  }
17266
- .v-card--disabled > :not(.v-card__loader) {
17267
- opacity: 0.6;
17207
+
17208
+ .v-chip.v-chip--size-large {
17209
+ --v-chip-size: 1rem;
17210
+ --v-chip-height: 38px;
17211
+ font-size: 1rem;
17212
+ padding: 0 14px;
17268
17213
  }
17269
- .v-card--flat {
17270
- box-shadow: none;
17214
+ .v-chip.v-chip--size-large .v-avatar {
17215
+ --v-avatar-height: 32px;
17271
17216
  }
17272
- .v-card--hover {
17273
- cursor: pointer;
17274
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17217
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
17218
+ --v-avatar-height: 38px;
17275
17219
  }
17276
- .v-card--hover::before, .v-card--hover::after {
17277
- border-radius: inherit;
17278
- bottom: 0;
17279
- content: "";
17280
- display: block;
17281
- left: 0;
17282
- pointer-events: none;
17283
- position: absolute;
17284
- right: 0;
17285
- top: 0;
17286
- transition: inherit;
17220
+
17221
+ .v-chip.v-chip--size-large .v-chip__filter,
17222
+ .v-chip.v-chip--size-large .v-chip__prepend,
17223
+ .v-chip.v-chip--size-large > .v-avatar--start,
17224
+ .v-chip.v-chip--size-large > .v-icon--start {
17225
+ margin-inline-end: 7px;
17287
17226
  }
17288
- .v-card--hover::before {
17289
- opacity: 1;
17290
- z-index: -1;
17291
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17227
+ .v-chip.v-chip--size-large .v-chip__filter,
17228
+ .v-chip.v-chip--size-large .v-chip__prepend,
17229
+ .v-chip.v-chip--size-large .v-icon--start {
17230
+ margin-inline-start: -7px;
17292
17231
  }
17293
- .v-card--hover::after {
17294
- z-index: 1;
17295
- opacity: 0;
17296
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17232
+ .v-chip.v-chip--size-large .v-avatar--start {
17233
+ margin-inline-start: -9.8px;
17297
17234
  }
17298
- .v-card--hover:hover::after {
17299
- opacity: 1;
17235
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
17236
+ margin-inline-start: -14px;
17300
17237
  }
17301
- .v-card--hover:hover::before {
17302
- opacity: 0;
17238
+
17239
+ .v-chip.v-chip--size-large .v-chip__append,
17240
+ .v-chip.v-chip--size-large .v-chip__close,
17241
+ .v-chip.v-chip--size-large > .v-avatar--end,
17242
+ .v-chip.v-chip--size-large > .v-icon--end {
17243
+ margin-inline-start: 7px;
17244
+ margin-inline-end: -7px;
17303
17245
  }
17304
- .v-card--link {
17305
- cursor: pointer;
17246
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
17247
+ margin-inline-end: -14px;
17306
17248
  }
17307
-
17308
- .v-card-actions {
17309
- align-items: center;
17310
- display: flex;
17311
- flex: none;
17312
- min-height: 52px;
17313
- padding: 0.5rem;
17249
+ .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
17250
+ margin-inline-start: 14px;
17314
17251
  }
17315
17252
 
17316
- .v-card-item {
17317
- align-items: center;
17318
- display: grid;
17319
- flex: none;
17320
- grid-template-areas: "prepend content append";
17321
- grid-template-columns: max-content auto max-content;
17322
- padding: 0.625rem 1rem;
17323
- }
17324
- .v-card-item + .v-card-text {
17325
- padding-top: 0;
17253
+ .v-chip.v-chip--size-x-large {
17254
+ --v-chip-size: 1.125rem;
17255
+ --v-chip-height: 44px;
17256
+ font-size: 1.125rem;
17257
+ padding: 0 17px;
17326
17258
  }
17327
- .v-card-item__prepend {
17328
- grid-area: prepend;
17329
- padding-inline-end: 1rem;
17259
+ .v-chip.v-chip--size-x-large .v-avatar {
17260
+ --v-avatar-height: 38px;
17330
17261
  }
17331
- .v-card-item__append {
17332
- grid-area: append;
17333
- padding-inline-start: 1rem;
17262
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
17263
+ --v-avatar-height: 44px;
17334
17264
  }
17335
17265
 
17336
- .v-card-item__content {
17337
- align-self: center;
17338
- grid-area: content;
17339
- overflow: hidden;
17266
+ .v-chip.v-chip--size-x-large .v-chip__filter,
17267
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
17268
+ .v-chip.v-chip--size-x-large > .v-avatar--start,
17269
+ .v-chip.v-chip--size-x-large > .v-icon--start {
17270
+ margin-inline-end: 8.5px;
17340
17271
  }
17341
-
17342
- .v-card-title {
17343
- display: block;
17344
- flex: none;
17345
- font-size: 1.25rem;
17346
- font-weight: 500;
17347
- -webkit-hyphens: auto;
17348
- hyphens: auto;
17349
- letter-spacing: 0.0125em;
17350
- min-width: 0;
17351
- overflow-wrap: normal;
17352
- overflow: hidden;
17353
- padding: 0.5rem 1rem;
17354
- text-overflow: ellipsis;
17355
- text-transform: none;
17356
- white-space: nowrap;
17357
- word-break: normal;
17358
- word-wrap: break-word;
17272
+ .v-chip.v-chip--size-x-large .v-chip__filter,
17273
+ .v-chip.v-chip--size-x-large .v-chip__prepend,
17274
+ .v-chip.v-chip--size-x-large .v-icon--start {
17275
+ margin-inline-start: -8.5px;
17359
17276
  }
17360
- .v-card .v-card-title {
17361
- line-height: 2rem;
17277
+ .v-chip.v-chip--size-x-large .v-avatar--start {
17278
+ margin-inline-start: -11.9px;
17362
17279
  }
17363
- .v-card--density-comfortable .v-card-title {
17364
- line-height: 1.75rem;
17280
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
17281
+ margin-inline-start: -17px;
17365
17282
  }
17366
- .v-card--density-compact .v-card-title {
17367
- line-height: 1.55rem;
17283
+
17284
+ .v-chip.v-chip--size-x-large .v-chip__append,
17285
+ .v-chip.v-chip--size-x-large .v-chip__close,
17286
+ .v-chip.v-chip--size-x-large > .v-avatar--end,
17287
+ .v-chip.v-chip--size-x-large > .v-icon--end {
17288
+ margin-inline-start: 8.5px;
17289
+ margin-inline-end: -8.5px;
17368
17290
  }
17369
- .v-card-item .v-card-title {
17370
- padding: 0;
17291
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
17292
+ margin-inline-end: -17px;
17371
17293
  }
17372
- .v-card-title + .v-card-text,
17373
- .v-card-title + .v-card-actions {
17374
- padding-top: 0;
17294
+ .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
17295
+ margin-inline-start: 17px;
17375
17296
  }
17376
17297
 
17377
- .v-card-subtitle {
17378
- display: block;
17379
- flex: none;
17380
- font-size: 0.875rem;
17381
- font-weight: 400;
17382
- letter-spacing: 0.0178571429em;
17383
- opacity: var(--v-medium-emphasis-opacity);
17384
- overflow: hidden;
17385
- padding: 0 1rem;
17386
- text-overflow: ellipsis;
17387
- text-transform: none;
17388
- white-space: nowrap;
17298
+ .v-chip.v-chip--density-default {
17299
+ height: calc(var(--v-chip-height) + 0px);
17389
17300
  }
17390
- .v-card .v-card-subtitle {
17391
- line-height: 1.25rem;
17301
+
17302
+ .v-chip.v-chip--density-comfortable {
17303
+ height: calc(var(--v-chip-height) + -8px);
17392
17304
  }
17393
- .v-card--density-comfortable .v-card-subtitle {
17394
- line-height: 1.125rem;
17305
+
17306
+ .v-chip.v-chip--density-compact {
17307
+ height: calc(var(--v-chip-height) + -12px);
17395
17308
  }
17396
- .v-card--density-compact .v-card-subtitle {
17397
- line-height: 1rem;
17309
+
17310
+ .v-chip:hover > .v-chip__overlay {
17311
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17398
17312
  }
17399
- .v-card-item .v-card-subtitle {
17400
- padding: 0 0 0.25rem;
17313
+ .v-chip:focus-visible > .v-chip__overlay {
17314
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17401
17315
  }
17402
-
17403
- .v-card-text {
17404
- flex: 1 1 auto;
17405
- font-size: 0.875rem;
17406
- font-weight: 400;
17407
- letter-spacing: 0.0178571429em;
17408
- padding: 1rem;
17409
- text-transform: none;
17410
- }
17411
- .v-card .v-card-text {
17412
- line-height: 1.25rem;
17316
+ @supports not selector(:focus-visible) {
17317
+ .v-chip:focus > .v-chip__overlay {
17318
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17319
+ }
17413
17320
  }
17414
- .v-card--density-comfortable .v-card-text {
17415
- line-height: 1.2rem;
17321
+ .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
17322
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17416
17323
  }
17417
- .v-card--density-compact .v-card-text {
17418
- line-height: 1.15rem;
17324
+ .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
17325
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17419
17326
  }
17420
-
17421
- .v-card__image {
17422
- display: flex;
17423
- height: 100%;
17424
- flex: 1 1 auto;
17425
- left: 0;
17426
- overflow: hidden;
17427
- position: absolute;
17428
- top: 0;
17429
- width: 100%;
17430
- z-index: -1;
17327
+ .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
17328
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17431
17329
  }
17432
-
17433
- .v-card__content {
17434
- border-radius: inherit;
17435
- overflow: hidden;
17436
- position: relative;
17330
+ @supports not selector(:focus-visible) {
17331
+ .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
17332
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17333
+ }
17437
17334
  }
17438
-
17439
- .v-card__loader {
17440
- bottom: auto;
17441
- top: 0;
17442
- left: 0;
17443
- position: absolute;
17444
- right: 0;
17445
- width: 100%;
17446
- z-index: 1;
17335
+ .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
17336
+ background: transparent;
17337
+ color: inherit;
17447
17338
  }
17448
-
17449
- .v-card__overlay {
17450
- background-color: currentColor;
17451
- border-radius: inherit;
17452
- position: absolute;
17453
- top: 0;
17454
- right: 0;
17455
- bottom: 0;
17456
- left: 0;
17457
- pointer-events: none;
17458
- opacity: 0;
17459
- transition: opacity 0.2s ease-in-out;
17460
- }.v-carousel {
17461
- overflow: hidden;
17462
- position: relative;
17463
- width: 100%;
17339
+ .v-chip--variant-plain {
17340
+ opacity: 0.26;
17464
17341
  }
17465
- .v-carousel__controls {
17466
- align-items: center;
17467
- background: rgba(var(--v-theme-surface-variant), 0.3);
17468
- bottom: 0;
17469
- display: flex;
17470
- height: 50px;
17471
- justify-content: center;
17472
- list-style-type: none;
17473
- position: absolute;
17474
- width: 100%;
17475
- z-index: 1;
17342
+ .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
17343
+ opacity: 1;
17476
17344
  }
17477
- .v-carousel__controls > .v-item-group {
17478
- flex: 0 1 auto;
17345
+ .v-chip--variant-plain .v-chip__overlay {
17346
+ display: none;
17479
17347
  }
17480
- .v-carousel__controls__item {
17481
- margin: 0 8px;
17348
+ .v-chip--variant-elevated, .v-chip--variant-flat {
17349
+ background: rgb(var(--v-theme-surface-variant));
17350
+ color: rgb(var(--v-theme-on-surface-variant));
17482
17351
  }
17483
- .v-carousel__controls__item .v-icon {
17484
- opacity: 0.5;
17352
+ .v-chip--variant-elevated {
17353
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17485
17354
  }
17486
- .v-carousel__controls__item--active .v-icon {
17487
- opacity: 1;
17488
- vertical-align: middle;
17355
+ .v-chip--variant-flat {
17356
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17489
17357
  }
17490
- .v-carousel__controls__item:hover {
17491
- background: none;
17358
+ .v-chip--variant-outlined {
17359
+ border: thin solid currentColor;
17492
17360
  }
17493
- .v-carousel__controls__item:hover .v-icon {
17494
- opacity: 0.8;
17361
+ .v-chip--variant-text .v-chip__overlay {
17362
+ background: currentColor;
17495
17363
  }
17496
-
17497
- .v-carousel__progress {
17498
- margin: 0;
17364
+ .v-chip--variant-tonal .v-chip__underlay {
17365
+ background: currentColor;
17366
+ opacity: var(--v-activated-opacity);
17367
+ border-radius: inherit;
17499
17368
  position: absolute;
17369
+ top: 0;
17370
+ right: 0;
17500
17371
  bottom: 0;
17501
17372
  left: 0;
17502
- right: 0;
17373
+ pointer-events: none;
17503
17374
  }
17504
-
17505
- .v-carousel-item {
17506
- display: block;
17507
- height: inherit;
17508
- text-decoration: none;
17375
+ .v-chip--border {
17376
+ border-width: thin;
17509
17377
  }
17510
- .v-carousel-item > .v-img {
17511
- height: inherit;
17378
+ .v-chip--link {
17379
+ cursor: pointer;
17512
17380
  }
17513
-
17514
- .v-carousel--hide-delimiter-background .v-carousel__controls {
17515
- background: transparent;
17381
+ .v-chip--filter {
17382
+ -webkit-user-select: none;
17383
+ user-select: none;
17384
+ }
17385
+ .v-chip--label {
17386
+ border-radius: 4px;
17516
17387
  }
17517
17388
 
17518
- .v-carousel--vertical-delimiters .v-carousel__controls {
17519
- flex-direction: column;
17520
- height: 100% !important;
17521
- width: 50px;
17522
- }.v-checkbox .v-selection-control {
17523
- min-height: var(--v-input-control-height);
17524
- }.v-chip {
17389
+ .v-chip__filter,
17390
+ .v-chip__prepend,
17391
+ .v-chip__append,
17392
+ .v-chip__close {
17525
17393
  align-items: center;
17526
- cursor: default;
17527
17394
  display: inline-flex;
17528
- font-weight: 400;
17529
- max-width: 100%;
17530
- overflow: hidden;
17531
- position: relative;
17532
- text-decoration: none;
17533
- white-space: nowrap;
17534
- vertical-align: middle;
17535
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17536
- border-style: solid;
17537
- border-width: 0;
17538
- border-radius: 9999px;
17539
- }
17540
- .v-chip.v-chip--size-x-small {
17541
- --v-chip-size: 0.625rem;
17542
- --v-chip-height: 20px;
17543
- font-size: 0.625rem;
17544
- padding: 0 8px;
17545
- }
17546
- .v-chip.v-chip--size-x-small .v-avatar {
17547
- --v-avatar-height: 14px;
17548
- }
17549
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar {
17550
- --v-avatar-height: 20px;
17551
17395
  }
17552
17396
 
17553
- .v-chip.v-chip--size-x-small .v-chip__filter,
17554
- .v-chip.v-chip--size-x-small .v-chip__prepend,
17555
- .v-chip.v-chip--size-x-small > .v-avatar--start,
17556
- .v-chip.v-chip--size-x-small > .v-icon--start {
17557
- margin-inline-end: 4px;
17558
- }
17559
- .v-chip.v-chip--size-x-small .v-chip__filter,
17560
- .v-chip.v-chip--size-x-small .v-chip__prepend,
17561
- .v-chip.v-chip--size-x-small .v-icon--start {
17562
- margin-inline-start: -4px;
17563
- }
17564
- .v-chip.v-chip--size-x-small .v-avatar--start {
17565
- margin-inline-start: -5.6px;
17397
+ .v-chip__close {
17398
+ cursor: pointer;
17399
+ flex: 0 1 auto;
17400
+ font-size: 18px;
17401
+ max-height: 18px;
17402
+ max-width: 18px;
17403
+ -webkit-user-select: none;
17404
+ user-select: none;
17566
17405
  }
17567
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--start {
17568
- margin-inline-start: -8px;
17406
+ .v-chip__close .v-icon {
17407
+ font-size: inherit;
17569
17408
  }
17570
17409
 
17571
- .v-chip.v-chip--size-x-small .v-chip__append,
17572
- .v-chip.v-chip--size-x-small .v-chip__close,
17573
- .v-chip.v-chip--size-x-small > .v-avatar--end,
17574
- .v-chip.v-chip--size-x-small > .v-icon--end {
17575
- margin-inline-start: 4px;
17576
- margin-inline-end: -4px;
17577
- }
17578
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end {
17579
- margin-inline-end: -8px;
17580
- }
17581
- .v-chip--pill.v-chip.v-chip--size-x-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-small .v-icon--end + .v-chip__close {
17582
- margin-inline-start: 8px;
17410
+ .v-chip__filter {
17411
+ transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
17583
17412
  }
17584
17413
 
17585
- .v-chip.v-chip--size-small {
17586
- --v-chip-size: 0.75rem;
17587
- --v-chip-height: 26px;
17588
- font-size: 0.75rem;
17589
- padding: 0 10px;
17590
- }
17591
- .v-chip.v-chip--size-small .v-avatar {
17592
- --v-avatar-height: 20px;
17593
- }
17594
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar {
17595
- --v-avatar-height: 26px;
17414
+ .v-chip__overlay {
17415
+ position: absolute;
17416
+ top: 0;
17417
+ left: 0;
17418
+ width: 100%;
17419
+ height: 100%;
17420
+ background-color: currentColor;
17421
+ border-radius: inherit;
17422
+ pointer-events: none;
17423
+ opacity: 0;
17424
+ transition: opacity 0.2s ease-in-out;
17596
17425
  }
17597
17426
 
17598
- .v-chip.v-chip--size-small .v-chip__filter,
17599
- .v-chip.v-chip--size-small .v-chip__prepend,
17600
- .v-chip.v-chip--size-small > .v-avatar--start,
17601
- .v-chip.v-chip--size-small > .v-icon--start {
17602
- margin-inline-end: 5px;
17603
- }
17604
- .v-chip.v-chip--size-small .v-chip__filter,
17605
- .v-chip.v-chip--size-small .v-chip__prepend,
17606
- .v-chip.v-chip--size-small .v-icon--start {
17607
- margin-inline-start: -5px;
17608
- }
17609
- .v-chip.v-chip--size-small .v-avatar--start {
17610
- margin-inline-start: -7px;
17611
- }
17612
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--start {
17613
- margin-inline-start: -10px;
17427
+ .v-chip--disabled {
17428
+ opacity: 0.3;
17429
+ pointer-events: none;
17430
+ -webkit-user-select: none;
17431
+ user-select: none;
17614
17432
  }
17615
17433
 
17616
- .v-chip.v-chip--size-small .v-chip__append,
17617
- .v-chip.v-chip--size-small .v-chip__close,
17618
- .v-chip.v-chip--size-small > .v-avatar--end,
17619
- .v-chip.v-chip--size-small > .v-icon--end {
17620
- margin-inline-start: 5px;
17621
- margin-inline-end: -5px;
17434
+ .v-chip--label {
17435
+ border-radius: 4px;
17436
+ }.v-chip-group {
17437
+ display: flex;
17438
+ max-width: 100%;
17439
+ min-width: 0;
17440
+ overflow-x: auto;
17441
+ padding: 4px 0;
17442
+ flex-wrap: wrap;
17622
17443
  }
17623
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end {
17624
- margin-inline-end: -10px;
17444
+ .v-chip-group .v-chip {
17445
+ margin: 4px 8px 4px 0;
17625
17446
  }
17626
- .v-chip--pill.v-chip.v-chip--size-small .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-small .v-icon--end + .v-chip__close {
17627
- margin-inline-start: 10px;
17447
+ .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17448
+ opacity: var(--v-activated-opacity);
17628
17449
  }
17629
17450
 
17630
- .v-chip.v-chip--size-default {
17631
- --v-chip-size: 0.875rem;
17632
- --v-chip-height: 32px;
17633
- font-size: 0.875rem;
17634
- padding: 0 12px;
17451
+ .v-chip-group--column {
17452
+ flex-wrap: wrap;
17453
+ white-space: normal;
17454
+ }.v-color-picker {
17455
+ align-self: flex-start;
17456
+ contain: content;
17635
17457
  }
17636
- .v-chip.v-chip--size-default .v-avatar {
17637
- --v-avatar-height: 26px;
17458
+ .v-color-picker.v-sheet {
17459
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17460
+ border-radius: 4px;
17638
17461
  }
17639
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar {
17640
- --v-avatar-height: 32px;
17462
+
17463
+ .v-color-picker__controls {
17464
+ display: flex;
17465
+ flex-direction: column;
17466
+ padding: 16px;
17641
17467
  }
17642
17468
 
17643
- .v-chip.v-chip--size-default .v-chip__filter,
17644
- .v-chip.v-chip--size-default .v-chip__prepend,
17645
- .v-chip.v-chip--size-default > .v-avatar--start,
17646
- .v-chip.v-chip--size-default > .v-icon--start {
17647
- margin-inline-end: 6px;
17469
+ .v-color-picker--flat {
17470
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17648
17471
  }
17649
- .v-chip.v-chip--size-default .v-chip__filter,
17650
- .v-chip.v-chip--size-default .v-chip__prepend,
17651
- .v-chip.v-chip--size-default .v-icon--start {
17652
- margin-inline-start: -6px;
17472
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
17473
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17474
+ }.v-input--density-default {
17475
+ --combobox-chips-margin-bottom: 0px;
17653
17476
  }
17654
- .v-chip.v-chip--size-default .v-avatar--start {
17655
- margin-inline-start: -8.4px;
17477
+
17478
+ .v-input--density-comfortable {
17479
+ --combobox-chips-margin-bottom: 2px;
17656
17480
  }
17657
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--start {
17658
- margin-inline-start: -12px;
17481
+
17482
+ .v-input--density-compact {
17483
+ --combobox-chips-margin-bottom: 4px;
17659
17484
  }
17660
17485
 
17661
- .v-chip.v-chip--size-default .v-chip__append,
17662
- .v-chip.v-chip--size-default .v-chip__close,
17663
- .v-chip.v-chip--size-default > .v-avatar--end,
17664
- .v-chip.v-chip--size-default > .v-icon--end {
17665
- margin-inline-start: 6px;
17666
- margin-inline-end: -6px;
17486
+ .v-combobox .v-field .v-text-field__prefix,
17487
+ .v-combobox .v-field .v-text-field__suffix,
17488
+ .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
17489
+ cursor: text;
17667
17490
  }
17668
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end {
17669
- margin-inline-end: -12px;
17491
+ .v-combobox .v-field .v-field__input > input {
17492
+ align-self: flex-start;
17493
+ flex: 1 1;
17670
17494
  }
17671
- .v-chip--pill.v-chip.v-chip--size-default .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-default .v-icon--end + .v-chip__close {
17672
- margin-inline-start: 12px;
17495
+ .v-combobox .v-field .v-field__append-inner > .v-icon {
17496
+ margin-inline-start: 4px;
17497
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17673
17498
  }
17674
-
17675
- .v-chip.v-chip--size-large {
17676
- --v-chip-size: 1rem;
17677
- --v-chip-height: 38px;
17678
- font-size: 1rem;
17679
- padding: 0 14px;
17499
+ .v-combobox .v-field:not(.v-field--focused) input {
17500
+ min-width: 0;
17680
17501
  }
17681
- .v-chip.v-chip--size-large .v-avatar {
17682
- --v-avatar-height: 32px;
17502
+ .v-combobox .v-field--dirty .v-combobox__selection {
17503
+ margin-inline-end: 2px;
17683
17504
  }
17684
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar {
17685
- --v-avatar-height: 38px;
17505
+ .v-combobox .v-field--single-line .v-combobox__selection-text {
17506
+ overflow: hidden;
17507
+ text-overflow: ellipsis;
17508
+ white-space: nowrap;
17686
17509
  }
17687
17510
 
17688
- .v-chip.v-chip--size-large .v-chip__filter,
17689
- .v-chip.v-chip--size-large .v-chip__prepend,
17690
- .v-chip.v-chip--size-large > .v-avatar--start,
17691
- .v-chip.v-chip--size-large > .v-icon--start {
17692
- margin-inline-end: 7px;
17511
+ .v-combobox__content {
17512
+ overflow: hidden;
17513
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17514
+ border-radius: 4px;
17693
17515
  }
17694
- .v-chip.v-chip--size-large .v-chip__filter,
17695
- .v-chip.v-chip--size-large .v-chip__prepend,
17696
- .v-chip.v-chip--size-large .v-icon--start {
17697
- margin-inline-start: -7px;
17516
+ .v-combobox__mask {
17517
+ background: rgb(var(--v-theme-on-surface-variant));
17698
17518
  }
17699
- .v-chip.v-chip--size-large .v-avatar--start {
17700
- margin-inline-start: -9.8px;
17519
+ .v-combobox__selection {
17520
+ display: inline-flex;
17521
+ letter-spacing: inherit;
17522
+ line-height: inherit;
17523
+ max-width: 100%;
17701
17524
  }
17702
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--start {
17703
- margin-inline-start: -14px;
17525
+ .v-combobox--active-menu .v-field__append-inner > .v-icon {
17526
+ opacity: var(--v-high-emphasis-opacity);
17527
+ transform: rotate(180deg);
17704
17528
  }
17705
-
17706
- .v-chip.v-chip--size-large .v-chip__append,
17707
- .v-chip.v-chip--size-large .v-chip__close,
17708
- .v-chip.v-chip--size-large > .v-avatar--end,
17709
- .v-chip.v-chip--size-large > .v-icon--end {
17710
- margin-inline-start: 7px;
17711
- margin-inline-end: -7px;
17529
+ .v-combobox--chips .v-combobox__selection {
17530
+ margin-top: 2px;
17531
+ margin-bottom: var(--combobox-chips-margin-bottom);
17712
17532
  }
17713
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end {
17714
- margin-inline-end: -14px;
17533
+ .v-combobox--chips .v-combobox__selection:first-child {
17534
+ margin-inline-start: 0;
17715
17535
  }
17716
- .v-chip--pill.v-chip.v-chip--size-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-large .v-icon--end + .v-chip__close {
17717
- margin-inline-start: 14px;
17536
+ .v-combobox--selecting-index .v-combobox__selection {
17537
+ opacity: var(--v-medium-emphasis-opacity);
17718
17538
  }
17719
-
17720
- .v-chip.v-chip--size-x-large {
17721
- --v-chip-size: 1.125rem;
17722
- --v-chip-height: 44px;
17723
- font-size: 1.125rem;
17724
- padding: 0 17px;
17539
+ .v-combobox--selecting-index .v-combobox__selection--selected {
17540
+ opacity: 1;
17725
17541
  }
17726
- .v-chip.v-chip--size-x-large .v-avatar {
17727
- --v-avatar-height: 38px;
17542
+ .v-combobox--selecting-index .v-field__input > input {
17543
+ caret-color: transparent !important;
17728
17544
  }
17729
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar {
17730
- --v-avatar-height: 44px;
17545
+ .v-combobox--single.v-text-field input {
17546
+ flex: 1 1;
17547
+ position: absolute;
17548
+ left: 0;
17549
+ right: 0;
17550
+ width: 100%;
17551
+ padding-inline-start: inherit;
17552
+ padding-inline-end: inherit;
17731
17553
  }
17732
-
17733
- .v-chip.v-chip--size-x-large .v-chip__filter,
17734
- .v-chip.v-chip--size-x-large .v-chip__prepend,
17735
- .v-chip.v-chip--size-x-large > .v-avatar--start,
17736
- .v-chip.v-chip--size-x-large > .v-icon--start {
17737
- margin-inline-end: 8.5px;
17554
+ .v-combobox--single .v-field--active input {
17555
+ transition: none;
17738
17556
  }
17739
- .v-chip.v-chip--size-x-large .v-chip__filter,
17740
- .v-chip.v-chip--size-x-large .v-chip__prepend,
17741
- .v-chip.v-chip--size-x-large .v-icon--start {
17742
- margin-inline-start: -8.5px;
17557
+ .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
17558
+ opacity: 0;
17743
17559
  }
17744
- .v-chip.v-chip--size-x-large .v-avatar--start {
17745
- margin-inline-start: -11.9px;
17560
+ .v-combobox--single .v-field--focused .v-combobox__selection {
17561
+ opacity: 0;
17562
+ }.v-counter {
17563
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
17564
+ flex: 0 1 auto;
17565
+ font-size: 12px;
17566
+ transition-duration: 150ms;
17567
+ }/** if false, disabled buttons will be greyed out */
17568
+ .v-btn {
17569
+ align-items: center;
17570
+ border-radius: 4px;
17571
+ display: inline-grid;
17572
+ grid-template-areas: "prepend content append";
17573
+ grid-template-columns: max-content auto max-content;
17574
+ font-weight: 500;
17575
+ justify-content: center;
17576
+ letter-spacing: 0.0892857143em;
17577
+ line-height: normal;
17578
+ max-width: 100%;
17579
+ outline: none;
17580
+ position: relative;
17581
+ text-decoration: none;
17582
+ text-indent: 0.0892857143em;
17583
+ text-transform: uppercase;
17584
+ transition-property: box-shadow, transform, opacity, background;
17585
+ transition-duration: 0.28s;
17586
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17587
+ -webkit-user-select: none;
17588
+ user-select: none;
17589
+ vertical-align: middle;
17590
+ flex-shrink: 0;
17591
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17592
+ border-style: solid;
17593
+ border-width: 0;
17594
+ }
17595
+ .v-btn--size-x-small {
17596
+ --v-btn-size: 0.625rem;
17597
+ --v-btn-height: 20px;
17598
+ font-size: 0.625rem;
17599
+ min-width: 36px;
17600
+ padding: 0 8px;
17746
17601
  }
17747
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--start {
17748
- margin-inline-start: -17px;
17602
+
17603
+ .v-btn--size-small {
17604
+ --v-btn-size: 0.75rem;
17605
+ --v-btn-height: 28px;
17606
+ font-size: 0.75rem;
17607
+ min-width: 50px;
17608
+ padding: 0 12px;
17749
17609
  }
17750
17610
 
17751
- .v-chip.v-chip--size-x-large .v-chip__append,
17752
- .v-chip.v-chip--size-x-large .v-chip__close,
17753
- .v-chip.v-chip--size-x-large > .v-avatar--end,
17754
- .v-chip.v-chip--size-x-large > .v-icon--end {
17755
- margin-inline-start: 8.5px;
17756
- margin-inline-end: -8.5px;
17611
+ .v-btn--size-default {
17612
+ --v-btn-size: 0.875rem;
17613
+ --v-btn-height: 36px;
17614
+ font-size: 0.875rem;
17615
+ min-width: 64px;
17616
+ padding: 0 16px;
17757
17617
  }
17758
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end {
17759
- margin-inline-end: -17px;
17618
+
17619
+ .v-btn--size-large {
17620
+ --v-btn-size: 1rem;
17621
+ --v-btn-height: 44px;
17622
+ font-size: 1rem;
17623
+ min-width: 78px;
17624
+ padding: 0 20px;
17760
17625
  }
17761
- .v-chip--pill.v-chip.v-chip--size-x-large .v-avatar--end + .v-chip__close, .v-chip--pill.v-chip.v-chip--size-x-large .v-icon--end + .v-chip__close {
17762
- margin-inline-start: 17px;
17626
+
17627
+ .v-btn--size-x-large {
17628
+ --v-btn-size: 1.125rem;
17629
+ --v-btn-height: 52px;
17630
+ font-size: 1.125rem;
17631
+ min-width: 92px;
17632
+ padding: 0 24px;
17763
17633
  }
17764
17634
 
17765
- .v-chip.v-chip--density-default {
17766
- height: calc(var(--v-chip-height) + 0px);
17635
+ .v-btn.v-btn--density-default {
17636
+ height: calc(var(--v-btn-height) + 0px);
17767
17637
  }
17768
17638
 
17769
- .v-chip.v-chip--density-comfortable {
17770
- height: calc(var(--v-chip-height) + -8px);
17639
+ .v-btn.v-btn--density-comfortable {
17640
+ height: calc(var(--v-btn-height) + -8px);
17771
17641
  }
17772
17642
 
17773
- .v-chip.v-chip--density-compact {
17774
- height: calc(var(--v-chip-height) + -12px);
17643
+ .v-btn.v-btn--density-compact {
17644
+ height: calc(var(--v-btn-height) + -12px);
17775
17645
  }
17776
17646
 
17777
- .v-chip:hover > .v-chip__overlay {
17647
+ .v-btn--border {
17648
+ border-width: thin;
17649
+ box-shadow: none;
17650
+ }
17651
+ .v-btn--absolute {
17652
+ position: absolute;
17653
+ }
17654
+ .v-btn--fixed {
17655
+ position: fixed;
17656
+ }
17657
+ .v-btn:hover > .v-btn__overlay {
17778
17658
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17779
17659
  }
17780
- .v-chip:focus-visible > .v-chip__overlay {
17660
+ .v-btn:focus-visible > .v-btn__overlay {
17781
17661
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17782
17662
  }
17783
17663
  @supports not selector(:focus-visible) {
17784
- .v-chip:focus > .v-chip__overlay {
17664
+ .v-btn:focus > .v-btn__overlay {
17785
17665
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17786
17666
  }
17787
17667
  }
17788
- .v-chip--active > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true] > .v-chip__overlay {
17668
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17789
17669
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17790
17670
  }
17791
- .v-chip--active:hover > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:hover > .v-chip__overlay {
17671
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17792
17672
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17793
17673
  }
17794
- .v-chip--active:focus-visible > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-chip__overlay {
17674
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17795
17675
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17796
17676
  }
17797
17677
  @supports not selector(:focus-visible) {
17798
- .v-chip--active:focus > .v-chip__overlay, .v-chip[aria-haspopup=menu][aria-expanded=true]:focus > .v-chip__overlay {
17678
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17799
17679
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17800
17680
  }
17801
17681
  }
17802
- .v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
17682
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17803
17683
  background: transparent;
17804
17684
  color: inherit;
17805
17685
  }
17806
- .v-chip--variant-plain {
17807
- opacity: 0.26;
17686
+ .v-btn--variant-plain {
17687
+ opacity: 0.62;
17808
17688
  }
17809
- .v-chip--variant-plain:focus, .v-chip--variant-plain:hover {
17689
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17810
17690
  opacity: 1;
17811
17691
  }
17812
- .v-chip--variant-plain .v-chip__overlay {
17692
+ .v-btn--variant-plain .v-btn__overlay {
17813
17693
  display: none;
17814
17694
  }
17815
- .v-chip--variant-elevated, .v-chip--variant-flat {
17816
- background: rgb(var(--v-theme-surface-variant));
17817
- color: rgb(var(--v-theme-on-surface-variant));
17695
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17696
+ background: rgb(var(--v-theme-surface));
17697
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17818
17698
  }
17819
- .v-chip--variant-elevated {
17820
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17699
+ .v-btn--variant-elevated {
17700
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17821
17701
  }
17822
- .v-chip--variant-flat {
17702
+ .v-btn--variant-flat {
17823
17703
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17824
17704
  }
17825
- .v-chip--variant-outlined {
17705
+ .v-btn--variant-outlined {
17826
17706
  border: thin solid currentColor;
17827
17707
  }
17828
- .v-chip--variant-text .v-chip__overlay {
17708
+ .v-btn--variant-text .v-btn__overlay {
17829
17709
  background: currentColor;
17830
17710
  }
17831
- .v-chip--variant-tonal .v-chip__underlay {
17711
+ .v-btn--variant-tonal .v-btn__underlay {
17832
17712
  background: currentColor;
17833
17713
  opacity: var(--v-activated-opacity);
17834
17714
  border-radius: inherit;
@@ -17839,193 +17719,264 @@ html.overflow-y-hidden {
17839
17719
  left: 0;
17840
17720
  pointer-events: none;
17841
17721
  }
17842
- .v-chip--border {
17843
- border-width: thin;
17722
+ @supports selector(:focus-visible) {
17723
+ .v-btn::after {
17724
+ content: "";
17725
+ position: absolute;
17726
+ top: 0;
17727
+ left: 0;
17728
+ width: 100%;
17729
+ height: 100%;
17730
+ pointer-events: none;
17731
+ border: 2px solid currentColor;
17732
+ border-radius: inherit;
17733
+ opacity: 0;
17734
+ transition: opacity 0.2s ease-in-out;
17735
+ }
17736
+ .v-btn:focus-visible::after {
17737
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17738
+ }
17844
17739
  }
17845
- .v-chip--link {
17846
- cursor: pointer;
17740
+ .v-btn--icon {
17741
+ border-radius: 50%;
17742
+ min-width: 0;
17743
+ padding: 0;
17847
17744
  }
17848
- .v-chip--filter {
17849
- -webkit-user-select: none;
17850
- user-select: none;
17745
+ .v-btn--icon.v-btn--size-default {
17746
+ font-size: 1rem;
17851
17747
  }
17852
- .v-chip--label {
17853
- border-radius: 4px;
17748
+ .v-btn--icon.v-btn--density-default {
17749
+ width: calc(var(--v-btn-height) + 12px);
17750
+ height: calc(var(--v-btn-height) + 12px);
17854
17751
  }
17855
-
17856
- .v-chip__filter,
17857
- .v-chip__prepend,
17858
- .v-chip__append,
17859
- .v-chip__close {
17860
- align-items: center;
17861
- display: inline-flex;
17752
+ .v-btn--icon.v-btn--density-comfortable {
17753
+ width: calc(var(--v-btn-height) + 0px);
17754
+ height: calc(var(--v-btn-height) + 0px);
17755
+ }
17756
+ .v-btn--icon.v-btn--density-compact {
17757
+ width: calc(var(--v-btn-height) + -8px);
17758
+ height: calc(var(--v-btn-height) + -8px);
17862
17759
  }
17863
17760
 
17864
- .v-chip__close {
17865
- cursor: pointer;
17866
- flex: 0 1 auto;
17867
- font-size: 18px;
17868
- max-height: 18px;
17869
- max-width: 18px;
17870
- -webkit-user-select: none;
17871
- user-select: none;
17761
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
17762
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17872
17763
  }
17873
- .v-chip__close .v-icon {
17874
- font-size: inherit;
17764
+ .v-btn--elevated:active {
17765
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17875
17766
  }
17876
-
17877
- .v-chip__filter {
17878
- transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
17767
+ .v-btn--flat {
17768
+ box-shadow: none;
17879
17769
  }
17880
-
17881
- .v-chip__overlay {
17882
- position: absolute;
17883
- top: 0;
17884
- left: 0;
17885
- width: 100%;
17886
- height: 100%;
17887
- background-color: currentColor;
17888
- border-radius: inherit;
17770
+ .v-btn--block {
17771
+ display: flex;
17772
+ flex: 1 0 auto;
17773
+ min-width: 100%;
17774
+ }
17775
+ .v-btn--disabled {
17889
17776
  pointer-events: none;
17890
- opacity: 0;
17891
- transition: opacity 0.2s ease-in-out;
17777
+ opacity: 0.26;
17892
17778
  }
17893
-
17894
- .v-chip--disabled {
17895
- opacity: 0.3;
17779
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17780
+ box-shadow: none;
17781
+ opacity: 1;
17782
+ color: rgba(var(--v-theme-on-surface), 0.26);
17783
+ background: rgb(var(--v-theme-surface));
17784
+ }
17785
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17786
+ opacity: 0.4615384615;
17787
+ }
17788
+ .v-btn--loading {
17896
17789
  pointer-events: none;
17897
- -webkit-user-select: none;
17898
- user-select: none;
17899
17790
  }
17900
-
17901
- .v-chip--label {
17902
- border-radius: 4px;
17903
- }.v-chip-group {
17904
- display: flex;
17905
- max-width: 100%;
17906
- min-width: 0;
17907
- overflow-x: auto;
17908
- padding: 4px 0;
17909
- flex-wrap: wrap;
17791
+ .v-btn--loading .v-btn__content,
17792
+ .v-btn--loading .v-btn__prepend,
17793
+ .v-btn--loading .v-btn__append {
17794
+ opacity: 0;
17910
17795
  }
17911
- .v-chip-group .v-chip {
17912
- margin: 4px 8px 4px 0;
17796
+ .v-btn--stacked {
17797
+ grid-template-areas: "prepend" "content" "append";
17798
+ grid-template-columns: auto;
17799
+ grid-template-rows: max-content max-content max-content;
17800
+ justify-items: center;
17801
+ align-content: center;
17913
17802
  }
17914
- .v-chip-group .v-chip.v-chip--selected:not(.v-chip--disabled) .v-chip__overlay {
17915
- opacity: var(--v-activated-opacity);
17803
+ .v-btn--stacked .v-btn__content {
17804
+ flex-direction: column;
17805
+ line-height: 1.25;
17916
17806
  }
17917
-
17918
- .v-chip-group--column {
17919
- flex-wrap: wrap;
17920
- white-space: normal;
17921
- }.v-color-picker {
17922
- align-self: flex-start;
17923
- contain: content;
17807
+ .v-btn--stacked .v-btn__prepend,
17808
+ .v-btn--stacked .v-btn__append,
17809
+ .v-btn--stacked .v-btn__content > .v-icon--start,
17810
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17811
+ margin-inline-start: 0;
17812
+ margin-inline-end: 0;
17813
+ }
17814
+ .v-btn--stacked .v-btn__prepend,
17815
+ .v-btn--stacked .v-btn__content > .v-icon--start {
17816
+ margin-bottom: 4px;
17817
+ }
17818
+ .v-btn--stacked .v-btn__append,
17819
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17820
+ margin-top: 4px;
17924
17821
  }
17925
- .v-color-picker.v-sheet {
17926
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17927
- border-radius: 4px;
17822
+ .v-btn--stacked.v-btn--size-x-small {
17823
+ --v-btn-size: 0.625rem;
17824
+ --v-btn-height: 56px;
17825
+ font-size: 0.625rem;
17826
+ min-width: 56px;
17827
+ padding: 0 12px;
17928
17828
  }
17929
17829
 
17930
- .v-color-picker__controls {
17931
- display: flex;
17932
- flex-direction: column;
17933
- padding: 16px;
17830
+ .v-btn--stacked.v-btn--size-small {
17831
+ --v-btn-size: 0.75rem;
17832
+ --v-btn-height: 64px;
17833
+ font-size: 0.75rem;
17834
+ min-width: 64px;
17835
+ padding: 0 14px;
17934
17836
  }
17935
17837
 
17936
- .v-color-picker--flat {
17937
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17838
+ .v-btn--stacked.v-btn--size-default {
17839
+ --v-btn-size: 0.875rem;
17840
+ --v-btn-height: 72px;
17841
+ font-size: 0.875rem;
17842
+ min-width: 72px;
17843
+ padding: 0 16px;
17938
17844
  }
17939
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
17940
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17941
- }.v-input--density-default {
17942
- --combobox-chips-margin-bottom: 0px;
17845
+
17846
+ .v-btn--stacked.v-btn--size-large {
17847
+ --v-btn-size: 1rem;
17848
+ --v-btn-height: 80px;
17849
+ font-size: 1rem;
17850
+ min-width: 80px;
17851
+ padding: 0 18px;
17943
17852
  }
17944
17853
 
17945
- .v-input--density-comfortable {
17946
- --combobox-chips-margin-bottom: 2px;
17854
+ .v-btn--stacked.v-btn--size-x-large {
17855
+ --v-btn-size: 1.125rem;
17856
+ --v-btn-height: 88px;
17857
+ font-size: 1.125rem;
17858
+ min-width: 88px;
17859
+ padding: 0 20px;
17947
17860
  }
17948
17861
 
17949
- .v-input--density-compact {
17950
- --combobox-chips-margin-bottom: 4px;
17862
+ .v-btn--stacked.v-btn--density-default {
17863
+ height: calc(var(--v-btn-height) + 0px);
17951
17864
  }
17952
17865
 
17953
- .v-combobox .v-field .v-text-field__prefix,
17954
- .v-combobox .v-field .v-text-field__suffix,
17955
- .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
17956
- cursor: text;
17866
+ .v-btn--stacked.v-btn--density-comfortable {
17867
+ height: calc(var(--v-btn-height) + -16px);
17957
17868
  }
17958
- .v-combobox .v-field .v-field__input > input {
17959
- align-self: flex-start;
17960
- flex: 1 1;
17869
+
17870
+ .v-btn--stacked.v-btn--density-compact {
17871
+ height: calc(var(--v-btn-height) + -24px);
17961
17872
  }
17962
- .v-combobox .v-field .v-field__append-inner > .v-icon {
17963
- margin-inline-start: 4px;
17964
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17873
+
17874
+ .v-btn--rounded {
17875
+ border-radius: 24px;
17965
17876
  }
17966
- .v-combobox .v-field:not(.v-field--focused) input {
17967
- min-width: 0;
17877
+ .v-btn .v-icon {
17878
+ --v-icon-size-multiplier: 0.8571428571;
17968
17879
  }
17969
- .v-combobox .v-field--dirty .v-combobox__selection {
17970
- margin-inline-end: 2px;
17880
+ .v-btn--icon .v-icon {
17881
+ --v-icon-size-multiplier: 1;
17971
17882
  }
17972
- .v-combobox .v-field--single-line .v-combobox__selection-text {
17973
- overflow: hidden;
17974
- text-overflow: ellipsis;
17975
- white-space: nowrap;
17883
+ .v-btn--stacked .v-icon {
17884
+ --v-icon-size-multiplier: 1.1428571429;
17976
17885
  }
17977
17886
 
17978
- .v-combobox__content {
17979
- overflow: hidden;
17980
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17981
- border-radius: 4px;
17887
+ .v-btn__loader {
17888
+ align-items: center;
17889
+ display: flex;
17890
+ height: 100%;
17891
+ justify-content: center;
17892
+ left: 0;
17893
+ position: absolute;
17894
+ top: 0;
17895
+ width: 100%;
17982
17896
  }
17983
- .v-combobox__mask {
17984
- background: rgb(var(--v-theme-on-surface-variant));
17897
+
17898
+ .v-btn__content,
17899
+ .v-btn__prepend,
17900
+ .v-btn__append {
17901
+ align-items: center;
17902
+ display: flex;
17903
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17985
17904
  }
17986
- .v-combobox__selection {
17987
- display: inline-flex;
17988
- letter-spacing: inherit;
17989
- line-height: inherit;
17990
- max-width: 100%;
17905
+
17906
+ .v-btn__prepend {
17907
+ grid-area: prepend;
17908
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17909
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17991
17910
  }
17992
- .v-combobox--active-menu .v-field__append-inner > .v-icon {
17993
- opacity: var(--v-high-emphasis-opacity);
17994
- transform: rotate(180deg);
17911
+
17912
+ .v-btn__append {
17913
+ grid-area: append;
17914
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17915
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17995
17916
  }
17996
- .v-combobox--chips .v-combobox__selection {
17997
- margin-top: 2px;
17998
- margin-bottom: var(--combobox-chips-margin-bottom);
17917
+
17918
+ .v-btn__content {
17919
+ grid-area: content;
17920
+ justify-content: center;
17921
+ white-space: nowrap;
17999
17922
  }
18000
- .v-combobox--chips .v-combobox__selection:first-child {
18001
- margin-inline-start: 0;
17923
+ .v-btn__content > .v-icon--start {
17924
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17925
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
18002
17926
  }
18003
- .v-combobox--selecting-index .v-combobox__selection {
18004
- opacity: var(--v-medium-emphasis-opacity);
17927
+ .v-btn__content > .v-icon--end {
17928
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17929
+ margin-inline-end: calc(var(--v-btn-height) / -9);
18005
17930
  }
18006
- .v-combobox--selecting-index .v-combobox__selection--selected {
18007
- opacity: 1;
17931
+ .v-btn--stacked .v-btn__content {
17932
+ white-space: normal;
18008
17933
  }
18009
- .v-combobox--selecting-index .v-field__input > input {
18010
- caret-color: transparent !important;
17934
+
17935
+ .v-btn__overlay {
17936
+ background-color: currentColor;
17937
+ border-radius: inherit;
17938
+ opacity: 0;
17939
+ transition: opacity 0.2s ease-in-out;
18011
17940
  }
18012
- .v-combobox--single.v-text-field input {
18013
- flex: 1 1;
17941
+
17942
+ .v-btn__overlay,
17943
+ .v-btn__underlay {
18014
17944
  position: absolute;
17945
+ top: 0;
18015
17946
  left: 0;
18016
- right: 0;
18017
17947
  width: 100%;
18018
- padding-inline-start: inherit;
18019
- padding-inline-end: inherit;
17948
+ height: 100%;
17949
+ pointer-events: none;
18020
17950
  }
18021
- .v-combobox--single .v-field--active input {
17951
+
17952
+ .v-app-bar .v-btn {
17953
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17954
+ }
17955
+
17956
+ .v-card-actions .v-btn {
17957
+ padding: 0 8px;
17958
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
17959
+ }
17960
+ .v-card-actions .v-btn ~ .v-btn {
17961
+ margin-inline-start: 0.5rem;
17962
+ }
17963
+
17964
+ .v-banner-actions .v-btn {
17965
+ padding: 0 8px;
17966
+ }
17967
+
17968
+ .v-pagination .v-btn {
17969
+ border-radius: 4px;
17970
+ }
17971
+ .v-btn__overlay {
18022
17972
  transition: none;
18023
17973
  }
18024
- .v-combobox--single .v-field--dirty:not(.v-field--focused) input {
18025
- opacity: 0;
17974
+ .v-pagination__item--is-active .v-btn__overlay {
17975
+ opacity: var(--v-border-opacity);
18026
17976
  }
18027
- .v-combobox--single .v-field--focused .v-combobox__selection {
18028
- opacity: 0;
17977
+
17978
+ .v-snackbar-actions .v-btn {
17979
+ padding: 0 8px;
18029
17980
  }.v-container {
18030
17981
  width: 100%;
18031
17982
  padding: 16px;
@@ -18907,11 +18858,6 @@ html.overflow-y-hidden {
18907
18858
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
18908
18859
  margin-right: 91.6666666667%;
18909
18860
  }
18910
- }.v-counter {
18911
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18912
- flex: 0 1 auto;
18913
- font-size: 12px;
18914
- transition-duration: 150ms;
18915
18861
  }.v-dialog {
18916
18862
  align-items: center;
18917
18863
  justify-content: center;
@@ -21043,10 +20989,6 @@ html.v-overlay-scroll-blocked {
21043
20989
  .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
21044
20990
  transform: scale(1.25);
21045
20991
  }
21046
- .v-rating__item--focused .v-btn__overlay {
21047
- display: block;
21048
- opacity: var(--v-hover-opacity);
21049
- }
21050
20992
  .v-rating__item--half {
21051
20993
  overflow: hidden;
21052
20994
  position: absolute;
@@ -22548,6 +22490,60 @@ html.v-overlay-scroll-blocked {
22548
22490
  }
22549
22491
  .v-window-y-reverse-transition-leave-to {
22550
22492
  transform: translateY(100%);
22493
+ }.v-bottom-navigation {
22494
+ display: flex;
22495
+ max-width: 100%;
22496
+ overflow: hidden;
22497
+ position: absolute;
22498
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22499
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22500
+ border-style: solid;
22501
+ border-width: 0;
22502
+ border-radius: 0;
22503
+ background: rgb(var(--v-theme-surface));
22504
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22505
+ }
22506
+ .v-bottom-navigation--border {
22507
+ border-width: thin;
22508
+ box-shadow: none;
22509
+ }
22510
+ .v-bottom-navigation--active {
22511
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22512
+ }
22513
+
22514
+ .v-bottom-navigation__content {
22515
+ display: flex;
22516
+ flex: none;
22517
+ font-size: 0.75rem;
22518
+ justify-content: center;
22519
+ transition: inherit;
22520
+ width: 100%;
22521
+ }
22522
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
22523
+ font-size: inherit;
22524
+ height: 100%;
22525
+ max-width: 168px;
22526
+ min-width: 80px;
22527
+ text-transform: none;
22528
+ transition: inherit;
22529
+ width: auto;
22530
+ border-radius: 0;
22531
+ }
22532
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
22533
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
22534
+ transition: inherit;
22535
+ }
22536
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
22537
+ font-size: 1.5rem;
22538
+ }
22539
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
22540
+ flex-grow: 1;
22541
+ }
22542
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
22543
+ opacity: 0;
22544
+ }
22545
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
22546
+ transform: translateY(0.5rem);
22551
22547
  }.v-color-picker-canvas {
22552
22548
  display: flex;
22553
22549
  position: relative;