@vuetify/nightly 3.6.8-master.2024-05-30 → 3.6.8-master.2024-06-02

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.8-master.2024-05-30
2
+ * Vuetify v3.6.8-master.2024-06-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17872,6 +17872,77 @@ html.overflow-y-hidden {
17872
17872
  .v-avatar .v-img {
17873
17873
  height: 100%;
17874
17874
  width: 100%;
17875
+ }.v-badge {
17876
+ display: inline-block;
17877
+ line-height: 1;
17878
+ }
17879
+
17880
+ .v-badge__badge {
17881
+ align-items: center;
17882
+ display: inline-flex;
17883
+ border-radius: 10px;
17884
+ font-size: 0.75rem;
17885
+ font-weight: 500;
17886
+ height: 1.25rem;
17887
+ justify-content: center;
17888
+ min-width: 20px;
17889
+ padding: 4px 6px;
17890
+ pointer-events: auto;
17891
+ position: absolute;
17892
+ text-align: center;
17893
+ text-indent: 0;
17894
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17895
+ white-space: nowrap;
17896
+ background: rgb(var(--v-theme-surface-variant));
17897
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17898
+ }
17899
+ .v-badge--bordered .v-badge__badge::after {
17900
+ border-radius: inherit;
17901
+ border-style: solid;
17902
+ border-width: 2px;
17903
+ bottom: 0;
17904
+ color: rgb(var(--v-theme-background));
17905
+ content: "";
17906
+ left: 0;
17907
+ position: absolute;
17908
+ right: 0;
17909
+ top: 0;
17910
+ transform: scale(1.05);
17911
+ }
17912
+ .v-badge--dot .v-badge__badge {
17913
+ border-radius: 4.5px;
17914
+ height: 9px;
17915
+ min-width: 0;
17916
+ padding: 0;
17917
+ width: 9px;
17918
+ }
17919
+ .v-badge--dot .v-badge__badge::after {
17920
+ border-width: 1.5px;
17921
+ }
17922
+ .v-badge--inline .v-badge__badge {
17923
+ position: relative;
17924
+ vertical-align: middle;
17925
+ }
17926
+ .v-badge__badge .v-icon {
17927
+ color: inherit;
17928
+ font-size: 0.75rem;
17929
+ margin: 0 -2px;
17930
+ }
17931
+ .v-badge__badge img,
17932
+ .v-badge__badge .v-img {
17933
+ height: 100%;
17934
+ width: 100%;
17935
+ }
17936
+
17937
+ .v-badge__wrapper {
17938
+ display: flex;
17939
+ position: relative;
17940
+ }
17941
+ .v-badge--inline .v-badge__wrapper {
17942
+ align-items: center;
17943
+ display: inline-flex;
17944
+ justify-content: center;
17945
+ margin: 0 4px;
17875
17946
  }.v-banner {
17876
17947
  display: grid;
17877
17948
  flex: 1 1;
@@ -17987,6 +18058,7 @@ html.overflow-y-hidden {
17987
18058
 
17988
18059
  .v-banner--sticky {
17989
18060
  top: 0;
18061
+ z-index: 1;
17990
18062
  }
17991
18063
 
17992
18064
  .v-banner__content {
@@ -18029,77 +18101,6 @@ html.overflow-y-hidden {
18029
18101
  }
18030
18102
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18031
18103
  align-self: flex-start;
18032
- }.v-badge {
18033
- display: inline-block;
18034
- line-height: 1;
18035
- }
18036
-
18037
- .v-badge__badge {
18038
- align-items: center;
18039
- display: inline-flex;
18040
- border-radius: 10px;
18041
- font-size: 0.75rem;
18042
- font-weight: 500;
18043
- height: 1.25rem;
18044
- justify-content: center;
18045
- min-width: 20px;
18046
- padding: 4px 6px;
18047
- pointer-events: auto;
18048
- position: absolute;
18049
- text-align: center;
18050
- text-indent: 0;
18051
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18052
- white-space: nowrap;
18053
- background: rgb(var(--v-theme-surface-variant));
18054
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18055
- }
18056
- .v-badge--bordered .v-badge__badge::after {
18057
- border-radius: inherit;
18058
- border-style: solid;
18059
- border-width: 2px;
18060
- bottom: 0;
18061
- color: rgb(var(--v-theme-background));
18062
- content: "";
18063
- left: 0;
18064
- position: absolute;
18065
- right: 0;
18066
- top: 0;
18067
- transform: scale(1.05);
18068
- }
18069
- .v-badge--dot .v-badge__badge {
18070
- border-radius: 4.5px;
18071
- height: 9px;
18072
- min-width: 0;
18073
- padding: 0;
18074
- width: 9px;
18075
- }
18076
- .v-badge--dot .v-badge__badge::after {
18077
- border-width: 1.5px;
18078
- }
18079
- .v-badge--inline .v-badge__badge {
18080
- position: relative;
18081
- vertical-align: middle;
18082
- }
18083
- .v-badge__badge .v-icon {
18084
- color: inherit;
18085
- font-size: 0.75rem;
18086
- margin: 0 -2px;
18087
- }
18088
- .v-badge__badge img,
18089
- .v-badge__badge .v-img {
18090
- height: 100%;
18091
- width: 100%;
18092
- }
18093
-
18094
- .v-badge__wrapper {
18095
- display: flex;
18096
- position: relative;
18097
- }
18098
- .v-badge--inline .v-badge__wrapper {
18099
- align-items: center;
18100
- display: inline-flex;
18101
- justify-content: center;
18102
- margin: 0 4px;
18103
18104
  }.v-bottom-navigation {
18104
18105
  display: flex;
18105
18106
  max-width: 100%;
@@ -18244,62 +18245,6 @@ html.overflow-y-hidden {
18244
18245
  display: inline-block;
18245
18246
  padding: 0 8px;
18246
18247
  vertical-align: middle;
18247
- }.v-btn-group {
18248
- display: inline-flex;
18249
- flex-wrap: nowrap;
18250
- max-width: 100%;
18251
- min-width: 0;
18252
- overflow: hidden;
18253
- vertical-align: middle;
18254
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18255
- border-style: solid;
18256
- border-width: 0;
18257
- 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));
18258
- border-radius: 4px;
18259
- background: transparent;
18260
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18261
- }
18262
- .v-btn-group--border {
18263
- border-width: thin;
18264
- box-shadow: none;
18265
- }
18266
- .v-btn-group--density-default.v-btn-group {
18267
- height: 48px;
18268
- }
18269
-
18270
- .v-btn-group--density-comfortable.v-btn-group {
18271
- height: 40px;
18272
- }
18273
-
18274
- .v-btn-group--density-compact.v-btn-group {
18275
- height: 36px;
18276
- }
18277
-
18278
- .v-btn-group .v-btn {
18279
- border-radius: 0;
18280
- border-color: inherit;
18281
- }
18282
- .v-btn-group .v-btn:not(:last-child) {
18283
- border-inline-end: none;
18284
- }
18285
- .v-btn-group .v-btn:not(:first-child) {
18286
- border-inline-start: none;
18287
- }
18288
- .v-btn-group .v-btn:first-child {
18289
- border-start-start-radius: inherit;
18290
- border-end-start-radius: inherit;
18291
- }
18292
- .v-btn-group .v-btn:last-child {
18293
- border-start-end-radius: inherit;
18294
- border-end-end-radius: inherit;
18295
- }
18296
- .v-btn-group--divided .v-btn:not(:last-child) {
18297
- border-inline-end-width: thin;
18298
- border-inline-end-style: solid;
18299
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18300
- }
18301
- .v-btn-group--tile {
18302
- border-radius: 0;
18303
18248
  }.v-btn {
18304
18249
  align-items: center;
18305
18250
  border-radius: 4px;
@@ -18718,6 +18663,62 @@ html.overflow-y-hidden {
18718
18663
  }
18719
18664
  .v-pagination__item--is-active .v-btn__overlay {
18720
18665
  opacity: var(--v-border-opacity);
18666
+ }.v-btn-group {
18667
+ display: inline-flex;
18668
+ flex-wrap: nowrap;
18669
+ max-width: 100%;
18670
+ min-width: 0;
18671
+ overflow: hidden;
18672
+ vertical-align: middle;
18673
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18674
+ border-style: solid;
18675
+ border-width: 0;
18676
+ 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));
18677
+ border-radius: 4px;
18678
+ background: transparent;
18679
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18680
+ }
18681
+ .v-btn-group--border {
18682
+ border-width: thin;
18683
+ box-shadow: none;
18684
+ }
18685
+ .v-btn-group--density-default.v-btn-group {
18686
+ height: 48px;
18687
+ }
18688
+
18689
+ .v-btn-group--density-comfortable.v-btn-group {
18690
+ height: 40px;
18691
+ }
18692
+
18693
+ .v-btn-group--density-compact.v-btn-group {
18694
+ height: 36px;
18695
+ }
18696
+
18697
+ .v-btn-group .v-btn {
18698
+ border-radius: 0;
18699
+ border-color: inherit;
18700
+ }
18701
+ .v-btn-group .v-btn:not(:last-child) {
18702
+ border-inline-end: none;
18703
+ }
18704
+ .v-btn-group .v-btn:not(:first-child) {
18705
+ border-inline-start: none;
18706
+ }
18707
+ .v-btn-group .v-btn:first-child {
18708
+ border-start-start-radius: inherit;
18709
+ border-end-start-radius: inherit;
18710
+ }
18711
+ .v-btn-group .v-btn:last-child {
18712
+ border-start-end-radius: inherit;
18713
+ border-end-end-radius: inherit;
18714
+ }
18715
+ .v-btn-group--divided .v-btn:not(:last-child) {
18716
+ border-inline-end-width: thin;
18717
+ border-inline-end-style: solid;
18718
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18719
+ }
18720
+ .v-btn-group--tile {
18721
+ border-radius: 0;
18721
18722
  }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18722
18723
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18723
18724
  }
