@vuetify/nightly 3.7.1-master.2024-09-06 → 3.7.1-master.2024-09-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.7.1-master.2024-09-06
2
+ * Vuetify v3.7.1-master.2024-09-10
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17978,18 +17978,6 @@ html.overflow-y-hidden {
17978
17978
  .v-ripple__animation--out {
17979
17979
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17980
17980
  opacity: 0;
17981
- }.v-app-bar {
17982
- display: flex;
17983
- }
17984
- .v-app-bar.v-toolbar {
17985
- background: rgb(var(--v-theme-surface));
17986
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17987
- }
17988
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17989
- 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));
17990
- }
17991
- .v-app-bar:not(.v-toolbar--absolute) {
17992
- padding-inline-end: var(--v-scrollbar-offset);
17993
17981
  }.v-application {
17994
17982
  display: flex;
17995
17983
  background: rgb(var(--v-theme-background));
@@ -18006,6 +17994,18 @@ html.overflow-y-hidden {
18006
17994
  min-height: 100vh;
18007
17995
  min-height: 100dvh;
18008
17996
  position: relative;
17997
+ }.v-app-bar {
17998
+ display: flex;
17999
+ }
18000
+ .v-app-bar.v-toolbar {
18001
+ background: rgb(var(--v-theme-surface));
18002
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18003
+ }
18004
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
18005
+ 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));
18006
+ }
18007
+ .v-app-bar:not(.v-toolbar--absolute) {
18008
+ padding-inline-end: var(--v-scrollbar-offset);
18009
18009
  }.v-autocomplete .v-field .v-text-field__prefix,
18010
18010
  .v-autocomplete .v-field .v-text-field__suffix,
18011
18011
  .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
@@ -18652,70 +18652,6 @@ html.overflow-y-hidden {
18652
18652
  }
18653
18653
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18654
18654
  align-self: flex-start;
