vuetify 3.5.10 → 3.5.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.5.10
2
+ * Vuetify v3.5.11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17045,6 +17045,18 @@ html.overflow-y-hidden {
17045
17045
  min-height: 100vh;
17046
17046
  min-height: 100dvh;
17047
17047
  position: relative;
17048
+ }.v-app-bar {
17049
+ display: flex;
17050
+ }
17051
+ .v-app-bar.v-toolbar {
17052
+ background: rgb(var(--v-theme-surface));
17053
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17054
+ }
17055
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17056
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17057
+ }
17058
+ .v-app-bar:not(.v-toolbar--absolute) {
17059
+ padding-inline-end: var(--v-scrollbar-offset);
17048
17060
  }.v-alert {
17049
17061
  display: grid;
17050
17062
  flex: 1 1;
@@ -17255,18 +17267,6 @@ html.overflow-y-hidden {
17255
17267
  text-transform: none;
17256
17268
  word-break: normal;
17257
17269
  word-wrap: break-word;
17258
- }.v-app-bar {
17259
- display: flex;
17260
- }
17261
- .v-app-bar.v-toolbar {
17262
- background: rgb(var(--v-theme-surface));
17263
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17264
- }
17265
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17266
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17267
- }
17268
- .v-app-bar:not(.v-toolbar--absolute) {
17269
- padding-inline-end: var(--v-scrollbar-offset);
17270
17270
  }.v-autocomplete .v-field .v-text-field__prefix,
17271
17271
  .v-autocomplete .v-field .v-text-field__suffix,
17272
17272
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -17718,6 +17718,38 @@ html.overflow-y-hidden {
17718
17718
  }
17719
17719
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
17720
17720
  transform: translateY(0.5rem);
17721
+ }.bottom-sheet-transition-enter-from {
17722
+ transform: translateY(100%);
17723
+ }
17724
+ .bottom-sheet-transition-leave-to {
17725
+ transform: translateY(100%);
17726
+ }
17727
+
17728
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17729
+ align-self: flex-end;
17730
+ border-radius: 0;
17731
+ flex: 0 1 auto;
17732
+ left: 0;
17733
+ right: 0;
17734
+ margin-inline: 0;
17735
+ margin-bottom: 0;
17736
+ transition-duration: 0.2s;
17737
+ width: 100%;
17738
+ max-width: 100%;
17739
+ overflow: visible;
17740
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17741
+ }
17742
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17743
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17744
+ border-radius: 0;
17745
+ }
17746
+ .v-bottom-sheet.v-bottom-sheet--inset {
17747
+ max-width: none;
17748
+ }
17749
+ @media (min-width: 600px) {
17750
+ .v-bottom-sheet.v-bottom-sheet--inset {
17751
+ max-width: 70%;
17752
+ }
17721
17753
  }.v-breadcrumbs {
17722
17754
  display: flex;
17723
17755
  align-items: center;
@@ -17775,182 +17807,156 @@ html.overflow-y-hidden {
17775
17807
  display: inline-block;
17776
17808
  padding: 0 8px;
17777
17809
  vertical-align: middle;
17778
- }.bottom-sheet-transition-enter-from {
17779
- transform: translateY(100%);
17780
- }
17781
- .bottom-sheet-transition-leave-to {
17782
- transform: translateY(100%);
17783
- }
17784
-
17785
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
17786
- align-self: flex-end;
17787
- border-radius: 0;
17788
- flex: 0 1 auto;
17789
- left: 0;
17790
- right: 0;
17791
- margin-inline: 0;
17792
- margin-bottom: 0;
17793
- transition-duration: 0.2s;
17794
- width: 100%;
17795
- max-width: 100%;
17796
- overflow: visible;
17797
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17798
- }
17799
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
17800
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
17801
- border-radius: 0;
17802
- }
17803
- .v-bottom-sheet.v-bottom-sheet--inset {
17804
- max-width: none;
17805
- }
17806
- @media (min-width: 600px) {
17807
- .v-bottom-sheet.v-bottom-sheet--inset {
17808
- max-width: 70%;
17809
- }
17810
- }.v-btn {
17811
- align-items: center;
17812
- border-radius: 4px;
17813
- display: inline-grid;
17814
- grid-template-areas: "prepend content append";
17815
- grid-template-columns: max-content auto max-content;
17816
- font-weight: 500;
17817
- justify-content: center;
17818
- letter-spacing: 0.0892857143em;
17819
- line-height: normal;
17810
+ }.v-btn-group {
17811
+ display: inline-flex;
17812
+ flex-wrap: nowrap;
17820
17813
  max-width: 100%;
17821
- outline: none;
17822
- position: relative;
17823
- text-decoration: none;
17824
- text-indent: 0.0892857143em;
17825
- text-transform: uppercase;
17826
- transition-property: box-shadow, transform, opacity, background;
17827
- transition-duration: 0.28s;
17828
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17829
- -webkit-user-select: none;
17830
- user-select: none;
17814
+ min-width: 0;
17815
+ overflow: hidden;
17831
17816
  vertical-align: middle;
17832
- flex-shrink: 0;
17833
17817
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17834
17818
  border-style: solid;
17835
17819
  border-width: 0;
17820
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17821
+ border-radius: 4px;
17822
+ background: transparent;
17823
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17836
17824
  }