@@ -19858,61 +19859,66 @@ html.overflow-y-hidden {
19858
19859
  }
19859
19860
  .v-date-picker--show-week {
19860
19861
  width: 368px;
19861
- }.v-date-picker-month {
19862
- display: flex;
19863
- justify-content: center;
19864
- padding: 0 12px 8px;
19865
- --v-date-picker-month-day-diff: 4px;
19866
- }
19867
-
19868
- .v-date-picker-month__weeks {
19862
+ }.v-date-picker-header {
19863
+ align-items: flex-end;
19864
+ height: 70px;
19869
19865
  display: grid;
19870
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19871
- column-gap: 4px;
19872
- font-size: 0.85rem;
19873
- }
19874
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19875
- grid-row-gap: 0;
19866
+ grid-template-areas: "prepend content append";
19867
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
19868
+ overflow: hidden;
19869
+ padding-inline: 24px 12px;
19870
+ padding-bottom: 12px;
19876
19871
  }
19877
19872
 
19878
- .v-date-picker-month__weekday {
19879
- font-size: 0.85rem;
19873
+ .v-date-picker-header__append {
19874
+ grid-area: append;
19880
19875
  }
19881
19876
 
19882
- .v-date-picker-month__days {
19883
- display: grid;
19884
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19885
- column-gap: 4px;
19886
- flex: 1 1;
19887
- justify-content: space-around;
19877
+ .v-date-picker-header__prepend {
19878
+ grid-area: prepend;
19879
+ padding-inline-start: 8px;
19888
19880
  }
19889
19881
 
19890
- .v-date-picker-month__day {
19882
+ .v-date-picker-header__content {
19891
19883
  align-items: center;
19892
- display: flex;
19893
- justify-content: center;
19894
- position: relative;
19895
- height: 40px;
19896
- width: 40px;
19884
+ display: inline-flex;
19885
+ font-size: 32px;
19886
+ line-height: 40px;
19887
+ grid-area: content;
19888
+ justify-content: space-between;
19897
19889
  }
19898
- .v-date-picker-month__day--selected .v-btn {
19899
- background-color: rgb(var(--v-theme-surface-variant));
19900
- color: rgb(var(--v-theme-on-surface-variant));
19890
+ .v-date-picker-header--clickable .v-date-picker-header__content {
19891
+ cursor: pointer;
19901
19892
  }
19902
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19903
- --v-btn-height: 24px;
19904
- --v-btn-size: 0.85rem;
19893
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
19894
+ opacity: 0.7;
19905
19895
  }
19906
- .v-date-picker-month__day--week {
19907
- font-size: var(--v-btn-size);
19896
+
19897
+ .date-picker-header-transition-enter-active,
19898
+ .date-picker-header-reverse-transition-enter-active {
19899
+ transition-duration: 0.3s;
19900
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19901
+ }
19902
+ .date-picker-header-transition-leave-active,
19903
+ .date-picker-header-reverse-transition-leave-active {
19904
+ transition-duration: 0.3s;
19905
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19908
19906
  }
19909
19907
 
19910
- .v-date-picker-month__day--adjacent {
19911
- opacity: 0.5;
19908
+ .date-picker-header-transition-enter-from {
19909
+ transform: translate(0, 100%);
19910
+ }
19911
+ .date-picker-header-transition-leave-to {
19912
+ opacity: 0;
19913
+ transform: translate(0, -100%);
19912
19914
  }
19913
19915
 
19914
- .v-date-picker-month__day--hide-adjacent {
19916
+ .date-picker-header-reverse-transition-enter-from {
19917
+ transform: translate(0, -100%);
19918
+ }
19919
+ .date-picker-header-reverse-transition-leave-to {
19915
19920
  opacity: 0;
19921
+ transform: translate(0, 100%);
19916
19922
  }.v-date-picker-controls {
19917
19923
  display: flex;
19918
19924
  align-items: center;
@@ -19969,66 +19975,6 @@ html.overflow-y-hidden {
19969
19975
 
19970
19976
  .v-date-picker__title {
19971
19977
  display: inline-block;
19972
- }.v-date-picker-header {
19973
- align-items: flex-end;
19974
- height: 70px;
19975
- display: grid;
19976
- grid-template-areas: "prepend content append";
19977
- grid-template-columns: min-content minmax(0, 1fr) min-content;
19978
- overflow: hidden;
19979
- padding-inline: 24px 12px;
19980
- padding-bottom: 12px;
19981
- }
19982
-
19983
- .v-date-picker-header__append {
19984
- grid-area: append;
19985
- }
19986
-
19987
- .v-date-picker-header__prepend {
19988
- grid-area: prepend;
19989
- padding-inline-start: 8px;
19990
- }
19991
-
19992
- .v-date-picker-header__content {
19993
- align-items: center;
19994
- display: inline-flex;
19995
- font-size: 32px;
19996
- line-height: 40px;
19997
- grid-area: content;
19998
- justify-content: space-between;
19999
- }
20000
- .v-date-picker-header--clickable .v-date-picker-header__content {
20001
- cursor: pointer;
20002
- }
20003
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20004
- opacity: 0.7;
20005
- }
20006
-
20007
- .date-picker-header-transition-enter-active,
20008
- .date-picker-header-reverse-transition-enter-active {
20009
- transition-duration: 0.3s;
20010
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20011
- }
20012
- .date-picker-header-transition-leave-active,
20013
- .date-picker-header-reverse-transition-leave-active {
20014
- transition-duration: 0.3s;
20015
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20016
- }
20017
-
20018
- .date-picker-header-transition-enter-from {
20019
- transform: translate(0, 100%);
20020
- }
20021
- .date-picker-header-transition-leave-to {
20022
- opacity: 0;
20023
- transform: translate(0, -100%);
20024
- }
20025
-
20026
- .date-picker-header-reverse-transition-enter-from {
20027
- transform: translate(0, -100%);
20028
- }
20029
- .date-picker-header-reverse-transition-leave-to {
20030
- opacity: 0;
20031
- transform: translate(0, 100%);
20032
19978
  }.v-date-picker-months {
20033
19979
  height: 288px;
20034
19980
  }
@@ -20048,6 +19994,61 @@ html.overflow-y-hidden {
20048
19994
  text-transform: none;
20049
19995
  padding-inline-start: 8px;
20050
19996
  padding-inline-end: 8px;
19997
+ }.v-date-picker-month {
19998
+ display: flex;
19999
+ justify-content: center;
20000
+ padding: 0 12px 8px;
20001
+ --v-date-picker-month-day-diff: 4px;
20002
+ }
20003
+
20004
+ .v-date-picker-month__weeks {
20005
+ display: grid;
20006
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20007
+ column-gap: 4px;
20008
+ font-size: 0.85rem;
20009
+ }
20010
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20011
+ grid-row-gap: 0;
20012
+ }
20013
+
20014
+ .v-date-picker-month__weekday {
20015
+ font-size: 0.85rem;
20016
+ }
20017
+
20018
+ .v-date-picker-month__days {
20019
+ display: grid;
20020
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20021
+ column-gap: 4px;
20022
+ flex: 1 1;
20023
+ justify-content: space-around;
20024
+ }
20025
+
20026
+ .v-date-picker-month__day {
20027
+ align-items: center;
20028
+ display: flex;
20029
+ justify-content: center;
20030
+ position: relative;
20031
+ height: 40px;
20032
+ width: 40px;
20033
+ }
20034
+ .v-date-picker-month__day--selected .v-btn {
20035
+ background-color: rgb(var(--v-theme-surface-variant));
20036
+ color: rgb(var(--v-theme-on-surface-variant));
20037
+ }
20038
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20039
+ --v-btn-height: 24px;
20040
+ --v-btn-size: 0.85rem;
20041
+ }
20042
+ .v-date-picker-month__day--week {
20043
+ font-size: var(--v-btn-size);
20044
+ }
20045
+
20046
+ .v-date-picker-month__day--adjacent {
20047
+ opacity: 0.5;
20048
+ }
20049
+
20050
+ .v-date-picker-month__day--hide-adjacent {
20051
+ opacity: 0;
20051
20052
  }.v-date-picker-years {
20052
20053
  height: 288px;
20053
20054
  overflow-y: scroll;
@@ -20270,8 +20271,8 @@ html.overflow-y-hidden {
20270
20271
  }
20271
20272
 
20272
20273
  .v-empty-state__action-btn.v-btn {
20273
- background-color: rgb(var(--v-theme-surface-variant));
20274
- color: rgb(var(--v-theme-on-surface-variant));
20274
+ background-color: initial;
20275
+ color: initial;
20275
20276
  }.v-expansion-panel {
20276
20277
  background-color: rgb(var(--v-theme-surface));
20277
20278
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21940,11 +21941,6 @@ textarea.v-field__input::placeholder {
21940
21941
 
21941
21942
  .v-img__gradient {
21942
21943
  background-repeat: no-repeat;
21943
- }.v-item-group {
21944
- flex: 0 1 auto;
21945
- max-width: 100%;
21946
- position: relative;
21947
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21948
21944
  }.v-infinite-scroll--horizontal {
21949
21945
  display: flex;
21950
21946
  flex-direction: row;
@@ -22112,6 +22108,11 @@ textarea.v-field__input::placeholder {
22112
22108
 
22113
22109
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22114
22110
  padding-top: calc(var(--v-input-padding-top) + 0px);
22111
+ }.v-item-group {
22112
+ flex: 0 1 auto;
22113
+ max-width: 100%;
22114
+ position: relative;
22115
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22115
22116
  }.v-label {
22116
22117
  align-items: center;
22117
22118
  color: inherit;
@@ -22142,8 +22143,6 @@ textarea.v-field__input::placeholder {
22142
22143
 
22143
22144
  .v-layout-item--absolute {
22144
22145
  position: absolute;
22145
- }.v-locale-provider {
22146
- display: contents;
22147
22146
  }.v-list {
22148
22147
  overflow: auto;
22149
22148
  padding: 8px 0;
@@ -22701,6 +22700,8 @@ textarea.v-field__input::placeholder {
22701
22700
  }
22702
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22703
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
+ }.v-locale-provider {
22704
+ display: contents;
22704
22705
  }.v-main {
22705
22706
  flex: 1 0 auto;
22706
22707
  max-width: 100%;
@@ -22860,83 +22861,27 @@ textarea.v-field__input::placeholder {
22860
22861
  .v-navigation-drawer__append {
22861
22862
  flex: none;
22862
22863
  overflow: hidden;
22863
- }.v-otp-input {
22864
- border-radius: 4px;
22865
- align-items: center;
22866
- display: flex;
22867
- justify-content: center;
22868
- padding: 0.5rem 0;
22869
- position: relative;
22870
- }
22871
- .v-otp-input .v-field {
22872
- height: 100%;
22864
+ }.v-overlay-container {
22865
+ contain: layout;
22866
+ left: 0;
22867
+ pointer-events: none;
22868
+ position: absolute;
22869
+ top: 0;
22870
+ display: contents;
22873
22871
  }
22874
22872
 
22875
- .v-otp-input__divider {
22876
- margin: 0 8px;
22873
+ .v-overlay-scroll-blocked {
22874
+ padding-inline-end: var(--v-scrollbar-offset);
22877
22875
  }
22878
-
22879
- .v-otp-input__content {
22880
- align-items: center;
22881
- display: flex;
22882
- gap: 0.5rem;
22883
- height: 64px;
22884
- padding: 0.5rem;
22885
- justify-content: center;
22886
- max-width: 320px;
22887
- position: relative;
22888
- border-radius: inherit;
22876
+ .v-overlay-scroll-blocked:not(html) {
22877
+ overflow-y: hidden !important;
22889
22878
  }
22890
- .v-otp-input--divided .v-otp-input__content {
22891
- max-width: 360px;
22892
- }
22893
-
22894
- .v-otp-input__field {
22895
- color: inherit;
22896
- font-size: 1.25rem;
22897
- height: 100%;
22898
- outline: none;
22899
- text-align: center;
22900
- width: 100%;
22901
- }
22902
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22903
- -webkit-appearance: none;
22904
- margin: 0;
22905
- }
22906
- .v-otp-input__field[type=number] {
22907
- -moz-appearance: textfield;
22908
- }
22909
-
22910
- .v-otp-input__loader {
22911
- align-items: center;
22912
- display: flex;
22913
- height: 100%;
22914
- justify-content: center;
22915
- width: 100%;
22916
- }
22917
- .v-otp-input__loader .v-progress-linear {
22918
- position: absolute;
22919
- }.v-overlay-container {
22920
- contain: layout;
22921
- left: 0;
22922
- pointer-events: none;
22923
- position: absolute;
22924
- top: 0;
22925
- display: contents;
22926
- }
22927
-
22928
- .v-overlay-scroll-blocked {
22929
- padding-inline-end: var(--v-scrollbar-offset);
22930
- }
22931
- .v-overlay-scroll-blocked:not(html) {
22932
- overflow-y: hidden !important;
22933
- }
22934
- html.v-overlay-scroll-blocked {
22935
- position: fixed;
22936
- top: var(--v-body-scroll-y);
22937
- left: var(--v-body-scroll-x);
22938
- width: 100%;
22939
- height: 100%;
22879
+ html.v-overlay-scroll-blocked {
22880
+ position: fixed;
22881
+ top: var(--v-body-scroll-y);
22882
+ left: var(--v-body-scroll-x);
22883
+ width: 100%;
22884
+ height: 100%;
22940
22885
  }
22941
22886
 
22942
22887
  .v-overlay {
@@ -22979,6 +22924,62 @@ html.v-overlay-scroll-blocked {
22979
22924
 
22980
22925
  .v-overlay--scroll-blocked {
22981
22926
  padding-inline-end: var(--v-scrollbar-offset);
22927
+ }.v-otp-input {
22928
+ border-radius: 4px;
22929
+ align-items: center;
22930
+ display: flex;
22931
+ justify-content: center;
22932
+ padding: 0.5rem 0;
22933
+ position: relative;
22934
+ }
22935
+ .v-otp-input .v-field {
22936
+ height: 100%;
22937
+ }
22938
+
22939
+ .v-otp-input__divider {
22940
+ margin: 0 8px;
22941
+ }
22942
+
22943
+ .v-otp-input__content {
22944
+ align-items: center;
22945
+ display: flex;
22946
+ gap: 0.5rem;
22947
+ height: 64px;
22948
+ padding: 0.5rem;
22949
+ justify-content: center;
22950
+ max-width: 320px;
22951
+ position: relative;
22952
+ border-radius: inherit;
22953
+ }
22954
+ .v-otp-input--divided .v-otp-input__content {
22955
+ max-width: 360px;
22956
+ }
22957
+
22958
+ .v-otp-input__field {
22959
+ color: inherit;
22960
+ font-size: 1.25rem;
22961
+ height: 100%;
22962
+ outline: none;
22963
+ text-align: center;
22964
+ width: 100%;
22965
+ }
22966
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
22967
+ -webkit-appearance: none;
22968
+ margin: 0;
22969
+ }
22970
+ .v-otp-input__field[type=number] {
22971
+ -moz-appearance: textfield;
22972
+ }
22973
+
22974
+ .v-otp-input__loader {
22975
+ align-items: center;
22976
+ display: flex;
22977
+ height: 100%;
22978
+ justify-content: center;
22979
+ width: 100%;
22980
+ }
22981
+ .v-otp-input__loader .v-progress-linear {
22982
+ position: absolute;
22982
22983
  }.v-pagination__list {
22983
22984
  display: inline-flex;
22984
22985
  list-style-type: none;
@@ -23375,32 +23376,6 @@ html.v-overlay-scroll-blocked {
23375
23376
 
23376
23377
  .v-slider__label {
23377
23378
  margin-inline-end: 12px;
23378
- }.v-responsive {
23379
- display: flex;
23380
- flex: 1 0 auto;
23381
- max-height: 100%;
23382
- max-width: 100%;
23383
- overflow: hidden;
23384
- position: relative;
23385
- }
23386
- .v-responsive--inline {
23387
- display: inline-flex;
23388
- flex: 0 0 auto;
23389
- }
23390
-
23391
- .v-responsive__content {
23392
- flex: 1 0 0px;
23393
- max-width: 100%;
23394
- }
23395
-
23396
- .v-responsive__sizer ~ .v-responsive__content {
23397
- margin-inline-start: -100%;
23398
- }
23399
-
23400
- .v-responsive__sizer {
23401
- flex: 1 0 0px;
23402
- transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23403
- pointer-events: none;
23404
23379
  }.v-rating {
23405
23380
  max-width: 100%;
23406
23381
  display: inline-flex;
@@ -23455,6 +23430,32 @@ html.v-overlay-scroll-blocked {
23455
23430
  opacity: 0;
23456
23431
  position: absolute;
23457
23432
  width: 0;
23433
+ }.v-responsive {
23434
+ display: flex;
23435
+ flex: 1 0 auto;
23436
+ max-height: 100%;
23437
+ max-width: 100%;
23438
+ overflow: hidden;
23439
+ position: relative;
23440
+ }
23441
+ .v-responsive--inline {
23442
+ display: inline-flex;
23443
+ flex: 0 0 auto;
23444
+ }
23445
+
23446
+ .v-responsive__content {
23447
+ flex: 1 0 0px;
23448
+ max-width: 100%;
23449
+ }
23450
+
23451
+ .v-responsive__sizer ~ .v-responsive__content {
23452
+ margin-inline-start: -100%;
23453
+ }
23454
+
23455
+ .v-responsive__sizer {
23456
+ flex: 1 0 0px;
23457
+ transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23458
+ pointer-events: none;
23458
23459
  }.v-select .v-field .v-text-field__prefix,
23459
23460
  .v-select .v-field .v-text-field__suffix,
23460
23461
  .v-select .v-field .v-field__input, .v-select .v-field.v-field {
@@ -23640,61 +23641,6 @@ html.v-overlay-scroll-blocked {
23640
23641
  }
23641
23642
  .v-sheet--rounded {
23642
23643
  border-radius: 4px;
23643
- }.v-slide-group {
23644
- display: flex;
23645
- overflow: hidden;
23646
- }
23647
-
23648
- .v-slide-group__next,
23649
- .v-slide-group__prev {
23650
- align-items: center;
23651
- display: flex;
23652
- flex: 0 1 52px;
23653
- justify-content: center;
23654
- min-width: 52px;
23655
- cursor: pointer;
23656
- }
23657
- .v-slide-group__next--disabled,
23658
- .v-slide-group__prev--disabled {
23659
- pointer-events: none;
23660
- opacity: var(--v-disabled-opacity);
23661
- }
23662
-
23663
- .v-slide-group__content {
23664
- display: flex;
23665
- flex: 1 0 auto;
23666
- position: relative;
23667
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23668
- white-space: nowrap;
23669
- }
23670
- .v-slide-group__content > * {
23671
- white-space: initial;
23672
- }
23673
-
23674
- .v-slide-group__container {
23675
- contain: content;
23676
- display: flex;
23677
- flex: 1 1 auto;
23678
- overflow-x: auto;
23679
- overflow-y: hidden;
23680
- scrollbar-width: none;
23681
- scrollbar-color: rgba(0, 0, 0, 0);
23682
- }
23683
- .v-slide-group__container::-webkit-scrollbar {
23684
- display: none;
23685
- }
23686
-
23687
- .v-slide-group--vertical {
23688
- max-height: inherit;
23689
- }
23690
- .v-slide-group--vertical,
23691
- .v-slide-group--vertical .v-slide-group__container,
23692
- .v-slide-group--vertical .v-slide-group__content {
23693
- flex-direction: column;
23694
- }
23695
- .v-slide-group--vertical .v-slide-group__container {
23696
- overflow-x: hidden;
23697
- overflow-y: auto;
23698
23644
  }.v-skeleton-loader {
23699
23645
  align-items: center;
23700
23646
  background: rgb(var(--v-theme-surface));
@@ -23918,35 +23864,90 @@ html.v-overlay-scroll-blocked {
23918
23864
  100% {
23919
23865
  transform: translateX(100%);
23920
23866
  }
23921
- }.v-snackbar {
23922
- justify-content: center;
23923
- z-index: 10000;
23924
- margin: 8px;
23925
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23926
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23927
- }
23928
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
23929
- align-items: flex-end;
23867
+ }.v-slide-group {
23868
+ display: flex;
23869
+ overflow: hidden;
23930
23870
  }
23931
- .v-snackbar__wrapper {
23871
+
23872
+ .v-slide-group__next,
23873
+ .v-slide-group__prev {
23932
23874
  align-items: center;
23933
23875
  display: flex;
23934
- max-width: 672px;
23935
- min-height: 48px;
23936
- min-width: 344px;
23937
- overflow: hidden;
23938
- padding: 0;
23939
- border-radius: 4px;
23876
+ flex: 0 1 52px;
23877
+ justify-content: center;
23878
+ min-width: 52px;
23879
+ cursor: pointer;
23940
23880
  }
23941
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23942
- background: transparent;
23943
- color: inherit;
23881
+ .v-slide-group__next--disabled,
23882
+ .v-slide-group__prev--disabled {
23883
+ pointer-events: none;
23884
+ opacity: var(--v-disabled-opacity);
23944
23885
  }
23945
- .v-snackbar--variant-plain {
23946
- opacity: 0.62;
23886
+
23887
+ .v-slide-group__content {
23888
+ display: flex;
23889
+ flex: 1 0 auto;
23890
+ position: relative;
23891
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23892
+ white-space: nowrap;
23947
23893
  }
23948
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23949
- opacity: 1;
23894
+ .v-slide-group__content > * {
23895
+ white-space: initial;
23896
+ }
23897
+
23898
+ .v-slide-group__container {
23899
+ contain: content;
23900
+ display: flex;
23901
+ flex: 1 1 auto;
23902
+ overflow-x: auto;
23903
+ overflow-y: hidden;
23904
+ scrollbar-width: none;
23905
+ scrollbar-color: rgba(0, 0, 0, 0);
23906
+ }
23907
+ .v-slide-group__container::-webkit-scrollbar {
23908
+ display: none;
23909
+ }
23910
+
23911
+ .v-slide-group--vertical {
23912
+ max-height: inherit;
23913
+ }
23914
+ .v-slide-group--vertical,
23915
+ .v-slide-group--vertical .v-slide-group__container,
23916
+ .v-slide-group--vertical .v-slide-group__content {
23917
+ flex-direction: column;
23918
+ }
23919
+ .v-slide-group--vertical .v-slide-group__container {
23920
+ overflow-x: hidden;
23921
+ overflow-y: auto;
23922
+ }.v-snackbar {
23923
+ justify-content: center;
23924
+ z-index: 10000;
23925
+ margin: 8px;
23926
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23927
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23928
+ }
23929
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
23930
+ align-items: flex-end;
23931
+ }
23932
+ .v-snackbar__wrapper {
23933
+ align-items: center;
23934
+ display: flex;
23935
+ max-width: 672px;
23936
+ min-height: 48px;
23937
+ min-width: 344px;
23938
+ overflow: hidden;
23939
+ padding: 0;
23940
+ border-radius: 4px;
23941
+ }
23942
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
23943
+ background: transparent;
23944
+ color: inherit;
23945
+ }
23946
+ .v-snackbar--variant-plain {
23947
+ opacity: 0.62;
23948
+ }
23949
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
23950
+ opacity: 1;
23950
23951
  }
23951
23952
  .v-snackbar--variant-plain .v-snackbar__overlay {
23952
23953
  display: none;
@@ -24097,6 +24098,172 @@ html.v-overlay-scroll-blocked {
24097
24098
  }
24098
24099
  .v-speed-dial__content > *:nth-child(10) {
24099
24100
  transition-delay: 0.45s;
24101
+ }.v-stepper.v-sheet {
24102
+ 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));
24103
+ border-radius: 4px;
24104
+ overflow: hidden;
24105
+ }
24106
+ .v-stepper.v-sheet.v-stepper--flat {
24107
+ 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));
24108
+ }
24109
+
24110
+ .v-stepper-header {
24111
+ 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));
24112
+ align-items: center;
24113
+ display: flex;
24114
+ position: relative;
24115
+ overflow-x: auto;
24116
+ justify-content: space-between;
24117
+ z-index: 1;
24118
+ }
24119
+ .v-stepper-header .v-divider {
24120
+ margin: 0 -16px;
24121
+ }
24122
+ .v-stepper-header .v-divider:last-child {
24123
+ margin-inline-end: 0;
24124
+ }
24125
+ .v-stepper-header .v-divider:first-child {
24126
+ margin-inline-start: 0;
24127
+ }
24128
+ .v-stepper--alt-labels .v-stepper-header {
24129
+ height: auto;
24130
+ }
24131
+ .v-stepper--alt-labels .v-stepper-header .v-divider {
24132
+ align-self: flex-start;
24133
+ margin: 35px -67px 0;
24134
+ }
24135
+
24136
+ .v-stepper-window {
24137
+ margin: 1.5rem;
24138
+ }
24139
+
24140
+ .v-stepper-actions {
24141
+ display: flex;
24142
+ align-items: center;
24143
+ justify-content: space-between;
24144
+ padding: 1rem;
24145
+ }
24146
+ .v-stepper .v-stepper-actions {
24147
+ padding: 0 1.5rem 1rem;
24148
+ }
24149
+ .v-stepper-window-item .v-stepper-actions {
24150
+ padding: 1.5rem 0 0;
24151
+ }.v-stepper-item {
24152
+ align-items: center;
24153
+ align-self: stretch;
24154
+ display: inline-flex;
24155
+ flex: none;
24156
+ outline: none;
24157
+ opacity: var(--v-medium-emphasis-opacity);
24158
+ padding: 1.5rem;
24159
+ position: relative;
24160
+ transition-duration: 0.2s;
24161
+ transition-property: opacity;
24162
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24163
+ }
24164
+ .v-stepper-item:hover > .v-stepper-item__overlay {
24165
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24166
+ }
24167
+ .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24168
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24169
+ }
24170
+ @supports not selector(:focus-visible) {
24171
+ .v-stepper-item:focus > .v-stepper-item__overlay {
24172
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24173
+ }
24174
+ }
24175
+ .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24176
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24177
+ }
24178
+ .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24179
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24180
+ }
24181
+ .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24182
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24183
+ }
24184
+ @supports not selector(:focus-visible) {
24185
+ .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24186
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24187
+ }
24188
+ }
24189
+ .v-stepper--non-linear .v-stepper-item {
24190
+ opacity: var(--v-high-emphasis-opacity);
24191
+ }
24192
+ .v-stepper-item--selected {
24193
+ opacity: 1;
24194
+ }
24195
+ .v-stepper-item--error {
24196
+ color: rgb(var(--v-theme-error));
24197
+ }
24198
+ .v-stepper-item--disabled {
24199
+ opacity: var(--v-medium-emphasis-opacity);
24200
+ pointer-events: none;
24201
+ }
24202
+ .v-stepper--alt-labels .v-stepper-item {
24203
+ flex-direction: column;
24204
+ justify-content: flex-start;
24205
+ align-items: center;
24206
+ flex-basis: 175px;
24207
+ }
24208
+
24209
+ .v-stepper-item__avatar.v-avatar {
24210
+ background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24211
+ color: rgb(var(--v-theme-on-surface-variant));
24212
+ font-size: 0.75rem;
24213
+ margin-inline-end: 8px;
24214
+ }
24215
+ .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24216
+ margin-inline-end: 0;
24217
+ }
24218
+ .v-stepper-item__avatar.v-avatar .v-icon {
24219
+ font-size: 0.875rem;
24220
+ }
24221
+ .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24222
+ background: rgb(var(--v-theme-surface-variant));
24223
+ }
24224
+ .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24225
+ background: rgb(var(--v-theme-error));
24226
+ }
24227
+ .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24228
+ margin-bottom: 16px;
24229
+ margin-inline-end: 0;
24230
+ }
24231
+
24232
+ .v-stepper-item__title {
24233
+ line-height: 1;
24234
+ }
24235
+ .v-stepper--mobile .v-stepper-item__title {
24236
+ display: none;
24237
+ }
24238
+
24239
+ .v-stepper-item__subtitle {
24240
+ font-size: 0.75rem;
24241
+ text-align: left;
24242
+ line-height: 1;
24243
+ opacity: var(--v-medium-emphasis-opacity);
24244
+ }
24245
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
24246
+ text-align: center;
24247
+ }
24248
+ .v-stepper--mobile .v-stepper-item__subtitle {
24249
+ display: none;
24250
+ }
24251
+
24252
+ .v-stepper-item__overlay {
24253
+ background-color: currentColor;
24254
+ border-radius: inherit;
24255
+ opacity: 0;
24256
+ transition: opacity 0.2s ease-in-out;
24257
+ }
24258
+
24259
+ .v-stepper-item__overlay,
24260
+ .v-stepper-item__underlay {
24261
+ position: absolute;
24262
+ top: 0;
24263
+ left: 0;
24264
+ width: 100%;
24265
+ height: 100%;
24266
+ pointer-events: none;
24100
24267
  }.v-switch .v-label {
24101
24268
  padding-inline-start: 10px;
24102
24269
  }
@@ -24178,271 +24345,142 @@ html.v-overlay-scroll-blocked {
24178
24345
  .v-switch--inset .v-switch__thumb {
24179
24346
  height: 24px;
24180
24347
  width: 24px;
24181
- transform: scale(0.6666666667);
24182
- }
24183
- .v-switch--inset .v-switch__thumb--filled {
24184
- transform: none;
24185
- }
24186
- .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24187
- transform: none;
24188
- transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24189
- }
24190
-
24191
- .v-switch.v-input {
24192
- flex: 0 1 auto;
24193
- }
24194
- .v-switch .v-selection-control {
24195
- min-height: var(--v-input-control-height);
24196
- }
24197
- .v-switch .v-selection-control__input {
24198
- border-radius: 50%;
24199
- transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24200
- position: absolute;
24201
- }
24202
- .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24203
- transform: translateX(-10px);
24204
- }
24205
-
24206
- .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24207
- transform: translateX(10px);
24208
- }
24209
-
24210
- .v-switch .v-selection-control__input .v-icon {
24211
- position: absolute;
24212
- }
24213
- .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24214
- transform: translateX(10px);
24215
- }
24216
-
24217
- .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24218
- transform: translateX(-10px);
24219
- }
24220
-
24221
- .v-switch.v-switch--indeterminate .v-selection-control__input {
24222
- transform: scale(0.8);
24223
- }
24224
- .v-switch.v-switch--indeterminate .v-switch__thumb {
24225
- transform: scale(0.75);
24226
- box-shadow: none;
24227
- }
24228
- .v-switch.v-switch--inset .v-selection-control__wrapper {
24229
- width: auto;
24230
- }
24231
- .v-switch.v-input--vertical .v-label {
24232
- min-width: max-content;
24233
- }
24234
- .v-switch.v-input--vertical .v-selection-control__wrapper {
24235
- transform: rotate(-90deg);
24236
- }
24237
-
24238
- @media (forced-colors: active) {
24239
- .v-switch .v-switch__loader .v-progress-circular {
24240
- color: currentColor;
24241
- }
24242
- .v-switch .v-switch__thumb {
24243
- background-color: buttontext;
24244
- }
24245
- .v-switch .v-switch__track,
24246
- .v-switch .v-switch__thumb {
24247
- border: 1px solid;
24248
- color: buttontext;
24249
- }
24250
- .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24251
- background-color: highlight;
24252
- }
24253
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24254
- background-color: highlight;
24255
- }
24256
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24257
- .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24258
- color: highlight;
24259
- }
24260
- .v-switch.v-switch--inset .v-switch__track {
24261
- border-width: 2px;
24262
- }
24263
- .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24264
- background-color: highlighttext;
24265
- color: highlighttext;
24266
- }
24267
- .v-switch.v-input--disabled .v-switch__thumb {
24268
- background-color: graytext;
24269
- }
24270
- .v-switch.v-input--disabled .v-switch__track,
24271
- .v-switch.v-input--disabled .v-switch__thumb {
24272
- color: graytext;
24273
- }
24274
- .v-switch.v-switch--loading .v-switch__thumb {
24275
- background-color: canvas;
24276
- }
24277
- .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24278
- border-width: 0;
24279
- }
24280
- }.v-stepper.v-sheet {
24281
- 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));
24282
- border-radius: 4px;
24283
- overflow: hidden;
24284
- }
24285
- .v-stepper.v-sheet.v-stepper--flat {
24286
- 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));
24287
- }
24288
-
24289
- .v-stepper-header {
24290
- 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));
24291
- align-items: center;
24292
- display: flex;
24293
- position: relative;
24294
- overflow-x: auto;
24295
- justify-content: space-between;
24296
- z-index: 1;
24297
- }
24298
- .v-stepper-header .v-divider {
24299
- margin: 0 -16px;
24300
- }
24301
- .v-stepper-header .v-divider:last-child {
24302
- margin-inline-end: 0;
24303
- }
24304
- .v-stepper-header .v-divider:first-child {
24305
- margin-inline-start: 0;
24306
- }
24307
- .v-stepper--alt-labels .v-stepper-header {
24308
- height: auto;
24309
- }
24310
- .v-stepper--alt-labels .v-stepper-header .v-divider {
24311
- align-self: flex-start;
24312
- margin: 35px -67px 0;
24313
- }
24314
-
24315
- .v-stepper-window {
24316
- margin: 1.5rem;
24317
- }
24318
-
24319
- .v-stepper-actions {
24320
- display: flex;
24321
- align-items: center;
24322
- justify-content: space-between;
24323
- padding: 1rem;
24324
- }
24325
- .v-stepper .v-stepper-actions {
24326
- padding: 0 1.5rem 1rem;
24327
- }
24328
- .v-stepper-window-item .v-stepper-actions {
24329
- padding: 1.5rem 0 0;
24330
- }.v-stepper-item {
24331
- align-items: center;
24332
- align-self: stretch;
24333
- display: inline-flex;
24334
- flex: none;
24335
- outline: none;
24336
- opacity: var(--v-medium-emphasis-opacity);
24337
- padding: 1.5rem;
24338
- position: relative;
24339
- transition-duration: 0.2s;
24340
- transition-property: opacity;
24341
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24342
- }
24343
- .v-stepper-item:hover > .v-stepper-item__overlay {
24344
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24345
- }
24346
- .v-stepper-item:focus-visible > .v-stepper-item__overlay {
24347
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24348
- }
24349
- @supports not selector(:focus-visible) {
24350
- .v-stepper-item:focus > .v-stepper-item__overlay {
24351
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24352
- }
24353
- }
24354
- .v-stepper-item--active > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true] > .v-stepper-item__overlay {
24355
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
24356
- }
24357
- .v-stepper-item--active:hover > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:hover > .v-stepper-item__overlay {
24358
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
24348
+ transform: scale(0.6666666667);
24359
24349
  }