18655
- }.v-btn-group {
18656
- display: inline-flex;
18657
- flex-wrap: nowrap;
18658
- max-width: 100%;
18659
- min-width: 0;
18660
- overflow: hidden;
18661
- vertical-align: middle;
18662
- }
18663
- .v-btn-group {
18664
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18665
- border-style: solid;
18666
- border-width: 0;
18667
- }
18668
- .v-btn-group--border {
18669
- border-width: thin;
18670
- box-shadow: none;
18671
- }
18672
- .v-btn-group {
18673
- 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));
18674
- }
18675
- .v-btn-group {
18676
- border-radius: 4px;
18677
- }
18678
- .v-btn-group {
18679
- background: transparent;
18680
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18681
- }
18682
- .v-btn-group--density-default.v-btn-group {
18683
- height: 48px;
18684
- }
18685
-
18686
- .v-btn-group--density-comfortable.v-btn-group {
18687
- height: 40px;
18688
- }
18689
-
18690
- .v-btn-group--density-compact.v-btn-group {
18691
- height: 36px;
18692
- }
18693
-
18694
- .v-btn-group .v-btn {
18695
- border-radius: 0;
18696
- border-color: inherit;
18697
- }
18698
- .v-btn-group .v-btn:not(:last-child) {
18699
- border-inline-end: none;
18700
- }
18701
- .v-btn-group .v-btn:not(:first-child) {
18702
- border-inline-start: none;
18703
- }
18704
- .v-btn-group .v-btn:first-child {
18705
- border-start-start-radius: inherit;
18706
- border-end-start-radius: inherit;
18707
- }
18708
- .v-btn-group .v-btn:last-child {
18709
- border-start-end-radius: inherit;
18710
- border-end-end-radius: inherit;
18711
- }
18712
- .v-btn-group--divided .v-btn:not(:last-child) {
18713
- border-inline-end-width: thin;
18714
- border-inline-end-style: solid;
18715
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18716
- }
18717
- .v-btn-group--tile {
18718
- border-radius: 0;
18719
18655
  }.v-bottom-navigation {
18720
18656
  display: flex;
18721
18657
  max-width: 100%;
@@ -18870,91 +18806,152 @@ html.overflow-y-hidden {
18870
18806
  display: inline-block;
18871
18807
  padding: 0 8px;
18872
18808
  vertical-align: middle;
18873
- }.v-card {
18874
- display: block;
18875
- overflow: hidden;
18876
- overflow-wrap: break-word;
18809
+ }.v-btn {
18810
+ align-items: center;
18811
+ border-radius: 4px;
18812
+ display: inline-grid;
18813
+ grid-template-areas: "prepend content append";
18814
+ grid-template-columns: max-content auto max-content;
18815
+ font-weight: 500;
18816
+ justify-content: center;
18817
+ letter-spacing: 0.0892857143em;
18818
+ line-height: normal;
18819
+ max-width: 100%;
18820
+ outline: none;
18877
18821
  position: relative;
18878
- padding: 0;
18879
18822
  text-decoration: none;
18823
+ text-indent: 0.0892857143em;
18824
+ text-transform: uppercase;
18825
+ transition-property: box-shadow, transform, opacity, background;
18880
18826
  transition-duration: 0.28s;
18881
- transition-property: box-shadow, opacity, background;
18882
18827
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18883
- z-index: 0;
18828
+ -webkit-user-select: none;
18829
+ user-select: none;
18830
+ vertical-align: middle;
18831
+ flex-shrink: 0;
18884
18832
  }
18885
- .v-card {
18833
+ .v-btn--size-x-small {
18834
+ --v-btn-size: 0.625rem;
18835
+ --v-btn-height: 20px;
18836
+ font-size: var(--v-btn-size);
18837
+ min-width: 36px;
18838
+ padding: 0 8px;
18839
+ }
18840
+
18841
+ .v-btn--size-small {
18842
+ --v-btn-size: 0.75rem;
18843
+ --v-btn-height: 28px;
18844
+ font-size: var(--v-btn-size);
18845
+ min-width: 50px;
18846
+ padding: 0 12px;
18847
+ }
18848
+
18849
+ .v-btn--size-default {
18850
+ --v-btn-size: 0.875rem;
18851
+ --v-btn-height: 36px;
18852
+ font-size: var(--v-btn-size);
18853
+ min-width: 64px;
18854
+ padding: 0 16px;
18855
+ }
18856
+
18857
+ .v-btn--size-large {
18858
+ --v-btn-size: 1rem;
18859
+ --v-btn-height: 44px;
18860
+ font-size: var(--v-btn-size);
18861
+ min-width: 78px;
18862
+ padding: 0 20px;
18863
+ }
18864
+
18865
+ .v-btn--size-x-large {
18866
+ --v-btn-size: 1.125rem;
18867
+ --v-btn-height: 52px;
18868
+ font-size: var(--v-btn-size);
18869
+ min-width: 92px;
18870
+ padding: 0 24px;
18871
+ }
18872
+
18873
+ .v-btn.v-btn--density-default {
18874
+ height: calc(var(--v-btn-height) + 0px);
18875
+ }
18876
+
18877
+ .v-btn.v-btn--density-comfortable {
18878
+ height: calc(var(--v-btn-height) + -8px);
18879
+ }
18880
+
18881
+ .v-btn.v-btn--density-compact {
18882
+ height: calc(var(--v-btn-height) + -12px);
18883
+ }
18884
+
18885
+ .v-btn {
18886
18886
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18887
18887
  border-style: solid;
18888
18888
  border-width: 0;
18889
18889
  }
18890
- .v-card--border {
18890
+ .v-btn--border {
18891
18891
  border-width: thin;
18892
18892
  box-shadow: none;
18893
18893
  }
18894
- .v-card--absolute {
18894
+ .v-btn--absolute {
18895
18895
  position: absolute;
18896
18896
  }
18897
- .v-card--fixed {
18897
+ .v-btn--fixed {
18898
18898
  position: fixed;
18899
18899
  }
18900
- .v-card {
18901
- border-radius: 4px;
18902
- }
18903
- .v-card:hover > .v-card__overlay {
18900
+ .v-btn:hover > .v-btn__overlay {
18904
18901
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18905
18902
  }
18906
- .v-card:focus-visible > .v-card__overlay {
18903
+ .v-btn:focus-visible > .v-btn__overlay {
18907
18904
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18908
18905
  }
18909
18906
  @supports not selector(:focus-visible) {
18910
- .v-card:focus > .v-card__overlay {
18907
+ .v-btn:focus > .v-btn__overlay {
18911
18908
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18912
18909
  }
18913
18910
  }
18914
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18911
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
18915
18912
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18916
18913
  }
18917
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18914
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
18918
18915
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18919
18916
  }
18920
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18917
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
18921
18918
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18922
18919
  }
18923
18920
  @supports not selector(:focus-visible) {
18924
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18921
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
18925
18922
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18926
18923
  }
18927
18924
  }
18928
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18925
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
18929
18926
  background: transparent;
18930
18927
  color: inherit;
18931
18928
  }
18932
- .v-card--variant-plain {
18929
+ .v-btn--variant-plain {
18933
18930
  opacity: 0.62;
18934
18931
  }
18935
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
18932
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
18936
18933
  opacity: 1;
18937
18934
  }
18938
- .v-card--variant-plain .v-card__overlay {
18935
+ .v-btn--variant-plain .v-btn__overlay {
18939
18936
  display: none;
18940
18937
  }
18941
- .v-card--variant-elevated, .v-card--variant-flat {
18938
+ .v-btn--variant-elevated, .v-btn--variant-flat {
18942
18939
  background: rgb(var(--v-theme-surface));
18943
18940
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18944
18941
  }
18945
- .v-card--variant-elevated {
18946
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18942
+ .v-btn--variant-elevated {
18943
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18947
18944
  }
18948
- .v-card--variant-flat {
18945
+ .v-btn--variant-flat {
18949
18946
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18950
18947
  }
18951
- .v-card--variant-outlined {
18948
+ .v-btn--variant-outlined {
18952
18949
  border: thin solid currentColor;
18953
18950
  }
18954
- .v-card--variant-text .v-card__overlay {
18951
+ .v-btn--variant-text .v-btn__overlay {
18955
18952
  background: currentColor;
18956
18953
  }
18957
- .v-card--variant-tonal .v-card__underlay {
18954
+ .v-btn--variant-tonal .v-btn__underlay {
18958
18955
  background: currentColor;
18959
18956
  opacity: var(--v-activated-opacity);
18960
18957
  border-radius: inherit;
@@ -18964,366 +18961,424 @@ html.overflow-y-hidden {
18964
18961
  left: 0;
18965
18962
  pointer-events: none;
18966
18963
  }
18967
- .v-card .v-card__underlay {
18964
+ .v-btn .v-btn__underlay {
18968
18965
  position: absolute;
18969
18966
  }
18970
- .v-card--disabled {
18971
- pointer-events: none;
18972
- -webkit-user-select: none;
18973
- user-select: none;
18967
+ @supports selector(:focus-visible) {
18968
+ .v-btn::after {
18969
+ pointer-events: none;
18970
+ border: 2px solid currentColor;
18971
+ border-radius: inherit;
18972
+ opacity: 0;
18973
+ transition: opacity 0.2s ease-in-out;
18974
+ }
18975
+ .v-btn::after {
18976
+ content: "";
18977
+ position: absolute;
18978
+ top: 0;
18979
+ left: 0;
18980
+ width: 100%;
18981
+ height: 100%;
18982
+ }
18983
+ .v-btn:focus-visible::after {
18984
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
18985
+ }
18974
18986
  }
18975
- .v-card--disabled > :not(.v-card__loader) {
18976
- opacity: 0.6;
18987
+ .v-btn--icon {
18988
+ border-radius: 50%;
18989
+ min-width: 0;
18990
+ padding: 0;
18977
18991
  }
18978
- .v-card--flat {
18979
- box-shadow: none;
18992
+ .v-btn--icon.v-btn--size-default {
18993
+ --v-btn-size: 1rem;
18980
18994
  }
18981
- .v-card--hover {
18982
- cursor: pointer;
18995
+ .v-btn--icon.v-btn--density-default {
18996
+ width: calc(var(--v-btn-height) + 12px);
18997
+ height: calc(var(--v-btn-height) + 12px);
18983
18998
  }
18984
- .v-card--hover::before, .v-card--hover::after {
18985
- border-radius: inherit;
18986
- bottom: 0;
18987
- content: "";
18988
- display: block;
18989
- left: 0;
18990
- pointer-events: none;
18991
- position: absolute;
18992
- right: 0;
18993
- top: 0;
18994
- transition: inherit;
18995
- }
18996
- .v-card--hover::before {
18997
- opacity: 1;
18998
- z-index: -1;
18999
+ .v-btn--icon.v-btn--density-comfortable {
19000
+ width: calc(var(--v-btn-height) + 0px);
19001
+ height: calc(var(--v-btn-height) + 0px);
18999
19002
  }
19000
- .v-card--hover::before {
19001
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19003
+ .v-btn--icon.v-btn--density-compact {
19004
+ width: calc(var(--v-btn-height) + -8px);
19005
+ height: calc(var(--v-btn-height) + -8px);
19002
19006
  }
19003
- .v-card--hover::after {
19004
- z-index: 1;
19005
- opacity: 0;
19007
+
19008
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
19009
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19006
19010
  }
19007
- .v-card--hover::after {
19011
+ .v-btn--elevated:active {
19008
19012
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19009
19013
  }
19010
- .v-card--hover:hover::after {
19014
+ .v-btn--flat {
19015
+ box-shadow: none;
19016
+ }
19017
+ .v-btn--block {
19018
+ display: flex;
19019
+ flex: 1 0 auto;
19020
+ min-width: 100%;
19021
+ }
19022
+ .v-btn--disabled {
19023
+ pointer-events: none;
19024
+ opacity: 0.26;
19025
+ }
19026
+ .v-btn--disabled:hover {
19027
+ opacity: 0.26;
19028
+ }
19029
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19030
+ box-shadow: none;
19011
19031
  opacity: 1;
19032
+ color: rgba(var(--v-theme-on-surface), 0.26);
19033
+ background: rgb(var(--v-theme-surface));
19012
19034
  }
19013
- .v-card--hover:hover::before {
19014
- opacity: 0;
19035
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19036
+ opacity: 0.4615384615;
19015
19037
  }
19016
- .v-card--hover:hover {
19017
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19038
+ .v-btn--loading {
19039
+ pointer-events: none;
19018
19040
  }
19019
- .v-card--link {
19020
- cursor: pointer;
19041
+ .v-btn--loading .v-btn__content,
19042
+ .v-btn--loading .v-btn__prepend,
19043
+ .v-btn--loading .v-btn__append {
19044
+ opacity: 0;
19021
19045
  }
19022
-
19023
- .v-card-actions {
19024
- align-items: center;
19025
- display: flex;
19026
- flex: none;
19027
- min-height: 52px;
19028
- padding: 0.5rem;
19029
- gap: 0.5rem;
19046
+ .v-btn--stacked {
19047
+ grid-template-areas: "prepend" "content" "append";
19048
+ grid-template-columns: auto;
19049
+ grid-template-rows: max-content max-content max-content;
19050
+ justify-items: center;
19051
+ align-content: center;
19030
19052
  }
19031
-
19032
- .v-card-item {
19033
- align-items: center;
19034
- display: grid;
19035
- flex: none;
19036
- grid-template-areas: "prepend content append";
19037
- grid-template-columns: max-content auto max-content;
19038
- padding: 0.625rem 1rem;
19053
+ .v-btn--stacked .v-btn__content {
19054
+ flex-direction: column;
19055
+ line-height: 1.25;
19039
19056
  }
19040
- .v-card-item + .v-card-text {
19041
- padding-top: 0;
19057
+ .v-btn--stacked .v-btn__prepend,
19058
+ .v-btn--stacked .v-btn__append,
19059
+ .v-btn--stacked .v-btn__content > .v-icon--start,
19060
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19061
+ margin-inline: 0;
19042
19062
  }
19043
- .v-card-item__prepend, .v-card-item__append {
19044
- align-items: center;
19045
- display: flex;
19063
+ .v-btn--stacked .v-btn__prepend,
19064
+ .v-btn--stacked .v-btn__content > .v-icon--start {
19065
+ margin-bottom: 4px;
19046
19066
  }
19047
- .v-card-item__prepend {
19048
- grid-area: prepend;
19049
- padding-inline-end: 0.5rem;
19067
+ .v-btn--stacked .v-btn__append,
19068
+ .v-btn--stacked .v-btn__content > .v-icon--end {
19069
+ margin-top: 4px;
19050
19070
  }
19051
- .v-card-item__append {
19052
- grid-area: append;
19053
- padding-inline-start: 0.5rem;
19071
+ .v-btn--stacked.v-btn--size-x-small {
19072
+ --v-btn-size: 0.625rem;
19073
+ --v-btn-height: 56px;
19074
+ font-size: var(--v-btn-size);
19075
+ min-width: 56px;
19076
+ padding: 0 12px;
19054
19077
  }
19055
19078
 
19056
- .v-card-item__content {
19057
- align-self: center;
19058
- grid-area: content;
19059
- overflow: hidden;
19079
+ .v-btn--stacked.v-btn--size-small {
19080
+ --v-btn-size: 0.75rem;
19081
+ --v-btn-height: 64px;
19082
+ font-size: var(--v-btn-size);
19083
+ min-width: 64px;
19084
+ padding: 0 14px;
19060
19085
  }
19061
19086
 
19062
- .v-card-title {
19063
- display: block;
19064
- flex: none;
19065
- font-size: 1.25rem;
19066
- font-weight: 500;
19067
- -webkit-hyphens: auto;
19068
- hyphens: auto;
19069
- letter-spacing: 0.0125em;
19070
- min-width: 0;
19071
- overflow-wrap: normal;
19072
- overflow: hidden;
19073
- padding: 0.5rem 1rem;
19074
- text-overflow: ellipsis;
19075
- text-transform: none;
19076
- white-space: nowrap;
19077
- word-break: normal;
19078
- word-wrap: break-word;
19079
- }
19080
- .v-card .v-card-title {
19081
- line-height: 1.6;
19087
+ .v-btn--stacked.v-btn--size-default {
19088
+ --v-btn-size: 0.875rem;
19089
+ --v-btn-height: 72px;
19090
+ font-size: var(--v-btn-size);
19091
+ min-width: 72px;
19092
+ padding: 0 16px;
19082
19093
  }
19083
- .v-card--density-comfortable .v-card-title {
19084
- line-height: 1.75rem;
19094
+
19095
+ .v-btn--stacked.v-btn--size-large {
19096
+ --v-btn-size: 1rem;
19097
+ --v-btn-height: 80px;
19098
+ font-size: var(--v-btn-size);
19099
+ min-width: 80px;
19100
+ padding: 0 18px;
19085
19101
  }
19086
- .v-card--density-compact .v-card-title {
19087
- line-height: 1.55rem;
19102
+
19103
+ .v-btn--stacked.v-btn--size-x-large {
19104
+ --v-btn-size: 1.125rem;
19105
+ --v-btn-height: 88px;
19106
+ font-size: var(--v-btn-size);
19107
+ min-width: 88px;
19108
+ padding: 0 20px;
19088
19109
  }
19089
- .v-card-item .v-card-title {
19090
- padding: 0;
19110
+
19111
+ .v-btn--stacked.v-btn--density-default {
19112
+ height: calc(var(--v-btn-height) + 0px);
19091
19113
  }
19092
- .v-card-title + .v-card-text,
19093
- .v-card-title + .v-card-actions {
19094
- padding-top: 0;
19114
+
19115
+ .v-btn--stacked.v-btn--density-comfortable {
19116
+ height: calc(var(--v-btn-height) + -16px);
19095
19117
  }
19096
19118
 
19097
- .v-card-subtitle {
19098
- display: block;
19099
- flex: none;
19100
- font-size: 0.875rem;
19101
- font-weight: 400;
19102
- letter-spacing: 0.0178571429em;
19103
- opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19104
- overflow: hidden;
19105
- padding: 0 1rem;
19106
- text-overflow: ellipsis;
19107
- text-transform: none;
19108
- white-space: nowrap;
19119
+ .v-btn--stacked.v-btn--density-compact {
19120
+ height: calc(var(--v-btn-height) + -24px);
19109
19121
  }
19110
- .v-card .v-card-subtitle {
19111
- line-height: 1.425;
19122
+
19123
+ .v-btn--slim {
19124
+ padding: 0 8px;
19112
19125
  }
19113
- .v-card--density-comfortable .v-card-subtitle {
19114
- line-height: 1.125rem;
19126
+ .v-btn--readonly {
19127
+ pointer-events: none;
19115
19128
  }
19116
- .v-card--density-compact .v-card-subtitle {
19117
- line-height: 1rem;
19129
+ .v-btn--rounded {
19130
+ border-radius: 24px;
19118
19131
  }
19119
- .v-card-item .v-card-subtitle {
19120
- padding: 0 0 0.25rem;
19132
+ .v-btn--rounded.v-btn--icon {
19133
+ border-radius: 4px;
19121
19134
  }
19122
-
19123
- .v-card-text {
19124
- flex: 1 1 auto;
19125
- font-size: 0.875rem;
19126
- font-weight: 400;
19127
- letter-spacing: 0.0178571429em;
19128
- opacity: var(--v-card-text-opacity, 1);
19129
- padding: 1rem;
19130
- text-transform: none;
19135
+ .v-btn .v-icon {
19136
+ --v-icon-size-multiplier: 0.8571428571;
19131
19137
  }
19132
- .v-card .v-card-text {
19133
- line-height: 1.425;
19138
+ .v-btn--icon .v-icon {
19139
+ --v-icon-size-multiplier: 1;
19134
19140
  }
19135
- .v-card--density-comfortable .v-card-text {
19136
- line-height: 1.2rem;
19141
+ .v-btn--stacked .v-icon {
19142
+ --v-icon-size-multiplier: 1.1428571429;
19137
19143
  }
19138
- .v-card--density-compact .v-card-text {
19139
- line-height: 1.15rem;
19144
+ .v-btn--stacked.v-btn--block {
19145
+ min-width: 100%;
19140
19146
  }
19141
19147
 
19142
- .v-card__image {
19148
+ .v-btn__loader {
19149
+ align-items: center;
19143
19150
  display: flex;
19144
19151
  height: 100%;
19145
- flex: 1 1 auto;
19152
+ justify-content: center;
19146
19153
  left: 0;
19147
- overflow: hidden;
19148
19154
  position: absolute;
19149
19155
  top: 0;
19150
19156
  width: 100%;
19151
- z-index: -1;
19157
+ }
19158
+ .v-btn__loader > .v-progress-circular {
19159
+ width: 1.5em;
19160
+ height: 1.5em;
19152
19161
  }
19153
19162
 
19154
- .v-card__content {
19155
- border-radius: inherit;
19156
- overflow: hidden;
19157
- position: relative;
19163
+ .v-btn__content,
19164
+ .v-btn__prepend,
19165
+ .v-btn__append {
19166
+ align-items: center;
19167
+ display: flex;
19168
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19158
19169
  }
19159
19170
 
19160
- .v-card__loader {
19161
- bottom: auto;
19162
- top: 0;
19163
- left: 0;
19164
- position: absolute;
19165
- right: 0;
19166
- width: 100%;
19167
- z-index: 1;
19171
+ .v-btn__prepend {
19172
+ grid-area: prepend;
19173
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19174
+ }
19175
+ .v-btn--slim .v-btn__prepend {
19176
+ margin-inline-start: 0;
19168
19177
  }
19169
19178
 
19170
- .v-card__overlay {
19179
+ .v-btn__append {
19180
+ grid-area: append;
19181
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19182
+ }
19183
+ .v-btn--slim .v-btn__append {
19184
+ margin-inline-end: 0;
19185
+ }
19186
+
19187
+ .v-btn__content {
19188
+ grid-area: content;
19189
+ justify-content: center;
19190
+ white-space: nowrap;
19191
+ }
19192
+ .v-btn__content > .v-icon--start {
19193
+ margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19194
+ }
19195
+ .v-btn__content > .v-icon--end {
19196
+ margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19197
+ }
19198
+ .v-btn--stacked .v-btn__content {
19199
+ white-space: normal;
19200
+ }
19201
+
19202
+ .v-btn__overlay {
19171
19203
  background-color: currentColor;
19172
19204
  border-radius: inherit;
19205
+ opacity: 0;
19206
+ transition: opacity 0.2s ease-in-out;
19207
+ }
19208
+
19209
+ .v-btn__overlay,
19210
+ .v-btn__underlay {
19211
+ pointer-events: none;
19212
+ }
19213
+ .v-btn__overlay,
19214
+ .v-btn__underlay {
19173
19215
  position: absolute;
19174
19216
  top: 0;
19175
- right: 0;
19176
- bottom: 0;
19177
19217
  left: 0;
19178
- pointer-events: none;
19179
- opacity: 0;
19180
- transition: opacity 0.2s ease-in-out;
19181
- }.v-btn {
19182
- align-items: center;
19218
+ width: 100%;
19219
+ height: 100%;
19220
+ }
19221
+
19222
+ .v-pagination .v-btn {
19183
19223
  border-radius: 4px;
19184
- display: inline-grid;
19185
- grid-template-areas: "prepend content append";
19186
- grid-template-columns: max-content auto max-content;
19187
- font-weight: 500;
19188
- justify-content: center;
19189
- letter-spacing: 0.0892857143em;
19190
- line-height: normal;
19224
+ }
19225
+ .v-pagination .v-btn--rounded {
19226
+ border-radius: 50%;
19227
+ }
19228
+ .v-btn__overlay {
19229
+ transition: none;
19230
+ }
19231
+ .v-pagination__item--is-active .v-btn__overlay {
19232
+ opacity: var(--v-border-opacity);
19233
+ }.v-btn-group {
19234
+ display: inline-flex;
19235
+ flex-wrap: nowrap;
19191
19236
  max-width: 100%;
19192
- outline: none;
19193
- position: relative;
19194
- text-decoration: none;
19195
- text-indent: 0.0892857143em;
19196
- text-transform: uppercase;
19197
- transition-property: box-shadow, transform, opacity, background;
19198
- transition-duration: 0.28s;
19199
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19200
- -webkit-user-select: none;
19201
- user-select: none;
19237
+ min-width: 0;
19238
+ overflow: hidden;
19202
19239
  vertical-align: middle;
19203
- flex-shrink: 0;
19204
19240
  }
19205
- .v-btn--size-x-small {
19206
- --v-btn-size: 0.625rem;
19207
- --v-btn-height: 20px;
19208
- font-size: var(--v-btn-size);
19209
- min-width: 36px;
19210
- padding: 0 8px;
19241
+ .v-btn-group {
19242
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19243
+ border-style: solid;
19244
+ border-width: 0;
19211
19245
  }
19212
-
19213
- .v-btn--size-small {
19214
- --v-btn-size: 0.75rem;
19215
- --v-btn-height: 28px;
19216
- font-size: var(--v-btn-size);
19217
- min-width: 50px;
19218
- padding: 0 12px;
19246
+ .v-btn-group--border {
19247
+ border-width: thin;
19248
+ box-shadow: none;
19219
19249
  }
19220
-
19221
- .v-btn--size-default {
19222
- --v-btn-size: 0.875rem;
19223
- --v-btn-height: 36px;
19224
- font-size: var(--v-btn-size);
19225
- min-width: 64px;
19226
- padding: 0 16px;
19250
+ .v-btn-group {
19251
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19227
19252
  }
19228
-
19229
- .v-btn--size-large {
19230
- --v-btn-size: 1rem;
19231
- --v-btn-height: 44px;
19232
- font-size: var(--v-btn-size);
19233
- min-width: 78px;
19234
- padding: 0 20px;
19253
+ .v-btn-group {
19254
+ border-radius: 4px;
19235
19255
  }
19236
-
19237
- .v-btn--size-x-large {
19238
- --v-btn-size: 1.125rem;
19239
- --v-btn-height: 52px;
19240
- font-size: var(--v-btn-size);
19241
- min-width: 92px;
19242
- padding: 0 24px;
19256
+ .v-btn-group {
19257
+ background: transparent;
19258
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19243
19259
  }
19244
-
19245
- .v-btn.v-btn--density-default {
19246
- height: calc(var(--v-btn-height) + 0px);
19260
+ .v-btn-group--density-default.v-btn-group {
19261
+ height: 48px;
19247
19262
  }
19248
19263
 
19249
- .v-btn.v-btn--density-comfortable {
19250
- height: calc(var(--v-btn-height) + -8px);
19264
+ .v-btn-group--density-comfortable.v-btn-group {
19265
+ height: 40px;
19251
19266
  }
19252
19267
 
19253
- .v-btn.v-btn--density-compact {
19254
- height: calc(var(--v-btn-height) + -12px);
19268
+ .v-btn-group--density-compact.v-btn-group {
19269
+ height: 36px;
19255
19270
  }
19256
19271
 
19257
- .v-btn {
19272
+ .v-btn-group .v-btn {
19273
+ border-radius: 0;
19274
+ border-color: inherit;
19275
+ }
19276
+ .v-btn-group .v-btn:not(:last-child) {
19277
+ border-inline-end: none;
19278
+ }
19279
+ .v-btn-group .v-btn:not(:first-child) {
19280
+ border-inline-start: none;
19281
+ }
19282
+ .v-btn-group .v-btn:first-child {
19283
+ border-start-start-radius: inherit;
19284
+ border-end-start-radius: inherit;
19285
+ }
19286
+ .v-btn-group .v-btn:last-child {
19287
+ border-start-end-radius: inherit;
19288
+ border-end-end-radius: inherit;
19289
+ }
19290
+ .v-btn-group--divided .v-btn:not(:last-child) {
19291
+ border-inline-end-width: thin;
19292
+ border-inline-end-style: solid;
19293
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19294
+ }
19295
+ .v-btn-group--tile {
19296
+ border-radius: 0;
19297
+ }.v-card {
19298
+ display: block;
19299
+ overflow: hidden;
19300
+ overflow-wrap: break-word;
19301
+ position: relative;
19302
+ padding: 0;
19303
+ text-decoration: none;
19304
+ transition-duration: 0.28s;
19305
+ transition-property: box-shadow, opacity, background;
19306
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19307
+ z-index: 0;
19308
+ }
19309
+ .v-card {
19258
19310
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19259
19311
  border-style: solid;
19260
19312
  border-width: 0;
19261
19313
  }
19262
- .v-btn--border {
19314
+ .v-card--border {
19263
19315
  border-width: thin;
19264
19316
  box-shadow: none;
19265
19317
  }
19266
- .v-btn--absolute {
19318
+ .v-card--absolute {
19267
19319
  position: absolute;
19268
19320
  }
19269
- .v-btn--fixed {
19321
+ .v-card--fixed {
19270
19322
  position: fixed;
19271
19323
  }
19272
- .v-btn:hover > .v-btn__overlay {
19324
+ .v-card {
19325
+ border-radius: 4px;
19326
+ }
19327
+ .v-card:hover > .v-card__overlay {
19273
19328
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
19274
19329
  }
19275
- .v-btn:focus-visible > .v-btn__overlay {
19330
+ .v-card:focus-visible > .v-card__overlay {
19276
19331
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19277
19332
  }
19278
19333
  @supports not selector(:focus-visible) {
19279
- .v-btn:focus > .v-btn__overlay {
19334
+ .v-card:focus > .v-card__overlay {
19280
19335
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
19281
19336
  }
19282
19337
  }
19283
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
19338
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
19284
19339
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19285
19340
  }
19286
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
19341
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
19287
19342
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19288
19343
  }
19289
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
19344
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
19290
19345
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19291
19346
  }
19292
19347
  @supports not selector(:focus-visible) {
19293
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
19348
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
19294
19349
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19295
19350
  }
19296
19351
  }
19297
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
19352
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
19298
19353
  background: transparent;
19299
19354
  color: inherit;
19300
19355
  }
19301
- .v-btn--variant-plain {
19356
+ .v-card--variant-plain {
19302
19357
  opacity: 0.62;
19303
19358
  }
19304
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
19359
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
19305
19360
  opacity: 1;
19306
19361
  }
19307
- .v-btn--variant-plain .v-btn__overlay {
19362
+ .v-card--variant-plain .v-card__overlay {
19308
19363
  display: none;
19309
19364
  }
19310
- .v-btn--variant-elevated, .v-btn--variant-flat {
19365
+ .v-card--variant-elevated, .v-card--variant-flat {
19311
19366
  background: rgb(var(--v-theme-surface));
19312
19367
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19313
19368
  }
19314
- .v-btn--variant-elevated {
19315
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19369
+ .v-card--variant-elevated {
19370
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19316
19371
  }
19317
- .v-btn--variant-flat {
19372
+ .v-card--variant-flat {
19318
19373
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19319
19374
  }
19320
- .v-btn--variant-outlined {
19375
+ .v-card--variant-outlined {
19321
19376
  border: thin solid currentColor;
19322
19377
  }
19323
- .v-btn--variant-text .v-btn__overlay {
19378
+ .v-card--variant-text .v-card__overlay {
19324
19379
  background: currentColor;
19325
19380
  }
19326
- .v-btn--variant-tonal .v-btn__underlay {
19381
+ .v-card--variant-tonal .v-card__underlay {
19327
19382
  background: currentColor;
19328
19383
  opacity: var(--v-activated-opacity);
19329
19384
  border-radius: inherit;
@@ -19333,275 +19388,220 @@ html.overflow-y-hidden {
19333
19388
  left: 0;
19334
19389
  pointer-events: none;
19335
19390
  }
19336
- .v-btn .v-btn__underlay {
19391
+ .v-card .v-card__underlay {
19337
19392
  position: absolute;
19338
19393
  }
19339
- @supports selector(:focus-visible) {
19340
- .v-btn::after {
19341
- pointer-events: none;
19342
- border: 2px solid currentColor;
19343
- border-radius: inherit;
19344
- opacity: 0;
19345
- transition: opacity 0.2s ease-in-out;
19346
- }
19347
- .v-btn::after {
19348
- content: "";
19349
- position: absolute;
19350
- top: 0;
19351
- left: 0;
19352
- width: 100%;
19353
- height: 100%;
19354
- }
19355
- .v-btn:focus-visible::after {
19356
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
19357
- }
19358
- }
19359
- .v-btn--icon {
19360
- border-radius: 50%;
19361
- min-width: 0;
19362
- padding: 0;
19363
- }
19364
- .v-btn--icon.v-btn--size-default {
19365
- --v-btn-size: 1rem;
19366
- }
19367
- .v-btn--icon.v-btn--density-default {
19368
- width: calc(var(--v-btn-height) + 12px);
19369
- height: calc(var(--v-btn-height) + 12px);
19394
+ .v-card--disabled {
19395
+ pointer-events: none;
19396
+ -webkit-user-select: none;
19397
+ user-select: none;
19370
19398
  }
19371
- .v-btn--icon.v-btn--density-comfortable {
19372
- width: calc(var(--v-btn-height) + 0px);
19373
- height: calc(var(--v-btn-height) + 0px);
19399
+ .v-card--disabled > :not(.v-card__loader) {
19400
+ opacity: 0.6;
19374
19401
  }
19375
- .v-btn--icon.v-btn--density-compact {
19376
- width: calc(var(--v-btn-height) + -8px);
19377
- height: calc(var(--v-btn-height) + -8px);
19402
+ .v-card--flat {
19403
+ box-shadow: none;
19378
19404
  }
19379
-
19380
- .v-btn--elevated:hover, .v-btn--elevated:focus {
19381
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19405
+ .v-card--hover {
19406
+ cursor: pointer;
19382
19407
  }
19383
- .v-btn--elevated:active {
19384
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19408
+ .v-card--hover::before, .v-card--hover::after {
19409
+ border-radius: inherit;
19410
+ bottom: 0;
19411
+ content: "";
19412
+ display: block;
19413
+ left: 0;
19414
+ pointer-events: none;
19415
+ position: absolute;
19416
+ right: 0;
19417
+ top: 0;
19418
+ transition: inherit;
19385
19419
  }
19386
- .v-btn--flat {
19387
- box-shadow: none;
19420
+ .v-card--hover::before {
19421
+ opacity: 1;
19422
+ z-index: -1;
19388
19423
  }
19389
- .v-btn--block {
19390
- display: flex;
19391
- flex: 1 0 auto;
19392
- min-width: 100%;
19424
+ .v-card--hover::before {
19425
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19393
19426
  }
19394
- .v-btn--disabled {
19395
- pointer-events: none;
19396
- opacity: 0.26;
19427
+ .v-card--hover::after {
19428
+ z-index: 1;
19429
+ opacity: 0;
19397
19430
  }
19398
- .v-btn--disabled:hover {
19399
- opacity: 0.26;
19431
+ .v-card--hover::after {
19432
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19400
19433
  }
19401
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
19402
- box-shadow: none;
19434
+ .v-card--hover:hover::after {
19403
19435
  opacity: 1;
19404
- color: rgba(var(--v-theme-on-surface), 0.26);
19405
- background: rgb(var(--v-theme-surface));
19406
19436
  }
19407
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
19408
- opacity: 0.4615384615;
19437
+ .v-card--hover:hover::before {
19438
+ opacity: 0;
19409
19439
  }
19410
- .v-btn--loading {
19411
- pointer-events: none;
19440
+ .v-card--hover:hover {
19441
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
19412
19442
  }
19413
- .v-btn--loading .v-btn__content,
19414
- .v-btn--loading .v-btn__prepend,
19415
- .v-btn--loading .v-btn__append {
19416
- opacity: 0;
19443
+ .v-card--link {
19444
+ cursor: pointer;
19417
19445
  }
19418
- .v-btn--stacked {
19419
- grid-template-areas: "prepend" "content" "append";
19420
- grid-template-columns: auto;
19421
- grid-template-rows: max-content max-content max-content;
19422
- justify-items: center;
19423
- align-content: center;
19446
+
19447
+ .v-card-actions {
19448
+ align-items: center;
19449
+ display: flex;
19450
+ flex: none;
19451
+ min-height: 52px;
19452
+ padding: 0.5rem;
19453
+ gap: 0.5rem;
19424
19454
  }
19425
- .v-btn--stacked .v-btn__content {
19426
- flex-direction: column;
19427
- line-height: 1.25;
19455
+
19456
+ .v-card-item {
19457
+ align-items: center;
19458
+ display: grid;
19459
+ flex: none;
19460
+ grid-template-areas: "prepend content append";
19461
+ grid-template-columns: max-content auto max-content;
19462
+ padding: 0.625rem 1rem;
19428
19463
  }
19429
- .v-btn--stacked .v-btn__prepend,
19430
- .v-btn--stacked .v-btn__append,
19431
- .v-btn--stacked .v-btn__content > .v-icon--start,
19432
- .v-btn--stacked .v-btn__content > .v-icon--end {
19433
- margin-inline: 0;
19464
+ .v-card-item + .v-card-text {
19465
+ padding-top: 0;
19434
19466
  }
19435
- .v-btn--stacked .v-btn__prepend,
19436
- .v-btn--stacked .v-btn__content > .v-icon--start {
19437
- margin-bottom: 4px;
19467
+ .v-card-item__prepend, .v-card-item__append {
19468
+ align-items: center;
19469
+ display: flex;
19438
19470
  }
19439
- .v-btn--stacked .v-btn__append,
19440
- .v-btn--stacked .v-btn__content > .v-icon--end {
19441
- margin-top: 4px;
19471
+ .v-card-item__prepend {
19472
+ grid-area: prepend;
19473
+ padding-inline-end: 0.5rem;
19442
19474
  }
19443
- .v-btn--stacked.v-btn--size-x-small {
19444
- --v-btn-size: 0.625rem;
19445
- --v-btn-height: 56px;
19446
- font-size: var(--v-btn-size);
19447
- min-width: 56px;
19448
- padding: 0 12px;
19475
+ .v-card-item__append {
19476
+ grid-area: append;
19477
+ padding-inline-start: 0.5rem;
19449
19478
  }
19450
19479
 
19451
- .v-btn--stacked.v-btn--size-small {
19452
- --v-btn-size: 0.75rem;
19453
- --v-btn-height: 64px;
19454
- font-size: var(--v-btn-size);
19455
- min-width: 64px;
19456
- padding: 0 14px;
19480
+ .v-card-item__content {
19481
+ align-self: center;
19482
+ grid-area: content;
19483
+ overflow: hidden;
19457
19484
  }
19458
19485
 
19459
- .v-btn--stacked.v-btn--size-default {
19460
- --v-btn-size: 0.875rem;
19461
- --v-btn-height: 72px;
19462
- font-size: var(--v-btn-size);
19463
- min-width: 72px;
19464
- padding: 0 16px;
19486
+ .v-card-title {
19487
+ display: block;
19488
+ flex: none;
19489
+ font-size: 1.25rem;
19490
+ font-weight: 500;
19491
+ -webkit-hyphens: auto;
19492
+ hyphens: auto;
19493
+ letter-spacing: 0.0125em;
19494
+ min-width: 0;
19495
+ overflow-wrap: normal;
19496
+ overflow: hidden;
19497
+ padding: 0.5rem 1rem;
19498
+ text-overflow: ellipsis;
19499
+ text-transform: none;
19500
+ white-space: nowrap;
19501
+ word-break: normal;
19502
+ word-wrap: break-word;
19465
19503
  }
19466
-
19467
- .v-btn--stacked.v-btn--size-large {
19468
- --v-btn-size: 1rem;
19469
- --v-btn-height: 80px;
19470
- font-size: var(--v-btn-size);
19471
- min-width: 80px;
19472
- padding: 0 18px;
19504
+ .v-card .v-card-title {
19505
+ line-height: 1.6;
19473
19506
  }
19474
-
19475
- .v-btn--stacked.v-btn--size-x-large {
19476
- --v-btn-size: 1.125rem;
19477
- --v-btn-height: 88px;
19478
- font-size: var(--v-btn-size);
19479
- min-width: 88px;
19480
- padding: 0 20px;
19507
+ .v-card--density-comfortable .v-card-title {
19508
+ line-height: 1.75rem;
19481
19509
  }
19482
-
19483
- .v-btn--stacked.v-btn--density-default {
19484
- height: calc(var(--v-btn-height) + 0px);
19510
+ .v-card--density-compact .v-card-title {
19511
+ line-height: 1.55rem;
19485
19512
  }
19486
-
19487
- .v-btn--stacked.v-btn--density-comfortable {
19488
- height: calc(var(--v-btn-height) + -16px);
19513
+ .v-card-item .v-card-title {
19514
+ padding: 0;
19489
19515
  }
19490
-
19491
- .v-btn--stacked.v-btn--density-compact {
19492
- height: calc(var(--v-btn-height) + -24px);
19516
+ .v-card-title + .v-card-text,
19517
+ .v-card-title + .v-card-actions {
19518
+ padding-top: 0;
19493
19519
  }
19494
19520
 
19495
- .v-btn--slim {
19496
- padding: 0 8px;
19521
+ .v-card-subtitle {
19522
+ display: block;
19523
+ flex: none;
19524
+ font-size: 0.875rem;
19525
+ font-weight: 400;
19526
+ letter-spacing: 0.0178571429em;
19527
+ opacity: var(--v-card-subtitle-opacity, var(--v-medium-emphasis-opacity));
19528
+ overflow: hidden;
19529
+ padding: 0 1rem;
19530
+ text-overflow: ellipsis;
19531
+ text-transform: none;
19532
+ white-space: nowrap;
19497
19533
  }
19498
- .v-btn--readonly {
19499
- pointer-events: none;
19534
+ .v-card .v-card-subtitle {
19535
+ line-height: 1.425;
19500
19536
  }
19501
- .v-btn--rounded {
19502
- border-radius: 24px;
19537
+ .v-card--density-comfortable .v-card-subtitle {
19538
+ line-height: 1.125rem;
19503
19539
  }
19504
- .v-btn--rounded.v-btn--icon {
19505
- border-radius: 4px;
19540
+ .v-card--density-compact .v-card-subtitle {
19541
+ line-height: 1rem;
19506
19542
  }
19507
- .v-btn .v-icon {
19508
- --v-icon-size-multiplier: 0.8571428571;
19543
+ .v-card-item .v-card-subtitle {
19544
+ padding: 0 0 0.25rem;
19509
19545
  }
19510
- .v-btn--icon .v-icon {
19511
- --v-icon-size-multiplier: 1;
19546
+
19547
+ .v-card-text {
19548
+ flex: 1 1 auto;
19549
+ font-size: 0.875rem;
19550
+ font-weight: 400;
19551
+ letter-spacing: 0.0178571429em;
19552
+ opacity: var(--v-card-text-opacity, 1);
19553
+ padding: 1rem;
19554
+ text-transform: none;
19512
19555
  }
19513
- .v-btn--stacked .v-icon {
19514
- --v-icon-size-multiplier: 1.1428571429;
19556
+ .v-card .v-card-text {
19557
+ line-height: 1.425;
19515
19558
  }
19516
- .v-btn--stacked.v-btn--block {
19517
- min-width: 100%;
19559
+ .v-card--density-comfortable .v-card-text {
19560
+ line-height: 1.2rem;
19561
+ }
19562
+ .v-card--density-compact .v-card-text {
19563
+ line-height: 1.15rem;
19518
19564
  }
19519
19565
 
19520
- .v-btn__loader {
19521
- align-items: center;
19566
+ .v-card__image {
19522
19567
  display: flex;
19523
19568
  height: 100%;
19524
- justify-content: center;
19569
+ flex: 1 1 auto;
19525
19570
  left: 0;
19571
+ overflow: hidden;
19526
19572
  position: absolute;
19527
19573
  top: 0;
19528
19574
  width: 100%;
19529
- }
19530
- .v-btn__loader > .v-progress-circular {
19531
- width: 1.5em;
19532
- height: 1.5em;
19533
- }
19534
-
19535
- .v-btn__content,
19536
- .v-btn__prepend,
19537
- .v-btn__append {
19538
- align-items: center;
19539
- display: flex;
19540
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
19541
- }
19542
-
19543
- .v-btn__prepend {
19544
- grid-area: prepend;
19545
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19546
- }
19547
- .v-btn--slim .v-btn__prepend {
19548
- margin-inline-start: 0;
19575
+ z-index: -1;
19549
19576
  }
19550
19577
 
19551
- .v-btn__append {
19552
- grid-area: append;
19553
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19554
- }
19555
- .v-btn--slim .v-btn__append {
19556
- margin-inline-end: 0;
19578
+ .v-card__content {
19579
+ border-radius: inherit;
19580
+ overflow: hidden;
19581
+ position: relative;
19557
19582
  }
19558
19583
 
19559
- .v-btn__content {
19560
- grid-area: content;
19561
- justify-content: center;
19562
- white-space: nowrap;
19563
- }
19564
- .v-btn__content > .v-icon--start {
19565
- margin-inline: calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5);
19566
- }
19567
- .v-btn__content > .v-icon--end {
19568
- margin-inline: calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9);
19569
- }
19570
- .v-btn--stacked .v-btn__content {
19571
- white-space: normal;
19584
+ .v-card__loader {
19585
+ bottom: auto;
19586
+ top: 0;
19587
+ left: 0;
19588
+ position: absolute;
19589
+ right: 0;
19590
+ width: 100%;
19591
+ z-index: 1;
19572
19592
  }
19573
19593
 
19574
- .v-btn__overlay {
19594
+ .v-card__overlay {
19575
19595
  background-color: currentColor;
19576
19596
  border-radius: inherit;
19577
- opacity: 0;
19578
- transition: opacity 0.2s ease-in-out;
19579
- }
19580
-
19581
- .v-btn__overlay,
19582
- .v-btn__underlay {
19583
- pointer-events: none;
19584
- }
19585
- .v-btn__overlay,
19586
- .v-btn__underlay {
19587
19597
  position: absolute;
19588
19598
  top: 0;
19599
+ right: 0;
19600
+ bottom: 0;
19589
19601
  left: 0;
19590
- width: 100%;
19591
- height: 100%;
19592
- }
19593
-
19594
- .v-pagination .v-btn {
19595
- border-radius: 4px;
19596
- }
19597
- .v-pagination .v-btn--rounded {
19598
- border-radius: 50%;
19599
- }
19600
- .v-btn__overlay {
19601
- transition: none;
19602
- }
19603
- .v-pagination__item--is-active .v-btn__overlay {
19604
- opacity: var(--v-border-opacity);
19602
+ pointer-events: none;
19603
+ opacity: 0;
19604
+ transition: opacity 0.2s ease-in-out;
19605
19605
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19606
19606
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19607
19607
  }
@@ -19680,6 +19680,11 @@ html.overflow-y-hidden {
19680
19680
  flex-direction: column;
19681
19681
  height: 100% !important;
19682
19682
  width: 50px;
19683
+ }.v-checkbox.v-input {
19684
+ flex: 0 1 auto;
19685
+ }
19686
+ .v-checkbox .v-selection-control {
19687
+ min-height: var(--v-input-control-height);
19683
19688
  }.v-chip {
19684
19689
  align-items: center;
19685
19690
  display: inline-flex;
@@ -20116,11 +20121,6 @@ html.overflow-y-hidden {
20116
20121
  white-space: normal;
20117
20122
  flex-wrap: wrap;
20118
20123
  max-width: 100%;
20119
- }.v-checkbox.v-input {
20120
- flex: 0 1 auto;
20121
- }
20122
- .v-checkbox .v-selection-control {
20123
- min-height: var(--v-input-control-height);
20124
20124
  }.v-color-picker {
20125
20125
  align-self: flex-start;
20126
20126
  contain: content;
@@ -20143,11 +20143,6 @@ html.overflow-y-hidden {
20143
20143
  }
20144
20144
  .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20145
20145
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20146
- }.v-counter {
20147
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20148
- flex: 0 1 auto;
20149
- font-size: 12px;
20150
- transition-duration: 150ms;
20151
20146
  }.v-combobox .v-field .v-text-field__prefix,
20152
20147
  .v-combobox .v-field .v-text-field__suffix,
20153
20148
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20233,6 +20228,11 @@ html.overflow-y-hidden {
20233
20228
  .v-combobox--active-menu .v-combobox__menu-icon {
20234
20229
  opacity: var(--v-high-emphasis-opacity);
20235
20230
  transform: rotate(180deg);
20231
+ }.v-counter {
20232
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20233
+ flex: 0 1 auto;
20234
+ font-size: 12px;
20235
+ transition-duration: 150ms;
20236
20236
  }.v-data-table {
20237
20237
  width: 100%;
20238
20238
  }
@@ -20573,25 +20573,6 @@ html.overflow-y-hidden {
20573
20573
  .date-picker-header-reverse-transition-leave-to {
20574
20574
  opacity: 0;
20575
20575
  transform: translate(0, 100%);
20576
- }.v-date-picker-months {
20577
- height: 288px;
20578
- }
20579
-
20580
- .v-date-picker-months__content {
20581
- align-items: center;
20582
- display: grid;
20583
- flex: 1 1;
20584
- height: inherit;
20585
- justify-content: space-around;
20586
- grid-template-columns: repeat(2, 1fr);
20587
- grid-gap: 0px 24px;
20588
- padding-inline-start: 36px;
20589
- padding-inline-end: 36px;
20590
- }
20591
- .v-date-picker-months__content .v-btn {
20592
- text-transform: none;
20593
- padding-inline-start: 8px;
20594
- padding-inline-end: 8px;
20595
20576
  }.v-date-picker-month {
20596
20577
  display: flex;
20597
20578
  justify-content: center;
@@ -20647,6 +20628,25 @@ html.overflow-y-hidden {
20647
20628
 
20648
20629
  .v-date-picker-month__day--hide-adjacent {
20649
20630
  opacity: 0;
20631
+ }.v-date-picker-months {
20632
+ height: 288px;
20633
+ }
20634
+
20635
+ .v-date-picker-months__content {
20636
+ align-items: center;
20637
+ display: grid;
20638
+ flex: 1 1;
20639
+ height: inherit;
20640
+ justify-content: space-around;
20641
+ grid-template-columns: repeat(2, 1fr);
20642
+ grid-gap: 0px 24px;
20643
+ padding-inline-start: 36px;
20644
+ padding-inline-end: 36px;
20645
+ }
20646
+ .v-date-picker-months__content .v-btn {
20647
+ text-transform: none;
20648
+ padding-inline-start: 8px;
20649
+ padding-inline-end: 8px;
20650
20650
  }.v-date-picker-years {
20651
20651
  height: 288px;
20652
20652
  overflow-y: scroll;
@@ -20789,31 +20789,98 @@ html.overflow-y-hidden {
20789
20789
  max-width: calc(100% - 72px);
20790
20790
  margin-inline-start: 72px;
20791
20791
  }
20792
- .v-divider--inset.v-divider--vertical {
20792
+ .v-divider--inset.v-divider--vertical {
20793
+ margin-bottom: 8px;
20794
+ margin-top: 8px;
20795
+ max-height: calc(100% - 16px);
20796
+ }
20797
+
20798
+ .v-divider__content {
20799
+ padding: 0 16px;
20800
+ text-wrap: nowrap;
20801
+ }
20802
+ .v-divider__wrapper--vertical .v-divider__content {
20803
+ padding: 4px 0;
20804
+ }
20805
+
20806
+ .v-divider__wrapper {
20807
+ display: flex;
20808
+ align-items: center;
20809
+ justify-content: center;
20810
+ }
20811
+ .v-divider__wrapper--vertical {
20812
+ flex-direction: column;
20813
+ height: 100%;
20814
+ }
20815
+ .v-divider__wrapper--vertical .v-divider {
20816
+ margin: 0 auto;
20817
+ }.v-empty-state {
20818
+ align-items: center;
20819
+ display: flex;
20820
+ flex-direction: column;
20821
+ justify-content: center;
20822
+ min-height: 100%;
20823
+ padding: 16px;
20824
+ }
20825
+ .v-empty-state--start {
20826
+ align-items: flex-start;
20827
+ }
20828
+ .v-empty-state--center {
20829
+ align-items: center;
20830
+ }
20831
+ .v-empty-state--end {
20832
+ align-items: flex-end;
20833
+ }
20834
+
20835
+ .v-empty-state__media {
20836
+ text-align: center;
20837
+ width: 100%;
20838
+ }
20839
+ .v-empty-state__media .v-icon {
20840
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20841
+ }
20842
+
20843
+ .v-empty-state__headline {
20844
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20845
+ font-size: 3.75rem;
20846
+ font-weight: 300;
20847
+ line-height: 1;
20848
+ text-align: center;
20793
20849
  margin-bottom: 8px;
20794
- margin-top: 8px;
20795
- max-height: calc(100% - 16px);
20850
+ }
20851
+ .v-empty-state--mobile .v-empty-state__headline {
20852
+ font-size: 2.125rem;
20796
20853
  }
20797
20854
 
20798
- .v-divider__content {
20855
+ .v-empty-state__title {
20856
+ font-size: 1.25rem;
20857
+ font-weight: 500;
20858
+ line-height: 1.6;
20859
+ margin-bottom: 4px;
20860
+ text-align: center;
20861
+ }
20862
+
20863
+ .v-empty-state__text {
20864
+ font-size: 0.875rem;
20865
+ font-weight: 400;
20866
+ line-height: 1.425;
20799
20867
  padding: 0 16px;
20800
- text-wrap: nowrap;
20868
+ text-align: center;
20801
20869
  }
20802
- .v-divider__wrapper--vertical .v-divider__content {
20803
- padding: 4px 0;
20870
+
20871
+ .v-empty-state__content {
20872
+ padding: 24px 0;
20804
20873
  }
20805
20874
 
20806
- .v-divider__wrapper {
20875
+ .v-empty-state__actions {
20807
20876
  display: flex;
20808
- align-items: center;
20809
- justify-content: center;
20810
- }
20811
- .v-divider__wrapper--vertical {
20812
- flex-direction: column;
20813
- height: 100%;
20877
+ gap: 8px;
20878
+ padding: 16px;
20814
20879
  }
20815
- .v-divider__wrapper--vertical .v-divider {
20816
- margin: 0 auto;
20880
+
20881
+ .v-empty-state__action-btn.v-btn {
20882
+ background-color: initial;
20883
+ color: initial;
20817
20884
  }.v-expansion-panel {
20818
20885
  background-color: rgb(var(--v-theme-surface));
20819
20886
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21030,73 +21097,75 @@ html.overflow-y-hidden {
21030
21097
  }
21031
21098
  .v-expansion-panels--tile > .v-expansion-panel {
21032
21099
  border-radius: 0;
21033
- }.v-empty-state {
21100
+ }.v-fab {
21034
21101
  align-items: center;
21102
+ display: inline-flex;
21103
+ flex: 1 1 auto;
21104
+ pointer-events: none;
21105
+ position: relative;
21106
+ transition-duration: 0.2s;
21107
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21108
+ vertical-align: middle;
21109
+ }
21110
+ .v-fab .v-btn {
21111
+ pointer-events: auto;
21112
+ }
21113
+ .v-fab .v-btn--variant-elevated {
21114
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21115
+ }
21116
+ .v-fab--app, .v-fab--absolute {
21035
21117
  display: flex;
21036
- flex-direction: column;
21037
- justify-content: center;
21038
- min-height: 100%;
21039
- padding: 16px;
21040
21118
  }
21041
- .v-empty-state--start {
21042
- align-items: flex-start;
21119
+ .v-fab--start, .v-fab--left {
21120
+ justify-content: flex-start;
21043
21121
  }
21044
- .v-empty-state--center {
21122
+ .v-fab--center {
21045
21123
  align-items: center;
21124
+ justify-content: center;
21046
21125
  }
21047
- .v-empty-state--end {
21126
+ .v-fab--end, .v-fab--right {
21127
+ justify-content: flex-end;
21128
+ }
21129
+ .v-fab--bottom {
21048
21130
  align-items: flex-end;
21049
21131
  }
21050
-
21051
- .v-empty-state__media {
21052
- text-align: center;
21053
- width: 100%;
21132
+ .v-fab--top {
21133
+ align-items: flex-start;
21054
21134
  }
21055
- .v-empty-state__media .v-icon {
21056
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21135
+ .v-fab--extended .v-btn {
21136
+ border-radius: 9999px !important;
21057
21137
  }
21058
21138
 
21059
- .v-empty-state__headline {
21060
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21061
- font-size: 3.75rem;
21062
- font-weight: 300;
21063
- line-height: 1;
21064
- text-align: center;
21065
- margin-bottom: 8px;
21139
+ .v-fab__container {
21140
+ align-self: center;
21141
+ display: inline-flex;
21142
+ position: absolute;
21143
+ vertical-align: middle;
21066
21144
  }
21067
- .v-empty-state--mobile .v-empty-state__headline {
21068
- font-size: 2.125rem;
21145
+ .v-fab--app .v-fab__container {
21146
+ margin: 12px;
21069
21147
  }
21070
-
21071
- .v-empty-state__title {
21072
- font-size: 1.25rem;
21073
- font-weight: 500;
21074
- line-height: 1.6;
21075
- margin-bottom: 4px;
21076
- text-align: center;
21148
+ .v-fab--absolute .v-fab__container {
21149
+ position: absolute;
21150
+ z-index: 4;
21077
21151
  }
21078
-
21079
- .v-empty-state__text {
21080
- font-size: 0.875rem;
21081
- font-weight: 400;
21082
- line-height: 1.425;
21083
- padding: 0 16px;
21084
- text-align: center;
21152
+ .v-fab--offset.v-fab--top .v-fab__container {
21153
+ transform: translateY(-50%);
21085
21154
  }
21086
-
21087
- .v-empty-state__content {
21088
- padding: 24px 0;
21155
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21156
+ transform: translateY(50%);
21089
21157
  }
21090
-
21091
- .v-empty-state__actions {
21092
- display: flex;
21093
- gap: 8px;
21094
- padding: 16px;
21158
+ .v-fab--top .v-fab__container {
21159
+ top: 0;
21095
21160
  }
21096
-
21097
- .v-empty-state__action-btn.v-btn {
21098
- background-color: initial;
21099
- color: initial;
21161
+ .v-fab--bottom .v-fab__container {
21162
+ bottom: 0;
21163
+ }
21164
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21165
+ left: 0;
21166
+ }
21167
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21168
+ right: 0;
21100
21169
  }/* region INPUT */
21101
21170
  .v-field {
21102
21171
  display: grid;
@@ -21702,118 +21771,13 @@ textarea.v-field__input::placeholder {
21702
21771
  position: absolute;
21703
21772
  top: 0;
21704
21773
  width: 100%;
21705
- z-index: 1;
21706
- }
21707
- .v-file-input .v-input__details {
21708
- padding-inline: 16px;
21709
- }
21710
- .v-input--plain-underlined.v-file-input .v-input__details {
21711
- padding-inline: 0;
21712
- }.v-fab {
21713
- align-items: center;
21714
- display: inline-flex;
21715
- flex: 1 1 auto;
21716
- pointer-events: none;
21717
- position: relative;
21718
- transition-duration: 0.2s;
21719
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21720
- vertical-align: middle;
21721
- }
21722
- .v-fab .v-btn {
21723
- pointer-events: auto;
21724
- }
21725
- .v-fab .v-btn--variant-elevated {
21726
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21727
- }
21728
- .v-fab--app, .v-fab--absolute {
21729
- display: flex;
21730
- }
21731
- .v-fab--start, .v-fab--left {
21732
- justify-content: flex-start;
21733
- }
21734
- .v-fab--center {
21735
- align-items: center;
21736
- justify-content: center;
21737
- }
21738
- .v-fab--end, .v-fab--right {
21739
- justify-content: flex-end;
21740
- }
21741
- .v-fab--bottom {
21742
- align-items: flex-end;
21743
- }
21744
- .v-fab--top {
21745
- align-items: flex-start;
21746
- }
21747
- .v-fab--extended .v-btn {
21748
- border-radius: 9999px !important;
21749
- }
21750
-
21751
- .v-fab__container {
21752
- align-self: center;
21753
- display: inline-flex;
21754
- position: absolute;
21755
- vertical-align: middle;
21756
- }
21757
- .v-fab--app .v-fab__container {
21758
- margin: 12px;
21759
- }
21760
- .v-fab--absolute .v-fab__container {
21761
- position: absolute;
21762
- z-index: 4;
21763
- }
21764
- .v-fab--offset.v-fab--top .v-fab__container {
21765
- transform: translateY(-50%);
21766
- }
21767
- .v-fab--offset.v-fab--bottom .v-fab__container {
21768
- transform: translateY(50%);
21769
- }
21770
- .v-fab--top .v-fab__container {
21771
- top: 0;
21772
- }
21773
- .v-fab--bottom .v-fab__container {
21774
- bottom: 0;
21775
- }
21776
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21777
- left: 0;
21778
- }
21779
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21780
- right: 0;
21781
- }.v-footer {
21782
- align-items: center;
21783
- display: flex;
21784
- flex: 1 1 auto;
21785
- padding: 8px 16px;
21786
- position: relative;
21787
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21788
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21789
- }
21790
- .v-footer {
21791
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21792
- border-style: solid;
21793
- border-width: 0;
21794
- }
21795
- .v-footer--border {
21796
- border-width: thin;
21797
- box-shadow: none;
21798
- }
21799
- .v-footer {
21800
- 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));
21801
- }
21802
- .v-footer--absolute {
21803
- position: absolute;
21804
- }
21805
- .v-footer--fixed {
21806
- position: fixed;
21807
- }
21808
- .v-footer {
21809
- border-radius: 0;
21774
+ z-index: 1;
21810
21775
  }
21811
- .v-footer {
21812
- background: rgb(var(--v-theme-surface));
21813
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21776
+ .v-file-input .v-input__details {
21777
+ padding-inline: 16px;
21814
21778
  }
21815
- .v-footer--rounded {
21816
- border-radius: 4px;
21779
+ .v-input--plain-underlined.v-file-input .v-input__details {
21780
+ padding-inline: 0;
21817
21781
  }.v-container {
21818
21782
  width: 100%;
21819
21783
  padding: 16px;
@@ -22486,6 +22450,42 @@ textarea.v-field__input::placeholder {
22486
22450
  .offset-xxl-11 {
22487
22451
  margin-inline-start: 91.6666666667%;
22488
22452
  }
22453
+ }.v-footer {
22454
+ align-items: center;
22455
+ display: flex;
22456
+ flex: 1 1 auto;
22457
+ padding: 8px 16px;
22458
+ position: relative;
22459
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22460
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22461
+ }
22462
+ .v-footer {
22463
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22464
+ border-style: solid;
22465
+ border-width: 0;
22466
+ }
22467
+ .v-footer--border {
22468
+ border-width: thin;
22469
+ box-shadow: none;
22470
+ }
22471
+ .v-footer {
22472
+ 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));
22473
+ }
22474
+ .v-footer--absolute {
22475
+ position: absolute;
22476
+ }
22477
+ .v-footer--fixed {
22478
+ position: fixed;
22479
+ }
22480
+ .v-footer {
22481
+ border-radius: 0;
22482
+ }
22483
+ .v-footer {
22484
+ background: rgb(var(--v-theme-surface));
22485
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22486
+ }
22487
+ .v-footer--rounded {
22488
+ border-radius: 4px;
22489
22489
  }.v-icon {
22490
22490
  --v-icon-size-multiplier: 1;
22491
22491
  align-items: center;
@@ -22627,11 +22627,6 @@ textarea.v-field__input::placeholder {
22627
22627
  display: flex;
22628
22628
  justify-content: center;
22629
22629
  padding: 8px;
22630
- }.v-item-group {
22631
- flex: 0 1 auto;
22632
- max-width: 100%;
22633
- position: relative;
22634
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22635
22630
  }.v-input {
22636
22631
  display: grid;
22637
22632
  flex: 1 1 auto;
@@ -22774,21 +22769,11 @@ textarea.v-field__input::placeholder {
22774
22769
 
22775
22770
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22776
22771
  padding-top: calc(var(--v-input-padding-top) + 0px);
22777
- }.v-layout-item {
22778
- position: absolute;
22772
+ }.v-item-group {
22773
+ flex: 0 1 auto;
22774
+ max-width: 100%;
22775
+ position: relative;
22779
22776
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22780
- }
22781
-
22782
- .v-layout-item--absolute {
22783
- position: absolute;
22784
- }.v-layout {
22785
- --v-scrollbar-offset: 0px;
22786
- display: flex;
22787
- flex: 1 1 auto;
22788
- }
22789
- .v-layout--full-height {
22790
- --v-scrollbar-offset: inherit;
22791
- height: 100%;
22792
22777
  }.v-label {
22793
22778
  align-items: center;
22794
22779
  color: inherit;
@@ -22804,6 +22789,21 @@ textarea.v-field__input::placeholder {
22804
22789
 
22805
22790
  .v-label--clickable {
22806
22791
  cursor: pointer;
22792
+ }.v-layout {
22793
+ --v-scrollbar-offset: 0px;
22794
+ display: flex;
22795
+ flex: 1 1 auto;
22796
+ }
22797
+ .v-layout--full-height {
22798
+ --v-scrollbar-offset: inherit;
22799
+ height: 100%;
22800
+ }.v-layout-item {
22801
+ position: absolute;
22802
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22803
+ }
22804
+
22805
+ .v-layout-item--absolute {
22806
+ position: absolute;
22807
22807
  }.v-list {
22808
22808
  overflow: auto;
22809
22809
  padding: 8px 0;
@@ -23379,6 +23379,8 @@ textarea.v-field__input::placeholder {
23379
23379
  }
23380
23380
  .v-list-group__header:not(.v-treeview-item--activatable-group-activator).v-list-item--active:hover .v-list-item__overlay {
23381
23381
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23382
+ }.v-locale-provider {
23383
+ display: contents;
23382
23384
  }.v-main {
23383
23385
  flex: 1 0 auto;
23384
23386
  max-width: 100%;
@@ -23409,6 +23411,41 @@ textarea.v-field__input::placeholder {
23409
23411
  --v-layout-right: 0px;
23410
23412
  --v-layout-top: 0px;
23411
23413
  --v-layout-bottom: 0px;
23414
+ }.v-menu > .v-overlay__content {
23415
+ display: flex;
23416
+ flex-direction: column;
23417
+ }
23418
+ .v-menu > .v-overlay__content {
23419
+ border-radius: 4px;
23420
+ }
23421
+ .v-menu > .v-overlay__content > .v-card,
23422
+ .v-menu > .v-overlay__content > .v-sheet,
23423
+ .v-menu > .v-overlay__content > .v-list {
23424
+ background: rgb(var(--v-theme-surface));
23425
+ border-radius: inherit;
23426
+ overflow: auto;
23427
+ height: 100%;
23428
+ }
23429
+ .v-menu > .v-overlay__content > .v-card,
23430
+ .v-menu > .v-overlay__content > .v-sheet,
23431
+ .v-menu > .v-overlay__content > .v-list {
23432
+ 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));
23433
+ }.v-messages {
23434
+ flex: 1 1 auto;
23435
+ font-size: 12px;
23436
+ min-height: 14px;
23437
+ min-width: 1px;
23438
+ opacity: var(--v-medium-emphasis-opacity);
23439
+ position: relative;
23440
+ }
23441
+ .v-messages__message {
23442
+ line-height: 12px;
23443
+ word-break: break-word;
23444
+ overflow-wrap: break-word;
23445
+ word-wrap: break-word;
23446
+ -webkit-hyphens: auto;
23447
+ hyphens: auto;
23448
+ transition-duration: 150ms;
23412
23449
  }.v-navigation-drawer {
23413
23450
  -webkit-overflow-scrolling: touch;
23414
23451
  background: rgb(var(--v-theme-surface));
@@ -23517,27 +23554,6 @@ textarea.v-field__input::placeholder {
23517
23554
  .v-navigation-drawer__append {
23518
23555
  flex: none;
23519
23556
  overflow: hidden;
23520
- }.v-locale-provider {
23521
- display: contents;
23522
- }.v-menu > .v-overlay__content {
23523
- display: flex;
23524
- flex-direction: column;
23525
- }
23526
- .v-menu > .v-overlay__content {
23527
- border-radius: 4px;
23528
- }
23529
- .v-menu > .v-overlay__content > .v-card,
23530
- .v-menu > .v-overlay__content > .v-sheet,
23531
- .v-menu > .v-overlay__content > .v-list {
23532
- background: rgb(var(--v-theme-surface));
23533
- border-radius: inherit;
23534
- overflow: auto;
23535
- height: 100%;
23536
- }
23537
- .v-menu > .v-overlay__content > .v-card,
23538
- .v-menu > .v-overlay__content > .v-sheet,
23539
- .v-menu > .v-overlay__content > .v-list {
23540
- 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));
23541
23557
  }.v-otp-input {
23542
23558
  align-items: center;
23543
23559
  display: flex;
@@ -23604,75 +23620,177 @@ textarea.v-field__input::placeholder {
23604
23620
  top: 0;
23605
23621
  display: contents;
23606
23622
  }
23607
-
23608
- .v-overlay-scroll-blocked {
23609
- padding-inline-end: var(--v-scrollbar-offset);
23623
+
23624
+ .v-overlay-scroll-blocked {
23625
+ padding-inline-end: var(--v-scrollbar-offset);
23626
+ }
23627
+ .v-overlay-scroll-blocked:not(html) {
23628
+ overflow-y: hidden !important;
23629
+ }
23630
+ html.v-overlay-scroll-blocked {
23631
+ position: fixed;
23632
+ top: var(--v-body-scroll-y);
23633
+ left: var(--v-body-scroll-x);
23634
+ width: 100%;
23635
+ height: 100%;
23636
+ }
23637
+
23638
+ .v-overlay {
23639
+ border-radius: inherit;
23640
+ display: flex;
23641
+ left: 0;
23642
+ pointer-events: none;
23643
+ position: fixed;
23644
+ top: 0;
23645
+ bottom: 0;
23646
+ right: 0;
23647
+ }
23648
+
23649
+ .v-overlay__content {
23650
+ outline: none;
23651
+ position: absolute;
23652
+ pointer-events: auto;
23653
+ contain: layout;
23654
+ }
23655
+
23656
+ .v-overlay__scrim {
23657
+ pointer-events: auto;
23658
+ background: rgb(var(--v-theme-on-surface));
23659
+ border-radius: inherit;
23660
+ bottom: 0;
23661
+ left: 0;
23662
+ opacity: var(--v-overlay-opacity, 0.32);
23663
+ position: fixed;
23664
+ right: 0;
23665
+ top: 0;
23666
+ }
23667
+
23668
+ .v-overlay--absolute {
23669
+ position: absolute;
23670
+ }
23671
+
23672
+ .v-overlay--contained .v-overlay__scrim {
23673
+ position: absolute;
23674
+ }
23675
+
23676
+ .v-overlay--scroll-blocked {
23677
+ padding-inline-end: var(--v-scrollbar-offset);
23678
+ }.v-pagination__list {
23679
+ display: inline-flex;
23680
+ list-style-type: none;
23681
+ justify-content: center;
23682
+ width: 100%;
23683
+ }
23684
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23685
+ margin: 0.3rem;
23686
+ }.v-parallax {
23687
+ position: relative;
23688
+ overflow: hidden;
23689
+ }
23690
+ .v-parallax--active > .v-img__img {
23691
+ will-change: transform;
23692
+ }.v-progress-circular {
23693
+ align-items: center;
23694
+ display: inline-flex;
23695
+ justify-content: center;
23696
+ position: relative;
23697
+ vertical-align: middle;
23698
+ }
23699
+ .v-progress-circular > svg {
23700
+ width: 100%;
23701
+ height: 100%;
23702
+ margin: auto;
23703
+ position: absolute;
23704
+ top: 0;
23705
+ bottom: 0;
23706
+ left: 0;
23707
+ right: 0;
23708
+ z-index: 0;
23709
+ }
23710
+
23711
+ .v-progress-circular__content {
23712
+ align-items: center;
23713
+ display: flex;
23714
+ justify-content: center;
23715
+ }
23716
+
23717
+ .v-progress-circular__underlay {
23718
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
23719
+ stroke: currentColor;
23720
+ z-index: 1;
23721
+ }
23722
+
23723
+ .v-progress-circular__overlay {
23724
+ stroke: currentColor;
23725
+ transition: all 0.2s ease-in-out, stroke-width 0s;
23726
+ z-index: 2;
23727
+ }
23728
+
23729
+ .v-progress-circular--size-x-small {
23730
+ height: 16px;
23731
+ width: 16px;
23732
+ }
23733
+ .v-progress-circular--size-small {
23734
+ height: 24px;
23735
+ width: 24px;
23736
+ }
23737
+ .v-progress-circular--size-default {
23738
+ height: 32px;
23739
+ width: 32px;
23610
23740
  }
23611
- .v-overlay-scroll-blocked:not(html) {
23612
- overflow-y: hidden !important;
23741
+ .v-progress-circular--size-large {
23742
+ height: 48px;
23743
+ width: 48px;
23613
23744
  }
23614
- html.v-overlay-scroll-blocked {
23615
- position: fixed;
23616
- top: var(--v-body-scroll-y);
23617
- left: var(--v-body-scroll-x);
23618
- width: 100%;
23619
- height: 100%;
23745
+ .v-progress-circular--size-x-large {
23746
+ height: 64px;
23747
+ width: 64px;
23620
23748
  }
23621
23749
 
23622
- .v-overlay {
23623
- border-radius: inherit;
23624
- display: flex;
23625
- left: 0;
23626
- pointer-events: none;
23627
- position: fixed;
23628
- top: 0;
23629
- bottom: 0;
23630
- right: 0;
23750
+ .v-progress-circular--indeterminate > svg {
23751
+ animation: progress-circular-rotate 1.4s linear infinite;
23752
+ transform-origin: center center;
23753
+ transition: all 0.2s ease-in-out;
23631
23754
  }
23632
-
23633
- .v-overlay__content {
23634
- outline: none;
23635
- position: absolute;
23636
- pointer-events: auto;
23637
- contain: layout;
23755
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
23756
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23757
+ stroke-dasharray: 25, 200;
23758
+ stroke-dashoffset: 0;
23759
+ stroke-linecap: round;
23760
+ transform-origin: center center;
23761
+ transform: rotate(-90deg);
23638
23762
  }
23639
23763
 
23640
- .v-overlay__scrim {
23641
- pointer-events: auto;
23642
- background: rgb(var(--v-theme-on-surface));
23643
- border-radius: inherit;
23644
- bottom: 0;
23645
- left: 0;
23646
- opacity: var(--v-overlay-opacity, 0.32);
23647
- position: fixed;
23648
- right: 0;
23649
- top: 0;
23764
+ .v-progress-circular--disable-shrink > svg {
23765
+ animation-duration: 0.7s;
23650
23766
  }
23651
-
23652
- .v-overlay--absolute {
23653
- position: absolute;
23767
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23768
+ animation: none;
23654
23769
  }
23655
23770
 
23656
- .v-overlay--contained .v-overlay__scrim {
23657
- position: absolute;
23771
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23772
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23773
+ animation-play-state: paused !important;
23658
23774
  }
23659
23775
 
23660
- .v-overlay--scroll-blocked {
23661
- padding-inline-end: var(--v-scrollbar-offset);
23662
- }.v-parallax {
23663
- position: relative;
23664
- overflow: hidden;
23665
- }
23666
- .v-parallax--active > .v-img__img {
23667
- will-change: transform;
23668
- }.v-pagination__list {
23669
- display: inline-flex;
23670
- list-style-type: none;
23671
- justify-content: center;
23672
- width: 100%;
23776
+ @keyframes progress-circular-dash {
23777
+ 0% {
23778
+ stroke-dasharray: 1, 200;
23779
+ stroke-dashoffset: 0px;
23780
+ }
23781
+ 50% {
23782
+ stroke-dasharray: 100, 200;
23783
+ stroke-dashoffset: -15px;
23784
+ }
23785
+ 100% {
23786
+ stroke-dasharray: 100, 200;
23787
+ stroke-dashoffset: -124px;
23788
+ }
23673
23789
  }
23674
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23675
- margin: 0.3rem;
23790
+ @keyframes progress-circular-rotate {
23791
+ 100% {
23792
+ transform: rotate(270deg);
23793
+ }
23676
23794
  }.v-progress-linear {
23677
23795
  background: transparent;
23678
23796
  overflow: hidden;
@@ -23901,108 +24019,6 @@ html.v-overlay-scroll-blocked {
23901
24019
  0% {
23902
24020
  background-position-x: var(--v-progress-linear-height);
23903
24021
  }
23904
- }.v-progress-circular {
23905
- align-items: center;
23906
- display: inline-flex;
23907
- justify-content: center;
23908
- position: relative;
23909
- vertical-align: middle;
23910
- }
23911
- .v-progress-circular > svg {
23912
- width: 100%;
23913
- height: 100%;
23914
- margin: auto;
23915
- position: absolute;
23916
- top: 0;
23917
- bottom: 0;
23918
- left: 0;
23919
- right: 0;
23920
- z-index: 0;
23921
- }
23922
-
23923
- .v-progress-circular__content {
23924
- align-items: center;
23925
- display: flex;
23926
- justify-content: center;
23927
- }
23928
-
23929
- .v-progress-circular__underlay {
23930
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23931
- stroke: currentColor;
23932
- z-index: 1;
23933
- }
23934
-
23935
- .v-progress-circular__overlay {
23936
- stroke: currentColor;
23937
- transition: all 0.2s ease-in-out, stroke-width 0s;
23938
- z-index: 2;
23939
- }
23940
-
23941
- .v-progress-circular--size-x-small {
23942
- height: 16px;
23943
- width: 16px;
23944
- }
23945
- .v-progress-circular--size-small {
23946
- height: 24px;
23947
- width: 24px;
23948
- }
23949
- .v-progress-circular--size-default {
23950
- height: 32px;
23951
- width: 32px;
23952
- }
23953
- .v-progress-circular--size-large {
23954
- height: 48px;
23955
- width: 48px;
23956
- }
23957
- .v-progress-circular--size-x-large {
23958
- height: 64px;
23959
- width: 64px;
23960
- }
23961
-
23962
- .v-progress-circular--indeterminate > svg {
23963
- animation: progress-circular-rotate 1.4s linear infinite;
23964
- transform-origin: center center;
23965
- transition: all 0.2s ease-in-out;
23966
- }
23967
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23968
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23969
- stroke-dasharray: 25, 200;
23970
- stroke-dashoffset: 0;
23971
- stroke-linecap: round;
23972
- transform-origin: center center;
23973
- transform: rotate(-90deg);
23974
- }
23975
-
23976
- .v-progress-circular--disable-shrink > svg {
23977
- animation-duration: 0.7s;
23978
- }
23979
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23980
- animation: none;
23981
- }
23982
-
23983
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23984
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23985
- animation-play-state: paused !important;
23986
- }
23987
-
23988
- @keyframes progress-circular-dash {
23989
- 0% {
23990
- stroke-dasharray: 1, 200;
23991
- stroke-dashoffset: 0px;
23992
- }
23993
- 50% {
23994
- stroke-dasharray: 100, 200;
23995
- stroke-dashoffset: -15px;
23996
- }
23997
- 100% {
23998
- stroke-dasharray: 100, 200;
23999
- stroke-dashoffset: -124px;
24000
- }
24001
- }
24002
- @keyframes progress-circular-rotate {
24003
- 100% {
24004
- transform: rotate(270deg);
24005
- }
24006
24022
  }.v-radio-group > .v-input__control {
24007
24023
  flex-direction: column;
24008
24024
  }
@@ -24015,32 +24031,63 @@ html.v-overlay-scroll-blocked {
24015
24031
  }
24016
24032
  .v-radio-group .v-input__details {
24017
24033
  padding-inline: 16px;
24018
- }.v-responsive {
24019
- display: flex;
24020
- flex: 1 0 auto;
24021
- max-height: 100%;
24022
- max-width: 100%;
24023
- overflow: hidden;
24034
+ }.v-slider .v-slider__container input {
24035
+ cursor: default;
24036
+ padding: 0;
24037
+ width: 100%;
24038
+ display: none;
24039
+ }
24040
+ .v-slider > .v-input__append,
24041
+ .v-slider > .v-input__prepend {
24042
+ padding: 0;
24043
+ }
24044
+
24045
+ .v-slider__container {
24024
24046
  position: relative;
24047
+ min-height: inherit;
24048
+ width: 100%;
24049
+ height: 100%;
24050
+ display: flex;
24051
+ justify-content: center;
24052
+ align-items: center;
24053
+ cursor: pointer;
24025
24054
  }
24026
- .v-responsive--inline {
24027
- display: inline-flex;
24028
- flex: 0 0 auto;
24055
+ .v-input--disabled .v-slider__container {
24056
+ opacity: var(--v-disabled-opacity);
24057
+ }
24058
+ .v-input--error:not(.v-input--disabled) .v-slider__container {
24059
+ color: rgb(var(--v-theme-error));
24029
24060
  }
24030
24061
 
24031
- .v-responsive__content {
24032
- flex: 1 0 0px;
24033
- max-width: 100%;
24062
+ .v-slider.v-input--horizontal {
24063
+ align-items: center;
24064
+ margin-inline: 8px 8px;
24065
+ }
24066
+ .v-slider.v-input--horizontal > .v-input__control {
24067
+ min-height: 32px;
24068
+ display: flex;
24069
+ align-items: center;
24070
+ }
24071
+
24072
+ .v-slider.v-input--vertical {
24073
+ justify-content: center;
24074
+ margin-top: 12px;
24075
+ margin-bottom: 12px;
24076
+ }
24077
+ .v-slider.v-input--vertical > .v-input__control {
24078
+ min-height: 300px;
24079
+ }
24080
+
24081
+ .v-slider.v-input--disabled {
24082
+ pointer-events: none;
24034
24083
  }
24035
24084
 
24036
- .v-responsive__sizer ~ .v-responsive__content {
24037
- margin-inline-start: -100%;
24085
+ .v-slider--has-labels > .v-input__control {
24086
+ margin-bottom: 4px;
24038
24087
  }
24039
24088
 
24040
- .v-responsive__sizer {
24041
- flex: 1 0 0px;
24042
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24043
- pointer-events: none;
24089
+ .v-slider__label {
24090
+ margin-inline-end: 12px;
24044
24091
  }.v-rating {
24045
24092
  max-width: 100%;
24046
24093
  display: inline-flex;
@@ -24094,6 +24141,32 @@ html.v-overlay-scroll-blocked {
24094
24141
  opacity: 0;
24095
24142
  position: absolute;
24096
24143
  width: 0;
24144
+ }.v-responsive {
24145
+ display: flex;
24146
+ flex: 1 0 auto;
24147
+ max-height: 100%;
24148
+ max-width: 100%;
24149
+ overflow: hidden;
24150
+ position: relative;
24151
+ }
24152
+ .v-responsive--inline {
24153
+ display: inline-flex;
24154
+ flex: 0 0 auto;
24155
+ }
24156
+
24157
+ .v-responsive__content {
24158
+ flex: 1 0 0px;
24159
+ max-width: 100%;
24160
+ }
24161
+
24162
+ .v-responsive__sizer ~ .v-responsive__content {
24163
+ margin-inline-start: -100%;
24164
+ }
24165
+
24166
+ .v-responsive__sizer {
24167
+ flex: 1 0 0px;
24168
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24169
+ pointer-events: none;
24097
24170
  }.v-select .v-field .v-text-field__prefix,
24098
24171
  .v-select .v-field .v-text-field__suffix,
24099
24172
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -24146,63 +24219,6 @@ html.v-overlay-scroll-blocked {
24146
24219
  .v-select--active-menu .v-select__menu-icon {
24147
24220
  opacity: var(--v-high-emphasis-opacity);
24148
24221
  transform: rotate(180deg);
24149
- }.v-slider .v-slider__container input {
24150
- cursor: default;
24151
- padding: 0;
24152
- width: 100%;
24153
- display: none;
24154
- }
24155
- .v-slider > .v-input__append,
24156
- .v-slider > .v-input__prepend {
24157
- padding: 0;
24158
- }
24159
-
24160
- .v-slider__container {
24161
- position: relative;
24162
- min-height: inherit;
24163
- width: 100%;
24164
- height: 100%;
24165
- display: flex;
24166
- justify-content: center;
24167
- align-items: center;
24168
- cursor: pointer;
24169
- }
24170
- .v-input--disabled .v-slider__container {
24171
- opacity: var(--v-disabled-opacity);
24172
- }
24173
- .v-input--error:not(.v-input--disabled) .v-slider__container {
24174
- color: rgb(var(--v-theme-error));
24175
- }
24176
-
24177
- .v-slider.v-input--horizontal {
24178
- align-items: center;
24179
- margin-inline: 8px 8px;
24180
- }
24181
- .v-slider.v-input--horizontal > .v-input__control {
24182
- min-height: 32px;
24183
- display: flex;
24184
- align-items: center;
24185
- }
24186
-
24187
- .v-slider.v-input--vertical {
24188
- justify-content: center;
24189
- margin-top: 12px;
24190
- margin-bottom: 12px;
24191
- }
24192
- .v-slider.v-input--vertical > .v-input__control {
24193
- min-height: 300px;
24194
- }
24195
-
24196
- .v-slider.v-input--disabled {
24197
- pointer-events: none;
24198
- }
24199
-
24200
- .v-slider--has-labels > .v-input__control {
24201
- margin-bottom: 4px;
24202
- }
24203
-
24204
- .v-slider__label {
24205
- margin-inline-end: 12px;
24206
24222
  }.v-selection-control {
24207
24223
  align-items: center;
24208
24224
  contain: layout;
@@ -24350,61 +24366,6 @@ html.v-overlay-scroll-blocked {
24350
24366
  }
24351
24367
  .v-sheet--rounded {
24352
24368
  border-radius: 4px;
24353
- }.v-slide-group {
24354
- display: flex;
24355
- overflow: hidden;
24356
- }
24357
-
24358
- .v-slide-group__next,
24359
- .v-slide-group__prev {
24360
- align-items: center;
24361
- display: flex;
24362
- flex: 0 1 52px;
24363
- justify-content: center;
24364
- min-width: 52px;
24365
- cursor: pointer;
24366
- }
24367
- .v-slide-group__next--disabled,
24368
- .v-slide-group__prev--disabled {
24369
- pointer-events: none;
24370
- opacity: var(--v-disabled-opacity);
24371
- }
24372
-
24373
- .v-slide-group__content {
24374
- display: flex;
24375
- flex: 1 0 auto;
24376
- position: relative;
24377
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24378
- white-space: nowrap;
24379
- }
24380
- .v-slide-group__content > * {
24381
- white-space: initial;
24382
- }
24383
-
24384
- .v-slide-group__container {
24385
- contain: content;
24386
- display: flex;
24387
- flex: 1 1 auto;
24388
- overflow-x: auto;
24389
- overflow-y: hidden;
24390
- scrollbar-width: none;
24391
- scrollbar-color: rgba(0, 0, 0, 0);
24392
- }
24393
- .v-slide-group__container::-webkit-scrollbar {
24394
- display: none;
24395
- }
24396
-
24397
- .v-slide-group--vertical {
24398
- max-height: inherit;
24399
- }
24400
- .v-slide-group--vertical,
24401
- .v-slide-group--vertical .v-slide-group__container,
24402
- .v-slide-group--vertical .v-slide-group__content {
24403
- flex-direction: column;
24404
- }
24405
- .v-slide-group--vertical .v-slide-group__container {
24406
- overflow-x: hidden;
24407
- overflow-y: auto;
24408
24369
  }.v-skeleton-loader {
24409
24370
  align-items: center;
24410
24371
  background: rgb(var(--v-theme-surface));
@@ -24630,6 +24591,61 @@ html.v-overlay-scroll-blocked {
24630
24591
  100% {
24631
24592
  transform: translateX(100%);
24632
24593
  }
24594
+ }.v-slide-group {
24595
+ display: flex;
24596
+ overflow: hidden;
24597
+ }
24598
+
24599
+ .v-slide-group__next,
24600
+ .v-slide-group__prev {
24601
+ align-items: center;
24602
+ display: flex;
24603
+ flex: 0 1 52px;
24604
+ justify-content: center;
24605
+ min-width: 52px;
24606
+ cursor: pointer;
24607
+ }
24608
+ .v-slide-group__next--disabled,
24609
+ .v-slide-group__prev--disabled {
24610
+ pointer-events: none;
24611
+ opacity: var(--v-disabled-opacity);
24612
+ }
24613
+
24614
+ .v-slide-group__content {
24615
+ display: flex;
24616
+ flex: 1 0 auto;
24617
+ position: relative;
24618
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
24619
+ white-space: nowrap;
24620
+ }
24621
+ .v-slide-group__content > * {
24622
+ white-space: initial;
24623
+ }
24624
+
24625
+ .v-slide-group__container {
24626
+ contain: content;
24627
+ display: flex;
24628
+ flex: 1 1 auto;
24629
+ overflow-x: auto;
24630
+ overflow-y: hidden;
24631
+ scrollbar-width: none;
24632
+ scrollbar-color: rgba(0, 0, 0, 0);
24633
+ }
24634
+ .v-slide-group__container::-webkit-scrollbar {
24635
+ display: none;
24636
+ }
24637
+
24638
+ .v-slide-group--vertical {
24639
+ max-height: inherit;
24640
+ }
24641
+ .v-slide-group--vertical,
24642
+ .v-slide-group--vertical .v-slide-group__container,
24643
+ .v-slide-group--vertical .v-slide-group__content {
24644
+ flex-direction: column;
24645
+ }
24646
+ .v-slide-group--vertical .v-slide-group__container {
24647
+ overflow-x: hidden;
24648
+ overflow-y: auto;
24633
24649
  }.v-snackbar {
24634
24650
  justify-content: center;
24635
24651
  z-index: 10000;
@@ -24795,65 +24811,22 @@ html.v-overlay-scroll-blocked {
24795
24811
  transition-delay: 0.15s;
24796
24812
  }
24797
24813
  .v-speed-dial__content > *:nth-child(5) {
24798
- transition-delay: 0.2s;
24799
- }
24800
- .v-speed-dial__content > *:nth-child(6) {
24801
- transition-delay: 0.25s;
24802
- }
24803
- .v-speed-dial__content > *:nth-child(7) {
24804
- transition-delay: 0.3s;
24805
- }
24806
- .v-speed-dial__content > *:nth-child(8) {
24807
- transition-delay: 0.35s;
24808
- }
24809
- .v-speed-dial__content > *:nth-child(9) {
24810
- transition-delay: 0.4s;
24811
- }
24812
- .v-speed-dial__content > *:nth-child(10) {
24813
- transition-delay: 0.45s;
24814
- }.v-system-bar {
24815
- align-items: center;
24816
- display: flex;
24817
- flex: 1 1 auto;
24818
- height: 24px;
24819
- justify-content: flex-end;
24820
- max-width: 100%;
24821
- padding-inline: 8px;
24822
- position: relative;
24823
- text-align: end;
24824
- width: 100%;
24825
- }
24826
- .v-system-bar .v-icon {
24827
- opacity: var(--v-medium-emphasis-opacity);
24828
- }
24829
- .v-system-bar {
24830
- 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));
24831
- }
24832
- .v-system-bar--absolute {
24833
- position: absolute;
24834
- }
24835
- .v-system-bar--fixed {
24836
- position: fixed;
24837
- }
24838
- .v-system-bar {
24839
- background: rgba(var(--v-theme-surface-light));
24840
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24841
- }
24842
- .v-system-bar {
24843
- font-size: 0.75rem;
24844
- font-weight: 400;
24845
- letter-spacing: 0.0333333333em;
24846
- line-height: 1.667;
24847
- text-transform: none;
24814
+ transition-delay: 0.2s;
24848
24815
  }
24849
- .v-system-bar--rounded {
24850
- border-radius: 0;
24816
+ .v-speed-dial__content > *:nth-child(6) {
24817
+ transition-delay: 0.25s;
24851
24818
  }
24852
- .v-system-bar--window {
24853
- height: 32px;
24819
+ .v-speed-dial__content > *:nth-child(7) {
24820
+ transition-delay: 0.3s;
24854
24821
  }
24855
- .v-system-bar:not(.v-system-bar--absolute) {
24856
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24822
+ .v-speed-dial__content > *:nth-child(8) {
24823
+ transition-delay: 0.35s;
24824
+ }
24825
+ .v-speed-dial__content > *:nth-child(9) {
24826
+ transition-delay: 0.4s;
24827
+ }
24828
+ .v-speed-dial__content > *:nth-child(10) {
24829
+ transition-delay: 0.45s;
24857
24830
  }.v-stepper.v-sheet {
24858
24831
  overflow: hidden;
24859
24832
  }
@@ -25211,35 +25184,49 @@ html.v-overlay-scroll-blocked {
25211
25184
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
25212
25185
  border-width: 0;
25213
25186
  }
25214
- }.v-tab.v-tab.v-btn {
25215
- height: var(--v-tabs-height);
25216
- border-radius: 0;
25217
- min-width: 90px;
25187
+ }.v-system-bar {
25188
+ align-items: center;
25189
+ display: flex;
25190
+ flex: 1 1 auto;
25191
+ height: 24px;
25192
+ justify-content: flex-end;
25193
+ max-width: 100%;
25194
+ padding-inline: 8px;
25195
+ position: relative;
25196
+ text-align: end;
25197
+ width: 100%;
25218
25198
  }
25219
- .v-slide-group--horizontal .v-tab {
25220
- max-width: 360px;
25199
+ .v-system-bar .v-icon {
25200
+ opacity: var(--v-medium-emphasis-opacity);
25221
25201
  }
25222
- .v-slide-group--vertical .v-tab {
25223
- justify-content: start;
25202
+ .v-system-bar {
25203
+ 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));
25224
25204
  }
25225
-
25226
- .v-tab__slider {
25205
+ .v-system-bar--absolute {
25227
25206
  position: absolute;
25228
- bottom: 0;
25229
- left: 0;
25230
- height: 2px;
25231
- width: 100%;
25232
- background: currentColor;
25233
- pointer-events: none;
25234
- opacity: 0;
25235
25207
  }
25236
- .v-tab--selected .v-tab__slider {
25237
- opacity: 1;
25208
+ .v-system-bar--fixed {
25209
+ position: fixed;
25238
25210
  }
25239
- .v-slide-group--vertical .v-tab__slider {
25240
- top: 0;
25241
- height: 100%;
25242
- width: 2px;
25211
+ .v-system-bar {
25212
+ background: rgba(var(--v-theme-surface-light));
25213
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25214
+ }
25215
+ .v-system-bar {
25216
+ font-size: 0.75rem;
25217
+ font-weight: 400;
25218
+ letter-spacing: 0.0333333333em;
25219
+ line-height: 1.667;
25220
+ text-transform: none;
25221
+ }
25222
+ .v-system-bar--rounded {
25223
+ border-radius: 0;
25224
+ }
25225
+ .v-system-bar--window {
25226
+ height: 32px;
25227
+ }
25228
+ .v-system-bar:not(.v-system-bar--absolute) {
25229
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
25243
25230
  }.v-tabs {
25244
25231
  display: flex;
25245
25232
  height: var(--v-tabs-height);
@@ -25306,74 +25293,36 @@ html.v-overlay-scroll-blocked {
25306
25293
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
25307
25294
  margin-inline-end: 52px;
25308
25295
  }
25309
- }/* region BLOCK */
25310
- .v-text-field input {
25311
- color: inherit;
25312
- opacity: 0;
25313
- flex: 1;
25314
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25315
- min-width: 0;
25316
- }
25317
- .v-text-field input:focus, .v-text-field input:active {
25318
- outline: none;
25319
- }
25320
- .v-text-field input:invalid {
25321
- box-shadow: none;
25322
- }
25323
- .v-text-field .v-field {
25324
- cursor: text;
25325
- }
25326
- .v-text-field--prefixed.v-text-field .v-field__input {
25327
- --v-field-padding-start: 6px;
25328
- }
25329
-
25330
- .v-text-field--suffixed.v-text-field .v-field__input {
25331
- --v-field-padding-end: 0;
25332
- }
25333
-
25334
- .v-text-field .v-input__details {
25335
- padding-inline: 16px;
25336
- }
25337
- .v-input--plain-underlined.v-text-field .v-input__details {
25338
- padding-inline: 0;
25296
+ }.v-tab.v-tab.v-btn {
25297
+ height: var(--v-tabs-height);
25298
+ border-radius: 0;
25299
+ min-width: 90px;
25339
25300
  }
25340
-
25341
- .v-text-field .v-field--no-label input,
25342
- .v-text-field .v-field--active input {
25343
- opacity: 1;
25301
+ .v-slide-group--horizontal .v-tab {
25302
+ max-width: 360px;
25344
25303
  }
25345
- .v-text-field .v-field--single-line input {
25346
- transition: none;
25304
+ .v-slide-group--vertical .v-tab {
25305
+ justify-content: start;
25347
25306
  }
25348
25307
 
25349
- /* endregion */
25350
- /* region ELEMENTS */
25351
- .v-text-field__prefix, .v-text-field__suffix {
25352
- align-items: center;
25353
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25354
- cursor: default;
25355
- display: flex;
25308
+ .v-tab__slider {
25309
+ position: absolute;
25310
+ bottom: 0;
25311
+ left: 0;
25312
+ height: 2px;
25313
+ width: 100%;
25314
+ background: currentColor;
25315
+ pointer-events: none;
25356
25316
  opacity: 0;
25357
- transition: inherit;
25358
- white-space: nowrap;
25359
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25360
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25361
- padding-bottom: var(--v-field-padding-bottom, 6px);
25362
25317
  }
25363
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25318
+ .v-tab--selected .v-tab__slider {
25364
25319
  opacity: 1;
25365
25320
  }
25366
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25367
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25368
- }
25369
- .v-text-field__prefix {
25370
- padding-inline-start: var(--v-field-padding-start);
25371
- }
25372
- .v-text-field__suffix {
25373
- padding-inline-end: var(--v-field-padding-end);
25374
- }
25375
-
25376
- /* endregion */.v-table {
25321
+ .v-slide-group--vertical .v-tab__slider {
25322
+ top: 0;
25323
+ height: 100%;
25324
+ width: 2px;
25325
+ }.v-table {
25377
25326
  font-size: 0.875rem;
25378
25327
  transition-duration: 0.28s;
25379
25328
  transition-property: box-shadow, opacity, background, height;
@@ -25468,53 +25417,162 @@ html.v-overlay-scroll-blocked {
25468
25417
  --v-table-header-height: 48px;
25469
25418
  --v-table-row-height: 44px;
25470
25419
  }
25471
-
25472
- .v-table--density-compact {
25473
- --v-table-header-height: 40px;
25474
- --v-table-row-height: 36px;
25420
+
25421
+ .v-table--density-compact {
25422
+ --v-table-header-height: 40px;
25423
+ --v-table-row-height: 36px;
25424
+ }
25425
+
25426
+ .v-table__wrapper {
25427
+ border-radius: inherit;
25428
+ overflow: auto;
25429
+ flex: 1 1 auto;
25430
+ }
25431
+
25432
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25433
+ border-top-left-radius: 0;
25434
+ }
25435
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25436
+ border-top-right-radius: 0;
25437
+ }
25438
+
25439
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25440
+ border-bottom-left-radius: 0;
25441
+ }
25442
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25443
+ border-bottom-right-radius: 0;
25444
+ }
25445
+
25446
+ .v-table--fixed-height > .v-table__wrapper {
25447
+ overflow-y: auto;
25448
+ }
25449
+
25450
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
25451
+ position: sticky;
25452
+ top: 0;
25453
+ z-index: 2;
25454
+ }
25455
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25456
+ border-bottom: 0px !important;
25457
+ }
25458
+
25459
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25460
+ position: sticky;
25461
+ bottom: 0;
25462
+ z-index: 1;
25463
+ }
25464
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25465
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25466
+ border-top: 0px !important;
25467
+ }/* region BLOCK */
25468
+ .v-text-field input {
25469
+ color: inherit;
25470
+ opacity: 0;
25471
+ flex: 1;
25472
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25473
+ min-width: 0;
25474
+ }
25475
+ .v-text-field input:focus, .v-text-field input:active {
25476
+ outline: none;
25477
+ }
25478
+ .v-text-field input:invalid {
25479
+ box-shadow: none;
25480
+ }
25481
+ .v-text-field .v-field {
25482
+ cursor: text;
25483
+ }
25484
+ .v-text-field--prefixed.v-text-field .v-field__input {
25485
+ --v-field-padding-start: 6px;
25486
+ }
25487
+
25488
+ .v-text-field--suffixed.v-text-field .v-field__input {
25489
+ --v-field-padding-end: 0;
25490
+ }
25491
+
25492
+ .v-text-field .v-input__details {
25493
+ padding-inline: 16px;
25494
+ }
25495
+ .v-input--plain-underlined.v-text-field .v-input__details {
25496
+ padding-inline: 0;
25497
+ }
25498
+
25499
+ .v-text-field .v-field--no-label input,
25500
+ .v-text-field .v-field--active input {
25501
+ opacity: 1;
25502
+ }
25503
+ .v-text-field .v-field--single-line input {
25504
+ transition: none;
25505
+ }
25506
+
25507
+ /* endregion */
25508
+ /* region ELEMENTS */
25509
+ .v-text-field__prefix, .v-text-field__suffix {
25510
+ align-items: center;
25511
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
25512
+ cursor: default;
25513
+ display: flex;
25514
+ opacity: 0;
25515
+ transition: inherit;
25516
+ white-space: nowrap;
25517
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
25518
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
25519
+ padding-bottom: var(--v-field-padding-bottom, 6px);
25520
+ }
25521
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
25522
+ opacity: 1;
25475
25523
  }
25476
-
25477
- .v-table__wrapper {
25478
- border-radius: inherit;
25479
- overflow: auto;
25480
- flex: 1 1 auto;
25524
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
25525
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
25481
25526
  }
25482
-
25483
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
25484
- border-top-left-radius: 0;
25527
+ .v-text-field__prefix {
25528
+ padding-inline-start: var(--v-field-padding-start);
25485
25529
  }
25486
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
25487
- border-top-right-radius: 0;
25530
+ .v-text-field__suffix {
25531
+ padding-inline-end: var(--v-field-padding-end);
25488
25532
  }
25489
25533
 
25490
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
25491
- border-bottom-left-radius: 0;
25534
+ /* endregion */.v-textarea .v-field {
25535
+ --v-textarea-control-height: var(--v-input-control-height);
25492
25536
  }
25493
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
25494
- border-bottom-right-radius: 0;
25537
+ .v-textarea .v-field__field {
25538
+ --v-input-control-height: var(--v-textarea-control-height);
25495
25539
  }
25496
-
25497
- .v-table--fixed-height > .v-table__wrapper {
25498
- overflow-y: auto;
25540
+ .v-textarea .v-field__input {
25541
+ flex: 1 1 auto;
25542
+ outline: none;
25543
+ -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));
25544
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
25499
25545
  }
25500
-
25501
- .v-table--fixed-header > .v-table__wrapper > table > thead {
25502
- position: sticky;
25546
+ .v-textarea .v-field__input.v-textarea__sizer {
25547
+ visibility: hidden;
25548
+ position: absolute;
25503
25549
  top: 0;
25504
- z-index: 2;
25550
+ left: 0;
25551
+ height: 0 !important;
25552
+ min-height: 0 !important;
25553
+ pointer-events: none;
25505
25554
  }
25506
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
25507
- border-bottom: 0px !important;
25555
+ .v-textarea--no-resize .v-field__input {
25556
+ resize: none;
25508
25557
  }
25509
-
25510
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
25511
- position: sticky;
25512
- bottom: 0;
25513
- z-index: 1;
25558
+ .v-textarea .v-field--no-label textarea,
25559
+ .v-textarea .v-field--active textarea {
25560
+ opacity: 1;
25514
25561
  }
25515
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
25516
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
25517
- border-top: 0px !important;
25562
+ .v-textarea textarea {
25563
+ opacity: 0;
25564
+ flex: 1;
25565
+ min-width: 0;
25566
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25567
+ }
25568
+ .v-textarea textarea:focus, .v-textarea textarea:active {
25569
+ outline: none;
25570
+ }
25571
+ .v-textarea textarea:invalid {
25572
+ box-shadow: none;
25573
+ }.v-theme-provider {
25574
+ background: rgb(var(--v-theme-background));
25575
+ color: rgb(var(--v-theme-on-background));
25518
25576
  }.v-timeline .v-timeline-divider__dot {
25519
25577
  background: rgb(var(--v-theme-surface-light));
25520
25578
  }
@@ -25933,70 +25991,6 @@ html.v-overlay-scroll-blocked {
25933
25991
 
25934
25992
  .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 {
25935
25993
  padding-inline-end: 0;
25936
- }.v-textarea .v-field {
25937
- --v-textarea-control-height: var(--v-input-control-height);
25938
- }
25939
- .v-textarea .v-field__field {
25940
- --v-input-control-height: var(--v-textarea-control-height);
25941
- }
25942
- .v-textarea .v-field__input {
25943
- flex: 1 1 auto;
25944
- outline: none;
25945
- -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));
25946
- 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));
25947
- }
25948
- .v-textarea .v-field__input.v-textarea__sizer {
25949
- visibility: hidden;
25950
- position: absolute;
25951
- top: 0;
25952
- left: 0;
25953
- height: 0 !important;
25954
- min-height: 0 !important;
25955
- pointer-events: none;
25956
- }
25957
- .v-textarea--no-resize .v-field__input {
25958
- resize: none;
25959
- }
25960
- .v-textarea .v-field--no-label textarea,
25961
- .v-textarea .v-field--active textarea {
25962
- opacity: 1;
25963
- }
25964
- .v-textarea textarea {
25965
- opacity: 0;
25966
- flex: 1;
25967
- min-width: 0;
25968
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
25969
- }
25970
- .v-textarea textarea:focus, .v-textarea textarea:active {
25971
- outline: none;
25972
- }
25973
- .v-textarea textarea:invalid {
25974
- box-shadow: none;
25975
- }.v-theme-provider {
25976
- background: rgb(var(--v-theme-background));
25977
- color: rgb(var(--v-theme-on-background));
25978
- }.v-tooltip > .v-overlay__content {
25979
- background: rgb(var(--v-theme-surface-variant));
25980
- color: rgb(var(--v-theme-on-surface-variant));
25981
- border-radius: 4px;
25982
- font-size: 0.875rem;
25983
- line-height: 1.6;
25984
- display: inline-block;
25985
- padding: 5px 16px;
25986
- text-transform: initial;
25987
- width: auto;
25988
- opacity: 1;
25989
- pointer-events: none;
25990
- transition-property: opacity, transform;
25991
- overflow-wrap: break-word;
25992
- }
25993
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25994
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25995
- transition-duration: 150ms;
25996
- }
25997
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25998
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25999
- transition-duration: 75ms;
26000
25994
  }.v-toolbar {
26001
25995
  align-items: flex-start;
26002
25996
  display: flex;
@@ -26140,6 +26134,37 @@ html.v-overlay-scroll-blocked {
26140
26134
  }
26141
26135
  .v-toolbar-items > .v-btn {
26142
26136
  border-radius: 0;
26137
+ }.v-tooltip > .v-overlay__content {
26138
+ background: rgb(var(--v-theme-surface-variant));
26139
+ color: rgb(var(--v-theme-on-surface-variant));
26140
+ border-radius: 4px;
26141
+ font-size: 0.875rem;
26142
+ line-height: 1.6;
26143
+ display: inline-block;
26144
+ padding: 5px 16px;
26145
+ text-transform: initial;
26146
+ width: auto;
26147
+ opacity: 1;
26148
+ pointer-events: none;
26149
+ transition-property: opacity, transform;
26150
+ overflow-wrap: break-word;
26151
+ }
26152
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
26153
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
26154
+ transition-duration: 150ms;
26155
+ }
26156
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
26157
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
26158
+ transition-duration: 75ms;
26159
+ }.v-virtual-scroll {
26160
+ display: block;
26161
+ flex: 1 1 auto;
26162
+ max-width: 100%;
26163
+ overflow: auto;
26164
+ position: relative;
26165
+ }
26166
+ .v-virtual-scroll__container {
26167
+ display: block;
26143
26168
  }.v-window {
26144
26169
  overflow: hidden;
26145
26170
  }
@@ -26210,31 +26235,6 @@ html.v-overlay-scroll-blocked {
26210
26235
  }
26211
26236
  .v-window-y-reverse-transition-leave-to {
26212
26237
  transform: translateY(100%);
26213
- }.v-virtual-scroll {
26214
- display: block;
26215
- flex: 1 1 auto;
26216
- max-width: 100%;
26217
- overflow: auto;
26218
- position: relative;
26219
- }
26220
- .v-virtual-scroll__container {
26221
- display: block;
26222
- }.v-messages {
26223
- flex: 1 1 auto;
26224
- font-size: 12px;
26225
- min-height: 14px;
26226
- min-width: 1px;
26227
- opacity: var(--v-medium-emphasis-opacity);
26228
- position: relative;
26229
- }
26230
- .v-messages__message {
26231
- line-height: 12px;
26232
- word-break: break-word;
26233
- overflow-wrap: break-word;
26234
- word-wrap: break-word;
26235
- -webkit-hyphens: auto;
26236
- hyphens: auto;
26237
- transition-duration: 150ms;
26238
26238
  }.v-color-picker-canvas {
26239
26239
  display: flex;
26240
26240
  position: relative;
@@ -26292,34 +26292,6 @@ html.v-overlay-scroll-blocked {
26292
26292
  justify-content: center;
26293
26293
  width: 100%;
26294
26294
  height: 100%;
26295
- }.v-color-picker-edit {
26296
- display: flex;
26297
- margin-top: 24px;
26298
- }
26299
-
26300
- .v-color-picker-edit__input {
26301
- width: 100%;
26302
- display: flex;
26303
- flex-wrap: wrap;
26304
- justify-content: center;
26305
- text-align: center;
26306
- }
26307
- .v-color-picker-edit__input:not(:last-child) {
26308
- margin-inline-end: 8px;
26309
- }
26310
- .v-color-picker-edit__input input {
26311
- border-radius: 4px;
26312
- margin-bottom: 8px;
26313
- min-width: 0;
26314
- outline: none;
26315
- text-align: center;
26316
- width: 100%;
26317
- height: 32px;
26318
- background: rgba(var(--v-theme-surface-variant), 0.2);
26319
- color: rgba(var(--v-theme-on-surface));
26320
- }
26321
- .v-color-picker-edit__input span {
26322
- font-size: 0.75rem;
26323
26295
  }.v-color-picker-preview__alpha .v-slider-track__background {
26324
26296
  background-color: transparent !important;
26325
26297
  }
@@ -26390,6 +26362,34 @@ html.v-overlay-scroll-blocked {
26390
26362
  .v-color-picker-preview__eye-dropper {
26391
26363
  position: relative;
26392
26364
  margin-right: 12px;
26365
+ }.v-color-picker-edit {
26366
+ display: flex;
26367
+ margin-top: 24px;
26368
+ }
26369
+
26370
+ .v-color-picker-edit__input {
26371
+ width: 100%;
26372
+ display: flex;
26373
+ flex-wrap: wrap;
26374
+ justify-content: center;
26375
+ text-align: center;
26376
+ }
26377
+ .v-color-picker-edit__input:not(:last-child) {
26378
+ margin-inline-end: 8px;
26379
+ }
26380
+ .v-color-picker-edit__input input {
26381
+ border-radius: 4px;
26382
+ margin-bottom: 8px;
26383
+ min-width: 0;
26384
+ outline: none;
26385
+ text-align: center;
26386
+ width: 100%;
26387
+ height: 32px;
26388
+ background: rgba(var(--v-theme-surface-variant), 0.2);
26389
+ color: rgba(var(--v-theme-on-surface));
26390
+ }
26391
+ .v-color-picker-edit__input span {
26392
+ font-size: 0.75rem;
26393
26393
  }.v-picker.v-sheet {
26394
26394
  display: grid;
26395
26395
  grid-auto-rows: min-content;