17837
- .v-btn--size-x-small {
17838
- --v-btn-size: 0.625rem;
17839
- --v-btn-height: 20px;
17840
- font-size: var(--v-btn-size);
17841
- min-width: 36px;
17842
- padding: 0 8px;
17825
+ .v-btn-group--border {
17826
+ border-width: thin;
17827
+ box-shadow: none;
17843
17828
  }
17844
-
17845
- .v-btn--size-small {
17846
- --v-btn-size: 0.75rem;
17847
- --v-btn-height: 28px;
17848
- font-size: var(--v-btn-size);
17849
- min-width: 50px;
17850
- padding: 0 12px;
17829
+ .v-btn-group--density-default.v-btn-group {
17830
+ height: 48px;
17851
17831
  }
17852
17832
 
17853
- .v-btn--size-default {
17854
- --v-btn-size: 0.875rem;
17855
- --v-btn-height: 36px;
17856
- font-size: var(--v-btn-size);
17857
- min-width: 64px;
17858
- padding: 0 16px;
17833
+ .v-btn-group--density-comfortable.v-btn-group {
17834
+ height: 40px;
17859
17835
  }
17860
17836
 
17861
- .v-btn--size-large {
17862
- --v-btn-size: 1rem;
17863
- --v-btn-height: 44px;
17864
- font-size: var(--v-btn-size);
17865
- min-width: 78px;
17866
- padding: 0 20px;
17837
+ .v-btn-group--density-compact.v-btn-group {
17838
+ height: 36px;
17867
17839
  }
17868
17840
 
17869
- .v-btn--size-x-large {
17870
- --v-btn-size: 1.125rem;
17871
- --v-btn-height: 52px;
17872
- font-size: var(--v-btn-size);
17873
- min-width: 92px;
17874
- padding: 0 24px;
17841
+ .v-btn-group .v-btn {
17842
+ border-radius: 0;
17843
+ border-color: inherit;
17875
17844
  }
17876
-
17877
- .v-btn.v-btn--density-default {
17878
- height: calc(var(--v-btn-height) + 0px);
17845
+ .v-btn-group .v-btn:not(:last-child) {
17846
+ border-inline-end: none;
17879
17847
  }
17880
-
17881
- .v-btn.v-btn--density-comfortable {
17882
- height: calc(var(--v-btn-height) + -8px);
17848
+ .v-btn-group .v-btn:not(:first-child) {
17849
+ border-inline-start: none;
17883
17850
  }
17884
-
17885
- .v-btn.v-btn--density-compact {
17886
- height: calc(var(--v-btn-height) + -12px);
17851
+ .v-btn-group .v-btn:first-child {
17852
+ border-start-start-radius: inherit;
17853
+ border-end-start-radius: inherit;
17887
17854
  }
17888
-
17889
- .v-btn--border {
17855
+ .v-btn-group .v-btn:last-child {
17856
+ border-start-end-radius: inherit;
17857
+ border-end-end-radius: inherit;
17858
+ }
17859
+ .v-btn-group--divided .v-btn:not(:last-child) {
17860
+ border-inline-end-width: thin;
17861
+ border-inline-end-style: solid;
17862
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17863
+ }
17864
+ .v-btn-group--tile {
17865
+ border-radius: 0;
17866
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
17867
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17868
+ }
17869
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
17870
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17871
+ }
17872
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
17873
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17874
+ }
17875
+ @supports not selector(:focus-visible) {
17876
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
17877
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17878
+ }
17879
+ }.v-card {
17880
+ display: block;
17881
+ overflow: hidden;
17882
+ overflow-wrap: break-word;
17883
+ position: relative;
17884
+ padding: 0;
17885
+ text-decoration: none;
17886
+ transition-duration: 0.28s;
17887
+ transition-property: box-shadow, opacity, background;
17888
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17889
+ z-index: 0;
17890
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17891
+ border-style: solid;
17892
+ border-width: 0;
17893
+ border-radius: 4px;
17894
+ }
17895
+ .v-card--border {
17890
17896
  border-width: thin;
17891
17897
  box-shadow: none;
17892
17898
  }
17893
- .v-btn--absolute {
17899
+ .v-card--absolute {
17894
17900
  position: absolute;
17895
17901
  }
17896
- .v-btn--fixed {
17902
+ .v-card--fixed {
17897
17903
  position: fixed;
17898
17904
  }
17899
- .v-btn:hover > .v-btn__overlay {
17905
+ .v-card:hover > .v-card__overlay {
17900
17906
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17901
17907
  }
17902
- .v-btn:focus-visible > .v-btn__overlay {
17908
+ .v-card:focus-visible > .v-card__overlay {
17903
17909
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17904
17910
  }
17905
17911
  @supports not selector(:focus-visible) {
17906
- .v-btn:focus > .v-btn__overlay {
17912
+ .v-card:focus > .v-card__overlay {
17907
17913
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17908
17914
  }
17909
17915
  }
17910
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17916
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17911
17917
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17912
17918
  }
17913
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17919
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17914
17920
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17915
17921
  }
17916
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17922
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17917
17923
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17918
17924
  }
17919
17925
  @supports not selector(:focus-visible) {
17920
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17926
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17921
17927
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17922
17928
  }
17923
17929
  }
17924
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17930
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17925
17931
  background: transparent;
17926
17932
  color: inherit;
17927
17933
  }
17928
- .v-btn--variant-plain {
17934
+ .v-card--variant-plain {
17929
17935
  opacity: 0.62;
17930
17936
  }
17931
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17937
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17932
17938
  opacity: 1;
17933
17939
  }
17934
- .v-btn--variant-plain .v-btn__overlay {
17940
+ .v-card--variant-plain .v-card__overlay {
17935
17941
  display: none;
17936
17942
  }
17937
- .v-btn--variant-elevated, .v-btn--variant-flat {
17943
+ .v-card--variant-elevated, .v-card--variant-flat {
17938
17944
  background: rgb(var(--v-theme-surface));
17939
17945
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17940
17946
  }
17941
- .v-btn--variant-elevated {
17942
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17947
+ .v-card--variant-elevated {
17948
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17943
17949
  }
17944
- .v-btn--variant-flat {
17950
+ .v-card--variant-flat {
17945
17951
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17946
17952
  }
17947
- .v-btn--variant-outlined {
17953
+ .v-card--variant-outlined {
17948
17954
  border: thin solid currentColor;
17949
17955
  }
17950
- .v-btn--variant-text .v-btn__overlay {
17956
+ .v-card--variant-text .v-card__overlay {
17951
17957
  background: currentColor;
17952
17958
  }
17953
- .v-btn--variant-tonal .v-btn__underlay {
17959
+ .v-card--variant-tonal .v-card__underlay {
17954
17960
  background: currentColor;
17955
17961
  opacity: var(--v-activated-opacity);
17956
17962
  border-radius: inherit;
@@ -17961,405 +17967,418 @@ html.overflow-y-hidden {
17961
17967
  left: 0;
17962
17968
  pointer-events: none;
17963
17969
  }
17964
- @supports selector(:focus-visible) {
17965
- .v-btn::after {
17966
- content: "";
17967
- position: absolute;
17968
- top: 0;
17969
- left: 0;
17970
- width: 100%;
17971
- height: 100%;
17972
- pointer-events: none;
17973
- border: 2px solid currentColor;
17974
- border-radius: inherit;
17975
- opacity: 0;
17976
- transition: opacity 0.2s ease-in-out;
17977
- }
17978
- .v-btn:focus-visible::after {
17979
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17980
- }
17981
- }
17982
- .v-btn--icon {
17983
- border-radius: 50%;
17984
- min-width: 0;
17985
- padding: 0;
17986
- }
17987
- .v-btn--icon.v-btn--size-default {
17988
- --v-btn-size: 1rem;
17989
- }
17990
- .v-btn--icon.v-btn--density-default {
17991
- width: calc(var(--v-btn-height) + 12px);
17992
- height: calc(var(--v-btn-height) + 12px);
17993
- }
17994
- .v-btn--icon.v-btn--density-comfortable {
17995
- width: calc(var(--v-btn-height) + 0px);
17996
- height: calc(var(--v-btn-height) + 0px);
17997
- }
17998
- .v-btn--icon.v-btn--density-compact {
17999
- width: calc(var(--v-btn-height) + -8px);
18000
- height: calc(var(--v-btn-height) + -8px);
18001
- }
18002
-
18003
- .v-btn--elevated:hover, .v-btn--elevated:focus {
18004
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17970
+ .v-card--disabled {
17971
+ pointer-events: none;
17972
+ -webkit-user-select: none;
17973
+ user-select: none;
18005
17974
  }
18006
- .v-btn--elevated:active {
18007
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17975
+ .v-card--disabled > :not(.v-card__loader) {
17976
+ opacity: 0.6;
18008
17977
  }
18009
- .v-btn--flat {
17978
+ .v-card--flat {
18010
17979
  box-shadow: none;
18011
17980
  }
18012
- .v-btn--block {
18013
- display: flex;
18014
- flex: 1 0 auto;
18015
- min-width: 100%;
17981
+ .v-card--hover {
17982
+ cursor: pointer;
18016
17983
  }
18017
- .v-btn--disabled {
17984
+ .v-card--hover::before, .v-card--hover::after {
17985
+ border-radius: inherit;
17986
+ bottom: 0;
17987
+ content: "";
17988
+ display: block;
17989
+ left: 0;
18018
17990
  pointer-events: none;
18019
- opacity: 0.26;
18020
- }
18021
- .v-btn--disabled:hover {
18022
- opacity: 0.26;
17991
+ position: absolute;
17992
+ right: 0;
17993
+ top: 0;
17994
+ transition: inherit;
18023
17995
  }
18024
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18025
- box-shadow: none;
17996
+ .v-card--hover::before {
18026
17997
  opacity: 1;
18027
- color: rgba(var(--v-theme-on-surface), 0.26);
18028
- background: rgb(var(--v-theme-surface));
17998
+ z-index: -1;
17999
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18029
18000
  }
18030
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18031
- opacity: 0.4615384615;
18001
+ .v-card--hover::after {
18002
+ z-index: 1;
18003
+ opacity: 0;
18004
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18032
18005
  }
18033
- .v-btn--loading {
18034
- pointer-events: none;
18006
+ .v-card--hover:hover::after {
18007
+ opacity: 1;
18035
18008
  }
18036
- .v-btn--loading .v-btn__content,
18037
- .v-btn--loading .v-btn__prepend,
18038
- .v-btn--loading .v-btn__append {
18009
+ .v-card--hover:hover::before {
18039
18010
  opacity: 0;
18040
18011
  }
18041
- .v-btn--stacked {
18042
- grid-template-areas: "prepend" "content" "append";
18043
- grid-template-columns: auto;
18044
- grid-template-rows: max-content max-content max-content;
18045
- justify-items: center;
18046
- align-content: center;
18012
+ .v-card--hover:hover {
18013
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18047
18014
  }
18048
- .v-btn--stacked .v-btn__content {
18049
- flex-direction: column;
18050
- line-height: 1.25;
18015
+ .v-card--link {
18016
+ cursor: pointer;
18051
18017
  }
18052
- .v-btn--stacked .v-btn__prepend,
18053
- .v-btn--stacked .v-btn__append,
18054
- .v-btn--stacked .v-btn__content > .v-icon--start,
18055
- .v-btn--stacked .v-btn__content > .v-icon--end {
18056
- margin-inline: 0;
18018
+
18019
+ .v-card-actions {
18020
+ align-items: center;
18021
+ display: flex;
18022
+ flex: none;
18023
+ min-height: 52px;
18024
+ padding: 0.5rem;
18057
18025
  }
18058
- .v-btn--stacked .v-btn__prepend,
18059
- .v-btn--stacked .v-btn__content > .v-icon--start {
18060
- margin-bottom: 4px;
18026
+
18027
+ .v-card-item {
18028
+ align-items: center;
18029
+ display: grid;
18030
+ flex: none;
18031
+ grid-template-areas: "prepend content append";
18032
+ grid-template-columns: max-content auto max-content;
18033
+ padding: 0.625rem 1rem;
18061
18034
  }
18062
- .v-btn--stacked .v-btn__append,
18063
- .v-btn--stacked .v-btn__content > .v-icon--end {
18064
- margin-top: 4px;
18035
+ .v-card-item + .v-card-text {
18036
+ padding-top: 0;
18065
18037
  }
18066
- .v-btn--stacked.v-btn--size-x-small {
18067
- --v-btn-size: 0.625rem;
18068
- --v-btn-height: 56px;
18069
- font-size: var(--v-btn-size);
18070
- min-width: 56px;
18071
- padding: 0 12px;
18038
+ .v-card-item__prepend, .v-card-item__append {
18039
+ align-items: center;
18040
+ display: flex;
18072
18041
  }
18073
-
18074
- .v-btn--stacked.v-btn--size-small {
18075
- --v-btn-size: 0.75rem;
18076
- --v-btn-height: 64px;
18077
- font-size: var(--v-btn-size);
18078
- min-width: 64px;
18079
- padding: 0 14px;
18042
+ .v-card-item__prepend {
18043
+ grid-area: prepend;
18044
+ padding-inline-end: 0.5rem;
18080
18045
  }
18081
-
18082
- .v-btn--stacked.v-btn--size-default {
18083
- --v-btn-size: 0.875rem;
18084
- --v-btn-height: 72px;
18085
- font-size: var(--v-btn-size);
18086
- min-width: 72px;
18087
- padding: 0 16px;
18046
+ .v-card-item__append {
18047
+ grid-area: append;
18048
+ padding-inline-start: 0.5rem;
18088
18049
  }
18089
18050
 
18090
- .v-btn--stacked.v-btn--size-large {
18091
- --v-btn-size: 1rem;
18092
- --v-btn-height: 80px;
18093
- font-size: var(--v-btn-size);
18094
- min-width: 80px;
18095
- padding: 0 18px;
18051
+ .v-card-item__content {
18052
+ align-self: center;
18053
+ grid-area: content;
18054
+ overflow: hidden;
18096
18055
  }
18097
18056
 
18098
- .v-btn--stacked.v-btn--size-x-large {
18099
- --v-btn-size: 1.125rem;
18100
- --v-btn-height: 88px;
18101
- font-size: var(--v-btn-size);
18102
- min-width: 88px;
18103
- padding: 0 20px;
18057
+ .v-card-title {
18058
+ display: block;
18059
+ flex: none;
18060
+ font-size: 1.25rem;
18061
+ font-weight: 500;
18062
+ -webkit-hyphens: auto;
18063
+ hyphens: auto;
18064
+ letter-spacing: 0.0125em;
18065
+ min-width: 0;
18066
+ overflow-wrap: normal;
18067
+ overflow: hidden;
18068
+ padding: 0.5rem 1rem;
18069
+ text-overflow: ellipsis;
18070
+ text-transform: none;
18071
+ white-space: nowrap;
18072
+ word-break: normal;
18073
+ word-wrap: break-word;
18104
18074
  }
18105
-
18106
- .v-btn--stacked.v-btn--density-default {
18107
- height: calc(var(--v-btn-height) + 0px);
18075
+ .v-card .v-card-title {
18076
+ line-height: 2rem;
18108
18077
  }
18109
-
18110
- .v-btn--stacked.v-btn--density-comfortable {
18111
- height: calc(var(--v-btn-height) + -16px);
18078
+ .v-card--density-comfortable .v-card-title {
18079
+ line-height: 1.75rem;
18112
18080
  }
18113
-
18114
- .v-btn--stacked.v-btn--density-compact {
18115
- height: calc(var(--v-btn-height) + -24px);
18081
+ .v-card--density-compact .v-card-title {
18082
+ line-height: 1.55rem;
18116
18083
  }
18117
-
18118
- .v-btn--slim {
18119
- padding: 0 8px;
18084
+ .v-card-item .v-card-title {
18085
+ padding: 0;
18120
18086
  }
18121
- .v-btn--rounded {
18122
- border-radius: 24px;
18087
+ .v-card-title + .v-card-text,
18088
+ .v-card-title + .v-card-actions {
18089
+ padding-top: 0;
18123
18090
  }
18124
- .v-btn--rounded.v-btn--icon {
18125
- border-radius: 4px;
18091
+
18092
+ .v-card-subtitle {
18093
+ display: block;
18094
+ flex: none;
18095
+ font-size: 0.875rem;
18096
+ font-weight: 400;
18097
+ letter-spacing: 0.0178571429em;
18098
+ opacity: var(--v-medium-emphasis-opacity);
18099
+ overflow: hidden;
18100
+ padding: 0 1rem;
18101
+ text-overflow: ellipsis;
18102
+ text-transform: none;
18103
+ white-space: nowrap;
18126
18104
  }
18127
- .v-btn .v-icon {
18128
- --v-icon-size-multiplier: 0.8571428571;
18105
+ .v-card .v-card-subtitle {
18106
+ line-height: 1.25rem;
18129
18107
  }
18130
- .v-btn--icon .v-icon {
18131
- --v-icon-size-multiplier: 1;
18108
+ .v-card--density-comfortable .v-card-subtitle {
18109
+ line-height: 1.125rem;
18132
18110
  }
18133
- .v-btn--stacked .v-icon {
18134
- --v-icon-size-multiplier: 1.1428571429;
18111
+ .v-card--density-compact .v-card-subtitle {
18112
+ line-height: 1rem;
18113
+ }
18114
+ .v-card-item .v-card-subtitle {
18115
+ padding: 0 0 0.25rem;
18135
18116
  }
18136
18117
 
18137
- .v-btn__loader {
18138
- align-items: center;
18118
+ .v-card-text {
18119
+ flex: 1 1 auto;
18120
+ font-size: 0.875rem;
18121
+ font-weight: 400;
18122
+ letter-spacing: 0.0178571429em;
18123
+ padding: 1rem;
18124
+ text-transform: none;
18125
+ }
18126
+ .v-card .v-card-text {
18127
+ line-height: 1.25rem;
18128
+ }
18129
+ .v-card--density-comfortable .v-card-text {
18130
+ line-height: 1.2rem;
18131
+ }
18132
+ .v-card--density-compact .v-card-text {
18133
+ line-height: 1.15rem;
18134
+ }
18135
+
18136
+ .v-card__image {
18139
18137
  display: flex;
18140
18138
  height: 100%;
18141
- justify-content: center;
18139
+ flex: 1 1 auto;
18142
18140
  left: 0;
18141
+ overflow: hidden;
18143
18142
  position: absolute;
18144
18143
  top: 0;
18145
18144
  width: 100%;
18145
+ z-index: -1;
18146
18146
  }
18147
18147
 
18148
- .v-btn__content,
18149
- .v-btn__prepend,
18150
- .v-btn__append {
18151
- align-items: center;
18152
- display: flex;
18153
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18148
+ .v-card__content {
18149
+ border-radius: inherit;
18150
+ overflow: hidden;
18151
+ position: relative;
18154
18152
  }
18155
18153
 
18156
- .v-btn__prepend {
18157
- grid-area: prepend;
18158
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18154
+ .v-card__loader {
18155
+ bottom: auto;
18156
+ top: 0;
18157
+ left: 0;
18158
+ position: absolute;
18159
+ right: 0;
18160
+ width: 100%;
18161
+ z-index: 1;
18159
18162
  }
18160
18163
 
18161
- .v-btn__append {
18162
- grid-area: append;
18163
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18164
+ .v-card__overlay {
18165
+ background-color: currentColor;
18166
+ border-radius: inherit;
18167
+ position: absolute;
18168
+ top: 0;
18169
+ right: 0;
18170
+ bottom: 0;
18171
+ left: 0;
18172
+ pointer-events: none;
18173
+ opacity: 0;
18174
+ transition: opacity 0.2s ease-in-out;
18175
+ }.v-carousel {
18176
+ overflow: hidden;
18177
+ position: relative;
18178
+ width: 100%;
18164
18179
  }
18165
-
18166
- .v-btn__content {
18167
- grid-area: content;
18180
+ .v-carousel__controls {
18181
+ align-items: center;
18182
+ bottom: 0;
18183
+ display: flex;
18184
+ height: 50px;
18168
18185
  justify-content: center;
18169
- white-space: nowrap;
18186
+ list-style-type: none;
18187
+ position: absolute;
18188
+ width: 100%;
18189
+ z-index: 1;
18190
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18191
+ color: rgb(var(--v-theme-on-surface-variant));
18170
18192
  }
18171
- .v-btn__content > .v-icon--start {
18172
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18193
+ .v-carousel__controls > .v-item-group {
18194
+ flex: 0 1 auto;
18173
18195
  }
18174
- .v-btn__content > .v-icon--end {
18175
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18196
+ .v-carousel__controls__item {
18197
+ margin: 0 8px;
18176
18198
  }
18177
- .v-btn--stacked .v-btn__content {
18178
- white-space: normal;
18199
+ .v-carousel__controls__item .v-icon {
18200
+ opacity: 0.5;
18179
18201
  }
18180
-
18181
- .v-btn__overlay {
18182
- background-color: currentColor;
18183
- border-radius: inherit;
18184
- opacity: 0;
18185
- transition: opacity 0.2s ease-in-out;
18202
+ .v-carousel__controls__item--active .v-icon {
18203
+ opacity: 1;
18204
+ vertical-align: middle;
18205
+ }
18206
+ .v-carousel__controls__item:hover {
18207
+ background: none;
18208
+ }
18209
+ .v-carousel__controls__item:hover .v-icon {
18210
+ opacity: 0.8;
18186
18211
  }
18187
18212
 
18188
- .v-btn__overlay,
18189
- .v-btn__underlay {
18213
+ .v-carousel__progress {
18214
+ margin: 0;
18190
18215
  position: absolute;
18191
- top: 0;
18216
+ bottom: 0;
18192
18217
  left: 0;
18193
- width: 100%;
18194
- height: 100%;
18195
- pointer-events: none;
18196
- }
18197
-
18198
- .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18199
- margin-inline-start: 0.5rem;
18218
+ right: 0;
18200
18219
  }
18201
18220
 
18202
- .v-pagination .v-btn {
18203
- border-radius: 4px;
18221
+ .v-carousel-item {
18222
+ display: block;
18223
+ height: inherit;
18224
+ text-decoration: none;
18204
18225
  }
18205
- .v-pagination .v-btn--rounded {
18206
- border-radius: 50%;
18226
+ .v-carousel-item > .v-img {
18227
+ height: inherit;
18207
18228
  }
18208
- .v-btn__overlay {
18209
- transition: none;
18229
+
18230
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18231
+ background: transparent;
18210
18232
  }
18211
- .v-pagination__item--is-active .v-btn__overlay {
18212
- opacity: var(--v-border-opacity);
18213
- }.v-btn-group {
18214
- display: inline-flex;
18215
- flex-wrap: nowrap;
18233
+
18234
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18235
+ flex-direction: column;
18236
+ height: 100% !important;
18237
+ width: 50px;
18238
+ }.v-btn {
18239
+ align-items: center;
18240
+ border-radius: 4px;
18241
+ display: inline-grid;
18242
+ grid-template-areas: "prepend content append";
18243
+ grid-template-columns: max-content auto max-content;
18244
+ font-weight: 500;
18245
+ justify-content: center;
18246
+ letter-spacing: 0.0892857143em;
18247
+ line-height: normal;
18216
18248
  max-width: 100%;
18217
- min-width: 0;
18218
- overflow: hidden;
18249
+ outline: none;
18250
+ position: relative;
18251
+ text-decoration: none;
18252
+ text-indent: 0.0892857143em;
18253
+ text-transform: uppercase;
18254
+ transition-property: box-shadow, transform, opacity, background;
18255
+ transition-duration: 0.28s;
18256
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18257
+ -webkit-user-select: none;
18258
+ user-select: none;
18219
18259
  vertical-align: middle;
18260
+ flex-shrink: 0;
18220
18261
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18221
18262
  border-style: solid;
18222
18263
  border-width: 0;
18223
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18224
- border-radius: 4px;
18225
- background: transparent;
18226
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18227
- }
18228
- .v-btn-group--border {
18229
- border-width: thin;
18230
- box-shadow: none;
18231
18264
  }
18232
- .v-btn-group--density-default.v-btn-group {
18233
- height: 48px;
18265
+ .v-btn--size-x-small {
18266
+ --v-btn-size: 0.625rem;
18267
+ --v-btn-height: 20px;
18268
+ font-size: var(--v-btn-size);
18269
+ min-width: 36px;
18270
+ padding: 0 8px;
18234
18271
  }
18235
18272
 
18236
- .v-btn-group--density-comfortable.v-btn-group {
18237
- height: 40px;
18273
+ .v-btn--size-small {
18274
+ --v-btn-size: 0.75rem;
18275
+ --v-btn-height: 28px;
18276
+ font-size: var(--v-btn-size);
18277
+ min-width: 50px;
18278
+ padding: 0 12px;
18238
18279
  }
18239
18280
 
18240
- .v-btn-group--density-compact.v-btn-group {
18241
- height: 36px;
18281
+ .v-btn--size-default {
18282
+ --v-btn-size: 0.875rem;
18283
+ --v-btn-height: 36px;
18284
+ font-size: var(--v-btn-size);
18285
+ min-width: 64px;
18286
+ padding: 0 16px;
18242
18287
  }
18243
18288
 
18244
- .v-btn-group .v-btn {
18245
- border-radius: 0;
18246
- border-color: inherit;
18289
+ .v-btn--size-large {
18290
+ --v-btn-size: 1rem;
18291
+ --v-btn-height: 44px;
18292
+ font-size: var(--v-btn-size);
18293
+ min-width: 78px;
18294
+ padding: 0 20px;
18247
18295
  }
18248
- .v-btn-group .v-btn:not(:last-child) {
18249
- border-inline-end: none;
18296
+
18297
+ .v-btn--size-x-large {
18298
+ --v-btn-size: 1.125rem;
18299
+ --v-btn-height: 52px;
18300
+ font-size: var(--v-btn-size);
18301
+ min-width: 92px;
18302
+ padding: 0 24px;
18250
18303
  }
18251
- .v-btn-group .v-btn:not(:first-child) {
18252
- border-inline-start: none;
18304
+
18305
+ .v-btn.v-btn--density-default {
18306
+ height: calc(var(--v-btn-height) + 0px);
18253
18307
  }
18254
- .v-btn-group .v-btn:first-child {
18255
- border-start-start-radius: inherit;
18256
- border-end-start-radius: inherit;
18308
+
18309
+ .v-btn.v-btn--density-comfortable {
18310
+ height: calc(var(--v-btn-height) + -8px);
18257
18311
  }
18258
- .v-btn-group .v-btn:last-child {
18259
- border-start-end-radius: inherit;
18260
- border-end-end-radius: inherit;
18312
+
18313
+ .v-btn.v-btn--density-compact {
18314
+ height: calc(var(--v-btn-height) + -12px);
18261
18315
  }
18262
- .v-btn-group--divided .v-btn:not(:last-child) {
18263
- border-inline-end-width: thin;
18264
- border-inline-end-style: solid;
18265
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18316
+
18317
+ .v-btn--border {
18318
+ border-width: thin;
18319
+ box-shadow: none;
18266
18320
  }
18267
- .v-btn-group--tile {
18268
- border-radius: 0;
18269
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18270
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18321
+ .v-btn--absolute {
18322
+ position: absolute;
18271
18323
  }
18272
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18273
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18324
+ .v-btn--fixed {
18325
+ position: fixed;
18274
18326
  }
18275
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18276
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18327
+ .v-btn:hover > .v-btn__overlay {
18328
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18277
18329
  }
18278
- @supports not selector(:focus-visible) {
18279
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18280
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18281
- }
18282
- }.v-card {
18283
- display: block;
18284
- overflow: hidden;
18285
- overflow-wrap: break-word;
18286
- position: relative;
18287
- padding: 0;
18288
- text-decoration: none;
18289
- transition-duration: 0.28s;
18290
- transition-property: box-shadow, opacity, background;
18291
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18292
- z-index: 0;
18293
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
- border-style: solid;
18295
- border-width: 0;
18296
- border-radius: 4px;
18297
- }
18298
- .v-card--border {
18299
- border-width: thin;
18300
- box-shadow: none;
18301
- }
18302
- .v-card--absolute {
18303
- position: absolute;
18304
- }
18305
- .v-card--fixed {
18306
- position: fixed;
18307
- }
18308
- .v-card:hover > .v-card__overlay {
18309
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18310
- }
18311
- .v-card:focus-visible > .v-card__overlay {
18330
+ .v-btn:focus-visible > .v-btn__overlay {
18312
18331
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18313
18332
  }
18314
18333
  @supports not selector(:focus-visible) {
18315
- .v-card:focus > .v-card__overlay {
18334
+ .v-btn:focus > .v-btn__overlay {
18316
18335
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18317
18336
  }
18318
18337
  }
18319
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18338
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18320
18339
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18321
18340
  }
18322
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18341
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18323
18342
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18324
18343
  }
18325
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18344
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18326
18345
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18327
18346
  }
18328
18347
  @supports not selector(:focus-visible) {
18329
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18348
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18330
18349
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18331
18350
  }
18332
18351
  }
18333
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18352
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18334
18353
  background: transparent;
18335
18354
  color: inherit;
18336
18355
  }
18337
- .v-card--variant-plain {
18356
+ .v-btn--variant-plain {
18338
18357
  opacity: 0.62;
18339
18358
  }
18340
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18359
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18341
18360
  opacity: 1;
18342
18361
  }
18343
- .v-card--variant-plain .v-card__overlay {
18362
+ .v-btn--variant-plain .v-btn__overlay {
18344
18363
  display: none;
18345
18364
  }
18346
- .v-card--variant-elevated, .v-card--variant-flat {
18365
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18347
18366
  background: rgb(var(--v-theme-surface));
18348
18367
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18349
18368
  }
18350
- .v-card--variant-elevated {
18351
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18369
+ .v-btn--variant-elevated {
18370
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18352
18371
  }
18353
- .v-card--variant-flat {
18372
+ .v-btn--variant-flat {
18354
18373
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18355
18374
  }
18356
- .v-card--variant-outlined {
18375
+ .v-btn--variant-outlined {
18357
18376
  border: thin solid currentColor;
18358
18377
  }
18359
- .v-card--variant-text .v-card__overlay {
18378
+ .v-btn--variant-text .v-btn__overlay {
18360
18379
  background: currentColor;
18361
18380
  }
18362
- .v-card--variant-tonal .v-card__underlay {
18381
+ .v-btn--variant-tonal .v-btn__underlay {
18363
18382
  background: currentColor;
18364
18383
  opacity: var(--v-activated-opacity);
18365
18384
  border-radius: inherit;
@@ -18370,274 +18389,260 @@ html.overflow-y-hidden {
18370
18389
  left: 0;
18371
18390
  pointer-events: none;
18372
18391
  }
18373
- .v-card--disabled {
18374
- pointer-events: none;
18375
- -webkit-user-select: none;
18376
- user-select: none;
18392
+ @supports selector(:focus-visible) {
18393
+ .v-btn::after {
18394
+ content: "";
18395
+ position: absolute;
18396
+ top: 0;
18397
+ left: 0;
18398
+ width: 100%;
18399
+ height: 100%;
18400
+ pointer-events: none;
18401
+ border: 2px solid currentColor;
18402
+ border-radius: inherit;
18403
+ opacity: 0;
18404
+ transition: opacity 0.2s ease-in-out;
18405
+ }
18406
+ .v-btn:focus-visible::after {
18407
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18408
+ }
18377
18409
  }
18378
- .v-card--disabled > :not(.v-card__loader) {
18379
- opacity: 0.6;
18410
+ .v-btn--icon {
18411
+ border-radius: 50%;
18412
+ min-width: 0;
18413
+ padding: 0;
18380
18414
  }
18381
- .v-card--flat {
18415
+ .v-btn--icon.v-btn--size-default {
18416
+ --v-btn-size: 1rem;
18417
+ }
18418
+ .v-btn--icon.v-btn--density-default {
18419
+ width: calc(var(--v-btn-height) + 12px);
18420
+ height: calc(var(--v-btn-height) + 12px);
18421
+ }
18422
+ .v-btn--icon.v-btn--density-comfortable {
18423
+ width: calc(var(--v-btn-height) + 0px);
18424
+ height: calc(var(--v-btn-height) + 0px);
18425
+ }
18426
+ .v-btn--icon.v-btn--density-compact {
18427
+ width: calc(var(--v-btn-height) + -8px);
18428
+ height: calc(var(--v-btn-height) + -8px);
18429
+ }
18430
+
18431
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
18432
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18433
+ }
18434
+ .v-btn--elevated:active {
18435
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18436
+ }
18437
+ .v-btn--flat {
18382
18438
  box-shadow: none;
18383
18439
  }
18384
- .v-card--hover {
18385
- cursor: pointer;
18440
+ .v-btn--block {
18441
+ display: flex;
18442
+ flex: 1 0 auto;
18443
+ min-width: 100%;
18386
18444
  }
18387
- .v-card--hover::before, .v-card--hover::after {
18388
- border-radius: inherit;
18389
- bottom: 0;
18390
- content: "";
18391
- display: block;
18392
- left: 0;
18445
+ .v-btn--disabled {
18393
18446
  pointer-events: none;
18394
- position: absolute;
18395
- right: 0;
18396
- top: 0;
18397
- transition: inherit;
18447
+ opacity: 0.26;
18398
18448
  }
18399
- .v-card--hover::before {
18449
+ .v-btn--disabled:hover {
18450
+ opacity: 0.26;
18451
+ }
18452
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
18453
+ box-shadow: none;
18400
18454
  opacity: 1;
18401
- z-index: -1;
18402
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18455
+ color: rgba(var(--v-theme-on-surface), 0.26);
18456
+ background: rgb(var(--v-theme-surface));
18403
18457
  }
18404
- .v-card--hover::after {
18405
- z-index: 1;
18406
- opacity: 0;
18407
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18458
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
18459
+ opacity: 0.4615384615;
18408
18460
  }
18409
- .v-card--hover:hover::after {
18410
- opacity: 1;
18461
+ .v-btn--loading {
18462
+ pointer-events: none;
18411
18463
  }
18412
- .v-card--hover:hover::before {
18464
+ .v-btn--loading .v-btn__content,
18465
+ .v-btn--loading .v-btn__prepend,
18466
+ .v-btn--loading .v-btn__append {
18413
18467
  opacity: 0;
18414
18468
  }
18415
- .v-card--hover:hover {
18416
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18469
+ .v-btn--stacked {
18470
+ grid-template-areas: "prepend" "content" "append";
18471
+ grid-template-columns: auto;
18472
+ grid-template-rows: max-content max-content max-content;
18473
+ justify-items: center;
18474
+ align-content: center;
18417
18475
  }
18418
- .v-card--link {
18419
- cursor: pointer;
18476
+ .v-btn--stacked .v-btn__content {
18477
+ flex-direction: column;
18478
+ line-height: 1.25;
18479
+ }
18480
+ .v-btn--stacked .v-btn__prepend,
18481
+ .v-btn--stacked .v-btn__append,
18482
+ .v-btn--stacked .v-btn__content > .v-icon--start,
18483
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18484
+ margin-inline: 0;
18485
+ }
18486
+ .v-btn--stacked .v-btn__prepend,
18487
+ .v-btn--stacked .v-btn__content > .v-icon--start {
18488
+ margin-bottom: 4px;
18489
+ }
18490
+ .v-btn--stacked .v-btn__append,
18491
+ .v-btn--stacked .v-btn__content > .v-icon--end {
18492
+ margin-top: 4px;
18493
+ }
18494
+ .v-btn--stacked.v-btn--size-x-small {
18495
+ --v-btn-size: 0.625rem;
18496
+ --v-btn-height: 56px;
18497
+ font-size: var(--v-btn-size);
18498
+ min-width: 56px;
18499
+ padding: 0 12px;
18420
18500
  }
18421
18501
 
18422
- .v-card-actions {
18423
- align-items: center;
18424
- display: flex;
18425
- flex: none;
18426
- min-height: 52px;
18427
- padding: 0.5rem;
18502
+ .v-btn--stacked.v-btn--size-small {
18503
+ --v-btn-size: 0.75rem;
18504
+ --v-btn-height: 64px;
18505
+ font-size: var(--v-btn-size);
18506
+ min-width: 64px;
18507
+ padding: 0 14px;
18428
18508
  }
18429
18509
 
18430
- .v-card-item {
18431
- align-items: center;
18432
- display: grid;
18433
- flex: none;
18434
- grid-template-areas: "prepend content append";
18435
- grid-template-columns: max-content auto max-content;
18436
- padding: 0.625rem 1rem;
18510
+ .v-btn--stacked.v-btn--size-default {
18511
+ --v-btn-size: 0.875rem;
18512
+ --v-btn-height: 72px;
18513
+ font-size: var(--v-btn-size);
18514
+ min-width: 72px;
18515
+ padding: 0 16px;
18437
18516
  }
18438
- .v-card-item + .v-card-text {
18439
- padding-top: 0;
18517
+
18518
+ .v-btn--stacked.v-btn--size-large {
18519
+ --v-btn-size: 1rem;
18520
+ --v-btn-height: 80px;
18521
+ font-size: var(--v-btn-size);
18522
+ min-width: 80px;
18523
+ padding: 0 18px;
18440
18524
  }
18441
- .v-card-item__prepend, .v-card-item__append {
18442
- align-items: center;
18443
- display: flex;
18525
+
18526
+ .v-btn--stacked.v-btn--size-x-large {
18527
+ --v-btn-size: 1.125rem;
18528
+ --v-btn-height: 88px;
18529
+ font-size: var(--v-btn-size);
18530
+ min-width: 88px;
18531
+ padding: 0 20px;
18444
18532
  }
18445
- .v-card-item__prepend {
18446
- grid-area: prepend;
18447
- padding-inline-end: 0.5rem;
18533
+
18534
+ .v-btn--stacked.v-btn--density-default {
18535
+ height: calc(var(--v-btn-height) + 0px);
18448
18536
  }
18449
- .v-card-item__append {
18450
- grid-area: append;
18451
- padding-inline-start: 0.5rem;
18537
+
18538
+ .v-btn--stacked.v-btn--density-comfortable {
18539
+ height: calc(var(--v-btn-height) + -16px);
18452
18540
  }
18453
18541
 
18454
- .v-card-item__content {
18455
- align-self: center;
18456
- grid-area: content;
18457
- overflow: hidden;
18542
+ .v-btn--stacked.v-btn--density-compact {
18543
+ height: calc(var(--v-btn-height) + -24px);
18458
18544
  }
18459
18545
 
18460
- .v-card-title {
18461
- display: block;
18462
- flex: none;
18463
- font-size: 1.25rem;
18464
- font-weight: 500;
18465
- -webkit-hyphens: auto;
18466
- hyphens: auto;
18467
- letter-spacing: 0.0125em;
18468
- min-width: 0;
18469
- overflow-wrap: normal;
18470
- overflow: hidden;
18471
- padding: 0.5rem 1rem;
18472
- text-overflow: ellipsis;
18473
- text-transform: none;
18474
- white-space: nowrap;
18475
- word-break: normal;
18476
- word-wrap: break-word;
18477
- }
18478
- .v-card .v-card-title {
18479
- line-height: 2rem;
18480
- }
18481
- .v-card--density-comfortable .v-card-title {
18482
- line-height: 1.75rem;
18483
- }
18484
- .v-card--density-compact .v-card-title {
18485
- line-height: 1.55rem;
18486
- }
18487
- .v-card-item .v-card-title {
18488
- padding: 0;
18489
- }
18490
- .v-card-title + .v-card-text,
18491
- .v-card-title + .v-card-actions {
18492
- padding-top: 0;
18493
- }
18494
-
18495
- .v-card-subtitle {
18496
- display: block;
18497
- flex: none;
18498
- font-size: 0.875rem;
18499
- font-weight: 400;
18500
- letter-spacing: 0.0178571429em;
18501
- opacity: var(--v-medium-emphasis-opacity);
18502
- overflow: hidden;
18503
- padding: 0 1rem;
18504
- text-overflow: ellipsis;
18505
- text-transform: none;
18506
- white-space: nowrap;
18507
- }
18508
- .v-card .v-card-subtitle {
18509
- line-height: 1.25rem;
18510
- }
18511
- .v-card--density-comfortable .v-card-subtitle {
18512
- line-height: 1.125rem;
18513
- }
18514
- .v-card--density-compact .v-card-subtitle {
18515
- line-height: 1rem;
18546
+ .v-btn--slim {
18547
+ padding: 0 8px;
18516
18548
  }
18517
- .v-card-item .v-card-subtitle {
18518
- padding: 0 0 0.25rem;
18549
+ .v-btn--rounded {
18550
+ border-radius: 24px;
18519
18551
  }
18520
-
18521
- .v-card-text {
18522
- flex: 1 1 auto;
18523
- font-size: 0.875rem;
18524
- font-weight: 400;
18525
- letter-spacing: 0.0178571429em;
18526
- padding: 1rem;
18527
- text-transform: none;
18552
+ .v-btn--rounded.v-btn--icon {
18553
+ border-radius: 4px;
18528
18554
  }
18529
- .v-card .v-card-text {
18530
- line-height: 1.25rem;
18555
+ .v-btn .v-icon {
18556
+ --v-icon-size-multiplier: 0.8571428571;
18531
18557
  }
18532
- .v-card--density-comfortable .v-card-text {
18533
- line-height: 1.2rem;
18558
+ .v-btn--icon .v-icon {
18559
+ --v-icon-size-multiplier: 1;
18534
18560
  }
18535
- .v-card--density-compact .v-card-text {
18536
- line-height: 1.15rem;
18561
+ .v-btn--stacked .v-icon {
18562
+ --v-icon-size-multiplier: 1.1428571429;
18537
18563
  }
18538
18564
 
18539
- .v-card__image {
18565
+ .v-btn__loader {
18566
+ align-items: center;
18540
18567
  display: flex;
18541
18568
  height: 100%;
18542
- flex: 1 1 auto;
18569
+ justify-content: center;
18543
18570
  left: 0;
18544
- overflow: hidden;
18545
18571
  position: absolute;
18546
18572
  top: 0;
18547
18573
  width: 100%;
18548
- z-index: -1;
18549
18574
  }
18550
18575
 
18551
- .v-card__content {
18552
- border-radius: inherit;
18553
- overflow: hidden;
18554
- position: relative;
18576
+ .v-btn__content,
18577
+ .v-btn__prepend,
18578
+ .v-btn__append {
18579
+ align-items: center;
18580
+ display: flex;
18581
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18555
18582
  }
18556
18583
 
18557
- .v-card__loader {
18558
- bottom: auto;
18559
- top: 0;
18560
- left: 0;
18561
- position: absolute;
18562
- right: 0;
18563
- width: 100%;
18564
- z-index: 1;
18584
+ .v-btn__prepend {
18585
+ grid-area: prepend;
18586
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18565
18587
  }
18566
18588
 
18567
- .v-card__overlay {
18568
- background-color: currentColor;
18569
- border-radius: inherit;
18570
- position: absolute;
18571
- top: 0;
18572
- right: 0;
18573
- bottom: 0;
18574
- left: 0;
18575
- pointer-events: none;
18576
- opacity: 0;
18577
- transition: opacity 0.2s ease-in-out;
18578
- }.v-carousel {
18579
- overflow: hidden;
18580
- position: relative;
18581
- width: 100%;
18589
+ .v-btn__append {
18590
+ grid-area: append;
18591
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18582
18592
  }
18583
- .v-carousel__controls {
18584
- align-items: center;
18585
- bottom: 0;
18586
- display: flex;
18587
- height: 50px;
18593
+
18594
+ .v-btn__content {
18595
+ grid-area: content;
18588
18596
  justify-content: center;
18589
- list-style-type: none;
18590
- position: absolute;
18591
- width: 100%;
18592
- z-index: 1;
18593
- background: rgba(var(--v-theme-surface-variant), 0.3);
18594
- color: rgb(var(--v-theme-on-surface-variant));
18595
- }
18596
- .v-carousel__controls > .v-item-group {
18597
- flex: 0 1 auto;
18598
- }
18599
- .v-carousel__controls__item {
18600
- margin: 0 8px;
18597
+ white-space: nowrap;
18601
18598
  }
18602
- .v-carousel__controls__item .v-icon {
18603
- opacity: 0.5;
18599
+ .v-btn__content > .v-icon--start {
18600
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
18604
18601
  }
18605
- .v-carousel__controls__item--active .v-icon {
18606
- opacity: 1;
18607
- vertical-align: middle;
18602
+ .v-btn__content > .v-icon--end {
18603
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
18608
18604
  }
18609
- .v-carousel__controls__item:hover {
18610
- background: none;
18605
+ .v-btn--stacked .v-btn__content {
18606
+ white-space: normal;
18611
18607
  }
18612
- .v-carousel__controls__item:hover .v-icon {
18613
- opacity: 0.8;
18608
+
18609
+ .v-btn__overlay {
18610
+ background-color: currentColor;
18611
+ border-radius: inherit;
18612
+ opacity: 0;
18613
+ transition: opacity 0.2s ease-in-out;
18614
18614
  }
18615
18615
 
18616
- .v-carousel__progress {
18617
- margin: 0;
18616
+ .v-btn__overlay,
18617
+ .v-btn__underlay {
18618
18618
  position: absolute;
18619
- bottom: 0;
18619
+ top: 0;
18620
18620
  left: 0;
18621
- right: 0;
18621
+ width: 100%;
18622
+ height: 100%;
18623
+ pointer-events: none;
18622
18624
  }
18623
18625
 
18624
- .v-carousel-item {
18625
- display: block;
18626
- height: inherit;
18627
- text-decoration: none;
18628
- }
18629
- .v-carousel-item > .v-img {
18630
- height: inherit;
18626
+ .v-card-actions .v-btn ~ .v-btn:not(.v-btn-toggle .v-btn) {
18627
+ margin-inline-start: 0.5rem;
18631
18628
  }
18632
18629
 
18633
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18634
- background: transparent;
18630
+ .v-pagination .v-btn {
18631
+ border-radius: 4px;
18635
18632
  }
18636
-
18637
- .v-carousel--vertical-delimiters .v-carousel__controls {
18638
- flex-direction: column;
18639
- height: 100% !important;
18640
- width: 50px;
18633
+ .v-pagination .v-btn--rounded {
18634
+ border-radius: 50%;
18635
+ }
18636
+ .v-btn__overlay {
18637
+ transition: none;
18638
+ }
18639
+ .v-pagination__item--is-active .v-btn__overlay {
18640
+ opacity: var(--v-border-opacity);
18641
+ }.v-checkbox.v-input {
18642
+ flex: 0 1 auto;
18643
+ }
18644
+ .v-checkbox .v-selection-control {
18645
+ min-height: var(--v-input-control-height);
18641
18646
  }.v-chip {
18642
18647
  align-items: center;
18643
18648
  display: inline-flex;
@@ -19045,11 +19050,6 @@ html.overflow-y-hidden {
19045
19050
 
19046
19051
  .v-chip--label {
19047
19052
  border-radius: 4px;
19048
- }.v-checkbox.v-input {
19049
- flex: 0 1 auto;
19050
- }
19051
- .v-checkbox .v-selection-control {
19052
- min-height: var(--v-input-control-height);
19053
19053
  }.v-chip-group {
19054
19054
  display: flex;
19055
19055
  max-width: 100%;
@@ -19846,6 +19846,41 @@ html.overflow-y-hidden {
19846
19846
  flex: 0 1 auto;
19847
19847
  font-size: 12px;
19848
19848
  transition-duration: 150ms;
19849
+ }.v-data-table-footer {
19850
+ display: flex;
19851
+ align-items: center;
19852
+ flex-wrap: wrap;
19853
+ padding: 4px;
19854
+ justify-content: flex-end;
19855
+ }
19856
+
19857
+ .v-data-table-footer__items-per-page {
19858
+ display: flex;
19859
+ align-items: center;
19860
+ justify-content: center;
19861
+ }
19862
+ .v-data-table-footer__items-per-page > span {
19863
+ padding-inline-end: 8px;
19864
+ }
19865
+ .v-data-table-footer__items-per-page > .v-select {
19866
+ width: 90px;
19867
+ }
19868
+
19869
+ .v-data-table-footer__info {
19870
+ display: flex;
19871
+ justify-content: flex-end;
19872
+ min-width: 116px;
19873
+ padding: 0 16px;
19874
+ }
19875
+
19876
+ .v-data-table-footer__pagination {
19877
+ display: flex;
19878
+ align-items: center;
19879
+ margin-inline-start: 16px;
19880
+ }
19881
+
19882
+ .v-data-table-footer__page {
19883
+ padding: 0 8px;
19849
19884
  }.v-data-table {
19850
19885
  width: 100%;
19851
19886
  }
@@ -19979,103 +20014,12 @@ html.overflow-y-hidden {
19979
20014
  .v-data-table-rows-loading,
19980
20015
  .v-data-table-rows-no-data {
19981
20016
  text-align: center;
19982
- }.v-data-table-footer {
19983
- display: flex;
19984
- align-items: center;
19985
- flex-wrap: wrap;
19986
- padding: 4px;
19987
- justify-content: flex-end;
19988
- }
19989
-
19990
- .v-data-table-footer__items-per-page {
19991
- display: flex;
19992
- align-items: center;
19993
- justify-content: center;
19994
- }
19995
- .v-data-table-footer__items-per-page > span {
19996
- padding-inline-end: 8px;
19997
- }
19998
- .v-data-table-footer__items-per-page > .v-select {
19999
- width: 90px;
20000
- }
20001
-
20002
- .v-data-table-footer__info {
20003
- display: flex;
20004
- justify-content: flex-end;
20005
- min-width: 116px;
20006
- padding: 0 16px;
20007
- }
20008
-
20009
- .v-data-table-footer__pagination {
20010
- display: flex;
20011
- align-items: center;
20012
- margin-inline-start: 16px;
20013
- }
20014
-
20015
- .v-data-table-footer__page {
20016
- padding: 0 8px;
20017
20017
  }.v-date-picker {
20018
20018
  overflow: hidden;
20019
20019
  width: 328px;
20020
20020
  }
20021
20021
  .v-date-picker--show-week {
20022
20022
  width: 368px;
20023
- }.v-date-picker-controls {
20024
- display: flex;
20025
- align-items: center;
20026
- justify-content: space-between;
20027
- font-size: 0.875rem;
20028
- padding-top: 4px;
20029
- padding-bottom: 4px;
20030
- padding-inline-start: 6px;
20031
- padding-inline-end: 12px;
20032
- }
20033
- .v-date-picker-controls > .v-btn:first-child {
20034
- text-transform: none;
20035
- font-weight: 400;
20036
- line-height: initial;
20037
- letter-spacing: initial;
20038
- }
20039
- .v-date-picker-controls--variant-classic {
20040
- padding-inline-start: 12px;
20041
- }
20042
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20043
- opacity: 0.7;
20044
- }
20045
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20046
- cursor: pointer;
20047
- }
20048
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20049
- opacity: 1;
20050
- }
20051
- .v-date-picker-controls .v-btn:last-child {
20052
- margin-inline-start: 4px;
20053
- }
20054
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20055
- transform: rotate(180deg);
20056
- }
20057
-
20058
- .v-date-picker-controls__date {
20059
- margin-inline-end: 4px;
20060
- }
20061
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20062
- margin: auto;
20063
- text-align: center;
20064
- }
20065
-
20066
- .v-date-picker-controls__month {
20067
- display: flex;
20068
- }
20069
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20070
- flex-direction: row-reverse;
20071
- }
20072
-
20073
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20074
- flex: 1 0 auto;
20075
- }
20076
-
20077
- .v-date-picker__title {
20078
- display: inline-block;
20079
20023
  }.v-date-picker-header {
20080
20024
  align-items: flex-end;
20081
20025
  height: 70px;
@@ -20136,25 +20080,62 @@ html.overflow-y-hidden {
20136
20080
  .date-picker-header-reverse-transition-leave-to {
20137
20081
  opacity: 0;
20138
20082
  transform: translate(0, 100%);
20139
- }.v-date-picker-months {
20140
- height: 288px;
20141
- }
20142
-
20143
- .v-date-picker-months__content {
20083
+ }.v-date-picker-controls {
20084
+ display: flex;
20144
20085
  align-items: center;
20145
- display: grid;
20146
- flex: 1 1;
20147
- height: inherit;
20148
- justify-content: space-around;
20149
- grid-template-columns: repeat(2, 1fr);
20150
- grid-gap: 0px 24px;
20151
- padding-inline-start: 36px;
20152
- padding-inline-end: 36px;
20086
+ justify-content: space-between;
20087
+ font-size: 0.875rem;
20088
+ padding-top: 4px;
20089
+ padding-bottom: 4px;
20090
+ padding-inline-start: 6px;
20091
+ padding-inline-end: 12px;
20153
20092
  }
20154
- .v-date-picker-months__content .v-btn {
20093
+ .v-date-picker-controls > .v-btn:first-child {
20155
20094
  text-transform: none;
20156
- padding-inline-start: 8px;
20157
- padding-inline-end: 8px;
20095
+ font-weight: 400;
20096
+ line-height: initial;
20097
+ letter-spacing: initial;
20098
+ }
20099
+ .v-date-picker-controls--variant-classic {
20100
+ padding-inline-start: 12px;
20101
+ }
20102
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20103
+ opacity: 0.7;
20104
+ }
20105
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20106
+ cursor: pointer;
20107
+ }
20108
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20109
+ opacity: 1;
20110
+ }
20111
+ .v-date-picker-controls .v-btn:last-child {
20112
+ margin-inline-start: 4px;
20113
+ }
20114
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20115
+ transform: rotate(180deg);
20116
+ }
20117
+
20118
+ .v-date-picker-controls__date {
20119
+ margin-inline-end: 4px;
20120
+ }
20121
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20122
+ margin: auto;
20123
+ text-align: center;
20124
+ }
20125
+
20126
+ .v-date-picker-controls__month {
20127
+ display: flex;
20128
+ }
20129
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20130
+ flex-direction: row-reverse;
20131
+ }
20132
+
20133
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20134
+ flex: 1 0 auto;
20135
+ }
20136
+
20137
+ .v-date-picker__title {
20138
+ display: inline-block;
20158
20139
  }.v-date-picker-month {
20159
20140
  display: flex;
20160
20141
  justify-content: center;
@@ -20210,6 +20191,25 @@ html.overflow-y-hidden {
20210
20191
 
20211
20192
  .v-date-picker-month__day--hide-adjacent {
20212
20193
  opacity: 0;
20194
+ }.v-date-picker-months {
20195
+ height: 288px;
20196
+ }
20197
+
20198
+ .v-date-picker-months__content {
20199
+ align-items: center;
20200
+ display: grid;
20201
+ flex: 1 1;
20202
+ height: inherit;
20203
+ justify-content: space-around;
20204
+ grid-template-columns: repeat(2, 1fr);
20205
+ grid-gap: 0px 24px;
20206
+ padding-inline-start: 36px;
20207
+ padding-inline-end: 36px;
20208
+ }
20209
+ .v-date-picker-months__content .v-btn {
20210
+ text-transform: none;
20211
+ padding-inline-start: 8px;
20212
+ padding-inline-end: 8px;
20213
20213
  }.v-date-picker-years {
20214
20214
  height: 288px;
20215
20215
  overflow-y: scroll;
@@ -20225,6 +20225,35 @@ html.overflow-y-hidden {
20225
20225
  }
20226
20226
  .v-date-picker-years__content .v-btn {
20227
20227
  padding-inline: 8px;
20228
+ }.v-divider {
20229
+ display: block;
20230
+ flex: 1 1 100%;
20231
+ height: 0px;
20232
+ max-height: 0px;
20233
+ opacity: var(--v-border-opacity);
20234
+ transition: inherit;
20235
+ border-style: solid;
20236
+ border-width: thin 0 0 0;
20237
+ }
20238
+ .v-divider--vertical {
20239
+ align-self: stretch;
20240
+ border-width: 0 thin 0 0;
20241
+ display: inline-flex;
20242
+ height: inherit;
20243
+ margin-left: -1px;
20244
+ max-height: 100%;
20245
+ max-width: 0px;
20246
+ vertical-align: text-bottom;
20247
+ width: 0px;
20248
+ }
20249
+ .v-divider--inset:not(.v-divider--vertical) {
20250
+ max-width: calc(100% - 72px);
20251
+ margin-inline-start: 72px;
20252
+ }
20253
+ .v-divider--inset.v-divider--vertical {
20254
+ margin-bottom: 8px;
20255
+ margin-top: 8px;
20256
+ max-height: calc(100% - 16px);
20228
20257
  }.v-dialog {
20229
20258
  align-items: center;
20230
20259
  justify-content: center;
@@ -20313,291 +20342,32 @@ html.overflow-y-hidden {
20313
20342
  -webkit-backface-visibility: hidden;
20314
20343
  backface-visibility: hidden;
20315
20344
  overflow-y: auto;
20316
- }.v-divider {
20317
- display: block;
20318
- flex: 1 1 100%;
20319
- height: 0px;
20320
- max-height: 0px;
20321
- opacity: var(--v-border-opacity);
20322
- transition: inherit;
20323
- border-style: solid;
20324
- border-width: thin 0 0 0;
20345
+ }/* region INPUT */
20346
+ .v-field {
20347
+ display: grid;
20348
+ grid-template-areas: "prepend-inner field clear append-inner";
20349
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20350
+ font-size: 16px;
20351
+ letter-spacing: 0.009375em;
20352
+ max-width: 100%;
20353
+ border-radius: 4px;
20354
+ contain: layout;
20355
+ flex: 1 0;
20356
+ grid-area: control;
20357
+ position: relative;
20358
+ --v-field-padding-start: 16px;
20359
+ --v-field-padding-end: 16px;
20360
+ --v-field-padding-top: 8px;
20361
+ --v-field-padding-bottom: 4px;
20362
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20363
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20325
20364
  }
20326
- .v-divider--vertical {
20327
- align-self: stretch;
20328
- border-width: 0 thin 0 0;
20329
- display: inline-flex;
20330
- height: inherit;
20331
- margin-left: -1px;
20332
- max-height: 100%;
20333
- max-width: 0px;
20334
- vertical-align: text-bottom;
20335
- width: 0px;
20365
+ .v-field--disabled {
20366
+ opacity: var(--v-disabled-opacity);
20367
+ pointer-events: none;
20336
20368
  }
20337
- .v-divider--inset:not(.v-divider--vertical) {
20338
- max-width: calc(100% - 72px);
20339
- margin-inline-start: 72px;
20340
- }
20341
- .v-divider--inset.v-divider--vertical {
20342
- margin-bottom: 8px;
20343
- margin-top: 8px;
20344
- max-height: calc(100% - 16px);
20345
- }.v-expansion-panel {
20346
- background-color: rgb(var(--v-theme-surface));
20347
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20348
- }
20349
- .v-expansion-panel:not(:first-child)::after {
20350
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20351
- }
20352
- .v-expansion-panel--disabled .v-expansion-panel-title {
20353
- color: rgba(var(--v-theme-on-surface), 0.26);
20354
- }
20355
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20356
- opacity: 0.4615384615;
20357
- }
20358
-
20359
- .v-expansion-panels {
20360
- display: flex;
20361
- flex-wrap: wrap;
20362
- justify-content: center;
20363
- list-style-type: none;
20364
- padding: 0;
20365
- width: 100%;
20366
- position: relative;
20367
- z-index: 1;
20368
- }
20369
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20370
- border-bottom-left-radius: 0 !important;
20371
- border-bottom-right-radius: 0 !important;
20372
- }
20373
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20374
- border-top-left-radius: 0 !important;
20375
- border-top-right-radius: 0 !important;
20376
- }
20377
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20378
- border-bottom-left-radius: 0 !important;
20379
- border-bottom-right-radius: 0 !important;
20380
- }
20381
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20382
- border-top-left-radius: 0 !important;
20383
- border-top-right-radius: 0 !important;
20384
- }
20385
- .v-expansion-panels--variant-accordion > :first-child {
20386
- border-bottom-left-radius: 0 !important;
20387
- border-bottom-right-radius: 0 !important;
20388
- }
20389
- .v-expansion-panels--variant-accordion > :last-child {
20390
- border-top-left-radius: 0 !important;
20391
- border-top-right-radius: 0 !important;
20392
- }
20393
- .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20394
- border-bottom-left-radius: initial;
20395
- border-bottom-right-radius: initial;
20396
- }
20397
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20398
- border-radius: 0 !important;
20399
- }
20400
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20401
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20402
- }
20403
-
20404
- .v-expansion-panel {
20405
- flex: 1 0 100%;
20406
- max-width: 100%;
20407
- position: relative;
20408
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20409
- transition-property: margin-top, border-radius, border, max-width;
20410
- border-radius: 4px;
20411
- }
20412
- .v-expansion-panel:not(:first-child)::after {
20413
- border-top-style: solid;
20414
- border-top-width: thin;
20415
- content: "";
20416
- left: 0;
20417
- position: absolute;
20418
- right: 0;
20419
- top: 0;
20420
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20421
- }
20422
- .v-expansion-panel--disabled .v-expansion-panel-title {
20423
- pointer-events: none;
20424
- }
20425
- .v-expansion-panel--active:not(:first-child),
20426
- .v-expansion-panel--active + .v-expansion-panel {
20427
- margin-top: 16px;
20428
- }
20429
- .v-expansion-panel--active:not(:first-child)::after,
20430
- .v-expansion-panel--active + .v-expansion-panel::after {
20431
- opacity: 0;
20432
- }
20433
- .v-expansion-panel--active > .v-expansion-panel-title {
20434
- border-bottom-left-radius: 0;
20435
- border-bottom-right-radius: 0;
20436
- }
20437
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20438
- min-height: 64px;
20439
- }
20440
-
20441
- .v-expansion-panel__shadow {
20442
- position: absolute;
20443
- top: 0;
20444
- left: 0;
20445
- width: 100%;
20446
- height: 100%;
20447
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20448
- border-radius: inherit;
20449
- z-index: -1;
20450
- }
20451
-
20452
- .v-expansion-panel-title {
20453
- align-items: center;
20454
- text-align: start;
20455
- border-radius: inherit;
20456
- display: flex;
20457
- font-size: 0.9375rem;
20458
- line-height: 1;
20459
- min-height: 48px;
20460
- outline: none;
20461
- padding: 16px 24px;
20462
- position: relative;
20463
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20464
- width: 100%;
20465
- justify-content: space-between;
20466
- }
20467
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20468
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20469
- }
20470
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20471
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20472
- }
20473
- @supports not selector(:focus-visible) {
20474
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20475
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20476
- }
20477
- }
20478
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20479
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20480
- }
20481
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20482
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20483
- }
20484
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20485
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20486
- }
20487
- @supports not selector(:focus-visible) {
20488
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20489
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20490
- }
20491
- }
20492
-
20493
- .v-expansion-panel-title__overlay {
20494
- position: absolute;
20495
- top: 0;
20496
- left: 0;
20497
- width: 100%;
20498
- height: 100%;
20499
- background-color: currentColor;
20500
- border-radius: inherit;
20501
- opacity: 0;
20502
- }
20503
-
20504
- .v-expansion-panel-title__icon {
20505
- display: inline-flex;
20506
- margin-bottom: -4px;
20507
- margin-top: -4px;
20508
- -webkit-user-select: none;
20509
- user-select: none;
20510
- margin-inline-start: auto;
20511
- }
20512
-
20513
- .v-expansion-panel-text {
20514
- display: flex;
20515
- }
20516
- .v-expansion-panel-text__wrapper {
20517
- padding: 8px 24px 16px;
20518
- flex: 1 1 auto;
20519
- max-width: 100%;
20520
- }
20521
-
20522
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
20523
- margin-top: 0;
20524
- }
20525
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
20526
- opacity: 1;
20527
- }
20528
-
20529
- .v-expansion-panels--variant-popout > .v-expansion-panel {
20530
- max-width: calc(100% - 32px);
20531
- }
20532
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
20533
- max-width: calc(100% + 16px);
20534
- }
20535
-
20536
- .v-expansion-panels--variant-inset > .v-expansion-panel {
20537
- max-width: 100%;
20538
- }
20539
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
20540
- max-width: calc(100% - 32px);
20541
- }
20542
-
20543
- .v-expansion-panels--flat > .v-expansion-panel::after {
20544
- border-top: none;
20545
- }
20546
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
20547
- display: none;
20548
- }
20549
-
20550
- .v-expansion-panels--tile {
20551
- border-radius: 0;
20552
- }
20553
- .v-expansion-panels--tile > .v-expansion-panel {
20554
- border-radius: 0;
20555
- }.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20556
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20557
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20558
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20559
- top: 0px;
20560
- }
20561
- .v-file-input input[type=file] {
20562
- height: 100%;
20563
- left: 0;
20564
- opacity: 0;
20565
- position: absolute;
20566
- top: 0;
20567
- width: 100%;
20568
- z-index: 1;
20569
- }
20570
- .v-file-input .v-input__details {
20571
- padding-inline: 16px;
20572
- }
20573
- .v-input--plain-underlined.v-file-input .v-input__details {
20574
- padding-inline: 0;
20575
- }/* region INPUT */
20576
- .v-field {
20577
- display: grid;
20578
- grid-template-areas: "prepend-inner field clear append-inner";
20579
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20580
- font-size: 16px;
20581
- letter-spacing: 0.009375em;
20582
- max-width: 100%;
20583
- border-radius: 4px;
20584
- contain: layout;
20585
- flex: 1 0;
20586
- grid-area: control;
20587
- position: relative;
20588
- --v-field-padding-start: 16px;
20589
- --v-field-padding-end: 16px;
20590
- --v-field-padding-top: 8px;
20591
- --v-field-padding-bottom: 4px;
20592
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20593
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20594
- }
20595
- .v-field--disabled {
20596
- opacity: var(--v-disabled-opacity);
20597
- pointer-events: none;
20598
- }
20599
- .v-field .v-chip {
20600
- --v-chip-height: 24px;
20369
+ .v-field .v-chip {
20370
+ --v-chip-height: 24px;
20601
20371
  }
20602
20372
 
20603
20373
  /* endregion */
@@ -20987,162 +20757,392 @@ textarea.v-field__input::placeholder {
20987
20757
  [class*=" rounded-"].v-field--variant-outlined .v-field__outline__start {
20988
20758
  flex-basis: calc(var(--v-input-control-height) / 2 + 2px);
20989
20759
  }
20990
-
20991
- .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20992
- border-start-start-radius: 0;
20993
- border-start-end-radius: inherit;
20994
- border-end-end-radius: inherit;
20995
- border-end-start-radius: 0;
20996
- border-inline-end-width: var(--v-field-border-width);
20997
- border-inline-start-width: 0;
20760
+
20761
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__start {
20762
+ border-start-start-radius: 0;
20763
+ border-start-end-radius: inherit;
20764
+ border-end-end-radius: inherit;
20765
+ border-end-start-radius: 0;
20766
+ border-inline-end-width: var(--v-field-border-width);
20767
+ border-inline-start-width: 0;
20768
+ }
20769
+
20770
+ .v-field--variant-outlined .v-field__outline__notch {
20771
+ flex: none;
20772
+ position: relative;
20773
+ max-width: calc(100% - 12px);
20774
+ }
20775
+ .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
20776
+ opacity: var(--v-field-border-opacity);
20777
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20778
+ content: "";
20779
+ position: absolute;
20780
+ top: 0;
20781
+ left: 0;
20782
+ width: 100%;
20783
+ height: 100%;
20784
+ }
20785
+ .v-field--variant-outlined .v-field__outline__notch::before {
20786
+ border-width: var(--v-field-border-width) 0 0;
20787
+ }
20788
+ .v-field--variant-outlined .v-field__outline__notch::after {
20789
+ bottom: 0;
20790
+ border-width: 0 0 var(--v-field-border-width);
20791
+ }
20792
+ .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
20793
+ opacity: 0;
20794
+ }
20795
+
20796
+ .v-field--variant-outlined .v-field__outline__end {
20797
+ flex: 1;
20798
+ border-top-width: var(--v-field-border-width);
20799
+ border-bottom-width: var(--v-field-border-width);
20800
+ border-inline-end-width: var(--v-field-border-width);
20801
+ border-start-start-radius: 0;
20802
+ border-start-end-radius: inherit;
20803
+ border-end-end-radius: inherit;
20804
+ border-end-start-radius: 0;
20805
+ }
20806
+ .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
20807
+ border-start-start-radius: inherit;
20808
+ border-start-end-radius: 0;
20809
+ border-end-end-radius: 0;
20810
+ border-end-start-radius: inherit;
20811
+ border-inline-end-width: 0;
20812
+ border-inline-start-width: var(--v-field-border-width);
20813
+ }
20814
+
20815
+ /* endregion */
20816
+ /* region LOADER */
20817
+ .v-field__loader {
20818
+ top: calc(100% - 2px);
20819
+ left: 0;
20820
+ position: absolute;
20821
+ right: 0;
20822
+ width: 100%;
20823
+ border-top-left-radius: 0;
20824
+ border-top-right-radius: 0;
20825
+ border-bottom-left-radius: inherit;
20826
+ border-bottom-right-radius: inherit;
20827
+ overflow: hidden;
20828
+ }
20829
+ .v-field--variant-outlined .v-field__loader {
20830
+ top: calc(100% - 3px);
20831
+ width: calc(100% - 1px * 2);
20832
+ left: 1px;
20833
+ }
20834
+
20835
+ /* endregion */
20836
+ /* region OVERLAY */
20837
+ .v-field__overlay {
20838
+ border-radius: inherit;
20839
+ pointer-events: none;
20840
+ position: absolute;
20841
+ top: 0;
20842
+ left: 0;
20843
+ width: 100%;
20844
+ height: 100%;
20845
+ }
20846
+
20847
+ .v-field--variant-filled .v-field__overlay {
20848
+ background-color: currentColor;
20849
+ opacity: 0.04;
20850
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20851
+ }
20852
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
20853
+ opacity: 0;
20854
+ }
20855
+ @media (hover: hover) {
20856
+ .v-field--variant-filled:hover .v-field__overlay {
20857
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20858
+ }
20859
+ }
20860
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
20861
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20862
+ }
20863
+
20864
+ .v-field--variant-solo-filled .v-field__overlay {
20865
+ background-color: currentColor;
20866
+ opacity: 0.04;
20867
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20868
+ }
20869
+ @media (hover: hover) {
20870
+ .v-field--variant-solo-filled:hover .v-field__overlay {
20871
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20872
+ }
20873
+ }
20874
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
20875
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20876
+ }
20877
+
20878
+ .v-field--variant-solo-inverted .v-field__overlay {
20879
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
20880
+ }
20881
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
20882
+ opacity: 0;
20883
+ }
20884
+ @media (hover: hover) {
20885
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
20886
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20887
+ }
20888
+ }
20889
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
20890
+ background-color: rgb(var(--v-theme-surface-variant));
20891
+ opacity: 1;
20892
+ }
20893
+
20894
+ /* endregion */
20895
+ /* region MODIFIERS */
20896
+ .v-field--reverse .v-field__field,
20897
+ .v-field--reverse .v-field__input,
20898
+ .v-field--reverse .v-field__outline {
20899
+ flex-direction: row-reverse;
20900
+ }
20901
+ .v-field--reverse .v-field__input, .v-field--reverse input {
20902
+ text-align: end;
20903
+ }
20904
+
20905
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
20906
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
20907
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
20908
+ }
20909
+
20910
+ .v-field--loading .v-field__outline::after,
20911
+ .v-field--loading .v-field__outline::before {
20912
+ opacity: 0;
20913
+ }
20914
+
20915
+ /* endregion */.v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20916
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20917
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20918
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20919
+ top: 0px;
20920
+ }
20921
+ .v-file-input input[type=file] {
20922
+ height: 100%;
20923
+ left: 0;
20924
+ opacity: 0;
20925
+ position: absolute;
20926
+ top: 0;
20927
+ width: 100%;
20928
+ z-index: 1;
20929
+ }
20930
+ .v-file-input .v-input__details {
20931
+ padding-inline: 16px;
20932
+ }
20933
+ .v-input--plain-underlined.v-file-input .v-input__details {
20934
+ padding-inline: 0;
20935
+ }.v-expansion-panel {
20936
+ background-color: rgb(var(--v-theme-surface));
20937
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20938
+ }
20939
+ .v-expansion-panel:not(:first-child)::after {
20940
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20941
+ }
20942
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20943
+ color: rgba(var(--v-theme-on-surface), 0.26);
20944
+ }
20945
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20946
+ opacity: 0.4615384615;
20947
+ }
20948
+
20949
+ .v-expansion-panels {
20950
+ display: flex;
20951
+ flex-wrap: wrap;
20952
+ justify-content: center;
20953
+ list-style-type: none;
20954
+ padding: 0;
20955
+ width: 100%;
20956
+ position: relative;
20957
+ z-index: 1;
20958
+ }
20959
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20960
+ border-bottom-left-radius: 0 !important;
20961
+ border-bottom-right-radius: 0 !important;
20962
+ }
20963
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20964
+ border-top-left-radius: 0 !important;
20965
+ border-top-right-radius: 0 !important;
20966
+ }
20967
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20968
+ border-bottom-left-radius: 0 !important;
20969
+ border-bottom-right-radius: 0 !important;
20970
+ }
20971
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20972
+ border-top-left-radius: 0 !important;
20973
+ border-top-right-radius: 0 !important;
20974
+ }
20975
+ .v-expansion-panels--variant-accordion > :first-child {
20976
+ border-bottom-left-radius: 0 !important;
20977
+ border-bottom-right-radius: 0 !important;
20978
+ }
20979
+ .v-expansion-panels--variant-accordion > :last-child {
20980
+ border-top-left-radius: 0 !important;
20981
+ border-top-right-radius: 0 !important;
20982
+ }
20983
+ .v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
20984
+ border-bottom-left-radius: initial;
20985
+ border-bottom-right-radius: initial;
20986
+ }
20987
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20988
+ border-radius: 0 !important;
20989
+ }
20990
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20991
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20992
+ }
20993
+
20994
+ .v-expansion-panel {
20995
+ flex: 1 0 100%;
20996
+ max-width: 100%;
20997
+ position: relative;
20998
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20999
+ transition-property: margin-top, border-radius, border, max-width;
21000
+ border-radius: 4px;
21001
+ }
21002
+ .v-expansion-panel:not(:first-child)::after {
21003
+ border-top-style: solid;
21004
+ border-top-width: thin;
21005
+ content: "";
21006
+ left: 0;
21007
+ position: absolute;
21008
+ right: 0;
21009
+ top: 0;
21010
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21011
+ }
21012
+ .v-expansion-panel--disabled .v-expansion-panel-title {
21013
+ pointer-events: none;
21014
+ }
21015
+ .v-expansion-panel--active:not(:first-child),
21016
+ .v-expansion-panel--active + .v-expansion-panel {
21017
+ margin-top: 16px;
21018
+ }
21019
+ .v-expansion-panel--active:not(:first-child)::after,
21020
+ .v-expansion-panel--active + .v-expansion-panel::after {
21021
+ opacity: 0;
21022
+ }
21023
+ .v-expansion-panel--active > .v-expansion-panel-title {
21024
+ border-bottom-left-radius: 0;
21025
+ border-bottom-right-radius: 0;
21026
+ }
21027
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21028
+ min-height: 64px;
20998
21029
  }
20999
21030
 
21000
- .v-field--variant-outlined .v-field__outline__notch {
21001
- flex: none;
21002
- position: relative;
21003
- max-width: calc(100% - 12px);
21004
- }
21005
- .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
21006
- opacity: var(--v-field-border-opacity);
21007
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21008
- content: "";
21031
+ .v-expansion-panel__shadow {
21009
21032
  position: absolute;
21010
21033
  top: 0;
21011
21034
  left: 0;
21012
21035
  width: 100%;
21013
21036
  height: 100%;
21037
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21038
+ border-radius: inherit;
21039
+ z-index: -1;
21014
21040
  }
21015
- .v-field--variant-outlined .v-field__outline__notch::before {
21016
- border-width: var(--v-field-border-width) 0 0;
21041
+
21042
+ .v-expansion-panel-title {
21043
+ align-items: center;
21044
+ text-align: start;
21045
+ border-radius: inherit;
21046
+ display: flex;
21047
+ font-size: 0.9375rem;
21048
+ line-height: 1;
21049
+ min-height: 48px;
21050
+ outline: none;
21051
+ padding: 16px 24px;
21052
+ position: relative;
21053
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21054
+ width: 100%;
21055
+ justify-content: space-between;
21017
21056
  }
21018
- .v-field--variant-outlined .v-field__outline__notch::after {
21019
- bottom: 0;
21020
- border-width: 0 0 var(--v-field-border-width);
21057
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21058
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21021
21059
  }
21022
- .v-field--active.v-field--variant-outlined .v-field__outline__notch::before {
21023
- opacity: 0;
21060
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21061
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21024
21062
  }
21025
-
21026
- .v-field--variant-outlined .v-field__outline__end {
21027
- flex: 1;
21028
- border-top-width: var(--v-field-border-width);
21029
- border-bottom-width: var(--v-field-border-width);
21030
- border-inline-end-width: var(--v-field-border-width);
21031
- border-start-start-radius: 0;
21032
- border-start-end-radius: inherit;
21033
- border-end-end-radius: inherit;
21034
- border-end-start-radius: 0;
21063
+ @supports not selector(:focus-visible) {
21064
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21065
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21066
+ }
21035
21067
  }
21036
- .v-field--reverse.v-field--variant-outlined .v-field__outline__end {
21037
- border-start-start-radius: inherit;
21038
- border-start-end-radius: 0;
21039
- border-end-end-radius: 0;
21040
- border-end-start-radius: inherit;
21041
- border-inline-end-width: 0;
21042
- border-inline-start-width: var(--v-field-border-width);
21068
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21069
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21043
21070
  }
21044
-
21045
- /* endregion */
21046
- /* region LOADER */
21047
- .v-field__loader {
21048
- top: calc(100% - 2px);
21049
- left: 0;
21050
- position: absolute;
21051
- right: 0;
21052
- width: 100%;
21053
- border-top-left-radius: 0;
21054
- border-top-right-radius: 0;
21055
- border-bottom-left-radius: inherit;
21056
- border-bottom-right-radius: inherit;
21057
- overflow: hidden;
21071
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21072
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21058
21073
  }
21059
- .v-field--variant-outlined .v-field__loader {
21060
- top: calc(100% - 3px);
21061
- width: calc(100% - 1px * 2);
21062
- left: 1px;
21074
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21075
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21076
+ }
21077
+ @supports not selector(:focus-visible) {
21078
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21079
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21080
+ }
21063
21081
  }
21064
21082
 
21065
- /* endregion */
21066
- /* region OVERLAY */
21067
- .v-field__overlay {
21068
- border-radius: inherit;
21069
- pointer-events: none;
21083
+ .v-expansion-panel-title__overlay {
21070
21084
  position: absolute;
21071
21085
  top: 0;
21072
21086
  left: 0;
21073
21087
  width: 100%;
21074
21088
  height: 100%;
21075
- }
21076
-
21077
- .v-field--variant-filled .v-field__overlay {
21078
21089
  background-color: currentColor;
21079
- opacity: 0.04;
21080
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21081
- }
21082
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21090
+ border-radius: inherit;
21083
21091
  opacity: 0;
21084
21092
  }
21085
- @media (hover: hover) {
21086
- .v-field--variant-filled:hover .v-field__overlay {
21087
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21088
- }
21089
- }
21090
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21091
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21092
- }
21093
21093
 
21094
- .v-field--variant-solo-filled .v-field__overlay {
21095
- background-color: currentColor;
21096
- opacity: 0.04;
21097
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21098
- }
21099
- @media (hover: hover) {
21100
- .v-field--variant-solo-filled:hover .v-field__overlay {
21101
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21102
- }
21103
- }
21104
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21105
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21094
+ .v-expansion-panel-title__icon {
21095
+ display: inline-flex;
21096
+ margin-bottom: -4px;
21097
+ margin-top: -4px;
21098
+ -webkit-user-select: none;
21099
+ user-select: none;
21100
+ margin-inline-start: auto;
21106
21101
  }
21107
21102
 
21108
- .v-field--variant-solo-inverted .v-field__overlay {
21109
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21103
+ .v-expansion-panel-text {
21104
+ display: flex;
21110
21105
  }
21111
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21112
- opacity: 0;
21106
+ .v-expansion-panel-text__wrapper {
21107
+ padding: 8px 24px 16px;
21108
+ flex: 1 1 auto;
21109
+ max-width: 100%;
21113
21110
  }
21114
- @media (hover: hover) {
21115
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21116
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21117
- }
21111
+
21112
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21113
+ margin-top: 0;
21118
21114
  }
21119
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21120
- background-color: rgb(var(--v-theme-surface-variant));
21115
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21121
21116
  opacity: 1;
21122
21117
  }
21123
21118
 
21124
- /* endregion */
21125
- /* region MODIFIERS */
21126
- .v-field--reverse .v-field__field,
21127
- .v-field--reverse .v-field__input,
21128
- .v-field--reverse .v-field__outline {
21129
- flex-direction: row-reverse;
21119
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21120
+ max-width: calc(100% - 32px);
21130
21121
  }
21131
- .v-field--reverse .v-field__input, .v-field--reverse input {
21132
- text-align: end;
21122
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21123
+ max-width: calc(100% + 16px);
21133
21124
  }
21134
21125
 
21135
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21136
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21137
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21126
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21127
+ max-width: 100%;
21128
+ }
21129
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21130
+ max-width: calc(100% - 32px);
21138
21131
  }
21139
21132
 
21140
- .v-field--loading .v-field__outline::after,
21141
- .v-field--loading .v-field__outline::before {
21142
- opacity: 0;
21133
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21134
+ border-top: none;
21135
+ }
21136
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21137
+ display: none;
21143
21138
  }
21144
21139
 
21145
- /* endregion */.v-footer {
21140
+ .v-expansion-panels--tile {
21141
+ border-radius: 0;
21142
+ }
21143
+ .v-expansion-panels--tile > .v-expansion-panel {
21144
+ border-radius: 0;
21145
+ }.v-footer {
21146
21146
  align-items: center;
21147
21147
  display: flex;
21148
21148
  flex: 1 1 auto;
@@ -21259,36 +21259,6 @@ textarea.v-field__input::placeholder {
21259
21259
 
21260
21260
  .v-img__gradient {
21261
21261
  background-repeat: no-repeat;
21262
- }.v-infinite-scroll--horizontal {
21263
- display: flex;
21264
- flex-direction: row;
21265
- overflow-x: auto;
21266
- }
21267
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21268
- height: 100%;
21269
- width: 1px;
21270
- }
21271
-
21272
- .v-infinite-scroll--vertical {
21273
- display: flex;
21274
- flex-direction: column;
21275
- overflow-y: auto;
21276
- }
21277
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21278
- height: 1px;
21279
- width: 100%;
21280
- }
21281
-
21282
- .v-infinite-scroll__side {
21283
- align-items: center;
21284
- display: flex;
21285
- justify-content: center;
21286
- padding: 8px;
21287
- }.v-item-group {
21288
- flex: 0 1 auto;
21289
- max-width: 100%;
21290
- position: relative;
21291
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21292
21262
  }.v-input {
21293
21263
  display: grid;
21294
21264
  flex: 1 1 auto;
@@ -21424,13 +21394,58 @@ textarea.v-field__input::placeholder {
21424
21394
  .v-input--density-default.v-input--plain-underlined .v-input__prepend, .v-input--density-default.v-input--plain-underlined .v-input__append {
21425
21395
  padding-top: calc(var(--v-input-padding-top) + 4px);
21426
21396
  }
21427
-
21428
- .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21429
- padding-top: calc(var(--v-input-padding-top) + 2px);
21397
+
21398
+ .v-input--density-comfortable.v-input--plain-underlined .v-input__prepend, .v-input--density-comfortable.v-input--plain-underlined .v-input__append {
21399
+ padding-top: calc(var(--v-input-padding-top) + 2px);
21400
+ }
21401
+
21402
+ .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21403
+ padding-top: calc(var(--v-input-padding-top) + 0px);
21404
+ }.v-infinite-scroll--horizontal {
21405
+ display: flex;
21406
+ flex-direction: row;
21407
+ overflow-x: auto;
21408
+ }
21409
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21410
+ height: 100%;
21411
+ width: 1px;
21412
+ }
21413
+
21414
+ .v-infinite-scroll--vertical {
21415
+ display: flex;
21416
+ flex-direction: column;
21417
+ overflow-y: auto;
21418
+ }
21419
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21420
+ height: 1px;
21421
+ width: 100%;
21422
+ }
21423
+
21424
+ .v-infinite-scroll__side {
21425
+ align-items: center;
21426
+ display: flex;
21427
+ justify-content: center;
21428
+ padding: 8px;
21429
+ }.v-item-group {
21430
+ flex: 0 1 auto;
21431
+ max-width: 100%;
21432
+ position: relative;
21433
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21434
+ }.v-layout {
21435
+ --v-scrollbar-offset: 0px;
21436
+ display: flex;
21437
+ flex: 1 1 auto;
21438
+ }
21439
+ .v-layout--full-height {
21440
+ --v-scrollbar-offset: inherit;
21441
+ height: 100%;
21442
+ }.v-layout-item {
21443
+ position: absolute;
21444
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21430
21445
  }
21431
21446
 
21432
- .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21433
- padding-top: calc(var(--v-input-padding-top) + 0px);
21447
+ .v-layout-item--absolute {
21448
+ position: absolute;
21434
21449
  }.v-label {
21435
21450
  align-items: center;
21436
21451
  color: inherit;
@@ -21446,21 +21461,6 @@ textarea.v-field__input::placeholder {
21446
21461
 
21447
21462
  .v-label--clickable {
21448
21463
  cursor: pointer;
21449
- }.v-layout-item {
21450
- position: absolute;
21451
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21452
- }
21453
-
21454
- .v-layout-item--absolute {
21455
- position: absolute;
21456
- }.v-layout {
21457
- --v-scrollbar-offset: 0px;
21458
- display: flex;
21459
- flex: 1 1 auto;
21460
- }
21461
- .v-layout--full-height {
21462
- --v-scrollbar-offset: inherit;
21463
- height: 100%;
21464
21464
  }.v-list {
21465
21465
  overflow: auto;
21466
21466
  padding: 8px 0;
@@ -22013,6 +22013,8 @@ textarea.v-field__input::placeholder {
22013
22013
  }
22014
22014
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22015
22015
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22016
+ }.v-locale-provider {
22017
+ display: contents;
22016
22018
  }.v-main {
22017
22019
  flex: 1 0 auto;
22018
22020
  max-width: 100%;
@@ -22041,8 +22043,6 @@ textarea.v-field__input::placeholder {
22041
22043
  --v-layout-right: 0px;
22042
22044
  --v-layout-top: 0px;
22043
22045
  --v-layout-bottom: 0px;
22044
- }.v-locale-provider {
22045
- display: contents;
22046
22046
  }.v-menu > .v-overlay__content {
22047
22047
  display: flex;
22048
22048
  flex-direction: column;
@@ -22226,14 +22226,6 @@ textarea.v-field__input::placeholder {
22226
22226
  }
22227
22227
  .v-otp-input__loader .v-progress-linear {
22228
22228
  position: absolute;
22229
- }.v-pagination__list {
22230
- display: inline-flex;
22231
- list-style-type: none;
22232
- justify-content: center;
22233
- width: 100%;
22234
- }
22235
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22236
- margin: 0.3rem;
22237
22229
  }.v-overlay-container {
22238
22230
  contain: layout;
22239
22231
  left: 0;
@@ -22303,6 +22295,14 @@ html.v-overlay-scroll-blocked {
22303
22295
  }
22304
22296
  .v-parallax--active > .v-img__img {
22305
22297
  will-change: transform;
22298
+ }.v-pagination__list {
22299
+ display: inline-flex;
22300
+ list-style-type: none;
22301
+ justify-content: center;
22302
+ width: 100%;
22303
+ }
22304
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
22305
+ margin: 0.3rem;
22306
22306
  }.v-progress-circular {
22307
22307
  align-items: center;
22308
22308
  display: inline-flex;
@@ -22626,60 +22626,6 @@ html.v-overlay-scroll-blocked {
22626
22626
  }
22627
22627
  .v-radio-group .v-input__details {
22628
22628
  padding-inline: 16px;
22629
- }.v-rating {
22630
- max-width: 100%;
22631
- display: inline-flex;
22632
- white-space: nowrap;
22633
- }
22634
- .v-rating--readonly {
22635
- pointer-events: none;
22636
- }
22637
-
22638
- .v-rating__wrapper {
22639
- align-items: center;
22640
- display: inline-flex;
22641
- flex-direction: column;
22642
- }
22643
- .v-rating__wrapper--bottom {
22644
- flex-direction: column-reverse;
22645
- }
22646
-
22647
- .v-rating__item {
22648
- display: inline-flex;
22649
- position: relative;
22650
- }
22651
- .v-rating__item label {
22652
- cursor: pointer;
22653
- }
22654
- .v-rating__item .v-btn--variant-plain {
22655
- opacity: 1;
22656
- }
22657
- .v-rating__item .v-btn {
22658
- transition-property: transform;
22659
- }
22660
- .v-rating__item .v-btn .v-icon {
22661
- transition: inherit;
22662
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22663
- }
22664
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22665
- transform: scale(1.25);
22666
- }
22667
- .v-rating__item--half {
22668
- overflow: hidden;
22669
- position: absolute;
22670
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22671
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22672
- z-index: 1;
22673
- }
22674
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22675
- opacity: 0;
22676
- }
22677
-
22678
- .v-rating__hidden {
22679
- height: 0;
22680
- opacity: 0;
22681
- position: absolute;
22682
- width: 0;
22683
22629
  }.v-slider .v-slider__container input {
22684
22630
  cursor: default;
22685
22631
  padding: 0;
@@ -22737,32 +22683,6 @@ html.v-overlay-scroll-blocked {
22737
22683
 
22738
22684
  .v-slider__label {
22739
22685
  margin-inline-end: 12px;
22740
- }.v-responsive {
22741
- display: flex;
22742
- flex: 1 0 auto;
22743
- max-height: 100%;
22744
- max-width: 100%;
22745
- overflow: hidden;
22746
- position: relative;
22747
- }
22748
- .v-responsive--inline {
22749
- display: inline-flex;
22750
- flex: 0 0 auto;
22751
- }
22752
-
22753
- .v-responsive__content {
22754
- flex: 1 0 0px;
22755
- max-width: 100%;
22756
- }
22757
-
22758
- .v-responsive__sizer ~ .v-responsive__content {
22759
- margin-inline-start: -100%;
22760
- }
22761
-
22762
- .v-responsive__sizer {
22763
- flex: 1 0 0px;
22764
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22765
- pointer-events: none;
22766
22686
  }.v-select .v-field .v-text-field__prefix,
22767
22687
  .v-select .v-field .v-text-field__suffix,
22768
22688
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -22811,6 +22731,68 @@ html.v-overlay-scroll-blocked {
22811
22731
  .v-select--active-menu .v-select__menu-icon {
22812
22732
  opacity: var(--v-high-emphasis-opacity);
22813
22733
  transform: rotate(180deg);
22734
+ }.v-rating {
22735
+ max-width: 100%;
22736
+ display: inline-flex;
22737
+ white-space: nowrap;
22738
+ }
22739
+ .v-rating--readonly {
22740
+ pointer-events: none;
22741
+ }
22742
+
22743
+ .v-rating__wrapper {
22744
+ align-items: center;
22745
+ display: inline-flex;
22746
+ flex-direction: column;
22747
+ }
22748
+ .v-rating__wrapper--bottom {
22749
+ flex-direction: column-reverse;
22750
+ }
22751
+
22752
+ .v-rating__item {
22753
+ display: inline-flex;
22754
+ position: relative;
22755
+ }
22756
+ .v-rating__item label {
22757
+ cursor: pointer;
22758
+ }
22759
+ .v-rating__item .v-btn--variant-plain {
22760
+ opacity: 1;
22761
+ }
22762
+ .v-rating__item .v-btn {
22763
+ transition-property: transform;
22764
+ }
22765
+ .v-rating__item .v-btn .v-icon {
22766
+ transition: inherit;
22767
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22768
+ }
22769
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
22770
+ transform: scale(1.25);
22771
+ }
22772
+ .v-rating__item--half {
22773
+ overflow: hidden;
22774
+ position: absolute;
22775
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22776
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
22777
+ z-index: 1;
22778
+ }
22779
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
22780
+ opacity: 0;
22781
+ }
22782
+
22783
+ .v-rating__hidden {
22784
+ height: 0;
22785
+ opacity: 0;
22786
+ position: absolute;
22787
+ width: 0;
22788
+ }.v-selection-control-group {
22789
+ grid-area: control;
22790
+ display: flex;
22791
+ flex-direction: column;
22792
+ }
22793
+ .v-selection-control-group--inline {
22794
+ flex-direction: row;
22795
+ flex-wrap: wrap;
22814
22796
  }.v-selection-control {
22815
22797
  align-items: center;
22816
22798
  contain: layout;
@@ -22912,14 +22894,6 @@ html.v-overlay-scroll-blocked {
22912
22894
  }
22913
22895
  .v-selection-control--focus-visible .v-selection-control__input::before {
22914
22896
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
22915
- }.v-selection-control-group {
22916
- grid-area: control;
22917
- display: flex;
22918
- flex-direction: column;
22919
- }
22920
- .v-selection-control-group--inline {
22921
- flex-direction: row;
22922
- flex-wrap: wrap;
22923
22897
  }.v-sheet {
22924
22898
  display: block;
22925
22899
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -22942,54 +22916,12 @@ html.v-overlay-scroll-blocked {
22942
22916
  }
22943
22917
  .v-sheet--relative {
22944
22918
  position: relative;
22945
- }
22946
- .v-sheet--sticky {
22947
- position: sticky;
22948
- }
22949
- .v-sheet--rounded {
22950
- border-radius: 4px;
22951
- }.v-slide-group {
22952
- display: flex;
22953
- overflow: hidden;
22954
- }
22955
-
22956
- .v-slide-group__next,
22957
- .v-slide-group__prev {
22958
- align-items: center;
22959
- display: flex;
22960
- flex: 0 1 52px;
22961
- justify-content: center;
22962
- min-width: 52px;
22963
- cursor: pointer;
22964
- }
22965
- .v-slide-group__next--disabled,
22966
- .v-slide-group__prev--disabled {
22967
- pointer-events: none;
22968
- opacity: var(--v-disabled-opacity);
22969
- }
22970
-
22971
- .v-slide-group__content {
22972
- display: flex;
22973
- flex: 1 0 auto;
22974
- position: relative;
22975
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
22976
- white-space: nowrap;
22977
- }
22978
- .v-slide-group__content > * {
22979
- white-space: initial;
22980
- }
22981
-
22982
- .v-slide-group__container {
22983
- contain: content;
22984
- display: flex;
22985
- flex: 1 1 auto;
22986
- overflow: hidden;
22987
- }
22988
-
22989
- .v-slide-group--vertical,
22990
- .v-slide-group--vertical .v-slide-group__container,
22991
- .v-slide-group--vertical .v-slide-group__content {
22992
- flex-direction: column;
22919
+ }
22920
+ .v-sheet--sticky {
22921
+ position: sticky;
22922
+ }
22923
+ .v-sheet--rounded {
22924
+ border-radius: 4px;
22993
22925
  }.v-skeleton-loader {
22994
22926
  align-items: center;
22995
22927
  background: rgb(var(--v-theme-surface));
@@ -23165,54 +23097,330 @@ html.v-overlay-scroll-blocked {
23165
23097
  .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
23166
23098
  margin-inline: 8px;
23167
23099
  }
23168
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23169
- margin: 0 16px;
23100
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
23101
+ margin: 0 16px;
23102
+ }
23103
+ .v-skeleton-loader__table-cell {
23104
+ align-items: center;
23105
+ display: flex;
23106
+ height: 48px;
23107
+ width: 88px;
23108
+ }
23109
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23110
+ margin-bottom: 0;
23111
+ }
23112
+ .v-skeleton-loader__subtitle {
23113
+ max-width: 70%;
23114
+ }
23115
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23116
+ height: 16px;
23117
+ border-radius: 8px;
23118
+ }
23119
+ .v-skeleton-loader__text {
23120
+ border-radius: 6px;
23121
+ margin: 16px;
23122
+ height: 12px;
23123
+ }
23124
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
23125
+ margin-top: -8px;
23126
+ max-width: 50%;
23127
+ }
23128
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23129
+ max-width: 70%;
23130
+ }
23131
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23132
+ display: none;
23133
+ }
23134
+ .v-skeleton-loader--is-loading {
23135
+ overflow: hidden;
23136
+ }
23137
+ .v-skeleton-loader--tile {
23138
+ border-radius: 0;
23139
+ }
23140
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
23141
+ border-radius: 0;
23142
+ }
23143
+
23144
+ @keyframes loading {
23145
+ 100% {
23146
+ transform: translateX(100%);
23147
+ }
23148
+ }.v-slide-group {
23149
+ display: flex;
23150
+ overflow: hidden;
23151
+ }
23152
+
23153
+ .v-slide-group__next,
23154
+ .v-slide-group__prev {
23155
+ align-items: center;
23156
+ display: flex;
23157
+ flex: 0 1 52px;
23158
+ justify-content: center;
23159
+ min-width: 52px;
23160
+ cursor: pointer;
23161
+ }
23162
+ .v-slide-group__next--disabled,
23163
+ .v-slide-group__prev--disabled {
23164
+ pointer-events: none;
23165
+ opacity: var(--v-disabled-opacity);
23166
+ }
23167
+
23168
+ .v-slide-group__content {
23169
+ display: flex;
23170
+ flex: 1 0 auto;
23171
+ position: relative;
23172
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23173
+ white-space: nowrap;
23174
+ }
23175
+ .v-slide-group__content > * {
23176
+ white-space: initial;
23177
+ }
23178
+
23179
+ .v-slide-group__container {
23180
+ contain: content;
23181
+ display: flex;
23182
+ flex: 1 1 auto;
23183
+ overflow: hidden;
23184
+ }
23185
+
23186
+ .v-slide-group--vertical,
23187
+ .v-slide-group--vertical .v-slide-group__container,
23188
+ .v-slide-group--vertical .v-slide-group__content {
23189
+ flex-direction: column;
23190
+ }.v-stepper-item {
23191
+ align-items: center;
23192
+ align-self: stretch;
23193
+ display: inline-flex;
23194
+ flex: none;
23195
+ opacity: var(--v-medium-emphasis-opacity);
23196
+ padding: 1.5rem;
23197
+ transition-duration: 0.2s;
23198
+ transition-property: opacity;
23199
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23200
+ }
23201
+ .v-stepper-item--selected {
23202
+ opacity: 1;
23203
+ }
23204
+ .v-stepper-item--error {
23205
+ color: rgb(var(--v-theme-error));
23206
+ }
23207
+ .v-stepper-item--disabled {
23208
+ opacity: var(--v-medium-emphasis-opacity);
23209
+ pointer-events: none;
23210
+ }
23211
+ .v-stepper--alt-labels .v-stepper-item {
23212
+ flex-direction: column;
23213
+ justify-content: flex-start;
23214
+ align-items: center;
23215
+ flex-basis: 175px;
23216
+ }
23217
+
23218
+ .v-stepper-item__avatar.v-avatar {
23219
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23220
+ color: rgb(var(--v-theme-on-surface-variant));
23221
+ font-size: 0.75rem;
23222
+ margin-inline-end: 8px;
23223
+ }
23224
+ .v-stepper-item__avatar.v-avatar .v-icon {
23225
+ font-size: 0.875rem;
23226
+ }
23227
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23228
+ background: rgb(var(--v-theme-surface-variant));
23229
+ }
23230
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23231
+ background: rgb(var(--v-theme-error));
23232
+ }
23233
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23234
+ margin-bottom: 16px;
23235
+ margin-inline-end: 0;
23236
+ }
23237
+
23238
+ .v-stepper-item__title {
23239
+ line-height: 1;
23240
+ }
23241
+ .v-stepper--mobile .v-stepper-item__title {
23242
+ display: none;
23243
+ }
23244
+
23245
+ .v-stepper-item__subtitle {
23246
+ font-size: 0.75rem;
23247
+ text-align: left;
23248
+ line-height: 1;
23249
+ opacity: var(--v-medium-emphasis-opacity);
23250
+ }
23251
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
23252
+ text-align: center;
23253
+ }
23254
+ .v-stepper--mobile .v-stepper-item__subtitle {
23255
+ display: none;
23256
+ }.v-stepper.v-sheet {
23257
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23258
+ border-radius: 4px;
23259
+ overflow: hidden;
23260
+ }
23261
+ .v-stepper.v-sheet.v-stepper--flat {
23262
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23263
+ }
23264
+
23265
+ .v-stepper-header {
23266
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23267
+ align-items: center;
23268
+ display: flex;
23269
+ position: relative;
23270
+ overflow-x: auto;
23271
+ justify-content: space-between;
23272
+ z-index: 1;
23273
+ }
23274
+ .v-stepper-header .v-divider {
23275
+ margin: 0 -16px;
23276
+ }
23277
+ .v-stepper-header .v-divider:last-child {
23278
+ margin-inline-end: 0;
23279
+ }
23280
+ .v-stepper-header .v-divider:first-child {
23281
+ margin-inline-start: 0;
23282
+ }
23283
+ .v-stepper--alt-labels .v-stepper-header {
23284
+ height: auto;
23285
+ }
23286
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
23287
+ align-self: flex-start;
23288
+ margin: 35px -67px 0;
23289
+ }
23290
+
23291
+ .v-stepper-window {
23292
+ margin: 1.5rem;
23293
+ }
23294
+
23295
+ .v-stepper-actions {
23296
+ display: flex;
23297
+ align-items: center;
23298
+ justify-content: space-between;
23299
+ padding: 1rem;
23300
+ }
23301
+ .v-stepper .v-stepper-actions {
23302
+ padding: 0 1.5rem 1rem;
23303
+ }
23304
+ .v-stepper-window-item .v-stepper-actions {
23305
+ padding: 1.5rem 0 0;
23306
+ }.v-switch .v-label {
23307
+ padding-inline-start: 10px;
23308
+ }
23309
+
23310
+ .v-switch__loader {
23311
+ display: flex;
23312
+ }
23313
+ .v-switch__loader .v-progress-circular {
23314
+ color: rgb(var(--v-theme-surface));
23315
+ }
23316
+
23317
+ .v-switch__track,
23318
+ .v-switch__thumb {
23319
+ transition: none;
23320
+ }
23321
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23322
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23323
+ background-color: rgb(var(--v-theme-error));
23324
+ color: rgb(var(--v-theme-on-error));
23325
+ }
23326
+
23327
+ .v-switch__track-true {
23328
+ margin-inline-end: auto;
23329
+ }
23330
+ .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23331
+ opacity: 0;
23332
+ }
23333
+
23334
+ .v-switch__track-false {
23335
+ margin-inline-start: auto;
23336
+ }
23337
+ .v-selection-control--dirty .v-switch__track-false {
23338
+ opacity: 0;
23339
+ }
23340
+
23341
+ .v-switch__track {
23342
+ display: inline-flex;
23343
+ align-items: center;
23344
+ font-size: 0.5rem;
23345
+ padding: 0 5px;
23346
+ background-color: rgb(var(--v-theme-surface-variant));
23347
+ border-radius: 9999px;
23348
+ height: 14px;
23349
+ opacity: 0.6;
23350
+ min-width: 36px;
23351
+ cursor: pointer;
23352
+ transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23353
+ }
23354
+ .v-switch--inset .v-switch__track {
23355
+ border-radius: 9999px;
23356
+ font-size: 0.75rem;
23357
+ height: 32px;
23358
+ min-width: 52px;
23170
23359
  }
23171
- .v-skeleton-loader__table-cell {
23360
+
23361
+ .v-switch__thumb {
23172
23362
  align-items: center;
23363
+ background-color: rgb(var(--v-theme-surface-bright));
23364
+ color: rgb(var(--v-theme-on-surface-bright));
23365
+ border-radius: 50%;
23173
23366
  display: flex;
23174
- height: 48px;
23175
- width: 88px;
23367
+ font-size: 0.75rem;
23368
+ height: 20px;
23369
+ justify-content: center;
23370
+ width: 20px;
23371
+ pointer-events: none;
23372
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23373
+ position: relative;
23374
+ overflow: hidden;
23176
23375
  }
23177
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
23178
- margin-bottom: 0;
23376
+ .v-switch:not(.v-switch--inset) .v-switch__thumb {
23377
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23179
23378
  }
23180
- .v-skeleton-loader__subtitle {
23181
- max-width: 70%;
23379
+ .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
23380
+ background: rgb(var(--v-theme-surface-variant));
23381
+ color: rgb(var(--v-theme-on-surface-variant));
23382
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23182
23383
  }
23183
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
23184
- height: 16px;
23185
- border-radius: 8px;
23384
+ .v-switch--inset .v-switch__thumb {
23385
+ height: 24px;
23386
+ width: 24px;
23387
+ transform: scale(0.6666666667);
23186
23388
  }
23187
- .v-skeleton-loader__text {
23188
- border-radius: 6px;
23189
- margin: 16px;
23190
- height: 12px;
23389
+ .v-switch--inset .v-switch__thumb--filled {
23390
+ transform: none;
23191
23391
  }
23192
- .v-skeleton-loader__text + .v-skeleton-loader__text {
23193
- margin-top: -8px;
23194
- max-width: 50%;
23392
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23393
+ transform: none;
23394
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23195
23395
  }
23196
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
23197
- max-width: 70%;
23396
+
23397
+ .v-switch.v-input {
23398
+ flex: 0 1 auto;
23198
23399
  }
23199
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
23200
- display: none;
23400
+ .v-switch .v-selection-control {
23401
+ min-height: var(--v-input-control-height);
23201
23402
  }
23202
- .v-skeleton-loader--is-loading {
23203
- overflow: hidden;
23403
+ .v-switch .v-selection-control__input {
23404
+ border-radius: 50%;
23405
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23406
+ transform: translateX(-10px);
23407
+ position: absolute;
23204
23408
  }
23205
- .v-skeleton-loader--tile {
23206
- border-radius: 0;
23409
+ .v-switch .v-selection-control__input .v-icon {
23410
+ position: absolute;
23207
23411
  }
23208
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
23209
- border-radius: 0;
23412
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
23413
+ transform: translateX(10px);
23210
23414
  }
23211
-
23212
- @keyframes loading {
23213
- 100% {
23214
- transform: translateX(100%);
23215
- }
23415
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
23416
+ transform: scale(0.8);
23417
+ }
23418
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
23419
+ transform: scale(0.75);
23420
+ box-shadow: none;
23421
+ }
23422
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
23423
+ width: auto;
23216
23424
  }.v-snackbar {
23217
23425
  justify-content: center;
23218
23426
  z-index: 10000;
@@ -23293,279 +23501,111 @@ html.v-overlay-scroll-blocked {
23293
23501
  padding: 0 8px;
23294
23502
  min-width: auto;
23295
23503
  }
23296
- .v-snackbar__timer {
23297
- width: 100%;
23298
- position: absolute;
23299
- top: 0;
23300
- }
23301
- .v-snackbar__timer .v-progress-linear {
23302
- transition: 0.2s linear;
23303
- }
23304
- .v-snackbar--absolute {
23305
- position: absolute;
23306
- z-index: 1;
23307
- }
23308
- .v-snackbar--multi-line .v-snackbar__wrapper {
23309
- min-height: 68px;
23310
- }
23311
- .v-snackbar--vertical .v-snackbar__wrapper {
23312
- flex-direction: column;
23313
- }
23314
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23315
- align-self: flex-end;
23316
- margin-bottom: 8px;
23317
- }
23318
-
23319
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23320
- transition-duration: 0.15s;
23321
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23322
- }
23323
- .v-snackbar-transition-enter-active {
23324
- transition-property: opacity, transform;
23325
- }
23326
- .v-snackbar-transition-enter-from {
23327
- opacity: 0;
23328
- transform: scale(0.8);
23329
- }
23330
- .v-snackbar-transition-leave-active {
23331
- transition-property: opacity;
23332
- }
23333
- .v-snackbar-transition-leave-to {
23334
- opacity: 0;
23335
- }.v-stepper.v-sheet {
23336
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23337
- border-radius: 4px;
23338
- overflow: hidden;
23339
- }
23340
- .v-stepper.v-sheet.v-stepper--flat {
23341
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23342
- }
23343
-
23344
- .v-stepper-header {
23345
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23346
- align-items: center;
23347
- display: flex;
23348
- position: relative;
23349
- overflow-x: auto;
23350
- justify-content: space-between;
23351
- z-index: 1;
23352
- }
23353
- .v-stepper-header .v-divider {
23354
- margin: 0 -16px;
23355
- }
23356
- .v-stepper-header .v-divider:last-child {
23357
- margin-inline-end: 0;
23358
- }
23359
- .v-stepper-header .v-divider:first-child {
23360
- margin-inline-start: 0;
23361
- }
23362
- .v-stepper--alt-labels .v-stepper-header {
23363
- height: auto;
23364
- }
23365
- .v-stepper--alt-labels .v-stepper-header .v-divider {
23366
- align-self: flex-start;
23367
- margin: 35px -67px 0;
23368
- }
23369
-
23370
- .v-stepper-window {
23371
- margin: 1.5rem;
23372
- }
23373
-
23374
- .v-stepper-actions {
23375
- display: flex;
23376
- align-items: center;
23377
- justify-content: space-between;
23378
- padding: 1rem;
23379
- }
23380
- .v-stepper .v-stepper-actions {
23381
- padding: 0 1.5rem 1rem;
23382
- }
23383
- .v-stepper-window-item .v-stepper-actions {
23384
- padding: 1.5rem 0 0;
23385
- }.v-stepper-item {
23386
- align-items: center;
23387
- align-self: stretch;
23388
- display: inline-flex;
23389
- flex: none;
23390
- opacity: var(--v-medium-emphasis-opacity);
23391
- padding: 1.5rem;
23392
- transition-duration: 0.2s;
23393
- transition-property: opacity;
23394
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
23395
- }
23396
- .v-stepper-item--selected {
23397
- opacity: 1;
23398
- }
23399
- .v-stepper-item--error {
23400
- color: rgb(var(--v-theme-error));
23401
- }
23402
- .v-stepper-item--disabled {
23403
- opacity: var(--v-medium-emphasis-opacity);
23404
- pointer-events: none;
23405
- }
23406
- .v-stepper--alt-labels .v-stepper-item {
23407
- flex-direction: column;
23408
- justify-content: flex-start;
23409
- align-items: center;
23410
- flex-basis: 175px;
23411
- }
23412
-
23413
- .v-stepper-item__avatar.v-avatar {
23414
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
23415
- color: rgb(var(--v-theme-on-surface-variant));
23416
- font-size: 0.75rem;
23417
- margin-inline-end: 8px;
23418
- }
23419
- .v-stepper-item__avatar.v-avatar .v-icon {
23420
- font-size: 0.875rem;
23421
- }
23422
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
23423
- background: rgb(var(--v-theme-surface-variant));
23424
- }
23425
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
23426
- background: rgb(var(--v-theme-error));
23427
- }
23428
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
23429
- margin-bottom: 16px;
23430
- margin-inline-end: 0;
23431
- }
23432
-
23433
- .v-stepper-item__title {
23434
- line-height: 1;
23435
- }
23436
- .v-stepper--mobile .v-stepper-item__title {
23437
- display: none;
23438
- }
23439
-
23440
- .v-stepper-item__subtitle {
23441
- font-size: 0.75rem;
23442
- text-align: left;
23443
- line-height: 1;
23444
- opacity: var(--v-medium-emphasis-opacity);
23445
- }
23446
- .v-stepper--alt-labels .v-stepper-item__subtitle {
23447
- text-align: center;
23448
- }
23449
- .v-stepper--mobile .v-stepper-item__subtitle {
23450
- display: none;
23451
- }.v-switch .v-label {
23452
- padding-inline-start: 10px;
23453
- }
23454
-
23455
- .v-switch__loader {
23456
- display: flex;
23457
- }
23458
- .v-switch__loader .v-progress-circular {
23459
- color: rgb(var(--v-theme-surface));
23504
+ .v-snackbar__timer {
23505
+ width: 100%;
23506
+ position: absolute;
23507
+ top: 0;
23460
23508
  }
23461
-
23462
- .v-switch__track,
23463
- .v-switch__thumb {
23464
- transition: none;
23509
+ .v-snackbar__timer .v-progress-linear {
23510
+ transition: 0.2s linear;
23465
23511
  }
23466
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
23467
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
23468
- background-color: rgb(var(--v-theme-error));
23469
- color: rgb(var(--v-theme-on-error));
23512
+ .v-snackbar--absolute {
23513
+ position: absolute;
23514
+ z-index: 1;
23470
23515
  }
23471
-
23472
- .v-switch__track-true {
23473
- margin-inline-end: auto;
23516
+ .v-snackbar--multi-line .v-snackbar__wrapper {
23517
+ min-height: 68px;
23474
23518
  }
23475
- .v-selection-control:not(.v-selection-control--dirty) .v-switch__track-true {
23476
- opacity: 0;
23519
+ .v-snackbar--vertical .v-snackbar__wrapper {
23520
+ flex-direction: column;
23521
+ }
23522
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
23523
+ align-self: flex-end;
23524
+ margin-bottom: 8px;
23477
23525
  }
23478
23526
 
23479
- .v-switch__track-false {
23480
- margin-inline-start: auto;
23527
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
23528
+ transition-duration: 0.15s;
23529
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23481
23530
  }
23482
- .v-selection-control--dirty .v-switch__track-false {
23483
- opacity: 0;
23531
+ .v-snackbar-transition-enter-active {
23532
+ transition-property: opacity, transform;
23484
23533
  }
23485
-
23486
- .v-switch__track {
23487
- display: inline-flex;
23488
- align-items: center;
23489
- font-size: 0.5rem;
23490
- padding: 0 5px;
23491
- background-color: rgb(var(--v-theme-surface-variant));
23492
- border-radius: 9999px;
23493
- height: 14px;
23494
- opacity: 0.6;
23495
- min-width: 36px;
23496
- cursor: pointer;
23497
- transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23534
+ .v-snackbar-transition-enter-from {
23535
+ opacity: 0;
23536
+ transform: scale(0.8);
23498
23537
  }
23499
- .v-switch--inset .v-switch__track {
23500
- border-radius: 9999px;
23501
- font-size: 0.75rem;
23502
- height: 32px;
23503
- min-width: 52px;
23538
+ .v-snackbar-transition-leave-active {
23539
+ transition-property: opacity;
23504
23540
  }
23505
-
23506
- .v-switch__thumb {
23541
+ .v-snackbar-transition-leave-to {
23542
+ opacity: 0;
23543
+ }.v-system-bar {
23507
23544
  align-items: center;
23508
- background-color: rgb(var(--v-theme-surface-bright));
23509
- color: rgb(var(--v-theme-on-surface-bright));
23510
- border-radius: 50%;
23511
23545
  display: flex;
23512
- font-size: 0.75rem;
23513
- height: 20px;
23514
- justify-content: center;
23515
- width: 20px;
23516
- pointer-events: none;
23517
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1), 0.2s color cubic-bezier(0.4, 0, 0.2, 1), 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
23546
+ flex: 1 1 auto;
23547
+ height: 24px;
23548
+ justify-content: flex-end;
23549
+ max-width: 100%;
23550
+ padding-inline: 8px;
23518
23551
  position: relative;
23519
- overflow: hidden;
23520
- }
23521
- .v-switch:not(.v-switch--inset) .v-switch__thumb {
23522
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23523
- }
23524
- .v-switch.v-switch--flat:not(.v-switch--inset) .v-switch__thumb {
23525
- background: rgb(var(--v-theme-surface-variant));
23526
- color: rgb(var(--v-theme-on-surface-variant));
23552
+ text-align: end;
23553
+ width: 100%;
23527
23554
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23555
+ background: rgba(var(--v-theme-surface-light));
23556
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
23557
+ font-size: 0.75rem;
23558
+ font-weight: 400;
23559
+ letter-spacing: 0.0333333333em;
23560
+ line-height: 1.25rem;
23561
+ text-transform: none;
23528
23562
  }
23529
- .v-switch--inset .v-switch__thumb {
23530
- height: 24px;
23531
- width: 24px;
23532
- transform: scale(0.6666666667);
23563
+ .v-system-bar .v-icon {
23564
+ opacity: var(--v-medium-emphasis-opacity);
23533
23565
  }
23534
- .v-switch--inset .v-switch__thumb--filled {
23535
- transform: none;
23566
+ .v-system-bar--absolute {
23567
+ position: absolute;
23536
23568
  }
23537
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
23538
- transform: none;
23539
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
23569
+ .v-system-bar--fixed {
23570
+ position: fixed;
23540
23571
  }
23541
-
23542
- .v-switch.v-input {
23543
- flex: 0 1 auto;
23572
+ .v-system-bar--rounded {
23573
+ border-radius: 0;
23544
23574
  }
23545
- .v-switch .v-selection-control {
23546
- min-height: var(--v-input-control-height);
23575
+ .v-system-bar--window {
23576
+ height: 32px;
23547
23577
  }
23548
- .v-switch .v-selection-control__input {
23549
- border-radius: 50%;
23550
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
23551
- transform: translateX(-10px);
23552
- position: absolute;
23578
+ .v-system-bar:not(.v-system-bar--absolute) {
23579
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
23580
+ }.v-tab.v-tab.v-btn {
23581
+ height: var(--v-tabs-height);
23582
+ border-radius: 0;
23583
+ min-width: 90px;
23553
23584
  }
23554
- .v-switch .v-selection-control__input .v-icon {
23555
- position: absolute;
23585
+ .v-slide-group--horizontal .v-tab {
23586
+ max-width: 360px;
23556
23587
  }
23557
- .v-switch .v-selection-control--dirty .v-selection-control__input {
23558
- transform: translateX(10px);
23588
+ .v-slide-group--vertical .v-tab {
23589
+ justify-content: start;
23559
23590
  }
23560
- .v-switch.v-switch--indeterminate .v-selection-control__input {
23561
- transform: scale(0.8);
23591
+
23592
+ .v-tab__slider {
23593
+ position: absolute;
23594
+ bottom: 0;
23595
+ left: 0;
23596
+ height: 2px;
23597
+ width: 100%;
23598
+ background: currentColor;
23599
+ pointer-events: none;
23600
+ opacity: 0;
23562
23601
  }
23563
- .v-switch.v-switch--indeterminate .v-switch__thumb {
23564
- transform: scale(0.75);
23565
- box-shadow: none;
23602
+ .v-tab--selected .v-tab__slider {
23603
+ opacity: 1;
23566
23604
  }
23567
- .v-switch.v-switch--inset .v-selection-control__wrapper {
23568
- width: auto;
23605
+ .v-slide-group--vertical .v-tab__slider {
23606
+ top: 0;
23607
+ height: 100%;
23608
+ width: 2px;
23569
23609
  }.v-tabs {
23570
23610
  display: flex;
23571
23611
  height: var(--v-tabs-height);
@@ -23632,36 +23672,113 @@ html.v-overlay-scroll-blocked {
23632
23672
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
23633
23673
  margin-inline-end: 52px;
23634
23674
  }
23635
- }.v-tab.v-tab.v-btn {
23636
- height: var(--v-tabs-height);
23637
- border-radius: 0;
23638
- min-width: 90px;
23675
+ }.v-textarea .v-field {
23676
+ --v-textarea-control-height: var(--v-input-control-height);
23639
23677
  }
23640
- .v-slide-group--horizontal .v-tab {
23641
- max-width: 360px;
23678
+ .v-textarea .v-field__field {
23679
+ --v-input-control-height: var(--v-textarea-control-height);
23642
23680
  }
23643
- .v-slide-group--vertical .v-tab {
23644
- justify-content: start;
23681
+ .v-textarea .v-field__input {
23682
+ flex: 1 1 auto;
23683
+ outline: none;
23684
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23685
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23645
23686
  }
23646
-
23647
- .v-tab__slider {
23687
+ .v-textarea .v-field__input.v-textarea__sizer {
23688
+ visibility: hidden;
23648
23689
  position: absolute;
23649
- bottom: 0;
23690
+ top: 0;
23650
23691
  left: 0;
23651
- height: 2px;
23652
- width: 100%;
23653
- background: currentColor;
23692
+ height: 0 !important;
23693
+ min-height: 0 !important;
23654
23694
  pointer-events: none;
23695
+ }
23696
+ .v-textarea--no-resize .v-field__input {
23697
+ resize: none;
23698
+ }
23699
+ .v-textarea .v-field--no-label textarea,
23700
+ .v-textarea .v-field--active textarea {
23701
+ opacity: 1;
23702
+ }
23703
+ .v-textarea textarea {
23704
+ opacity: 0;
23705
+ flex: 1;
23706
+ min-width: 0;
23707
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23708
+ }
23709
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23710
+ outline: none;
23711
+ }
23712
+ .v-textarea textarea:invalid {
23713
+ box-shadow: none;
23714
+ }/* region BLOCK */
23715
+ .v-text-field input {
23716
+ color: inherit;
23717
+ opacity: 0;
23718
+ flex: 1;
23719
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23720
+ min-width: 0;
23721
+ }
23722
+ .v-text-field input:focus, .v-text-field input:active {
23723
+ outline: none;
23724
+ }
23725
+ .v-text-field input:invalid {
23726
+ box-shadow: none;
23727
+ }
23728
+ .v-text-field .v-field {
23729
+ cursor: text;
23730
+ }
23731
+ .v-text-field--prefixed.v-text-field .v-field__input {
23732
+ --v-field-padding-start: 6px;
23733
+ }
23734
+
23735
+ .v-text-field--suffixed.v-text-field .v-field__input {
23736
+ --v-field-padding-end: 0;
23737
+ }
23738
+
23739
+ .v-text-field .v-input__details {
23740
+ padding-inline: 16px;
23741
+ }
23742
+ .v-input--plain-underlined.v-text-field .v-input__details {
23743
+ padding-inline: 0;
23744
+ }
23745
+
23746
+ .v-text-field .v-field--no-label input,
23747
+ .v-text-field .v-field--active input {
23748
+ opacity: 1;
23749
+ }
23750
+ .v-text-field .v-field--single-line input {
23751
+ transition: none;
23752
+ }
23753
+
23754
+ /* endregion */
23755
+ /* region ELEMENTS */
23756
+ .v-text-field__prefix, .v-text-field__suffix {
23757
+ align-items: center;
23758
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23759
+ cursor: default;
23760
+ display: flex;
23655
23761
  opacity: 0;
23762
+ transition: inherit;
23763
+ white-space: nowrap;
23764
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23765
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23766
+ padding-bottom: var(--v-field-padding-bottom, 6px);
23656
23767
  }
23657
- .v-tab--selected .v-tab__slider {
23768
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23658
23769
  opacity: 1;
23659
23770
  }
23660
- .v-slide-group--vertical .v-tab__slider {
23661
- top: 0;
23662
- height: 100%;
23663
- width: 2px;
23664
- }.v-table {
23771
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23772
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23773
+ }
23774
+ .v-text-field__prefix {
23775
+ padding-inline-start: var(--v-field-padding-start);
23776
+ }
23777
+ .v-text-field__suffix {
23778
+ padding-inline-end: var(--v-field-padding-end);
23779
+ }
23780
+
23781
+ /* endregion */.v-table {
23665
23782
  background: rgb(var(--v-theme-surface));
23666
23783
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
23667
23784
  font-size: 0.875rem;
@@ -23799,113 +23916,10 @@ html.v-overlay-scroll-blocked {
23799
23916
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
23800
23917
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
23801
23918
  border-top: 0px !important;
23802
- }.v-textarea .v-field {
23803
- --v-textarea-control-height: var(--v-input-control-height);
23804
- }
23805
- .v-textarea .v-field__field {
23806
- --v-input-control-height: var(--v-textarea-control-height);
23807
- }
23808
- .v-textarea .v-field__input {
23809
- flex: 1 1 auto;
23810
- outline: none;
23811
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23812
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23813
- }
23814
- .v-textarea .v-field__input.v-textarea__sizer {
23815
- visibility: hidden;
23816
- position: absolute;
23817
- top: 0;
23818
- left: 0;
23819
- height: 0 !important;
23820
- min-height: 0 !important;
23821
- pointer-events: none;
23822
- }
23823
- .v-textarea--no-resize .v-field__input {
23824
- resize: none;
23825
- }
23826
- .v-textarea .v-field--no-label textarea,
23827
- .v-textarea .v-field--active textarea {
23828
- opacity: 1;
23829
- }
23830
- .v-textarea textarea {
23831
- opacity: 0;
23832
- flex: 1;
23833
- min-width: 0;
23834
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23835
- }
23836
- .v-textarea textarea:focus, .v-textarea textarea:active {
23837
- outline: none;
23838
- }
23839
- .v-textarea textarea:invalid {
23840
- box-shadow: none;
23841
- }/* region BLOCK */
23842
- .v-text-field input {
23843
- color: inherit;
23844
- opacity: 0;
23845
- flex: 1;
23846
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23847
- min-width: 0;
23848
- }
23849
- .v-text-field input:focus, .v-text-field input:active {
23850
- outline: none;
23851
- }
23852
- .v-text-field input:invalid {
23853
- box-shadow: none;
23854
- }
23855
- .v-text-field .v-field {
23856
- cursor: text;
23857
- }
23858
- .v-text-field--prefixed.v-text-field .v-field__input {
23859
- --v-field-padding-start: 6px;
23860
- }
23861
-
23862
- .v-text-field--suffixed.v-text-field .v-field__input {
23863
- --v-field-padding-end: 0;
23864
- }
23865
-
23866
- .v-text-field .v-input__details {
23867
- padding-inline: 16px;
23868
- }
23869
- .v-input--plain-underlined.v-text-field .v-input__details {
23870
- padding-inline: 0;
23871
- }
23872
-
23873
- .v-text-field .v-field--no-label input,
23874
- .v-text-field .v-field--active input {
23875
- opacity: 1;
23876
- }
23877
- .v-text-field .v-field--single-line input {
23878
- transition: none;
23879
- }
23880
-
23881
- /* endregion */
23882
- /* region ELEMENTS */
23883
- .v-text-field__prefix, .v-text-field__suffix {
23884
- align-items: center;
23885
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
23886
- cursor: default;
23887
- display: flex;
23888
- opacity: 0;
23889
- transition: inherit;
23890
- white-space: nowrap;
23891
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
23892
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
23893
- padding-bottom: var(--v-field-padding-bottom, 6px);
23894
- }
23895
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
23896
- opacity: 1;
23897
- }
23898
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
23899
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
23900
- }
23901
- .v-text-field__prefix {
23902
- padding-inline-start: var(--v-field-padding-start);
23903
- }
23904
- .v-text-field__suffix {
23905
- padding-inline-end: var(--v-field-padding-end);
23906
- }
23907
-
23908
- /* endregion */.v-timeline .v-timeline-divider__dot {
23919
+ }.v-theme-provider {
23920
+ background: rgb(var(--v-theme-background));
23921
+ color: rgb(var(--v-theme-on-background));
23922
+ }.v-timeline .v-timeline-divider__dot {
23909
23923
  background: rgb(var(--v-theme-surface-light));
23910
23924
  }
23911
23925
  .v-timeline .v-timeline-divider__inner-dot {
@@ -24321,9 +24335,6 @@ html.v-overlay-scroll-blocked {
24321
24335
 
24322
24336
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
24323
24337
  padding-inline-end: 0;
24324
- }.v-theme-provider {
24325
- background: rgb(var(--v-theme-background));
24326
- color: rgb(var(--v-theme-on-background));
24327
24338
  }.v-toolbar {
24328
24339
  align-items: flex-start;
24329
24340
  display: flex;
@@ -24553,43 +24564,32 @@ html.v-overlay-scroll-blocked {
24553
24564
  }
24554
24565
  .v-window-y-reverse-transition-leave-to {
24555
24566
  transform: translateY(100%);
24556
- }.v-system-bar {
24557
- align-items: center;
24567
+ }.v-responsive {
24558
24568
  display: flex;
24559
- flex: 1 1 auto;
24560
- height: 24px;
24561
- justify-content: flex-end;
24569
+ flex: 1 0 auto;
24570
+ max-height: 100%;
24562
24571
  max-width: 100%;
24563
- padding-inline: 8px;
24572
+ overflow: hidden;
24564
24573
  position: relative;
24565
- text-align: end;
24566
- width: 100%;
24567
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24568
- background: rgba(var(--v-theme-surface-light));
24569
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24570
- font-size: 0.75rem;
24571
- font-weight: 400;
24572
- letter-spacing: 0.0333333333em;
24573
- line-height: 1.25rem;
24574
- text-transform: none;
24575
- }
24576
- .v-system-bar .v-icon {
24577
- opacity: var(--v-medium-emphasis-opacity);
24578
24574
  }
24579
- .v-system-bar--absolute {
24580
- position: absolute;
24581
- }
24582
- .v-system-bar--fixed {
24583
- position: fixed;
24575
+ .v-responsive--inline {
24576
+ display: inline-flex;
24577
+ flex: 0 0 auto;
24584
24578
  }
24585
- .v-system-bar--rounded {
24586
- border-radius: 0;
24579
+
24580
+ .v-responsive__content {
24581
+ flex: 1 0 0px;
24582
+ max-width: 100%;
24587
24583
  }
24588
- .v-system-bar--window {
24589
- height: 32px;
24584
+
24585
+ .v-responsive__sizer ~ .v-responsive__content {
24586
+ margin-inline-start: -100%;
24590
24587
  }
24591
- .v-system-bar:not(.v-system-bar--absolute) {
24592
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24588
+
24589
+ .v-responsive__sizer {
24590
+ flex: 1 0 0px;
24591
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24592
+ pointer-events: none;
24593
24593
  }.v-color-picker-canvas {
24594
24594
  display: flex;
24595
24595
  position: relative;
@@ -24640,6 +24640,41 @@ html.v-overlay-scroll-blocked {
24640
24640
  }
24641
24641
  .v-color-picker-edit__input span {
24642
24642
  font-size: 0.75rem;
24643
+ }.v-color-picker-swatches {
24644
+ overflow-y: auto;
24645
+ }
24646
+ .v-color-picker-swatches > div {
24647
+ display: flex;
24648
+ flex-wrap: wrap;
24649
+ justify-content: center;
24650
+ padding: 8px;
24651
+ }
24652
+
24653
+ .v-color-picker-swatches__swatch {
24654
+ display: flex;
24655
+ flex-direction: column;
24656
+ margin-bottom: 10px;
24657
+ }
24658
+
24659
+ .v-color-picker-swatches__color {
24660
+ position: relative;
24661
+ height: 18px;
24662
+ max-height: 18px;
24663
+ width: 45px;
24664
+ margin: 2px 4px;
24665
+ border-radius: 2px;
24666
+ -webkit-user-select: none;
24667
+ user-select: none;
24668
+ overflow: hidden;
24669
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24670
+ cursor: pointer;
24671
+ }
24672
+ .v-color-picker-swatches__color > div {
24673
+ display: flex;
24674
+ align-items: center;
24675
+ justify-content: center;
24676
+ width: 100%;
24677
+ height: 100%;
24643
24678
  }.v-color-picker-preview__alpha .v-slider-track__background {
24644
24679
  background-color: transparent !important;
24645
24680
  }
@@ -24710,41 +24745,6 @@ html.v-overlay-scroll-blocked {
24710
24745
  .v-color-picker-preview__eye-dropper {
24711
24746
  position: relative;
24712
24747
  margin-right: 12px;
24713
- }.v-color-picker-swatches {
24714
- overflow-y: auto;
24715
- }
24716
- .v-color-picker-swatches > div {
24717
- display: flex;
24718
- flex-wrap: wrap;
24719
- justify-content: center;
24720
- padding: 8px;
24721
- }
24722
-
24723
- .v-color-picker-swatches__swatch {
24724
- display: flex;
24725
- flex-direction: column;
24726
- margin-bottom: 10px;
24727
- }
24728
-
24729
- .v-color-picker-swatches__color {
24730
- position: relative;
24731
- height: 18px;
24732
- max-height: 18px;
24733
- width: 45px;
24734
- margin: 2px 4px;
24735
- border-radius: 2px;
24736
- -webkit-user-select: none;
24737
- user-select: none;
24738
- overflow: hidden;
24739
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
24740
- cursor: pointer;
24741
- }
24742
- .v-color-picker-swatches__color > div {
24743
- display: flex;
24744
- align-items: center;
24745
- justify-content: center;
24746
- width: 100%;
24747
- height: 100%;
24748
24748
  }.v-picker.v-sheet {
24749
24749
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24750
24750
  border-radius: 4px;