24360
- .v-stepper-item--active:focus-visible > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-stepper-item__overlay {
24361
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24350
+ .v-switch--inset .v-switch__thumb--filled {
24351
+ transform: none;
24362
24352
  }
24363
- @supports not selector(:focus-visible) {
24364
- .v-stepper-item--active:focus > .v-stepper-item__overlay, .v-stepper-item[aria-haspopup=menu][aria-expanded=true]:focus > .v-stepper-item__overlay {
24365
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
24366
- }
24353
+ .v-switch--inset .v-selection-control--dirty .v-switch__thumb {
24354
+ transform: none;
24355
+ transition: 0.15s 0.05s transform cubic-bezier(0, 0, 0.2, 1);
24367
24356
  }
24368
- .v-stepper--non-linear .v-stepper-item {
24369
- opacity: var(--v-high-emphasis-opacity);
24357
+
24358
+ .v-switch.v-input {
24359
+ flex: 0 1 auto;
24370
24360
  }
24371
- .v-stepper-item--selected {
24372
- opacity: 1;
24361
+ .v-switch .v-selection-control {
24362
+ min-height: var(--v-input-control-height);
24373
24363
  }
24374
- .v-stepper-item--error {
24375
- color: rgb(var(--v-theme-error));
24364
+ .v-switch .v-selection-control__input {
24365
+ border-radius: 50%;
24366
+ transition: 0.2s transform cubic-bezier(0.4, 0, 0.2, 1);
24367
+ position: absolute;
24376
24368
  }
24377
- .v-stepper-item--disabled {
24378
- opacity: var(--v-medium-emphasis-opacity);
24379
- pointer-events: none;
24369
+ .v-locale--is-ltr.v-switch .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control__input {
24370
+ transform: translateX(-10px);
24380
24371
  }
24381
- .v-stepper--alt-labels .v-stepper-item {
24382
- flex-direction: column;
24383
- justify-content: flex-start;
24384
- align-items: center;
24385
- flex-basis: 175px;
24372
+
24373
+ .v-locale--is-rtl.v-switch .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control__input {
24374
+ transform: translateX(10px);
24386
24375
  }
24387
24376
 
24388
- .v-stepper-item__avatar.v-avatar {
24389
- background: rgba(var(--v-theme-surface-variant), var(--v-medium-emphasis-opacity));
24390
- color: rgb(var(--v-theme-on-surface-variant));
24391
- font-size: 0.75rem;
24392
- margin-inline-end: 8px;
24377
+ .v-switch .v-selection-control__input .v-icon {
24378
+ position: absolute;
24393
24379
  }
24394
- .v-stepper--mobile .v-stepper-item__avatar.v-avatar {
24395
- margin-inline-end: 0;
24380
+ .v-locale--is-ltr.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-ltr .v-switch .v-selection-control--dirty .v-selection-control__input {
24381
+ transform: translateX(10px);
24396
24382
  }
24397
- .v-stepper-item__avatar.v-avatar .v-icon {
24398
- font-size: 0.875rem;
24383
+
24384
+ .v-locale--is-rtl.v-switch .v-selection-control--dirty .v-selection-control__input, .v-locale--is-rtl .v-switch .v-selection-control--dirty .v-selection-control__input {
24385
+ transform: translateX(-10px);
24399
24386
  }
24400
- .v-stepper-item--selected .v-stepper-item__avatar.v-avatar, .v-stepper-item--complete .v-stepper-item__avatar.v-avatar {
24401
- background: rgb(var(--v-theme-surface-variant));
24387
+
24388
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
24389
+ transform: scale(0.8);
24402
24390
  }
24403
- .v-stepper-item--error .v-stepper-item__avatar.v-avatar {
24404
- background: rgb(var(--v-theme-error));
24391
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
24392
+ transform: scale(0.75);
24393
+ box-shadow: none;
24405
24394
  }
24406
- .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
24407
- margin-bottom: 16px;
24408
- margin-inline-end: 0;
24395
+ .v-switch.v-switch--inset .v-selection-control__wrapper {
24396
+ width: auto;
24409
24397
  }
24410
-
24411
- .v-stepper-item__title {
24412
- line-height: 1;
24398
+ .v-switch.v-input--vertical .v-label {
24399
+ min-width: max-content;
24413
24400
  }
24414
- .v-stepper--mobile .v-stepper-item__title {
24415
- display: none;
24401
+ .v-switch.v-input--vertical .v-selection-control__wrapper {
24402
+ transform: rotate(-90deg);
24416
24403
  }
24417
24404
 
24418
- .v-stepper-item__subtitle {
24405
+ @media (forced-colors: active) {
24406
+ .v-switch .v-switch__loader .v-progress-circular {
24407
+ color: currentColor;
24408
+ }
24409
+ .v-switch .v-switch__thumb {
24410
+ background-color: buttontext;
24411
+ }
24412
+ .v-switch .v-switch__track,
24413
+ .v-switch .v-switch__thumb {
24414
+ border: 1px solid;
24415
+ color: buttontext;
24416
+ }
24417
+ .v-switch:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24418
+ background-color: highlight;
24419
+ }
24420
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track {
24421
+ background-color: highlight;
24422
+ }
24423
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__track,
24424
+ .v-switch:not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24425
+ color: highlight;
24426
+ }
24427
+ .v-switch.v-switch--inset .v-switch__track {
24428
+ border-width: 2px;
24429
+ }
24430
+ .v-switch.v-switch--inset:not(.v-switch--loading):not(.v-input--disabled) .v-selection-control--dirty .v-switch__thumb {
24431
+ background-color: highlighttext;
24432
+ color: highlighttext;
24433
+ }
24434
+ .v-switch.v-input--disabled .v-switch__thumb {
24435
+ background-color: graytext;
24436
+ }
24437
+ .v-switch.v-input--disabled .v-switch__track,
24438
+ .v-switch.v-input--disabled .v-switch__thumb {
24439
+ color: graytext;
24440
+ }
24441
+ .v-switch.v-switch--loading .v-switch__thumb {
24442
+ background-color: canvas;
24443
+ }
24444
+ .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
+ border-width: 0;
24446
+ }
24447
+ }.v-system-bar {
24448
+ align-items: center;
24449
+ display: flex;
24450
+ flex: 1 1 auto;
24451
+ height: 24px;
24452
+ justify-content: flex-end;
24453
+ max-width: 100%;
24454
+ padding-inline: 8px;
24455
+ position: relative;
24456
+ text-align: end;
24457
+ width: 100%;
24458
+ 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));
24459
+ background: rgba(var(--v-theme-surface-light));
24460
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24419
24461
  font-size: 0.75rem;
24420
- text-align: left;
24421
- line-height: 1;
24462
+ font-weight: 400;
24463
+ letter-spacing: 0.0333333333em;
24464
+ line-height: 1.667;
24465
+ text-transform: none;
24466
+ }
24467
+ .v-system-bar .v-icon {
24422
24468
  opacity: var(--v-medium-emphasis-opacity);
24423
24469
  }
24424
- .v-stepper--alt-labels .v-stepper-item__subtitle {
24425
- text-align: center;
24470
+ .v-system-bar--absolute {
24471
+ position: absolute;
24426
24472
  }
24427
- .v-stepper--mobile .v-stepper-item__subtitle {
24428
- display: none;
24473
+ .v-system-bar--fixed {
24474
+ position: fixed;
24429
24475
  }
24430
-
24431
- .v-stepper-item__overlay {
24432
- background-color: currentColor;
24433
- border-radius: inherit;
24434
- opacity: 0;
24435
- transition: opacity 0.2s ease-in-out;
24476
+ .v-system-bar--rounded {
24477
+ border-radius: 0;
24436
24478
  }
24437
-
24438
- .v-stepper-item__overlay,
24439
- .v-stepper-item__underlay {
24440
- position: absolute;
24441
- top: 0;
24442
- left: 0;
24443
- width: 100%;
24444
- height: 100%;
24445
- pointer-events: none;
24479
+ .v-system-bar--window {
24480
+ height: 32px;
24481
+ }
24482
+ .v-system-bar:not(.v-system-bar--absolute) {
24483
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24446
24484
  }.v-tab.v-tab.v-btn {
24447
24485
  height: var(--v-tabs-height);
24448
24486
  border-radius: 0;
@@ -24538,43 +24576,6 @@ html.v-overlay-scroll-blocked {
24538
24576
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24539
24577
  margin-inline-end: 52px;
24540
24578
  }
24541
- }.v-system-bar {
24542
- align-items: center;
24543
- display: flex;
24544
- flex: 1 1 auto;
24545
- height: 24px;
24546
- justify-content: flex-end;
24547
- max-width: 100%;
24548
- padding-inline: 8px;
24549
- position: relative;
24550
- text-align: end;
24551
- width: 100%;
24552
- 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));
24553
- background: rgba(var(--v-theme-surface-light));
24554
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24555
- font-size: 0.75rem;
24556
- font-weight: 400;
24557
- letter-spacing: 0.0333333333em;
24558
- line-height: 1.667;
24559
- text-transform: none;
24560
- }
24561
- .v-system-bar .v-icon {
24562
- opacity: var(--v-medium-emphasis-opacity);
24563
- }
24564
- .v-system-bar--absolute {
24565
- position: absolute;
24566
- }
24567
- .v-system-bar--fixed {
24568
- position: fixed;
24569
- }
24570
- .v-system-bar--rounded {
24571
- border-radius: 0;
24572
- }
24573
- .v-system-bar--window {
24574
- height: 32px;
24575
- }
24576
- .v-system-bar:not(.v-system-bar--absolute) {
24577
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24578
24579
  }.v-table {
24579
24580
  background: rgb(var(--v-theme-surface));
24580
24581
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25496,6 +25497,28 @@ html.v-overlay-scroll-blocked {
25496
25497
  }
25497
25498
  .v-color-picker-edit__input span {
25498
25499
  font-size: 0.75rem;
25500
+ }.v-color-picker-canvas {
25501
+ display: flex;
25502
+ position: relative;
25503
+ overflow: hidden;
25504
+ contain: content;
25505
+ touch-action: none;
25506
+ }
25507
+ .v-color-picker-canvas__dot {
25508
+ position: absolute;
25509
+ top: 0;
25510
+ left: 0;
25511
+ width: 15px;
25512
+ height: 15px;
25513
+ background: transparent;
25514
+ border-radius: 50%;
25515
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25516
+ }
25517
+ .v-color-picker-canvas__dot--disabled {
25518
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25519
+ }
25520
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25521
+ will-change: transform;
25499
25522
  }.v-color-picker-preview__alpha .v-slider-track__background {
25500
25523
  background-color: transparent !important;
25501
25524
  }
@@ -25566,28 +25589,6 @@ html.v-overlay-scroll-blocked {
25566
25589
  .v-color-picker-preview__eye-dropper {
25567
25590
  position: relative;
25568
25591
  margin-right: 12px;
25569
- }.v-color-picker-canvas {
25570
- display: flex;
25571
- position: relative;
25572
- overflow: hidden;
25573
- contain: content;
25574
- touch-action: none;
25575
- }
25576
- .v-color-picker-canvas__dot {
25577
- position: absolute;
25578
- top: 0;
25579
- left: 0;
25580
- width: 15px;
25581
- height: 15px;
25582
- background: transparent;
25583
- border-radius: 50%;
25584
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25585
- }
25586
- .v-color-picker-canvas__dot--disabled {
25587
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25588
- }
25589
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25590
- will-change: transform;
25591
25592
  }.v-color-picker-swatches {
25592
25593
  overflow-y: auto;
25593
25594
  }